:root{--color-bg: #F6FFF1;--color-bg-auth: #F6FFF1;--nav-drawer-bg: #0a3100;--color-card-auth: rgba(255, 255, 255, .2);--color-bg-auth-inner-cirlce: #b9ffbf;--color-bg-auth-outer-cirlce: #f3fff2;--color-toaster: #00500d;--color-fg: #001D0A;--color-fg-subtext: #494949;--color-fg-alt: #F6FFF1;--color-fg-table-header: #F6FFF1;--color-primary: #00470C;--color-accent: #009C1A;--color-action-button: #009C1A;--color-action-button-hover: #00470C;--color-secondary: #64db7a;--color-secondary-hover: #051608;--color-tertiary-button: #008b85;--color-tertiary-button-hover: #003068;--color-hover: #003F0A;--color-hover-upload-box: #acffb3;--card-table-row-hover: #5bff68;--color-row: #003F0A;--color-bg-table-row-alt: #cdffb2;--color-th-border: #005f10;--card-box-shadow: rgba(0, 0, 0, .5);--card-gradient-one: rgba(73, 73, 73, .5);--card-gradient-two: rgba(34, 34, 34, .5);--card-gradient-one-hover: rgba(100, 100, 100, .5);--card-gradient-two-hover: rgba(56, 56, 56, .5);--card-gradient-background-one: #F6FFF1;--card-gradient-background-two: #E0FDD1;--card-gradient-background-three: #C8FFCD;--card-mouse-hover-effect: #75FF8CB3;--card-border-hover: rgba(3, 77, 0, .5);--color-table-border: #76b883;--color-table-header: #72FF8F;--color-table-background: #B4FFC3;--color-table-background-alt: #D7ffDf;--color-table-background-hover: #86ff9e;--color-table-page-button-disabled: #8dfda3;--color-table-action-button-hover: #008f1d;--color-profile-drop-down: #dfffe5;--color-hover-drop-down: #57e070;--color-pdf-card: #49ff67}[data-theme=dark]{--color-bg: #000E04;--color-bg-auth: #000E04;--nav-drawer-bg: #001d08;--color-card-auth: rgba(31, 31, 31, .226);--color-bg-auth-inner-cirlce: #001D0A;--color-bg-auth-outer-cirlce: #000A03;--color-fg: #F6FFF1;--color-fg-subtext: #919191;--color-fg-alt: #001D0A;--color-primary: #00470C;--color-accent: #009C1A;--color-secondary: #53915e;--color-secondary-hover: #E5FFE9;--color-hover: #002E08;--color-hover-upload-box: #003F0A;--color-bg-table-row-alt: #002C0F;--color-th-border: #00FF2A6E;--card-table-row-header: #005a20;--card-table-row-hover: #00581f;--card-box-shadow: rgba(255, 255, 255, .2);--card-gradient-one-hover: rgba(100, 100, 100, .5);--card-gradient-two-hover: rgba(56, 56, 56, .5);--card-gradient-background-one: #001D0A;--card-gradient-background-two: #00270E;--card-gradient-background-three: #003B16;--card-mouse-hover-effect: #525252B3;--card-border-hover: rgba(255, 255, 255, .5);--color-table-border: #579146;--color-table-header: #000E04;--color-table-background: #001807;--color-table-background-alt: #002B0C;--color-table-background-hover: #004211;--color-table-page-button-disabled: #14351e;--color-table-action-button: #6fff76;--color-table-action-button-hover: #53c058;--color-profile-drop-down: #00470C;--color-hover-drop-down: #002E08;--color-pdf-card: #00470C}*{box-sizing:border-box}body{background-color:var(--color-bg);color:var(--color-fg);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0;padding:0;transition:background-color .3s ease,color .3s ease}h1{font-size:2vw;font-weight:700}h2{font-size:1.7vw;font-weight:700}h3,h4,h5,h6{font-weight:700}hr{border:2px solid var(--color-fg);border-radius:50px}.btn-primary{background-color:var(--color-primary);color:var(--color-fg);border:none;padding:.6em 1.2em;border-radius:4px;cursor:pointer;transition:background-color .3s ease}.btn-primary:hover{background-color:var(--color-accent)}.field{background-color:var(--color-accent);color:var(--color-fg);padding:.5em;border-radius:4px;border:1px solid var(--color-primary)}.text-fg{color:var(--color-fg)}.bg-primary{background-color:var(--color-primary)}.bg-accent{background-color:var(--color-accent)}.bg-default{background-color:var(--color-bg)}.text-fg-const{color:#f6fff1}.theme-switcher-light-mode,.theme-switcher-dark-mode{color:var(--color-fg)}.theme-switcher-light-mode:hover,.theme-switcher-dark-mode:hover{transition:all .3s ease-in-out;color:var(--color-accent)}.flex-center-row,.flex-center-column{display:flex;align-items:center;justify-content:center}.flex-between-row,.flex-between-column{display:flex;align-items:center;justify-content:space-between}.flex-center-column,.flex-between-column{flex-direction:column}.hidden{display:none}.dashboard-container{width:100%;height:100%}@media(max-width:600px){.dashboard-container{margin-bottom:80px}}.dashboard-cards-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(500px,1fr));align-items:center;max-width:100%;height:100%;gap:60px 50px;padding:20px}.form-cards-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(500px,1fr));justify-items:center;align-items:center;max-width:100%;height:100%;gap:5px 60px;padding:20px}@media(max-width:1460px){.form-cards-container{grid-template-columns:repeat(auto-fill,minmax(310px,1fr))}}@media(max-width:500px){.form-cards-container{grid-template-columns:repeat(auto-fill,minmax(385px,-1fr))}}.form-field{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;margin-top:3%}.form-field-select{width:100%;height:100%}.dashboard-card{width:250px;height:250px}.dashboard-card-expand{grid-column:span 2;grid-row:span 2;width:500px;height:500px}.text-center{text-align:center}.text-underline{text-decoration:underline}.embla{overflow:hidden}.embla__container{display:flex;gap:5px}.embla__slide{flex:0 0 100%}.embla__dots{display:flex;justify-content:center;margin-top:1rem}.embla__dot{transition:.2s all ease-in-out;width:.8vw;height:.8vw;border-radius:50%;margin:0 5px;background:var(--color-fg);border:none;cursor:pointer}.embla__dot.is-selected{background:#007500}.view-attachment-container{position:absolute;left:3vw;width:93%;height:80vh;z-index:3}.disabled-cursor{cursor:not-allowed}:root{scrollbar-width:thin;scrollbar-color:var(--color-primary) rgb(175,255,151)}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:var(--color-bg);border-radius:10px}::-webkit-scrollbar-thumb{background:var(--color-accent);border-radius:10px;border:2px solid var(--color-bg);transition:background-color .3s ease}::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}[data-theme=dark]{scrollbar-width:thin;scrollbar-color:var(--color-accent) #003811}[data-theme=dark] ::-webkit-scrollbar-track{background:var(--color-bg)}[data-theme=dark] ::-webkit-scrollbar-thumb{background:var(--color-accent);border:2px solid var(--color-bg)}[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:var(--color-secondary)}:root{--card-width-desktop: 30vw;--card-height-desktop: 85vh;--form-left-desktop: 60vw;--form-top-desktop: 7.5vh;--info-width-desktop: 35vw;--info-height-desktop: 35vh;--info-left-desktop: 8vw;--info-top-desktop: 32.5vh;--theme-switcher-size: 4vw;--trade-logo-size: 30vw;--auth-title-font-size: 1.5rem;--gutter: 1rem}.theme-siwtcher-container{position:fixed;right:1rem;top:1rem;width:44px;height:44px;display:flex;justify-content:center;align-items:center;z-index:999}.portal-over-view-container{position:absolute;z-index:2;width:100vw;height:100vh;background-color:#00000080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.portal-over-view-card-container{width:80%;height:80%}.portal-overview-close-container{width:100%;height:5vh;display:flex;justify-content:flex-end;transition:.2s color ease-in-out}.portal-overview-close-container:hover{color:red}.portal-overview-video-container{width:100%;height:70vh}.form-container{position:relative;width:calc(100% - 2rem);max-width:500px;margin:1.5rem auto;height:auto;min-height:60vh;background-color:var(--color-card-auth);border-radius:20px;box-shadow:0 0 20px 2px var(--card-box-shadow);padding:1rem;overflow:hidden;box-sizing:border-box}.auth-form-disclaimer-view{position:fixed;z-index:2;width:100vw;height:100vh;background-color:#00000080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.trade-logo{width:var(--trade-logo-size)}.auth-title{font-size:var(--auth-title-font-size)}.info-container{position:relative;width:100%;height:auto;margin:.75rem 0;border-left:none;padding-top:12px;padding-left:18px;display:flex;flex-direction:column;justify-content:center;box-sizing:border-box}.auth-mode-info-container{display:none}.manual-link{width:50%;display:flex;align-items:center}.manual-link a{margin-left:10%}.additional-option-button button{background-color:transparent;border:none;color:var(--color-fg-subtext);cursor:pointer;transition:.2s ease color;padding:.25rem .5rem}.additional-option-button button:hover{color:var(--color-fg)}@media(min-width:1008px){.theme-siwtcher-container{right:0;top:.75rem;width:var(--theme-switcher-size);height:var(--theme-switcher-size);position:absolute}.form-container{position:absolute;width:var(--card-width-desktop);height:var(--card-height-desktop);left:var(--form-left-desktop);top:var(--form-top-desktop);margin:0;min-height:0}.info-container{position:absolute;width:var(--info-width-desktop);height:var(--info-height-desktop);left:var(--info-left-desktop);top:var(--info-top-desktop);border-left:solid 6px var(--color-action-button);border-left-width:10px;padding-top:20px;padding-left:30px}.logo-container,.auth-mode-info-container{width:fit-content;height:fit-content}.auth-mode-info-container,.auth-title{display:block}}@media(min-width:1008px){:root{--card-width-desktop: 30vw;--card-height-desktop: 85vh;--form-left-desktop: 60vw;--form-top-desktop: 7.5vh;--info-width-desktop: 35vw;--info-height-desktop: 45vh;--info-left-desktop: 8vw;--info-top-desktop: 27.5vh;--trade-logo-size: 15vw;--auth-title-font-size: 1.8rem}}.auth-disclaimer-view{width:100%;height:100%}.theme-switcher-button{background-color:transparent;border:none;cursor:pointer}.login-form-container{width:100%;height:100%}.login-button-container{width:80%;margin-top:12%}.login-additional-options{font-size:14px;font-weight:700;color:var(--color-fg-subtext);margin-top:10%}.login-additional-option button{font-weight:700}.action-button{background-color:var(--color-action-button);color:var(--color-fg);font-weight:500;border:none;border-radius:25px;font-size:1rem;cursor:pointer;transition:background-color .2s ease-in-out,transform .1s ease-in-out,color .2s ease;width:100%;height:5vh;max-width:100%;white-space:nowrap;display:flex;justify-content:center;align-items:center}.action-button:hover{background-color:var(--color-action-button-hover, #0056b3);color:#fff;transform:scale(1.02)}.action-button:disabled{opacity:.6;cursor:not-allowed}@media(max-width:480px){.action-button{font-size:.9rem;padding:.5em 1em;width:100%;white-space:normal}}@media(min-width:768px){.action-button{font-size:1.1rem;padding:.8em 1.5em}}.input-wrapper{display:flex;flex-direction:column;margin-bottom:2rem;width:100%;max-width:400px}.input-label{margin-bottom:.5rem;font-weight:500;color:var(--color-fg)}.input-field{padding:.6em 1em;border:none;border-bottom:2px solid var(--color-fg);background-color:transparent;color:var(--color-fg);font-size:.9rem;transition:border-color .3s ease}.input-field:focus{outline:none;border-color:var(--color-accent)}@media(max-width:600px){.input-wrapper{max-width:100%}}.register-form-container{width:100%;height:100%}.register-button-container{width:90%}.register-additional-options{font-size:14px;font-weight:700;color:var(--color-fg-subtext);margin-top:5%}.register-additional-option{transition:.2s ease color}.register-additional-option button{font-weight:700}.register-additional-option:hover{cursor:pointer;color:var(--color-fg)}.forgot-password-form-container{width:100%;height:70vh}.forgot-password-input-box{width:100%}.forgot-password-button-container{width:90%;height:17%;margin-top:13%}.secondary-button{background-color:var(--color-secondary);color:var(--color-fg);font-weight:500;border:none;border-radius:25px;font-size:1rem;cursor:pointer;transition:background-color .2s ease-in-out,color .2s ease-in-out,transform .1s ease-in-out;width:100%;height:5vh;max-width:100%;white-space:nowrap;display:flex;justify-content:center;align-items:center}.secondary-button:hover{color:var(--color-fg-alt);background-color:var(--color-secondary-hover);transform:scale(1.02)}.secondary-button:disabled{opacity:.6;cursor:not-allowed}@media(max-width:480px){.secondary-button{font-size:.9rem;padding:.5em 1em;width:100%;white-space:normal}}@media(min-width:768px){.secondary-button{font-size:1.1rem;padding:.8em 1.5em}}.otp-input-box-container{width:100%;height:100%}.otp-input-box-container input{width:14%;height:100%;color:var(--color-fg);background-color:transparent;border:solid .2vw var(--color-primary);border-radius:.7vw;font-size:2rem;text-align:center;transition:all ease-in-out .2s}.otp-input-box-container input:focus{outline:none;border:solid .2vw var(--color-accent)}.verify-otp-btn-container{width:70%;margin-top:2%}.otp-form-container{width:100%;height:70vh}.otp-container{width:90%;height:8vh}.otp-button-container{width:90%;height:13vh;margin-top:12%}.cnic-form-container{width:100%;height:60vh}.cnic-input-box{width:100%}.cnic-button-container{width:90%;height:12vh;margin-top:12%}.additional-form-container{width:100%;height:100%}.additional-button-container{width:90%;height:12vh;margin-top:3%}.auth-background{position:absolute;left:0;width:0;width:100vw;height:100vh;background-color:var(--color-bg-auth);overflow:hidden}.auth-background-circle{position:absolute;left:27vw;top:15vh;width:45vw;height:45vw;background:radial-gradient(var(--color-bg-auth-inner-cirlce) 30%,var(--color-bg-auth-outer-cirlce));border-radius:100%;filter:blur(5px)}.auth-background-circle:nth-child(2){width:25vw;height:25vw;top:60vh;left:-5vw}.auth-background-circle:nth-child(3){width:35vw;height:35vw;left:75vw;top:-15vh}.disclaimer-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.disclaimer-card-container{width:100vw;height:fit-content;overflow-y:auto}.disclaimer-card{width:100%;height:100%;padding:20px;border:solid 2px rgba(255,255,255,.15);border-radius:1.5vw;background:linear-gradient(-45deg,var(--card-gradient-background-one),var(--card-gradient-background-two),var(--card-gradient-background-three),var(--card-gradient-background-one));background-size:500% 500%;cursor:pointer;overflow:hidden;display:flex;flex-direction:column;justify-content:center;border:solid 2px var(--card-border-hover);animation:gradientShift 10s ease-in infinite}.disclaimer-content-container h1{font-size:1.5rem;text-align:center}.disclaimer-content-container h3{font-size:1.3rem}.disclaimer-content-container p,li{font-size:1.1rem}.disclaimer-button-container{width:fit-content;justify-content:space-evenly;margin-top:5vh;gap:20px}@media(max-width:1000px){.disclaimer-card-container{max-height:80vh}}.card-view-container,.card-view-container-without-hover{width:100%;height:100%;padding:20px;border:solid 2px rgba(255,255,255,.15);border-radius:1.5vw;box-shadow:0 0 10px var(--card-box-shadow);background:linear-gradient(-45deg,var(--card-gradient-background-one),var(--card-gradient-background-two),var(--card-gradient-background-three),var(--card-gradient-background-one));background-size:500% 500%;cursor:pointer;overflow:hidden;display:flex;flex-direction:column;justify-content:center;transition:transform .2s ease-in-out,border .2s ease-in-out,animation .2s ease-in-out}.card-view-container:hover{transform:scale(1.02);border:solid 2px var(--card-border-hover);animation:gradientShift 10s ease-in infinite}.card-view-background{position:relative;z-index:1}.card-glow{position:absolute;width:200px;height:200px;pointer-events:none;transform:translate(-50%,-50%);background:radial-gradient(circle,var(--card-mouse-hover-effect) 0%,transparent 60%);filter:blur(30px);z-index:0}@media(max-width:700px){.card-view-container{width:90vw}}.drawer-container{position:fixed;z-index:3;width:15vw;height:100vh;left:0;top:0;transition:all .3s ease-in-out}.drawer-container-contract{width:5vw}.main-container{position:absolute;width:82vw;min-height:93vh;right:0;top:7vh;overflow-y:hidden}.main-container-expand{width:93vw}.top-bar{position:fixed;right:0;top:0;z-index:2;width:100%;height:7vh;background-color:var(--color-bg);display:flex;align-items:center;border-bottom:solid 2px var(--color-fg);transition:all .3s ease-in-out}.top-bar-empty-space{width:93%;height:7vh}@media(max-width:700px){.top-bar-empty-space{width:100%}}.profile-icon-container{margin-right:1.5%}.theme-switcher-container{margin-right:1%}.main-background{position:fixed;left:15vw;width:85vw;height:100vh;top:0;z-index:-1;overflow:hidden}@media(max-width:700px){.main-background{left:0;width:100vw}}.main-background-circle{position:absolute;left:30%;top:20%;width:30vw;height:30vw;background:radial-gradient(var(--color-bg-auth-inner-cirlce) 30%,var(--color-bg-auth-outer-cirlce));border-radius:100%;filter:blur(5px)}.main-background-circle:nth-child(2){width:25vw;height:25vw;top:60%;left:-5%}.main-background-circle:nth-child(3){width:35vw;height:35vw;left:75vw;top:-15vh}.content-area{padding-right:3%;box-sizing:border-box;margin-top:2%;width:100%}@media(max-width:700px){.drawer-container{width:100vw;height:8vh;top:92vh;z-index:1}.nav-header h4,.nav-options-text-container h4{font-size:4vw}.nav-header img{width:8vw}.nav-buttons{max-height:none}.nav-footer{height:auto}.main-container{width:100vw;min-height:85vh}}.nav-drawer-button{height:40px;background-color:transparent;border:none;border-left:solid 3px transparent;color:#fff;cursor:pointer;display:flex;align-items:center;width:100%;gap:10%;box-sizing:border-box;padding:5%;font-size:.9vw;transition:background-color .2s ease-in-out}.icon{transition:all .2s ease-in-out}.nav-drawer-button-title{word-wrap:normal;text-align:start}.nav-drawer-button:hover,.nav-drawer-button-selected{background-color:var(--color-hover);border-left:solid 3px var(--color-accent)}@media(max-width:700px){.nav-drawer-button{flex-direction:column;gap:0;height:100%}.nav-drawer-button-selected{border-bottom:solid 3px var(--color-accent);border-left:none}.nav-drawer-button:hover{border-left:none}.nav-drawer-button-title{display:none!important}}.nav-drawer{display:flex;flex-direction:column;justify-content:space-between;width:100%;height:100%;background-color:var(--nav-drawer-bg);box-shadow:5px 0 10px var(--card-box-shadow);transition:background-color .2s ease-in-out}.nav-drawer.expanded{width:5vw}.nav-header{max-width:100%;height:7%;display:flex;align-items:center;justify-content:space-between;padding-left:15px;padding-right:10px;box-sizing:border-box;transition:all .2s ease-in-out}.nav-header h4{font-size:1vw}.nav-header img{width:2vw}.nav-header-contract{justify-content:center}.layout-switcher-button{height:3vh;width:3vh;margin-top:5px;border-radius:50%;border:none;background-color:transparent;cursor:pointer;display:flex;justify-content:center;align-items:center;transition:all .3s ease-in-out}.nav-header h4{color:#fff}.headernav-header img{width:20px}.nav-options-text-container{width:100%;height:15%;box-sizing:border-box;padding-left:17px;transition:all .3s ease-in-out}.nav-options-text-container h4{font-size:1vw;color:#fff;transition:all .3s ease-in-out}.nav-buttons{width:100%;max-height:60%;overflow-y:auto;display:flex;flex-direction:column;align-items:center;justify-content:space-between;overflow-x:hidden;transition:all .3s ease-in-out}.nav-main-menu-container{width:100%}.nav-footer{width:100%;height:33%;overflow-y:auto}@media(max-width:700px){.nav-drawer{height:100%;box-shadow:5px 0 10px var(--card-box-shadow)}.nav-header{display:none}.nav-buttons{max-height:100%}.nav-main-menu-container{display:flex;justify-content:space-between;align-items:center}.nav-footer,.nav-options-text-container{display:none}}@media(max-width:400px){.nav-main-menu-container{overflow:hidden}}.profile-icon-wrapper{position:relative;display:inline-block}.profile-icon{background-color:transparent;border:none;cursor:pointer}.profile-drop-down{position:absolute;right:0vw;top:100%;width:10vw;height:fit-content;background-color:var(--color-profile-drop-down);box-shadow:0 0 15px var(--card-box-shadow);border-radius:10px;overflow:hidden}.dropdown-content{align-items:start}.dropdown-content p{padding:10px 5px 10px 10px;transition:.2s all ease-in-out;cursor:pointer;font-weight:500}.dropdown-content p:hover{background-color:var(--color-hover-drop-down)}.change-password-box{position:fixed;width:30%;height:80%;left:40%;top:12%;border:solid 2px rgba(255,255,255,.15);border-radius:1.5vw;box-shadow:0 0 10px var(--card-box-shadow);background:linear-gradient(-45deg,var(--card-gradient-background-one),var(--card-gradient-background-two),var(--card-gradient-background-three),var(--card-gradient-background-one));background-size:500% 500%;animation:gradientShift 10s ease-in infinite}@media(max-width:1600px){.change-password-box{width:28vw;height:77vh;left:42vw;padding:1vw}}@media(max-width:1300px){.change-password-box{width:35vw;height:80vh;left:40vw;padding:1vw}}@media(max-width:1000px){.change-password-box{width:40vw;height:80vh;left:35vw;padding:1vw}}@media(max-width:700px){.change-password-box{width:65vw;height:77vh;left:20vw;top:10%;padding:5vw}}@media(max-width:600px){.change-password-box{width:65vw;height:80vh;left:20vw;top:9%;padding:5vw}}@media(max-width:400px){.change-password-box{width:90vw;height:80vh;left:5vw;padding:5vw}}@media(max-width:900px){.profile-drop-down{width:30vw}}.doughnut-slides{display:flex;align-items:center;justify-content:space-between}.doughnut-slides h1{font-size:2rem}@media(max-width:700px){.doughnut-slides{flex-direction:column}}.table-filter-input{height:40px;background-color:transparent;outline:none}.tan-stack-table{width:100%;margin-top:20px;border-collapse:collapse;border:1px solid var(--color-table-border)}.tan-stack-table thead tr th{height:40px;font-size:large;font-weight:700;padding:10px;text-align:left;background-color:var(--color-table-header)}.tan-stack-table th,.tan-stack-table td{padding:8px;font-weight:400;border:2px solid var(--color-table-border)}.tan-stack-table tbody tr:nth-child(2n){background-color:var(--color-table-background)}.tan-stack-table tbody tr:nth-child(odd){background-color:var(--color-table-background-alt)}.tan-stack-table tbody tr:hover{transition:.2s ease-in-out all;background-color:var(--color-table-background-hover)}.page-buttons{width:16vw}.page-buttons button{display:flex;justify-content:center;align-items:center;height:30px;width:30px;font-weight:700;font-size:medium;background-color:transparent;color:#fff;border:none;background-color:var(--color-toaster);border-radius:8px;cursor:pointer}.page-buttons button:disabled{color:gray;background-color:var(--color-table-page-button-disabled);cursor:not-allowed}.table-action-button{width:fit-content;height:40px;background-color:transparent;border:none;font-weight:700;color:var(--color-fg);cursor:pointer;transition:.2s ease-in-out color}.table-action-button:hover{color:var(--color-table-action-button-hover)}.table-delete-row-button:hover{color:red}.tan-stack-table-container{overflow-x:auto}.case-form-dashboard-container{margin-top:0}@media(max-width:1100px){.case-form-dashboard-container{margin-top:20%}}@media(max-width:900px){.case-form-dashboard-container{margin-top:20%}}@media(max-width:800px){.case-form-dashboard-container{margin-top:20%}}@media(max-width:700px){.case-form-dashboard-container{margin-top:20%}}@media(max-width:500px){.case-form-dashboard-container{margin-top:35%}}@media(max-width:450px){.case-form-dashboard-container{margin-top:40%}}@media(max-width:400px){.case-form-dashboard-container{margin-top:40%}}.title-button-container{background-color:var(--color-bg);width:100%;height:15vh;position:fixed;top:7vh;left:0;padding-left:17%;z-index:2;box-shadow:0 3px 10px var(--card-box-shadow)}.title-button-container h2{font-size:1.5rem;max-width:60%}.form-fill-button-container{max-width:200px;gap:20px;position:fixed;right:14%}@media(max-width:1000px){.form-fill-button-container{max-width:100px;gap:10px;position:fixed;right:23%}}.case-form-card-styling{padding:0 20px}.add-additional-file-button{color:var(--color-fg);border:4px dashed var(--color-fg);border-radius:100%;transition:.2s all ease-in-out;padding:5px}.add-additional-file-button:hover{border-color:var(--color-accent);color:var(--color-accent);padding:10px}.remarks-container{width:100%;height:85vh;margin-top:3.5vh;margin-bottom:12vh}@media(max-width:700px){.remarks-container{height:50vh;margin-bottom:15vh}}.case-form-text-field{max-width:100%}.case-form-disclaimer-view{width:100vw;height:100vh;position:fixed;left:0vw;top:0vh;z-index:3;background-color:#00000080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}@media(max-width:700px){.title-button-container h2{display:none}.form-fill-button-container{right:50%!important}}.file-upload-main-container{width:100%;height:17vh;display:flex;flex-direction:column;justify-content:space-evenly;align-items:center}.file-upload-component-container{width:100%;height:17vh;display:flex;flex-direction:row;justify-content:space-evenly;align-items:center}.file-upload-main-container a{font-weight:600}.file-upload-main-container a:hover{text-decoration:underline}.file-info-container{width:160px;height:100px;border-right:3px solid var(--color-fg);padding-right:10px;justify-content:flex-start}.show-select-file-mode-option{width:40%}.upload-zone{width:100%;height:100%;border:3px dashed var(--color-accent);border-radius:3vh;padding:2%;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;cursor:pointer;transition:all .3s ease}.upload-zone-components{width:100%;height:100%;display:flex;flex-direction:row;align-items:center;justify-content:space-evenly;cursor:pointer;transition:all .3s ease}.upload-zone-components-additional-file{height:70%;margin-bottom:3%}.upload-zone-remove-file-button-container{width:100%;height:15%;display:flex;justify-content:flex-end}.upload-zone p{font-weight:600}.file-upload-main-container .upload-zone:hover,.file-upload-main-container.drag-active .upload-zone{background-color:var(--color-hover-upload-box)}.file-selected-box{text-align:center}.file-selected-box button{background:transparent;border:none;margin-top:6px}.file-upload-cancel-icon{cursor:pointer;color:var(--color-fg);transition:color .2s ease-in-out}.file-upload-cancel-icon:hover{color:red}.remove-additional-file-button{width:2vw;height:2vw;text-align:center;border:none;color:var(--color-fg);transition:.2s all ease-in-out;cursor:pointer;z-index:2}@media(max-width:600px){.remove-additional-file-button{width:6vw}}.remove-additional-file-button:hover{color:red}.delete-file-confirmation-container{position:fixed;width:100vw;height:100vh;top:0;left:0;z-index:3;background-color:#00000080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.disclaimer-container{width:70%}.tertiary-button{background-color:var(--color-tertiary-button);color:var(--color-fg);font-weight:500;border:none;border-radius:25px;font-size:1rem;cursor:pointer;transition:background-color .2s ease-in-out,transform .1s ease-in-out,color .2s ease;width:100%;height:5vh;max-width:100%;white-space:nowrap;display:flex;justify-content:center;align-items:center}.alt-bg{background-color:var(--color-secondary)}.tertiary-button:hover{background-color:var(--color-tertiary-button-hover, #0056b3);color:#fff;transform:scale(1.02)}.tertiary-button:disabled{opacity:.6;cursor:not-allowed}@media(max-width:480px){.tertiary-button{font-size:.9rem;padding:.5em 1em;width:100%;white-space:normal}}@media(min-width:768px){.tertiary-button{font-size:1.1rem;padding:.8em 1.5em}}.remark-card{width:100%;height:100%;padding:20px;border:solid 2px rgba(255,255,255,.15);border-radius:1.5vw;box-shadow:0 0 10px var(--card-box-shadow);background:linear-gradient(-45deg,var(--card-gradient-background-one),var(--card-gradient-background-two),var(--card-gradient-background-three),var(--card-gradient-background-one));background-size:500% 500%;cursor:pointer;overflow:hidden;display:flex;flex-direction:column;justify-content:center}.remark-view{width:100%;height:85vh;padding:10px}.remarks-user{font-size:.9rem}.close-remarks-button{width:100%;height:5%;justify-content:flex-end;transition:.2s color ease-in-out}.close-remarks-button:hover{color:red}.existing-remarks-container{width:100%;height:85%;overflow:auto;display:flex;flex-direction:column;padding-top:20px}.input-remarks-container{width:100%;height:10%}.input-remarks-field{width:83%}.custom-input-remarks-field{max-width:100%}.send-remarks{width:15%}@media(max-width:700px){.input-remarks-field{width:65%}.send-remarks{width:30%}}.remarks-content-container{width:100%;height:fit-content}.remarks-content{font-size:1.3rem;max-width:100%;word-wrap:break-word}.remarks-date{width:100%;text-align:end;font-size:.9rem}.preview-container{width:100%;height:100%;border:solid 2px rgba(255,255,255,.15);border-radius:20px;box-shadow:0 0 10px var(--card-box-shadow);background:linear-gradient(-45deg,var(--card-gradient-background-one),var(--card-gradient-background-two),var(--card-gradient-background-three),var(--card-gradient-background-one));background-size:500% 500%;animation:gradientShift 10s ease-in infinite}.cancel-button-container{position:relative;z-index:1;width:100%;height:5vh;display:flex;justify-content:end;align-items:center;padding-right:15px;padding-top:5px}.cancel-button-container div:hover{transition:.2s color ease-in-out;cursor:pointer;color:red}.pdf-file-preview-container{width:100%;height:90%;justify-items:center;display:grid;grid-template-columns:repeat(auto-fill,minmax(500px,1fr));overflow-x:hidden;align-items:center;gap:60px 50px;padding:20px;overflow-y:auto}@media(max-width:700px){.pdf-file-preview-container{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@keyframes gradientShift{0%{background-position:0% 0%}50%{background-position:100% 50%}to{background-position:0% 0%}}.pdf-card{width:30vw;height:40vh;background:linear-gradient(180deg,var(--color-pdf-card) 30%,#ffffff00);border-radius:20px;transition:.2s all ease-in-out;overflow:hidden;border:solid 2px var(--color-accent);box-shadow:0 0 10px var(--card-box-shadow);cursor:pointer}@media(max-width:700px){.pdf-card{width:70vw;height:30vh}}.pdf-card:hover{scale:1.1}.pdf-card-header{position:relative;z-index:99;margin:0;width:100%;height:40%;background:linear-gradient(180deg,var(--color-pdf-card) 30%,#ffffff00);padding:10px 10px 10px 20px;color:var(--color-fg)}.pdf-card-header label{font-size:1.4rem;font-weight:700}.pdf-card-preview-container{position:relative;bottom:12vh;width:100%;height:80%}.react-pdf__message--error{margin-top:15vh;margin-left:1vw;font-size:1.1rem;font-weight:700;color:#ff1616}.no-attachments-info{width:100%;margin-top:15%}.no-attachments-info h1{font-size:1.2rem;text-align:center}.card-list-view-card-container{position:relative;width:95vw;height:35vh;display:flex;justify-content:center;align-items:center;transform-style:preserve-3d;perspective:1500px;transition:.4s all ease-in-out}.card-list-view-card-container-flipping-Y{transform:rotateY(90deg)}.card-list-view-card-container-flipping-X{transform:rotateX(90deg)}.card-front{width:100%;height:30vh}.card-front-label{width:100%;height:4vh}.card-front-label h3{font-size:1rem}.card-option-buttons{width:fit-content;height:6vh}.card-list-view-list{width:100vw;height:63vh;display:flex;flex-direction:column;overflow-y:auto;gap:50px}@media(max-width:600px){.card-list-view-list{margin-bottom:80px}}.card-list-view-search-bar{width:100%;height:5vh;margin-bottom:5%}@keyframes cardFlip{0%{transform:rotateY(0)}45%{transform:rotateY(90deg)}55%{transform:rotateY(90deg)}to{transform:rotateY(0)}}.case-card{grid-column:span 6;grid-row:span 2;width:78vw;height:100%}.button-container{width:10vw}.form-select-button-container{max-width:200px}.new-case-title,.case-select-choose-title{font-size:2rem}