@import"https://fonts.googleapis.com/css2?family=Merriweather+Sans:wght@300;400;500;600&display=swap";@import"https://fonts.googleapis.com/css2?family=Kanit: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&family=Lora:ital,wght@0,400..700;1,400..700&family=Merriweather:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400;1,700;1,900&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Oxanium:wght@200..800&family=Rethink+Sans:ital,wght@0,400..800;1,400..800&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap";*{margin:0;padding:0;box-sizing:border-box;font-family:popins}body{overflow-x:hidden;margin:0;padding:0}*{box-sizing:border-box;margin:0;padding:0;font-family:Roboto,serif}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.sidebar{top:25px;left:0;width:250px;height:100vh;background-color:#b5ccf8;color:#fff;transition:left .3s ease;display:flex;flex-direction:row}.head{display:flex;gap:20px;justify-content:center;font-family:Roboto,serif}.sidebar .nav-link{text-decoration:none}.active-link{background-color:#007bff}.nav-link{display:flex;align-items:center;color:#fff;font-family:Roboto,serif;text-decoration:none;width:200px}.nav-link:hover{background-color:#1246ac;color:#fff}.nav-link:hover p{color:#fff}.head h1{font-family:Roboto,serif}header{padding-top:5px;transition:left .3s}.header-content,.header-menu{display:flex;align-items:center;flex-direction:row}.header-content{justify-content:space-between;padding:0rem 1rem}.header-content label:first-child span{font-size:1.3rem}.header-content label{cursor:pointer}.header-menu{justify-content:flex-end;padding-top:.5rem}.header-menu label,.header-menu .notify-icon{margin-right:2rem;position:relative}.header-menu label span,.notify-icon span:first-child{font-size:1.3rem;color:#fff}.sidebar .nav-link{color:#1246ac}li{display:flex;align-items:center;font-family:Roboto,serif;padding-top:5px}.button{background:transparent;border:none;font-size:45px;padding-top:0}.sidebar.collapsed{width:100px}.sidebar .nav-link{text-decoration:none;color:#fff}.sidebar{top:0;left:0;height:100%;transition:left .3s ease;background-color:#dae5fb}.sidebar.open{left:0;width:200px;transition:.2s linear}p{color:#000;text-decoration:none;font-family:Roboto,serif}.profile{text-align:center;padding-bottom:2rem;margin-top:-100px}.bg-img{background-repeat:no-repeat;border-radius:50%;background-size:cover}.profile-img{height:80px;width:80px;display:inline-block;margin:0 auto .5rem;border:3px solid #899DC1}.profile h4{color:#fff;font-weight:500}.profile small{color:#000;font-weight:600}p{margin-top:10px;text-decoration:none;font-family:Roboto,serif}.p{padding-top:10px}.hidden p{display:none}.sidebar.collapsed{left:-200px;transition:.2s linear}.sidebar-brand{color:#fff;margin-bottom:20px}.sidebar-nav{display:flex;flex-direction:column}.sidebar-nav ul{padding:0;margin:0;list-style-type:none;text-decoration:none}.spans{font-size:1.5rem;color:#000;padding-right:10px;text-decoration:none}.hiddenspans{color:#000;font-size:1.5rem}.navtext{display:flex;margin-left:20px;width:100%;text-align:center}.sidebar-toggle-btn{width:100vw;height:50px;background-color:#1246ac;position:fixed;top:0;z-index:999;display:flex;align-items:center;padding:10px;justify-content:space-between}.headertext{color:#fff;font-weight:bolder;padding:10px 20px 0;font-family:popins;margin-top:5px}.sidebar-toggle-btn .button{background:none;border:none;font-size:30px;color:#fff;cursor:pointer;padding-bottom:5px}.noneprofile{display:none}.content-wrapper{margin-left:200px;transition:.3s ease}.content-wrapper.collapsed{margin-left:0}.content-inner{padding-top:25px;transition:padding-left .3s ease}.nav-link.active{background-color:#1246ac;color:#fff}.nav-link{display:flex;align-items:center;color:#fff;text-decoration:none}.navtext p,.navtext span{transition:opacity .3s ease}@media only screen and (max-width: 768px){.content-wrapper{display:none}.sidebar{top:25px;left:0;width:100%;height:100%;background-color:#b5ccf8;color:#fff;transition:left .3s ease;display:flex;flex-direction:row}}@media only screen and (max-width: 480px){.sidebar.open{left:0;width:480px;transition:.2s linear;height:100vh;position:fixed}.sidebar{height:100vh;position:fixed}.content-wrapper{height:100vh}.sidebar.open{left:0;width:180px;transition:.2s linear;height:100vh}.content-wrapper{margin-left:180px;transition:.3s ease;height:100vh}.collapsed{height:100vh}}@media only screen and (max-width: 1297px){.sidebar{top:25px;left:0;width:180px;height:100%;background-color:#b5ccf8;color:#fff;transition:left .3s ease;display:flex;flex-direction:row}.profile-img{height:50px;width:50px;display:inline-block;margin:0 auto .5rem;border:3px solid #899DC1}p{color:#000;text-decoration:none;font-family:Roboto,serif;font-size:13px}.profile{text-align:center;margin-top:10px}.sidebar.open{left:0;width:180px;transition:.2s linear}.content-wrapper{margin-left:180px;transition:.3s ease}.navtext{display:flex;text-align:center}li{width:180px}}.loadingscreen{height:100%;width:1000%;display:flex;justify-content:center;align-items:center}.custom-placeholder::placeholder{color:#1246ac;opacity:1}.page-header{padding:1.3rem 1rem;background:#e9edf2;border-bottom:1px solid #dee2e8}.page-header h1,.page-header small{color:#74767d;font-family:Roboto,serif}.table-responsive .green{color:green;font-weight:bolder}.table-responsive .red{color:red;font-weight:bolder}.loadingscreen{width:100%;height:100vh;display:flex;justify-content:center;align-items:center}#menu-toggle{display:none}.side-header h3,side-head span{color:#fff;font-weight:700;font-size:1.2rem}td{cursor:pointer}.totalamount{color:#1246ac;font-weight:bolder;padding-right:20px}.totalbox{background-color:#fff;padding:9px 10px 0;border:black 1px solid;margin-top:0}.side-menu a span{display:block;text-align:center;font-size:1.7rem}table thead th{padding:1rem 0rem;text-align:left;color:#444;font-size:.3rem}.custom-modal{max-width:9vw;width:9vw;border:1p solid black;display:flex;justify-items:center;padding-right:1000px}.custom-modal1{max-width:9vw;width:9vw;border:1p solid black;display:flex;justify-items:center;padding-right:1100px}.dio{background-color:#fff}.custom-form{display:flex;margin:0 auto;flex-wrap:wrap;justify-content:center}.fade{display:flex;justify-content:center;align-items:center}.txt_field{margin-bottom:15px}.row{display:flex}.bank-buttons .btn{font-weight:700;background-color:#fff;color:#fff;width:auto}.bank-buttons .btn:hover{opacity:.8;background-color:#007bff;color:#fff}.bank-buttons .btn-primary{background-color:#007bff;border-color:#007bff}.bank-buttons .btn-secondary{background-color:#6c757d;border-color:#6c757d}.bank-buttons .btn-active{background-color:#28a745;border-color:#28a745}@media (max-width: 768px){.row{flex-direction:column}}.analytics{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:2rem;margin-top:.5rem;margin-bottom:2rem;padding-left:20px;padding-right:20px}.card{box-shadow:0 5px 5px -5px #0000001a;background:#dae5fb;padding:1rem;border-radius:5px}.card-head{display:flex;justify-content:space-between;align-items:center}.card:hover{background-color:#1246ac;color:#fff}.cardAction{background-color:var(--main-color);box-shadow:0 5px 5px -5px #0000001a;border-radius:3px;padding:1rem}.cardAction .card-head h2,.cardAction .card-head span,.cardAction .card-progress small{color:#fff}.card:hover h2{background-color:var(--main-color);color:#fff}.card-head h2{color:#333;font-size:1.5rem;font-weight:500}.card-head span{font-size:2.6rem;color:#000}.card:hover span{color:#fff}.card-progress small{color:#000;font-size:.9rem;font-weight:bolder;font-family:Roboto,serif;letter-spacing:0px}.card-indicator{margin:.7rem 0rem;height:10px;border-radius:4px;background:#e9edf2;overflow:hidden}.indicator{height:10px;border-radius:4px}.indicator.one{background:#1246ac}.indicator.two{background:#11a8c3}.indicator.three{background:#f6d433}.indicator.four{background:#f25656}.records{border-radius:3px;height:50vh}.record-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:5;background:#b5ccf8}.record-header1{padding:1rem;display:flex;justify-content:space-between;align-items:center}.add,.browse{display:flex;align-items:center;justify-content:center}.add span{display:inline-block;margin-right:.6rem;font-size:.9rem;color:#666}input,button,select{outline:none}.add select,.browse input,.browse select{height:35px;border:1px solid #b0b0b0;border-radius:3px;display:inline-block;width:75px;padding:0rem .5rem;margin-right:.8rem;color:#666}.btn{background:#1246ac;color:#fff;height:37px;border-radius:4px;padding:0rem 1rem;border:none;font-weight:600;margin-right:20px}.browse input{width:150px}.browse select{width:100px}.table-responsive{width:auto;overflow-x:auto}table{width:fit-content;overflow-x:auto}table thead tr{background:#e9edf2}table thead th{text-align:left;color:#444;font-size:.9rem}table thead th:first-child{padding-left:.5rem}table tbody td{color:#444;font-size:.8rem}table tbody td:first-child{padding-left:1rem;color:var(--main-color);font-weight:600;font-size:.9rem}table tbody tr{border-bottom:1px solid #dee2e8}.client{display:flex;align-items:center}.client-img{margin-right:.5rem;border:2px solid #b0b0b0;height:45px;width:45px}.client-info h4{color:#555;font-size:.8rem}.client-info small{color:#777}Button:focus{outline:none!important;border:none!important;box-shadow:none}.record-search:focus{outline:none!important;border:none!important;box-shadow:none}.nextData{width:fit-content;padding:10px}.nextData:hover{transition:.3s linear;color:#fff;background-color:#007bff;border-radius:10px}.actions span{display:inline-block;margin-right:.1rem}.actions span:hover{color:var(--main-color)}.paid{display:inline-block;text-align:center;font-weight:600;color:#1246ac;background:#e5f8ed;padding:.5rem 1rem;border-radius:20px;font-size:.8rem}.cardyellow{background-color:#ff0;box-shadow:0 5px 5px -5px #0000001a;border-radius:3px;padding:1rem}.cardAction{background-color:#1246ac;box-shadow:0 5px 5px -5px #0000001a;border-radius:3px;padding:1rem}.cardAction .card-head h2,.cardAction .card-head span{color:#fff}form .txt_field{position:relative;border-bottom:2px solid #adadad;margin:30px 0;color:#000}.txt_field input{width:100%;padding:0 5px;height:40px;font-size:16px;border:none;background:none;outline:none;color:#000}.txt_field span:before{content:"";position:absolute;top:40px;left:0;width:0%;height:2px;background:#1246ac;transition:.5s;color:#000}.txt_field input:focus~label,.txt_field input:valid~label{top:-5px;color:#000}.inputs{height:50px;background-color:#e63c3a;color:#000;text-align:center;display:flex;align-items:center;justify-content:center;text-decoration:none}select{margin:0;padding:0}.signup_link a{color:#2691d9;text-decoration:none}.chartheader{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:20px;gap:70%;color:#1246ac}.chartheader h1{font-weight:bolder}.chartheader select{border:none;font-size:large}@media only screen and(max-width:780px){table{overflow-x:auto}}@media only screen and (max-width:480px){table{overflow-x:auto}.record-header{display:flex;flex-wrap:wrap}.page-header{width:100%}.alldata_h4{display:none}}@media only screen and (max-width: 1299px){.analytics{grid-template-columns:repeat(3,1fr)}.h2{font-size:8px}table{border-collapse:collapse;width:100%}table thead tr{background:#e9edf2}table thead th{padding:1rem 0rem;text-align:left;color:#444;font-size:.6rem}table thead th:first-child{padding-left:.4rem}table tbody td{font-size:.7rem;color:#444;font-weight:400}table tbody td:first-child{padding-left:1rem;color:var(--main-color);font-weight:600;font-size:.6rem}table tbody tr{border-bottom:1px solid #dee2e8}.client{display:flex;align-items:center}.client-img{margin-right:.5rem;border:2px solid #b0b0b0;height:35px;width:35px}.client-info h4{color:#1246ac;font-size:.7rem}.actions span{display:inline-block;font-size:1.5rem;margin-right:.5rem}.actions span:hover{color:var(--main-color)}.paid{display:inline-block;text-align:center;font-weight:600;color:#1246ac;background:#e5f8ed;padding:.5rem 1rem;border-radius:20px;font-size:.8rem}.cardAction{background-color:#1246ac;box-shadow:0 5px 5px -5px #0000001a;border-radius:3px;padding:1rem}.cardAction .card-head h2,.cardAction .card-head span{color:#fff}.card-head h2{color:#000;font-size:1.3rem;font-weight:500}.card-head span{font-size:2rem;color:#000;font-weight:500}.actions span{display:inline-block;font-size:.9rem}.totalamount{color:#1246ac;font-weight:bolder;padding-right:20px}.totalbox{background-color:#fff;padding:9px 20px 0;border:black 1px solid;margin-top:0}.custom-modal1{max-width:9vw;width:9vw;border:1p solid black;display:flex;justify-items:center;padding-right:1100px}.custom-modal{max-width:9vw;width:9vw;border:1p solid black;display:flex;justify-items:center;padding-right:900px}}@media only screen and (max-width: 768px){.analytics{grid-template-columns:repeat(2,1fr)}.sidebar{left:-165px;z-index:90}h2{font-style:20px}header{left:0;width:100%}.main-content{margin-left:0;width:100%}#menu-toggle:checked~.sidebar{left:0}#menu-toggle:checked~.sidebar{width:165px}#menu-toggle:checked~.sidebar .side-header span{display:inline-block}#menu-toggle:checked~.sidebar .profile,#menu-toggle:checked~.sidebar .side-menu a small{display:block}#menu-toggle:checked~.sidebar .side-menu a span{font-size:1.7rem}#menu-toggle:checked~.main-content header{left:0}table{width:fit-content}}@media only screen and (max-width: 480px){.analytics{grid-template-columns:repeat(1,1fr)}.table-responsive{width:100vw;overflow-x:scroll}.chartup{height:500px}}.mainbody{margin:0;padding:0;background-color:#d6d4ce;height:100%;overflow:hidden}.center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:400px;background:#fff;border-radius:10px;box-shadow:10px 10px 15px #0000000d}.center h1{text-align:center;padding:20px 0;border-bottom:1px solid silver;color:#1246ac}.center form{padding:0 40px;box-sizing:border-box}form .txt_field{position:relative;border-bottom:2px solid #adadad;margin:30px 0}.txt_field input{width:100%;padding:0 5px;height:40px;font-size:16px;border:none;background:none;outline:none}.txt_field label{position:absolute;top:50%;left:5px;color:#000;transform:translateY(-50%);font-size:16px;pointer-events:none;transition:.5s}.txt_field span:before{content:"";position:absolute;top:40px;left:0;width:0%;height:2px;background:#1246ac;transition:.5s}.txt_field input:focus~label,.txt_field input:valid~label{top:-5px;color:#1246ac}.txt_field input:focus~span:before,.txt_field input:valid~span:before{width:100%}.pass{margin:-5px 0 20px 5px;color:#a6a6a6;cursor:pointer}.pass:hover{text-decoration:underline}input[type=submit]{width:100%;height:50px;border:1px solid;background:#22baa0;border-radius:25px;font-size:18px;color:#e9f4fb;font-weight:700;cursor:pointer;outline:none}input[type=submit]:hover{border-color:#2691d9;transition:.5s}.inputs{width:100%;background-color:#1246ac;color:#e9f4fb;display:flex;align-items:center;justify-content:center;text-decoration:none;text-align:center;padding-top:10px;border:none}.inputs p{color:#fff}a{text-decoration:none;color:#e9f4fb}.signup_link{margin:30px 0;text-align:center;font-size:16px;color:#666}.signup_link a{color:#1246ac;text-decoration:none}.signup_link a:hover{text-decoration:underline}.spinner{border:3px solid rgba(255,255,255,.3);border-radius:50%;border-top:3px solid white;width:16px;height:16px;animation:spin 1s linear infinite;display:inline-block}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media only screen and (max-width: 480px){.center{position:absolute;top:60%;left:50%;transform:translate(-50%,-50%);width:300px;background:#fff;border-radius:10px;box-shadow:10px 10px 15px #0000000d}}.showimage{width:100%;height:320px;position:relative;display:flex;flex-wrap:wrap}.showimage .imagecolor{background-color:#1246ac;width:100%;height:200px}h2,h4{color:#1246ac;font-weight:700}span{color:#000}.showimage .imageholder{position:absolute;display:flex;justify-content:center;width:100%;padding-top:100px}.profile-img1{height:200px;width:200px;display:inline-block;margin:0 auto .5rem;border:3px solid #899DC1}.bg-img1{background-repeat:no-repeat;border-radius:50%;background-size:cover;position:absolute;z-index:1}button{padding:10px 20px;border:2px solid #1246ac;background-color:#fff;color:#1246ac;font-weight:bolder;border-radius:10px;font-size:15px}button:hover{background-color:#1246ac;color:#fff}.records1{display:flex}fieldset{border:none}input{display:block;width:100%;padding:8px;box-sizing:border-box;border:1px solid #ddd;border-radius:3px;font-size:12px}input[type=radio],input[type=checkbox]{display:inline;width:10%}select{display:block;width:100%;margin-bottom:15px;padding:10px;box-sizing:border-box;border:1px solid #ddd;border-radius:5px}label{font-size:15px;display:block;width:100%;margin-top:8px;margin-bottom:5px;text-align:left;color:#555;font-weight:700}button{padding:15px;border-radius:10px;margin:15px;border:none;color:#fff;cursor:pointer;background-color:#4caf50;width:40%;font-size:16px}textarea{resize:none;width:98%;min-height:100px;max-height:150px}@media (max-width: 768px){.totalamount{font-size:9px}.totalbox{background-color:#fff;padding:3px 5px;border:black 1px solid;margin-top:0;height:25px}.totalbox h4{font-size:10px}}@media (max-width:960px){.totalamount,.totalbox h4{font-size:15px}}