@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Almarai:wght@300;400;700;800&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&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&family=Tajawal:wght@200;300;400;500;700;800;900&display=swap";.header-container{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:0 6rem;height:20vh}.header-container .bars-icon{display:none;font-size:1.6rem;color:#ce4710;margin-left:2rem}.header-container span{display:none}.header-container .notification{text-align:center;padding:.5rem 1rem;color:#fff;border-radius:50px;position:absolute;z-index:1000;animation:slideIn .3s ease-out;left:50%;transform:translate(-50%);top:5%;margin-top:.5rem}.header-container .error{background-color:red}.header-container .success{background-color:green}.header-container .header-section{display:flex;align-items:center;height:100%;gap:1rem;flex:1}.header-container .header-section .mobile-menu-toggle{background:none;border:none;margin:0;padding:0}.header-container .header-section .icon-container{color:#454546;text-decoration:none;font-size:1.4rem;transition:color .2s ease}.header-container .header-section .icon-container:hover{cursor:pointer;color:#ce4710}.header-container .header-section:first-child{justify-content:flex-start}.header-container .header-section:last-child{justify-content:flex-end}.header-container .header-section a{display:flex;align-items:center;text-decoration:none;height:100%;padding:0;margin:0}.header-container .header-section Link{text-decoration:none}.header-container .header-section img{max-height:100%;width:auto;object-fit:contain;margin:0}.header-container .header-section .header-icon{font-size:1.1rem;font-weight:500;color:#454546;width:100%;white-space:nowrap;transition:color .2s ease}.header-container .header-section .header-icon:hover{color:#ce4710;cursor:pointer}.header-container .header-section .header-icon:focus{color:#ce4710}.header-container .logout-icon{color:#b90000}.header-container .two{display:flex;flex-direction:row;align-items:center;gap:3.5rem;height:fit-content}@media (max-width: 480px){.header-container{height:15vh;padding:0 1rem!important}.header-container .header-section a{height:auto}.header-container .header-section img{max-height:130px;width:auto}.header-container .header-icon{font-size:1.1rem!important}.header-icon{font-size:1rem}.icon-container{font-size:1.1rem!important}.bars-icon{display:block!important}.two{flex-direction:column-reverse!important;position:absolute;top:5rem;left:3rem;background-color:#fff;padding:1rem;border-radius:10px;box-shadow:0 2px 8px #0003;gap:1.2rem!important;display:none}.two.show{display:flex}span{display:block!important;color:#b90000;font-size:1.1rem}.logout{display:flex;flex-direction:row;align-items:center;gap:.7rem}.notification{width:fit-content}}@media (min-width: 481px) and (max-width: 1024px){.header-container{padding:0 2rem;height:15vh}.header-container .header-icon{font-size:1.6rem}}.new-application-page-container .application-main-container .application-details form .agencies-container{position:relative;width:100%;display:flex;flex-direction:row;justify-content:flex-end;align-items:center}.new-application-page-container .btns-container-new-application{display:flex;flex-direction:row;justify-content:center;gap:2rem}.new-application-page-container .btns-container-new-application button{padding:1rem 5rem;font-size:1.1rem;text-align:center;border-radius:5px;margin-top:.5rem;border:none;transition:background-color .2s ease}.new-application-page-container .btns-container-new-application button:hover{cursor:pointer}.new-application-page-container .btns-container-new-application .save{background-color:#ce4710;color:#fff}.new-application-page-container .btns-container-new-application .save:hover{cursor:pointer;background-color:#e15c26}.print{background-color:#fff;border:1px solid rgb(69,69,70);color:#454546}.print:hover{cursor:pointer;background-color:#454546;color:#fff}@media (max-width: 480px){.new-application-page-container{padding:2rem 1rem}.new-application-page-container .application-main-container .application-details{padding:1rem}.new-application-page-container .application-main-container .application-details form .inputs-main-container{flex-direction:column-reverse}.new-application-page-container .btns-container-new-application{flex-direction:column}.new-application-page-container .btns-container-new-application button{padding:.6rem 4rem}.new-application-page-container .inputs-main-radio-container .radio-options-container{display:flex;flex-direction:row-reverse;gap:.5rem;flex-wrap:wrap;width:100%;justify-content:space-between}.new-application-page-container .application-main-container .application-details form .inputs-main-container .payment-labels{width:100%;text-align:end}.new-application-page-container .inputs-main-radio-container{gap:1rem!important}.new-application-page-container .application-main-container .application-details form .inputs-main-container .input-container label{font-size:1rem}}.clients-container{position:relative;width:100%}.clients-dropdown{position:absolute;top:100%;left:0;right:0;max-height:300px;overflow-y:auto;background-color:#fff;border:1px solid #e0e0e0;border-radius:5px;box-shadow:0 2px 4px #0000001a;z-index:100}.client-option{padding:10px;cursor:pointer;display:flex;justify-content:space-between;align-items:center}.client-option:hover{background-color:#f5f5f5}.client-phone{color:#666;font-size:.9rem}.no-results{color:#999;cursor:default}.no-results:hover{background-color:#fff}.reset-password-container{max-width:500px;margin:2rem auto;padding:2rem;box-shadow:0 0 10px #0000001a}.reset-password-container .password-input-container{position:relative}.reset-password-container .password-input-container input{width:100%;padding-right:70px}.reset-password-container .password-input-container .toggle-password{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;color:#666;cursor:pointer;font-size:14px}.reset-password-container .password-input-container .toggle-password:hover{color:#333}.reset-password-container h1{text-align:center;margin-bottom:1.5rem}.reset-password-container .password-rules{font-size:.9rem;color:#666;margin-bottom:1rem}.reset-password-container .success-message{color:green;text-align:center;margin:1rem 0}.notification{text-align:center;padding:.5rem 1rem;color:#fff;border-radius:50px;position:absolute;z-index:1000;animation:slideIn .3s ease-out;left:50%;transform:translate(-50%);top:5%;margin-top:.5rem}@keyframes slideIn{0%{opacity:0;transform:translate(-50%) translateY(-20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.error{background-color:red}.success{background-color:green}.login-page-container{display:flex;align-items:center;justify-content:center;padding:8rem;background:url(/assets/pattern-CMuyUp7s.jpg);background-size:cover}.login-page-container .login-container{padding:2rem;border:none;border-radius:15px;box-shadow:1px 0 10px 1px #e6e6e6;background-color:#fff;display:flex;flex-direction:column;align-items:center;width:80%}.login-page-container .login-container .login-logo{width:28%;height:50%}.login-page-container .login-container .login-logo img{width:100%;height:100%}.login-page-container .login-container form{width:70%;display:flex;flex-direction:column;align-items:center;gap:.8rem}.login-page-container .login-container form label{color:#454546;font-size:1.1rem;font-weight:600;width:100%;text-align:right}.login-page-container .login-container form input{width:100%;border:1px solid rgb(224,224,224);border-radius:10px;padding:.8rem .5rem;margin-bottom:.5rem;text-align:right}.login-page-container .login-container form input:focus{border:1px solid rgb(206,71,16);outline:1px rgb(206,71,16)}.login-page-container .login-container form input::placeholder{font-size:.9rem}.login-page-container .login-container form .forgrt-pass-text{color:#454546;font-size:.9rem;width:100%;text-align:left;text-decoration:none}.login-page-container .login-container form .login-btn{padding:1rem 5rem;font-size:1rem;background-color:#ce4710;color:#fff;text-align:center;border-radius:5px;margin-top:.5rem;border:none;transition:background-color .2s ease}.login-page-container .login-container form .login-btn:hover{cursor:pointer;background-color:#e15c26}.login-page-container .forgot-content{width:100%;margin:0 0 3rem;display:flex;flex-direction:column;align-items:center;gap:.5rem;color:#454546}.login-page-container .forgot-content h1{font-size:2.5rem;font-weight:600;margin:0}.login-page-container .forgot-content p{font-size:1.1rem;margin:0}.success-popup{position:fixed;inset:0;background-color:#0006;z-index:999;display:flex;align-items:center;justify-content:center}.success-popup .popup-box{background-color:#fff;padding:1.5rem;border-radius:10px;box-shadow:0 2px 8px #0003;text-align:center;max-width:90%;width:400px}.success-popup .popup-box p{font-size:1.3rem;color:#454546;margin-bottom:1.5rem;font-weight:600;line-height:2.5rem}.success-popup .popup-box button{background-color:#ce4710;color:#fff;padding:.8rem 2rem;font-size:1rem;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease}.success-popup .popup-box button:hover{background-color:#e15c26}@media (max-width: 481px){.login-page-container .login-container form input{width:100%;border:1px solid rgb(224,224,224);border-radius:5px;padding:.5rem;margin-bottom:.5rem;text-align:right}.login-page-container{padding:3rem 0}.login-page-container .login-container form{width:100%}.login-page-container .login-container .login-logo{width:50%}.login-page-container .login-container form .login-btn{padding:.5rem 5rem}.login-page-container .forgot-content h1{font-size:1.5rem;font-weight:600;margin:0}.login-page-container .forgot-content p{font-size:1rem;text-align:center}}@media (min-width: 481px) and (max-width: 768px){.login-page-container{padding:3rem}.login-page-container .login-container form{width:80%}.login-page-container .login-container .login-logo{width:33%}.login-page-container .login-container form .login-btn{padding:.5rem 5rem}}@media (min-width: 769px) and (max-width: 1024px){.login-page-container{padding:4rem}.login-page-container .login-container form{width:80%}.login-page-container .login-container .login-logo{width:33%}.login-page-container .login-container form .login-btn{padding:.6rem 5rem}}.new-application-page-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:5rem 7rem;gap:2rem;background-color:#f0f0f0}.new-application-page-container .application-main-container{display:flex;flex-direction:column;gap:2rem;width:100%;height:100%}.new-application-page-container .application-main-container .application-label{font-size:1.5rem;color:#454546;font-weight:600;text-align:right;margin:0}.new-application-page-container .application-main-container .application-details{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;background-color:#fff;border-radius:15px}.new-application-page-container .application-main-container .application-details form{display:flex;flex-direction:column;gap:1.3rem;width:100%;height:100%}.new-application-page-container .application-main-container .application-details form .inputs-main-container{display:flex;flex-direction:row;justify-content:center;gap:1rem}.new-application-page-container .application-main-container .application-details form .inputs-main-container .payment-labels{font-size:1.1rem;font-weight:600;color:#454546;white-space:nowrap}.new-application-page-container .application-main-container .application-details form .inputs-main-container .input-container{display:flex;flex-direction:column;align-items:flex-end;gap:.7rem;width:100%}.new-application-page-container .application-main-container .application-details form .inputs-main-container .input-container label{font-size:1.1rem;font-weight:600;color:#454546}.new-application-page-container .application-main-container .application-details form .inputs-main-container .input-container input{width:95%;border:1px solid rgb(224,224,224);border-radius:10px;padding:.8rem .5rem;margin-bottom:.5rem;text-align:right}.new-application-page-container .application-main-container .application-details form .inputs-main-container .input-container input:focus{border:1px solid rgb(206,71,16);outline:1px rgb(206,71,16)}.new-application-page-container .application-main-container .application-details form .inputs-main-container .input-container input::placeholder{font-size:.9rem}.new-application-page-container .application-main-container .application-details form .agencies-container{position:relative;width:100%}.new-application-page-container .application-main-container .application-details form .agencies-container .agency-selector{padding:10px;border:1px solid #ccc;border-radius:4px;cursor:pointer;background-color:#fff;text-align:right;display:flex;flex-direction:row-reverse;justify-content:space-between;align-items:center}.new-application-page-container .application-main-container .application-details form .agencies-container .agency-selector:after{content:"▼";float:left;font-size:12px}.new-application-page-container .application-main-container .application-details form .agencies-container .agencies-dropdown{position:absolute;top:100%;left:0;right:0;background-color:#fff;border:1px solid #ccc;border-radius:4px;max-height:200px;overflow-y:auto;z-index:1000}.new-application-page-container .application-main-container .application-details form .agencies-container .agencies-dropdown .agency-option{padding:10px;cursor:pointer;text-align:right}.new-application-page-container .application-main-container .application-details form .agencies-container .agencies-dropdown .agency-option:hover{background-color:#f5f5f5}.new-application-page-container .inputs-main-radio-container{display:flex!important;flex-direction:row-reverse!important;align-items:center!important;gap:1.5rem!important;width:100%!important}.new-application-page-container .inputs-main-radio-container .payment-labels{font-size:1.1rem;font-weight:600;color:#454546;white-space:nowrap;margin:0}.new-application-page-container .inputs-main-radio-container .radio-options-container{display:flex;flex-direction:row-reverse;gap:1.5rem;flex-wrap:wrap;width:100%}.new-application-page-container .inputs-main-radio-container .radio-input-container{display:flex!important;flex-direction:row-reverse!important;align-items:center!important;gap:.5rem!important;width:fit-content!important}.new-application-page-container .inputs-main-radio-container .radio-input-container input[type=radio]{width:18px!important;height:18px!important;margin:0!important;accent-color:rgb(206,71,16)}.new-application-page-container .inputs-main-radio-container .radio-input-container input[type=radio]:checked{background-color:#ce4710}.new-application-page-container .inputs-main-radio-container .radio-input-container label{font-size:1rem;font-weight:400;color:#454546;margin:0}.new-application-page-container .custom-gap{gap:2.4rem!important}@media (max-width: 768px){.new-application-page-container .inputs-main-radio-container{flex-direction:column!important;align-items:flex-start!important;gap:.5rem!important}.new-application-page-container .inputs-main-radio-container .radio-options-container{gap:1rem}}@media (max-width: 480px){.new-application-page-container .inputs-main-radio-container .radio-options-container{gap:.5rem;flex-wrap:wrap}}.new-application-page-container .btns-container{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:2rem;width:100%}.new-application-page-container .btns-container .main-btns{display:flex;flex-direction:row;align-items:center;gap:1.5rem}.new-application-page-container .btns-container .main-btns button{padding:1rem 5rem;font-size:1.1rem;text-align:center;border-radius:5px;margin-top:.5rem;border:none;transition:background-color .2s ease}.new-application-page-container .btns-container .main-btns button:hover{cursor:pointer}.new-application-page-container .btns-container .main-btns .save{background-color:#ce4710;color:#fff}.new-application-page-container .btns-container .main-btns .save:hover{cursor:pointer;background-color:#e15c26}.new-application-page-container .btns-container .main-btns .print{background-color:#fff;border:1px solid rgb(69,69,70);color:#454546}.new-application-page-container .btns-container .main-btns .print:hover{cursor:pointer;background-color:#454546;color:#fff}.new-application-page-container .btns-container .cancel-btn{background:none;color:#454546;font-size:1.2rem;font-weight:600;border:none}@media (max-width: 480px){.new-application-page-container{padding:2rem 1rem}.new-application-page-container .application-main-container .application-details{padding:1rem}.new-application-page-container .application-main-container .application-details form .inputs-main-container{flex-direction:column-reverse}.new-application-page-container .btns-container{flex-direction:column-reverse;align-items:center;gap:1rem}.new-application-page-container .btns-container .main-btns{display:flex;flex-direction:column-reverse;align-items:center;gap:1rem}.new-application-page-container .btns-container .main-btns button{padding:.6rem 4rem}.new-application-page-container .inputs-main-radio-container .radio-options-container{display:flex;flex-direction:row-reverse;gap:.5rem;flex-wrap:wrap;width:100%;justify-content:space-between}.new-application-page-container .application-main-container .application-details form .inputs-main-container .payment-labels{width:100%;text-align:end}.new-application-page-container .inputs-main-radio-container{gap:1rem!important}.new-application-page-container .application-main-container .application-details form .inputs-main-container .input-container label{font-size:1rem}}.all-applications-container{display:flex;flex-direction:column;gap:1.5rem;padding:4rem 5rem;background-color:#f0f0f0}.all-applications-container .filters-main-container .serch-input{display:flex;flex-direction:row;gap:1rem;align-items:center;width:100%}.all-applications-container .filters-main-container .serch-input .search-lable{font-size:1.3rem;font-weight:600;color:#454546;white-space:nowrap;width:fit-content}.all-applications-container .filters-main-container .serch-input .search-container input:not(:focus):not(:active){width:100%;padding:.8rem .4rem;border:none;font-size:1rem;text-align:end}.all-applications-container .filters-main-container .serch-input .search-container input:focus,.all-applications-container .filters-main-container .serch-input .search-container input:active{outline:none}.all-applications-container .filters-main-container .filter-filters-row{display:flex;flex-direction:column;gap:1.5rem;width:100%}.all-applications-container .filters-main-container .filter-filters-row .date-container{display:flex;flex-direction:row;align-items:center;width:100%;gap:3rem;justify-content:space-between}.all-applications-container .filters-main-container .filter-filters-row .date-container .date-lable{font-size:1.3rem;font-weight:600;color:#ce4710;white-space:nowrap;width:fit-content}.all-applications-container .filters-main-container .filter-filters-row .date-container .search-container{display:flex;flex-direction:row;justify-content:space-around;width:100%;align-items:center;gap:1rem}.all-applications-container .filters-main-container .filter-filters-row .date-container .search-container .date-div-inputs{display:flex;flex-direction:row;width:100%;justify-content:space-around;align-items:center;gap:1rem}.all-applications-container .filters-main-container .filter-filters-row .date-container .search-container .date-div-inputs label{font-size:1.1rem;color:#454546;font-weight:600;white-space:nowrap;width:fit-content}.all-applications-container .filters-main-container .filter-filters-row .date-container .search-container .date-div-inputs input{width:100%;padding:.8rem .4rem;background-color:#fff;border:1px solid rgb(224,224,224);border-radius:5px}.all-applications-container .filters-main-container .filter-filters-row .date-container .search-container .date-div-inputs input::placeholder{font-family:Tajawal,Robot,Helvetica,Arial,sans-serif}.all-applications-container .filters-main-container .filter-filters-row .payment-status-filter,.all-applications-container .filters-main-container .filter-filters-row .service-provider-filter{display:flex;flex-direction:row;align-items:center;gap:1rem;width:100%}.all-applications-container .filters-main-container .filter-filters-row .payment-status-filter .status-lable,.all-applications-container .filters-main-container .filter-filters-row .service-provider-filter .status-lable{font-size:1.3rem;font-weight:600;color:#ce4710;white-space:nowrap;width:fit-content}.all-applications-container .filters-main-container .filter-filters-row .payment-status-filter .status-select,.all-applications-container .filters-main-container .filter-filters-row .service-provider-filter .status-select{width:100%;padding:.8rem .4rem;background-color:#fff;border:1px solid rgb(224,224,224);border-radius:5px;font-size:1rem;text-align:right;cursor:pointer}.all-applications-container .filters-main-container .filter-filters-row .payment-status-filter .status-select option,.all-applications-container .filters-main-container .filter-filters-row .service-provider-filter .status-select option{text-align:right;font-family:Tajawal,Robot,Helvetica,Arial,sans-serif}.all-applications-container table tbody tr .payment-status-td ul{z-index:100;position:absolute;display:flex;flex-direction:column;align-items:center;background-color:#fff;box-shadow:1px 0 10px 1px #e6e6e6;border-radius:5px;list-style:none;width:fit-content;top:2rem;gap:.5rem;padding:.5rem 1rem;white-space:nowrap}.all-applications-container table tbody tr .payment-status-td ul li,.all-applications-container table tbody tr .AngleIcon{cursor:pointer}@media (max-width: 480px){form.search-container{display:flex;flex-direction:column-reverse}.all-applications-container{padding:2rem 1rem!important}.all-applications-container .filters-main-container{gap:2rem}.all-applications-container .filters-main-container .serch-input{flex-direction:column-reverse}.all-applications-container .filters-main-container .serch-input .search-lable{font-size:1.5rem;width:100%;text-align:end}.all-applications-container .filters-main-container .filter-filters-row{flex-direction:column;gap:1.5rem}.all-applications-container .filters-main-container .filter-filters-row .payment-status-filter,.all-applications-container .filters-main-container .filter-filters-row .service-provider-filter{flex-direction:column-reverse;align-items:flex-start}.all-applications-container .filters-main-container .filter-filters-row .payment-status-filter .status-lable,.all-applications-container .filters-main-container .filter-filters-row .service-provider-filter .status-lable{color:#000;font-size:1.5rem;width:100%;text-align:end}.all-applications-container .filters-main-container .filter-filters-row .payment-status-filter .status-select,.all-applications-container .filters-main-container .filter-filters-row .service-provider-filter .status-select,.all-applications-container .filters-main-container .serch-input,.all-applications-container .filters-main-container .date-container{width:100%}.all-applications-container .filters-main-container .date-container{flex-direction:column-reverse;gap:1rem}.all-applications-container .filters-main-container .date-container .date-lable{display:none}.all-applications-container .filters-main-container .date-container .search-container{flex-direction:column-reverse;gap:1rem}.all-applications-container .filters-main-container .date-container .search-container .date-div-inputs{flex-direction:row;justify-content:flex-end;gap:1rem}.all-applications-container table thead{display:none}.all-applications-container table tbody .btns-container{justify-content:center;margin:1rem 0 .5rem;gap:1rem}.all-applications-container table tbody tr{display:flex;flex-direction:column-reverse;padding:1rem;margin-bottom:1rem;border:1px solid rgb(224,224,224);border-radius:8px;box-shadow:0 2px 4px #0000000d}.all-applications-container table tbody tr td{display:flex;justify-content:space-between;border:none!important;padding:.5rem 0!important;text-align:right!important;position:relative;flex-direction:row-reverse}.all-applications-container table tbody tr td:before{content:attr(data-label);font-weight:600;color:#454546}.all-applications-container table tbody tr td:first-child{top:.5rem;left:.5rem;padding:0!important}.all-applications-container table tbody tr td.payment-status-td{flex-direction:row;align-items:flex-end;gap:.5rem;justify-content:space-between!important}.all-applications-container table tbody tr td.payment-status-td ul{top:3rem!important}.all-applications-container table tbody tr td.payment-status-td .AngleIcon{position:absolute;margin:1.5rem 1.2rem 1.3rem;left:.5rem;top:50%;transform:translateY(-50%)}.all-applications-container .navigation-container{justify-content:center!important}}.admin-page-main-container{display:flex;flex-direction:column;gap:1.5rem;padding:3rem 5rem;background-color:#f0f0f0}.admin-page-main-container .save-stats-container{width:100%;display:flex;flex-direction:row;align-items:center;justify-content:flex-end;margin-top:1rem}.admin-page-main-container .save-stats-container .save-stats-btn{background-color:#ce4710;border:none;border-radius:5px;padding:1rem 1.5rem;color:#fff;font-size:1.1rem;display:flex;flex-direction:row;align-items:center;gap:.6rem;transition:background-color .2s ease}.admin-page-main-container .save-stats-container .save-stats-btn:hover{cursor:pointer;background-color:#e15c26}.admin-page-main-container .filters-main-container{margin-top:2rem;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.admin-page-main-container .filters-main-container .serch-input{display:flex;flex-direction:row;gap:1rem;align-items:center;width:100%}.admin-page-main-container .filters-main-container .serch-input .search-lable{font-size:1.3rem;font-weight:600;color:#454546;white-space:nowrap;width:fit-content}.admin-page-main-container .filters-main-container .serch-input .search-container{display:flex;flex-direction:row;justify-content:space-between;align-items:center;background-color:#fff;border:1px solid rgb(224,224,224);border-radius:5px;width:100%}.admin-page-main-container .filters-main-container .serch-input .search-container input{width:100%;padding:.8rem .4rem;border:none;font-size:1rem;text-align:end}.admin-page-main-container .filters-main-container .serch-input .search-container input:not(:focus):not(:active){width:100%;padding:.8rem .4rem;border:none;font-size:1rem;text-align:end}.admin-page-main-container .filters-main-container .serch-input .search-container input:focus,.admin-page-main-container .filters-main-container .serch-input .search-container input:active{outline:none}.admin-page-main-container .filters-main-container .serch-input .search-container .search-btn{cursor:pointer;background:none;border:none;color:#454546;font-size:1.2rem;margin-left:.5rem}.admin-page-main-container .filters-main-container .date-container{display:flex;flex-direction:row;align-items:center;width:100%;gap:3rem;justify-content:space-between}.admin-page-main-container .filters-main-container .date-container .date-lable{font-size:1.3rem;font-weight:600;color:#ce4710;white-space:nowrap;width:fit-content}.admin-page-main-container .filters-main-container .date-container .search-container{display:flex;flex-direction:row;justify-content:space-around;width:100%;align-items:center;gap:1rem}.admin-page-main-container .filters-main-container .date-container .search-container .date-div-inputs{display:flex;flex-direction:row;width:100%;justify-content:space-around;align-items:center;gap:1rem}.admin-page-main-container .filters-main-container .date-container .search-container .date-div-inputs label{font-size:1.1rem;color:#454546;font-weight:600;white-space:nowrap;width:fit-content}.admin-page-main-container .filters-main-container .date-container .search-container .date-div-inputs input{width:100%;padding:.8rem .4rem;background-color:#fff;border:1px solid rgb(224,224,224);border-radius:5px}.admin-page-main-container .filters-main-container .filter-filters-row{display:flex;flex-direction:column;gap:1.5rem;width:100%}.admin-page-main-container .filters-main-container .filter-filters-row .date-container{display:flex;flex-direction:row;align-items:center;width:100%;gap:3rem;justify-content:space-between}.admin-page-main-container .filters-main-container .filter-filters-row .date-container .date-lable{font-size:1.3rem;font-weight:600;color:#ce4710;white-space:nowrap;width:fit-content}.admin-page-main-container .filters-main-container .filter-filters-row .date-container .search-container{display:flex;flex-direction:row;justify-content:space-around;width:100%;align-items:center;gap:1rem}.admin-page-main-container .filters-main-container .filter-filters-row .date-container .search-container .date-div-inputs{display:flex;flex-direction:row;width:100%;justify-content:space-around;align-items:center;gap:1rem}.admin-page-main-container .filters-main-container .filter-filters-row .date-container .search-container .date-div-inputs label{font-size:1.1rem;color:#454546;font-weight:600;white-space:nowrap;width:fit-content}.admin-page-main-container .filters-main-container .filter-filters-row .date-container .search-container .date-div-inputs input{width:100%;padding:.8rem .4rem;background-color:#fff;border:1px solid rgb(224,224,224);border-radius:5px}.admin-page-main-container .filters-main-container .filter-filters-row .date-container .search-container .date-div-inputs input::placeholder{font-family:Tajawal,Robot,Helvetica,Arial,sans-serif}.admin-page-main-container .filters-main-container .filter-filters-row .payment-status-filter,.admin-page-main-container .filters-main-container .filter-filters-row .service-provider-filter{display:flex;flex-direction:row;align-items:center;gap:1rem;width:100%}.admin-page-main-container .filters-main-container .filter-filters-row .payment-status-filter .status-lable,.admin-page-main-container .filters-main-container .filter-filters-row .service-provider-filter .status-lable{font-size:1.3rem;font-weight:600;color:#ce4710;white-space:nowrap;width:fit-content}.admin-page-main-container .filters-main-container .filter-filters-row .payment-status-filter .status-select,.admin-page-main-container .filters-main-container .filter-filters-row .service-provider-filter .status-select{width:100%;padding:.8rem .4rem;background-color:#fff;border:1px solid rgb(224,224,224);border-radius:5px;font-size:1rem;text-align:right;cursor:pointer}.admin-page-main-container .filters-main-container .filter-filters-row .payment-status-filter .status-select option,.admin-page-main-container .filters-main-container .filter-filters-row .service-provider-filter .status-select option{text-align:right;font-family:Tajawal,Robot,Helvetica,Arial,sans-serif}.admin-page-main-container .statistics-main-container{display:flex;flex-direction:column;gap:1.5rem;align-items:end;width:100%}.admin-page-main-container .statistics-main-container .statistics-label{color:#454546;font-size:1.3rem;font-weight:600}.admin-page-main-container .statistics-main-container .statistics-container{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:1rem;width:100%}.admin-page-main-container .statistics-main-container .statistics-container .card-container{border:none;cursor:pointer;border-radius:10px}.admin-page-main-container .statistics-main-container .statistics-container .card-container .card{border:none;border-radius:10px;padding:1rem 4rem;flex-direction:column;align-items:center;justify-content:center;color:#fff;width:200px}.admin-page-main-container .statistics-main-container .statistics-container .card-container .card picture{height:100%;width:100%;text-align:center}.admin-page-main-container .statistics-main-container .statistics-container .card-container .card picture img{width:80px;height:80px;object-fit:cover}.admin-page-main-container .statistics-main-container .statistics-container .card-container .card h3{margin:0;font-size:2rem;font-weight:600;text-align:center}.admin-page-main-container .statistics-main-container .statistics-container .card-container .card h4{margin:0;font-weight:400;font-size:1.1rem;text-align:center}.admin-page-main-container .statistics-main-container .statistics-container .card-container .card .card-2-label{width:170px;text-align:center;padding:3.5rem 0}.admin-page-main-container .statistics-main-container .statistics-container .card-primary{display:flex;visibility:visible}.admin-page-main-container .statistics-main-container .statistics-container .card-secondary{display:none;visibility:hidden}.admin-page-main-container .statistics-main-container .statistics-container .card-container:hover .card-primary{cursor:pointer;display:none;visibility:hidden}.admin-page-main-container .statistics-main-container .statistics-container .card-container:hover .card-secondary{display:flex;align-items:center;justify-content:center;visibility:visible}.admin-page-main-container table{margin-top:1rem;width:100%;border-collapse:separate;border-spacing:0 .5rem;background-color:#fff;border-radius:10px;padding:1rem;border:1px solid rgb(224,224,224)}.admin-page-main-container table thead tr th{padding:1rem;text-align:center;font-size:1.2rem;font-weight:600;color:#454546}.admin-page-main-container table tbody tr{background-color:#fff;border-radius:5px;box-shadow:0 2px 4px #0000000d}.admin-page-main-container table tbody tr td{padding:1rem;text-align:center;font-weight:600;border-top:1px solid rgb(224,224,224);border-bottom:1px solid rgb(224,224,224)}.admin-page-main-container table tbody tr td:first-child{border-left:1px solid rgb(224,224,224);border-top-left-radius:5px;border-bottom-left-radius:5px}.admin-page-main-container table tbody tr td:last-child{border-right:1px solid rgb(224,224,224);border-top-right-radius:5px;border-bottom-right-radius:5px}.admin-page-main-container table tbody tr td+td{border-left:none}.admin-page-main-container table tbody tr .payment-status-td{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:1rem;position:relative;padding-bottom:1.3rem}.admin-page-main-container table tbody tr .payment-status-td ul{position:absolute;display:flex;flex-direction:column;align-items:center;background-color:#fff;box-shadow:1px 0 10px 1px #e6e6e6;border-radius:5px;list-style:none;width:fit-content;top:2rem;gap:.5rem;padding:.5rem 1rem;white-space:nowrap}.admin-page-main-container table tbody tr .AngleIcon{cursor:pointer}.admin-page-main-container table tbody tr .edit-btn,.admin-page-main-container table tbody tr .delete-btn{background:none;border:none;font-size:1.2rem;cursor:pointer}.admin-page-main-container table tbody tr .edit-btn{color:#ce4710}.admin-page-main-container table tbody tr .delete-btn{color:#b90000}.admin-page-main-container .navigation-container{display:flex;flex-direction:row;align-items:center;width:100%;gap:.5rem;justify-content:flex-end}.admin-page-main-container .navigation-container .arrow-btn{background-color:#ce4710;border:1px solid rgb(224,224,224);color:#fff;padding:.4rem .7rem;border:none;border-radius:3px;transition:background-color .2s ease}.admin-page-main-container .navigation-container .arrow-btn:hover{cursor:pointer;background-color:#e15c26}.admin-page-main-container .navigation-container .number{background-color:#fff;color:#454546;padding:.3rem .7rem;border-radius:3px;border:none}@media (max-width: 480px){form.search-container{display:flex;flex-direction:column-reverse}.admin-page-main-container .statistics-main-container{gap:2rem}.admin-page-main-container .statistics-main-container .statistics-label{font-size:1.55rem}.admin-page-main-container .statistics-main-container .statistics-container{justify-content:center}.admin-page-main-container{padding:3rem 1rem}table thead{display:none}table tbody .btns-container{justify-content:center;margin:1rem 0 .5rem;gap:1rem}table tbody tr{display:flex;flex-direction:column-reverse;padding:1rem;margin-bottom:1rem;border:1px solid rgb(224,224,224);border-radius:8px;box-shadow:0 2px 4px #0000000d}table tbody tr td{display:flex;justify-content:space-between;border:none!important;padding:.5rem 0!important;text-align:right!important;position:relative;flex-direction:row-reverse}table tbody tr td:before{content:attr(data-label);font-weight:600;color:#454546}table tbody tr td:first-child{top:.5rem;left:.5rem;padding:0!important}table tbody tr td.payment-status-td{flex-direction:row;align-items:flex-end;gap:.5rem;justify-content:space-between}table tbody tr td.payment-status-td ul{top:3rem}table tbody tr td.payment-status-td ul li{cursor:pointer}table tbody tr td.payment-status-td .AngleIcon{position:absolute;margin:1.5rem 1.2rem 1.3rem;left:.5rem;top:50%;transform:translateY(-50%)}.navigation-container{justify-content:center!important}.admin-page-main-container .statistics-main-container .statistics-container .card-container .card .card-2-label{padding:2.5rem 0}.filters-main-container{gap:2rem}.filters-main-container .serch-input{flex-direction:column-reverse}.filters-main-container .serch-input .search-lable{font-size:1.5rem;width:100%;text-align:end}.filters-main-container .serch-input,.filters-main-container .date-container{width:100%}.filters-main-container .date-container{flex-direction:column-reverse;gap:1rem}.filters-main-container .date-container .date-lable{display:none}.filters-main-container .date-container .search-container{flex-direction:column-reverse;gap:1rem}.filters-main-container .date-container .search-container .date-div-inputs{flex-direction:row;justify-content:flex-end;gap:1rem}.filters-main-container .filter-filters-row{flex-direction:column;gap:1.5rem}.filters-main-container .filter-filters-row .payment-status-filter,.filters-main-container .filter-filters-row .service-provider-filter{flex-direction:column-reverse;align-items:flex-start}.filters-main-container .filter-filters-row .payment-status-filter .status-lable,.filters-main-container .filter-filters-row .service-provider-filter .status-lable{color:#000;font-size:1.5rem;width:100%;text-align:end}.filters-main-container .filter-filters-row .payment-status-filter .status-select,.filters-main-container .filter-filters-row .service-provider-filter .status-select,.filters-main-container .serch-input,.filters-main-container .date-container{width:100%}}.search-filters-row{display:flex;flex-direction:column;width:100%;gap:1rem}tr.unpaid-row{border:2px solid #ff4d4f}tr.unpaid-row td{border-bottom:1px solid #ff4d4f;border-top:1px solid #ff4d4f}tr.unpaid-row td:first-child{border-left:1px solid #ff4d4f}tr.unpaid-row td:last-child{border-right:1px solid #ff4d4f}.all-applications-container{display:flex;flex-direction:column;gap:1.5rem;padding:4rem 7rem;background-color:#f0f0f0;height:100%}.all-applications-container .filters-main-container{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.all-applications-container .filters-main-container .serch-input{display:flex;flex-direction:row;gap:1rem;align-items:center;justify-content:space-between;width:100%}.all-applications-container .filters-main-container .serch-input .add-user-btn{background-color:#ce4710;border:none;border-radius:5px;padding:1rem 1.5rem;color:#fff;font-size:1.1rem;display:flex;flex-direction:row;align-items:center;gap:.6rem;transition:background-color .2s ease}.all-applications-container .filters-main-container .serch-input .add-user-btn:hover{cursor:pointer;background-color:#e15c26}.all-applications-container .filters-main-container .serch-input .search-lable{font-size:1.5rem;font-weight:600;color:#454546;white-space:nowrap;width:fit-content}.all-applications-container .filters-main-container .serch-input .search-container{display:flex;flex-direction:row;justify-content:space-between;align-items:center;background-color:#fff;border:1px solid rgb(224,224,224);border-radius:5px;width:100%}.all-applications-container .filters-main-container .serch-input .search-container input{width:100%;padding:.8rem .4rem;border:none;font-size:1rem;text-align:end}.all-applications-container .filters-main-container .serch-input .search-container input:focus{border:none}.all-applications-container .filters-main-container .serch-input .search-container input:active{border:none}.all-applications-container .filters-main-container .serch-input .search-container .search-btn{cursor:pointer;background:none;border:none;color:#454546;font-size:1.2rem;margin-left:.5rem}.all-applications-container .filters-main-container .date-container{display:flex;flex-direction:row;align-items:center;width:100%;gap:3rem;justify-content:space-between}.all-applications-container .filters-main-container .date-container .date-lable{font-size:1.3rem;font-weight:600;color:#ce4710;white-space:nowrap;width:fit-content}.all-applications-container table{width:100%;border-collapse:separate;border-spacing:0 .5rem;background-color:#fff;border-radius:10px;padding:1rem;border:1px solid rgb(224,224,224)}.all-applications-container table thead tr th{padding:1rem;text-align:center;font-size:1.2rem;font-weight:600;color:#454546}.all-applications-container table tbody tr{background-color:#fff;border-radius:5px;box-shadow:0 2px 4px #0000000d}.all-applications-container table tbody tr td{padding:1rem;text-align:center;font-weight:600;border-top:1px solid rgb(224,224,224);border-bottom:1px solid rgb(224,224,224)}.all-applications-container table tbody tr td:first-child{border-left:1px solid rgb(224,224,224);border-top-left-radius:5px;border-bottom-left-radius:5px}.all-applications-container table tbody tr td:last-child{border-right:1px solid rgb(224,224,224);border-top-right-radius:5px;border-bottom-right-radius:5px}.all-applications-container table tbody tr td+td{border-left:none}.all-applications-container table tbody tr .payment-status-td{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:1rem;position:relative;padding-bottom:1.3rem}.all-applications-container table tbody tr .payment-status-td ul{position:absolute;display:flex;flex-direction:column;align-items:center;background-color:#fff;box-shadow:1px 0 10px 1px #e6e6e6;border-radius:5px;list-style:none;width:fit-content;top:2rem;gap:.5rem;padding:.5rem 1rem;white-space:nowrap}.all-applications-container table tbody tr .AngleIcon{cursor:pointer}.all-applications-container table tbody tr .edit-btn,.all-applications-container table tbody tr .delete-btn{background:none;border:none;font-size:1.2rem;cursor:pointer}.all-applications-container table tbody tr .edit-btn{color:#ce4710}.all-applications-container table tbody tr .delete-btn{color:#b90000}.all-applications-container .navigation-container{display:flex;flex-direction:row;align-items:center;width:100%;gap:.5rem;justify-content:flex-end}.all-applications-container .navigation-container .arrow-btn{background-color:#ce4710;border:1px solid rgb(224,224,224);color:#fff;padding:.4rem .7rem;border:none;border-radius:3px;transition:background-color .2s ease}.all-applications-container .navigation-container .arrow-btn:hover{cursor:pointer;background-color:#e15c26}.all-applications-container .navigation-container .number{background-color:#fff;color:#454546;padding:.3rem .7rem;border-radius:3px;border:none}@media (max-width: 480px){.all-applications-container{padding:2rem 1rem!important}.all-applications-container .filters-main-container{gap:2rem}.all-applications-container .filters-main-container .serch-input{flex-direction:column-reverse}.all-applications-container .filters-main-container .serch-input .search-lable{font-size:1.5rem;width:100%;text-align:end}.all-applications-container .filters-main-container .serch-input,.all-applications-container .filters-main-container .date-container{width:100%}.all-applications-container .filters-main-container .date-container{flex-direction:column-reverse;gap:1rem}.all-applications-container .filters-main-container .date-container .date-lable{display:none}.all-applications-container .filters-main-container .date-container .search-container{flex-direction:column-reverse;gap:1rem}.all-applications-container .filters-main-container .date-container .search-container .date-div-inputs{flex-direction:row;justify-content:flex-end;gap:1rem}.all-applications-container table thead{display:none}.all-applications-container table tbody .btns-container{justify-content:center;margin:1rem 0 .5rem;gap:1rem}.all-applications-container table tbody tr{display:flex;flex-direction:column-reverse;padding:1rem;margin-bottom:1rem;border:1px solid rgb(224,224,224);border-radius:8px;box-shadow:0 2px 4px #0000000d}.all-applications-container table tbody tr td{display:flex;justify-content:space-between;border:none!important;padding:.5rem 0!important;text-align:right!important;position:relative;flex-direction:row-reverse}.all-applications-container table tbody tr td:before{content:attr(data-label);font-weight:600;color:#454546}.all-applications-container table tbody tr td:first-child{top:.5rem;left:.5rem;padding:0!important}.all-applications-container table tbody tr td.payment-status-td{flex-direction:row;align-items:flex-end;gap:.5rem;justify-content:space-between!important}.all-applications-container table tbody tr td.payment-status-td ul{top:3rem!important}.all-applications-container table tbody tr td.payment-status-td .AngleIcon{position:absolute;margin:1.5rem 1.2rem 1.3rem;left:.5rem;top:50%;transform:translateY(-50%)}.all-applications-container .navigation-container{justify-content:center!important}}.modal-overlay .add-user-modal form .inputs-group{display:flex;flex-direction:row;align-items:center;gap:1rem}.modal-overlay .add-user-modal form .inputs-group input{width:95%;border:1px solid rgb(224,224,224);border-radius:10px;padding:.8rem .5rem;margin-bottom:.5rem;text-align:right}.modal-overlay .add-user-modal form .inputs-group input:focus{border:1px solid rgb(206,71,16);outline:1px rgb(206,71,16)}.modal-overlay .add-user-modal form .inputs-group input::placeholder{font-size:.9rem}@media (max-width: 480px){.modal-overlay .add-user-modal .btns-container button{width:fit-content;white-space:nowrap}}@media (max-width: 480px){.modal-overlay{align-items:flex-start;padding-top:2rem;padding-bottom:2rem}.modal-overlay .add-user-modal{margin-top:0;max-height:calc(100vh - 4rem)}.modal-overlay .add-user-modal{overflow-y:scroll}.modal-overlay .add-user-modal form .inputs-group{flex-direction:column}.modal-overlay .add-user-modal .btns-container{flex-direction:column-reverse;align-items:center;gap:1rem}.modal-overlay .add-user-modal{padding:1rem}.modal-overlay .add-user-modal form .inputs-main-radio-container{flex-direction:column!important;align-items:flex-end!important;gap:1rem!important}.modal-overlay .add-user-modal form .inputs-main-radio-container .radio-options-container{gap:2.5rem}}:root{font-family:Tajawal,Robot,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;margin:0;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}}button,a,input,textarea{font-family:Tajawal,Robot,Helvetica,Arial,sans-serif}input::placeholder,textarea::placeholder{font-family:Tajawal,Robot,Helvetica,Arial,sans-serif}input[type=search]{background-color:#fff}.registering-expenses-main-container{display:flex;flex-direction:column;gap:1.5rem;padding:3rem 6rem;background-color:#f0f0f0}.registering-expenses-main-container .save-stats-container{width:100%;display:flex;flex-direction:row;align-items:center;justify-content:flex-end;margin-top:1rem}.registering-expenses-main-container .save-stats-container .save-stats-btn{background-color:#ce4710;border:none;border-radius:5px;padding:1rem 1.5rem;color:#fff;font-size:1.1rem;display:flex;flex-direction:row;align-items:center;gap:.6rem;transition:background-color .2s ease}.registering-expenses-main-container .save-stats-container .save-stats-btn:hover{cursor:pointer;background-color:#e15c26}.registering-expenses-main-container .statistics-main-container{display:flex;flex-direction:column;gap:1.5rem;align-items:end;width:100%;margin-bottom:2rem}.registering-expenses-main-container .statistics-main-container .statistics-label{color:#454546;font-size:1.3rem;font-weight:600}.registering-expenses-main-container .statistics-main-container .statistics-container{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:1rem;width:100%}.registering-expenses-main-container .statistics-main-container .statistics-container .card-container{border:none;cursor:pointer;border-radius:10px}.registering-expenses-main-container .statistics-main-container .statistics-container .card{border:none;border-radius:10px;padding:1rem 4rem;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;width:200px}.registering-expenses-main-container .statistics-main-container .statistics-container .card picture{height:100%;width:100%;text-align:center}.registering-expenses-main-container .statistics-main-container .statistics-container .card picture img{width:90px;height:90px;object-fit:cover}.registering-expenses-main-container .statistics-main-container .statistics-container .card h3{margin:0;font-size:1.2rem;font-weight:600;text-align:center;margin-top:.5rem}.registering-expenses-main-container .statistics-main-container .statistics-container .card h4{margin:0;font-weight:600;font-size:2rem}.registering-expenses-main-container .statistics-main-container .statistics-container .card .card-2-label{width:170px;text-align:center}.registering-expenses-main-container .statistics-main-container .statistics-container .card-primary{display:flex;visibility:visible}.registering-expenses-main-container .btns{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%}.registering-expenses-main-container .btns .download-btn{cursor:pointer;background:none;font-size:1.1rem;display:flex;flex-direction:row;align-items:center;gap:1rem;border:none;margin-top:1rem}.registering-expenses-main-container .btns .btns-container button{width:215px!important}.registering-expenses-main-container .filters-main-container{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.registering-expenses-main-container .filters-main-container .serch-input{display:flex;flex-direction:row;gap:1rem;align-items:center;justify-content:space-between;width:100%}.registering-expenses-main-container .filters-main-container .serch-input .add-user-btn{background-color:#ce4710;border:none;border-radius:5px;padding:1rem 1.5rem;color:#fff;font-size:1.1rem;display:flex;flex-direction:row;align-items:center;gap:.6rem;transition:background-color .2s ease}.registering-expenses-main-container .filters-main-container .serch-input .add-user-btn:hover{cursor:pointer;background-color:#e15c26}.registering-expenses-main-container .filters-main-container .serch-input .search-lable{font-size:1.5rem;font-weight:600;color:#454546;white-space:nowrap;width:fit-content}.registering-expenses-main-container .filters-main-container .date-container{display:flex;flex-direction:row;align-items:center;width:100%;gap:3rem;justify-content:space-between}.registering-expenses-main-container .filters-main-container .date-container .date-lable{font-size:1.3rem;font-weight:600;color:#ce4710;white-space:nowrap;width:fit-content}.registering-expenses-main-container .filters-main-container .date-container .search-container{display:flex;flex-direction:row;justify-content:space-around;width:100%;align-items:center;gap:1rem}.registering-expenses-main-container .filters-main-container .date-container .search-container .date-div-inputs{display:flex;flex-direction:row;width:100%;justify-content:space-around;align-items:center;gap:1rem}.registering-expenses-main-container .filters-main-container .date-container .search-container .date-div-inputs label{font-size:1.1rem;color:#454546;font-weight:600;white-space:nowrap;width:fit-content}.registering-expenses-main-container .filters-main-container .date-container .search-container .date-div-inputs input,.registering-expenses-main-container .filters-main-container .date-container .search-container .date-div-inputs textarea{width:100%;padding:.8rem .4rem;background-color:#fff;border:1px solid rgb(224,224,224);border-radius:5px}.registering-expenses-main-container table{width:100%;border-collapse:separate;border-spacing:0 .5rem;background-color:#fff;border-radius:10px;padding:1rem;border:1px solid rgb(224,224,224)}.registering-expenses-main-container table thead tr th{padding:1rem;text-align:center;font-size:1.2rem;font-weight:600;color:#454546}.registering-expenses-main-container table tbody tr{background-color:#fff;border-radius:5px;box-shadow:0 2px 4px #0000000d}.registering-expenses-main-container table tbody tr td{padding:1rem;text-align:center;font-weight:600;border-top:1px solid rgb(224,224,224);border-bottom:1px solid rgb(224,224,224)}.registering-expenses-main-container table tbody tr td:first-child{border-left:1px solid rgb(224,224,224);border-top-left-radius:5px;border-bottom-left-radius:5px}.registering-expenses-main-container table tbody tr td:last-child{border-right:1px solid rgb(224,224,224);border-top-right-radius:5px;border-bottom-right-radius:5px}.registering-expenses-main-container table tbody tr td+td{border-left:none}.registering-expenses-main-container table tbody tr .payment-status-td{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:1rem;position:relative;padding-bottom:1.3rem}.registering-expenses-main-container table tbody tr .payment-status-td ul{position:absolute;display:flex;flex-direction:column;align-items:center;background-color:#fff;box-shadow:1px 0 10px 1px #e6e6e6;border-radius:5px;list-style:none;width:fit-content;top:2rem;gap:.5rem;padding:.5rem 1rem;white-space:nowrap}.registering-expenses-main-container table tbody tr .AngleIcon{cursor:pointer}.registering-expenses-main-container table tbody tr .edit-btn,.registering-expenses-main-container table tbody tr .delete-btn{background:none;border:none;font-size:1.2rem;cursor:pointer}.registering-expenses-main-container table tbody tr .edit-btn{color:#ce4710}.registering-expenses-main-container table tbody tr .delete-btn{color:#b90000}.registering-expenses-main-container .navigation-container{display:flex;flex-direction:row;align-items:center;width:100%;gap:.5rem;justify-content:flex-end}.registering-expenses-main-container .navigation-container .arrow-btn{background-color:#ce4710;border:1px solid rgb(224,224,224);color:#fff;padding:.4rem .7rem;border:none;border-radius:3px;transition:background-color .2s ease}.registering-expenses-main-container .navigation-container .arrow-btn:hover{cursor:pointer;background-color:#e15c26}.registering-expenses-main-container .navigation-container .number{background-color:#fff;color:#454546;padding:.3rem .7rem;border-radius:3px;border:none}@media (max-width: 480px){.registering-expenses-main-container .filters-main-container .serch-input{flex-direction:column-reverse;align-items:center}.admin-page-main-container .statistics-main-container{gap:2rem}.admin-page-main-container .statistics-main-container .statistics-label{font-size:1.55rem}.admin-page-main-container .statistics-main-container .statistics-container{justify-content:center}.registering-expenses-main-container .btns{flex-direction:column-reverse}.registering-expenses-main-container{padding:2rem 1rem!important}.registering-expenses-main-container .filters-main-container{gap:2rem}.registering-expenses-main-container table thead{display:none}.registering-expenses-main-container table tbody .btns-container{justify-content:center;margin:1rem 0 .5rem;gap:1rem}.registering-expenses-main-container table tbody tr{display:flex;flex-direction:column-reverse;padding:1rem;margin-bottom:1rem;border:1px solid rgb(224,224,224);border-radius:8px;box-shadow:0 2px 4px #0000000d}.registering-expenses-main-container table tbody tr td{display:flex;justify-content:space-between;border:none!important;padding:.5rem 0!important;text-align:right!important;position:relative;flex-direction:row-reverse}.registering-expenses-main-container table tbody tr td:before{content:attr(data-label);font-weight:600;color:#454546}.registering-expenses-main-container table tbody tr td:first-child{top:.5rem;left:.5rem;padding:0!important}.registering-expenses-main-container table tbody tr td.payment-status-td{flex-direction:row;align-items:flex-end;gap:.5rem;justify-content:space-between!important}.registering-expenses-main-container table tbody tr td.payment-status-td ul{top:3rem!important}.registering-expenses-main-container table tbody tr td.payment-status-td .AngleIcon{position:absolute;margin:1.5rem 1.2rem 1.3rem;left:.5rem;top:50%;transform:translateY(-50%)}.registering-expenses-main-container .navigation-container{justify-content:center!important}.registering-expenses-main-container .statistics-main-container{gap:2rem}.registering-expenses-main-container .statistics-main-container .statistics-label{font-size:1.55rem}.registering-expenses-main-container .statistics-main-container .statistics-container{justify-content:center}}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;overflow-y:auto;padding:.5rem}.modal-overlay .add-user-modal{background-color:#fff;border-radius:8px;width:700px;max-width:90%;max-height:90vh;overflow-y:auto;padding:2rem;box-shadow:0 4px 20px #00000026}.modal-overlay .add-user-modal .modal-header{display:flex;flex-direction:row;align-items:center;justify-content:flex-end;margin-bottom:2rem}.modal-overlay .add-user-modal .modal-header h3{margin:0;font-weight:600;font-size:1.4rem}.modal-overlay .add-user-modal .modal-header button{font-size:1.3rem;cursor:pointer;background:none;border:none}.modal-overlay .add-user-modal .delete-header{justify-content:center!important;margin-bottom:.5rem}.modal-overlay .add-user-modal form{max-height:calc(100% - 100px);overflow-y:auto;display:flex;flex-direction:column;gap:1rem;margin-bottom:1rem;width:100%}.modal-overlay .add-user-modal form h4{font-size:1.1rem;text-align:center;margin:.5rem 0}.modal-overlay .add-user-modal form .inputs-group{display:flex;flex-direction:row;align-items:center;gap:1rem;padding:0 0 0 1rem}.modal-overlay .add-user-modal form .inputs-group .form-group{display:flex;flex-direction:column;gap:.5rem;align-items:flex-end;width:100%}.modal-overlay .add-user-modal form .inputs-group .form-group .file-container{padding:.5rem;border:1px solid rgb(216,216,216);border-radius:5px;display:flex;flex-direction:row-reverse;align-items:center;justify-content:space-between;width:100%;margin-top:.5rem}.modal-overlay .add-user-modal form .inputs-group .form-group .file-container h4{font-size:15px}.modal-overlay .add-user-modal form .inputs-group .form-group .file-container .upload-file-btn{padding:.5rem 3rem;width:208px;font-size:1.1rem;text-align:center;width:fit-content;border-radius:5px;border:none;background-color:#fff;border:1px solid rgb(69,69,70);display:flex;flex-direction:row;align-items:center;gap:1rem}.modal-overlay .add-user-modal form .inputs-group .form-group .file-container .upload-file-btn:hover{cursor:pointer;background-color:#454546;color:#fff}.modal-overlay .add-user-modal form .inputs-group label{font-size:1.1rem;font-weight:600;color:#454546}.modal-overlay .add-user-modal form .inputs-group input,.modal-overlay .add-user-modal form .inputs-group textarea{width:95%;border:1px solid rgb(224,224,224);border-radius:10px;padding:.8rem .5rem;margin-bottom:.5rem;text-align:right}.modal-overlay .add-user-modal form .inputs-group input:focus,.modal-overlay .add-user-modal form .inputs-group textarea:focus{border:1px solid rgb(206,71,16);outline:1px rgb(206,71,16)}.modal-overlay .add-user-modal form .inputs-group input::placeholder,.modal-overlay .add-user-modal form .inputs-group textarea::placeholder{font-size:.9rem}.modal-overlay .add-user-modal form .inputs-main-radio-container{display:flex!important;flex-direction:row-reverse!important;align-items:center!important;gap:1.5rem!important;width:100%!important}.modal-overlay .add-user-modal form .inputs-main-radio-container .user-status-labels{font-size:1.1rem;font-weight:600;color:#454546;white-space:nowrap;margin:0}.modal-overlay .add-user-modal form .inputs-main-radio-container .radio-options-container{display:flex;flex-direction:row-reverse;gap:1.5rem;flex-wrap:wrap;width:100%}.modal-overlay .add-user-modal form .inputs-main-radio-container .radio-input-container{display:flex!important;flex-direction:row-reverse!important;align-items:center!important;gap:.5rem!important;width:fit-content!important}.modal-overlay .add-user-modal form .inputs-main-radio-container .radio-input-container input[type=radio]{width:18px!important;height:18px!important;margin:0!important;accent-color:rgb(206,71,16)}.modal-overlay .add-user-modal form .inputs-main-radio-container .radio-input-container input[type=radio]:checked{background-color:#ce4710}.modal-overlay .add-user-modal form .inputs-main-radio-container .radio-input-container label{font-size:1rem;font-weight:400;color:#454546;margin:0}.modal-overlay .add-user-modal form .custom-gap{gap:2.4rem!important}@media (max-width: 768px){.modal-overlay .add-user-modal form .inputs-main-radio-container{flex-direction:column!important;align-items:flex-start!important;gap:.5rem!important}.modal-overlay .add-user-modal form .inputs-main-radio-container .radio-options-container{gap:1rem}}@media (max-width: 480px){.modal-overlay .add-user-modal form .inputs-main-radio-container .radio-options-container{gap:.5rem;flex-wrap:wrap}}.modal-overlay .add-user-modal .btns-container{display:flex;flex-direction:row;justify-content:center;gap:2rem;margin-top:1rem}.modal-overlay .add-user-modal .btns-container button{padding:.5rem 3rem;width:270px;font-size:1.1rem;text-align:center;border-radius:5px;margin-top:.5rem;border:none;transition:background-color .2s ease}.modal-overlay .add-user-modal .btns-container button:hover{cursor:pointer}.modal-overlay .add-user-modal .btns-container .submit-btn{background-color:#ce4710;color:#fff}.modal-overlay .add-user-modal .btns-container .submit-btn:hover{cursor:pointer;background-color:#e15c26}.modal-overlay .add-user-modal .btns-container .cancel-btn{background-color:#fff;border:1px solid rgb(69,69,70);color:#454546}.modal-overlay .add-user-modal .btns-container .cancel-btn:hover{cursor:pointer;background-color:#454546;color:#fff}.modal-overlay .delete-model{width:500px}.modal-overlay .delete-model form{gap:0}@media (max-width: 480px){.modal-overlay{align-items:flex-start;padding-top:2rem;padding-bottom:2rem}.modal-overlay .add-user-modal{margin-top:0;max-height:calc(100vh - 4rem)}.modal-overlay .add-user-modal{overflow-y:scroll}.modal-overlay .add-user-modal form .inputs-group{flex-direction:column}.modal-overlay .add-user-modal .btns-container{flex-direction:column-reverse;align-items:center;gap:1rem}.modal-overlay .add-user-modal{padding:1rem}.modal-overlay .add-user-modal form .inputs-main-radio-container{flex-direction:column!important;align-items:flex-end!important;gap:1rem!important}.modal-overlay .add-user-modal form .inputs-main-radio-container .radio-options-container{gap:2.5rem}.modal-overlay .add-user-modal form .inputs-group .form-group .file-container{flex-direction:column;gap:1rem}}
