body{font-size:max(2vmin,15px);background-image:url(https://infinixshopbranding.com/background.jpg)!important;background-attachment:fixed;background-size:cover}* button{background-color:#cf9116;border-radius:5px!important;border:none;color:#fff;padding:1vmin 2vmax;text-decoration:none!important}input{border:none;border-radius:5px;height:6vh;min-height:20px;padding:.5vh 2vw;background-color:#ddddddc8;box-shadow:0 0 3px 2px #0003 inset}a{color:#000;text-decoration:none!important}body{font-size:max(2vmin,15px);background-image:url(https://infinixshopbranding.com/background.jpg)!important;background-attachment:fixed;background-size:cover}#LoginForm{background-color:#ffffffc8;border-radius:10px;align-self:center;margin-right:auto;margin-left:auto;width:-moz-min-content;width:min-content;padding:4vh 5vw;justify-items:center;margin-top:20vh;box-shadow:0 0 7px 3px #8e691f31;margin-bottom:2vh}#LoginForm .LoginTitle{font-size:max(3.5vmin,24px);font-weight:500;white-space:nowrap;margin-bottom:4vh;color:#cf9116}#LoginForm .LoginField{width:-moz-min-content;width:min-content;margin-bottom:4vh}#LoginForm label{margin-bottom:1vh;font-size:max(2.4vmin,15px);white-space:nowrap}#LoginForm input{height:6vh;width:50vw;max-width:350px}#LoginForm .LastField{margin-bottom:6vh}@media screen and (max-width: 768px){#LoginForm input{height:6vh;width:80vw}}#Header{border-radius:0 0 5px 5px;box-shadow:0 0 7px 4px #0003;background:linear-gradient(135deg,#fbfbfbd6,#dfdfdf97);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);width:85vw;justify-self:center;margin-left:7.5vw;margin-right:7.5vw;padding:0}#Header .BrandImage{height:6vh;min-height:20px;aspect-ratio:1}#Header .HeaderLink{color:#000;text-decoration:none;margin-left:auto}#Header .SearchBar{margin-left:auto}#Header .SearchBar input{width:15vw;height:4.5vh;margin-left:.5vw}#Header .SearchBar button{padding:.6vmin 1.2vmax}#Header .dropdown-menu{direction:rtl!important;text-align:right!important}.notification-item{width:20vw;padding:10px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #eee}#Header .notRead{background-color:#e1dcd5!important}#Header .notification-content{flex:1;margin-left:10px;overflow:hidden;right:0;text-align:right;z-index:1000}#Header .notifications-dropdown{direction:rtl;max-height:50vh;overflow-y:auto;width:30vw}#Header .notification-message{font-size:14px;font-weight:500;word-wrap:break-word;white-space:normal}#Header .notificationDetails{display:flex;text-align:center;justify-content:center;justify-content:space-between;align-items:center}#Header .notification-date{font-size:12px;color:#666}#Header .mark-as-read-button{font-size:12px;padding:2px 6px;border:none;cursor:pointer;border-radius:5px}#Header .mark-as-read-button:hover{text-decoration:underline}#Header #notification-dropdown .dropdown-menu{max-height:20vw;overflow-y:auto;padding:0}#Header .unreadCount{background-color:#cf9116;border-radius:100%;width:3vmin;height:3vmin;color:#fff;text-align:center;justify-content:center;font-size:max(1.8vmin,13px);position:relative;right:1vmin;top:-1vmin;padding:.5vmin}#Header .mark-all-as-read-button{border-radius:5px;margin-right:10vw;margin-bottom:1vh}@media screen and (max-width: 768px){#Header .SearchBar input{width:50vw;margin-bottom:2vh}#Header .HeaderLink{margin-bottom:2vh;margin-top:2vh}#Header .dropdown{margin-top:2vh}#Header .notifications-dropdown{direction:rtl;max-height:90vh;overflow-y:auto;padding-top:2vh;position:absolute;left:5vw;top:0;transform:translate(-50%);width:90vw;text-align:right;background:linear-gradient(135deg,#fbfbfbf2,#dfdfdfeb);border-radius:10px;margin-left:5vw;margin-right:5vw}}#Header .NotificationIcon{height:3.1vh;min-height:18px}#Header .dropdown-menu.show{background:linear-gradient(135deg,#fbfbfb,#dfdfdfe4)}#Header .dropdown-item{font-size:max(2vmin,13px)}body{font-size:max(2vmin,15px);background-image:url(https://infinixshopbranding.com/background.jpg)!important;background-attachment:fixed;background-size:cover}#HomePage .HomePageHeader{height:10vh;display:flex;margin-top:12vh;align-items:center}#HomePage .HomePageTitle{margin-right:42vw;margin-left:auto;font-size:max(5vmin,20px);font-weight:700;color:#303030}#HomePage .HomePageHeader .button{background-color:#cf9116;border-radius:5px;border:none;color:#fff;padding:1.5vmin 1vmax;margin-left:5vw;font-size:max(2vmin,12px)}#HomePage .ProjectsPart{margin:4vmin 0}#HomePage .ProjectsPart .grid4{display:grid;grid-template-columns:repeat(4,1fr)}#HomePage .ProjectsPart .container{max-width:95%;margin:auto}@media screen and (max-width: 768px){#HomePage .ProjectsPart .grid4,#HomePage .ProjectsPart .grid{grid-template-columns:repeat(1,1fr)}}#HomePage .ProjectsPart .ButtonContainer{width:100%;display:grid}.ProjectCard{margin:5% 8%;border-radius:10px;background-color:#ffffffc8;transition:.5s;text-decoration:none;overflow:auto;word-wrap:break-word;color:#000;box-shadow:0 0 7px 3px #8e691f31}.ProjectCard:hover{box-shadow:0 2px 4px #00000014;cursor:pointer;transform:translateY(-5px)}.ProjectCard .Projectdetails{padding:1.5vh 2vw}.ProjectCard .img{width:100%;margin-bottom:.2vmin;padding-top:2vh;aspect-ratio:2/1;background-color:#ebe5de;font-size:max(3.5vmin,20px);color:#414141;font-weight:700;text-align:center;align-content:center}.ProjectCard .DateIcon{margin-left:10px;font-size:20px}.ProjectCard .ProjectInfo{display:flex;justify-content:space-between;margin-bottom:2vh;align-items:center}.ProjectCard .ProjectInfo .code{display:flex;font-weight:600;align-items:center}.ProjectCard .ProjectInfo .label{color:#cf9116;margin-left:.5vw;display:flex;align-items:center;font-size:max(1.8vmin,14px)}.ProjectCard .date{display:flex;align-items:center;color:#cf9116}.ProjectCard .date label{display:block;margin-left:auto;font-size:max(2vmin,12px);color:#000}.ProjectCard .ProjectStatusProgress{color:#000;margin-left:10px}.ProjectCard .ProjectStatusDone{color:#12481c;margin-left:10px}@media screen and (max-width: 768px){.ProjectCard{width:70vw;margin-right:auto;margin-left:auto}.ProjectCard .img{aspect-ratio:3/1}}body{font-size:max(2vmin,15px);background-image:url(https://infinixshopbranding.com/background.jpg)!important;background-attachment:fixed;background-size:cover}#NewUserForm{background-color:#ffffffc8;border-radius:10px;align-self:center;margin-right:auto;margin-left:auto;width:-moz-min-content;width:min-content;padding:3vh 5vw;justify-items:center;margin-top:10vh;box-shadow:0 0 7px 3px #8e691f31}#NewUserForm .NewUserTitle{font-size:max(3.5vmin,24px);font-weight:500;white-space:nowrap;margin-bottom:4vh;color:#cf9116}#NewUserForm .NewUserField{width:-moz-min-content;width:min-content;margin-bottom:2vh}#NewUserForm label{margin-bottom:1vh;font-size:max(2.4vmin,15px);white-space:nowrap;font-weight:500}#NewUserForm input{height:6vh;width:50vw;max-width:350px}#NewUserForm .NewUserRadios{display:flex}#NewUserForm .NewUserRadios input{width:1vw;border:none;box-shadow:none;margin-left:1vw}#NewUserForm .NewUserRadio{display:flex;align-items:center;width:-moz-max-content;width:max-content;margin-left:1vw;margin-right:1vw}#NewUserForm button:disabled{background-color:#a8a59e}#NewUserForm .password-container{display:flex;align-items:center;position:relative}#NewUserForm .password-toggle{background:none;border:none;cursor:pointer;position:absolute;left:0vw;color:#666}#NewUserForm .password-toggle:focus{outline:none}#NewUserForm select{width:23vw;box-sizing:border-box;font-size:1rem;color:#333;border:none;border-radius:5px;height:6vh;min-height:20px;padding:.5vh 2vw;background-color:#ddddddc8;box-shadow:0 0 3px 2px #0003 inset}@media screen and (max-width: 768px){#NewUserForm{margin-bottom:4vh}#NewUserForm input{height:6vh;width:80vw}#NewUserForm select{width:80vw}#NewUserForm .NewUserRadios input{width:3vw}}body{font-size:max(2vmin,15px);background-image:url(https://infinixshopbranding.com/background.jpg)!important;background-attachment:fixed;background-size:cover}#UsersPage .UsersHeader{height:10vh;display:flex;margin-top:12vh;align-items:center}#UsersPage .UsersTitle{margin-right:42vw;margin-left:auto;font-size:max(5vmin,20px);font-weight:700;color:#303030}#UsersPage .UsersHeader .button{background-color:#cf9116;border-radius:5px;border:none;color:#fff;padding:1.5vmin 1vmax;margin-left:5vw;font-size:max(2vmin,12px)}#UsersPage .UsersPart{margin:4vmin 0;padding:0 5vw}.CenteredLoader{display:flex;justify-content:center}#UsersPage .UsersPart .UsersTable{width:90vw;margin-right:auto;margin-left:auto;overflow-x:auto}#UsersPage .UsersPart .UsersTable table{background-color:#ffffffc8;border-radius:10px;text-align:center;border-collapse:collapse}#UsersPage .table-cell{padding:20px;border-bottom:1px solid black}#UsersPage thead{background-color:#cfcfcf;color:#000}@media screen and (max-width: 768px){#UsersPage .UsersPart .grid4,#UsersPage .UsersPart .grid{grid-template-columns:repeat(1,1fr)}}#UsersPage .UsersPart .ButtonContainer{width:100%;display:grid}body{font-size:max(2vmin,15px);background-image:url(https://infinixshopbranding.com/background.jpg)!important;background-attachment:fixed;background-size:cover}.RowGroup{display:flex;flex-wrap:nowrap;justify-content:space-between;margin-bottom:2vh}.UpdateRecordField{flex:1;min-width:150px;margin:0 1vw}.FullWidth{flex:1 1 100%}#UpdateRecordForm label{display:block;margin-bottom:.5vh;font-size:1rem;font-weight:500}#UpdateRecordForm input,#UpdateRecordForm select{height:40px;width:100%;padding:0 .5rem;box-sizing:border-box;font-size:1rem;border:1px solid #ccc;border-radius:4px;background-color:#fff;color:#333;box-shadow:0 0 3px 2px #0003 inset}#UpdateRecordForm .NotesField{height:40px}#UpdateRecordForm{background-color:#ffffffc8;border-radius:10px;margin:10vh auto 2vh;width:90%;max-width:800px;padding:3vh 5vw;box-shadow:0 0 7px 3px #8e691f31}.UpdateRecordTitle{font-size:2rem;font-weight:500;margin-bottom:2vh;color:#cf9116;text-align:center}.image-preview{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1vh}#UpdateRecordForm button{padding:1vh 2vw;font-size:1rem;background-color:#cf9116;border:none;border-radius:5px;color:#fff;cursor:pointer;margin-top:2vh;width:100%}#UpdateRecordForm button:disabled{background-color:#a8a59e}@media screen and (max-width: 768px){.RowGroup{flex-direction:column}.UpdateRecordField{margin:1vh 0}#UpdateRecordForm{margin-bottom:4vh}}body{font-size:max(2vmin,15px);background-image:url(https://infinixshopbranding.com/background.jpg)!important;background-attachment:fixed;background-size:cover}#ProjectDetails{display:flex}#ProjectDetails .GovernoratesPart{position:fixed;top:0;right:0;height:100vh;width:20vw;background-color:#fff;padding-top:20vh;padding-right:2vw;box-shadow:0 0 7px 3px #8e691f31;z-index:100}#ProjectDetails .GovernoratesPart h2{font-size:max(3.8vmin,15px)}#ProjectDetails .GovernoratesPart .choosen{color:#cf9116}#ProjectDetails .GovernorateButton{background:none;color:#000;font-size:max(2.2vmin,10px)}#ProjectDetails .projectTable{margin-right:20vw;width:80vw;margin-bottom:5vh}#ProjectDetails .projectTableHeader{height:10vh;display:flex;margin-top:12vh;align-items:center}#ProjectDetails .projectTableTitle{margin-right:auto;margin-left:auto;font-size:max(4vmin,15px);font-weight:700;color:#303030}#ProjectDetails .projectTableHeader button{background-color:#cf9116;border-radius:5px;border:none;color:#fff;margin-left:1vw;margin-right:1vw;padding:1vh 1vw;font-size:max(2vmin,10px)}#ProjectDetails .projectTabelContent{margin-right:2vw;margin-left:2vw;overflow-x:auto}#ProjectDetails .projectTabelContent button{padding:.5vh 1vw}#ProjectDetails .projectTabelContent table{background-color:#ffffffc8;border-radius:10px;text-align:center;border-collapse:collapse;border:#000000;width:100%}#ProjectDetails .projectTabelContent table .DONE,#ProjectDetails .projectTabelContent table .قبول{font-weight:600;color:#1b721b}#ProjectDetails .projectTabelContent table .REJECTED,#ProjectDetails .projectTabelContent table .رفض{color:#a91616;font-weight:600}#ProjectDetails .table-cell{border:1px solid black;white-space:nowrap;padding:.5vh .5vw;font-size:max(2vmin,10px)}#ProjectDetails thead{background-color:#cfcfcf;color:#000}.loader{display:flex;justify-content:center;align-items:center;min-height:60vh;width:100vw}@media screen and (max-width: 768px){#ProjectDetails{display:block}#ProjectDetails .projectTabelContent{overflow-x:auto}#ProjectDetails .GovernoratesPart{position:static;height:-moz-min-content;height:min-content;width:90vw;margin-right:auto;margin-left:auto;margin-top:10vh;padding:2vh 2vw;border-radius:10px;text-align:center}#ProjectDetails .governoratesList{display:flex;flex-wrap:wrap;width:90vw}#ProjectDetails .projectTable{margin-right:0;width:100vw;padding-right:2.5vw;padding-left:2.5vw}#ProjectDetails .projectTableHeader{margin-top:2vh;padding-right:2.5vw}}body{font-size:max(2vmin,15px);background-image:url(https://infinixshopbranding.com/background.jpg)!important;background-attachment:fixed;background-size:cover}#AddProjectForm{background-color:#ffffffc8;border-radius:10px;align-self:center;margin-right:auto;margin-left:auto;width:-moz-min-content;width:min-content;padding:4vh 5vw;justify-items:center;box-shadow:0 0 7px 3px #8e691f31;margin-top:13vh}#AddProjectForm .AddProjectTitle{font-size:max(3.5vmin,24px);font-weight:500;white-space:nowrap;margin-bottom:4vh;color:#cf9116}#AddProjectForm .ProjectDetails{display:flex;width:45vw;justify-content:space-between}#AddProjectForm .AddProjectField{width:-moz-min-content;width:min-content;margin-bottom:4vh}#AddProjectForm label{margin-bottom:1vh;font-size:max(2.4vmin,15px);white-space:nowrap}#AddProjectForm input{width:20vw;max-width:350px}#AddProjectForm .GovernorateButtons{display:flex;min-width:30vw;margin-bottom:4vh;margin-top:4vh}#AddProjectForm .GovernorateButtons button{margin-left:2vw;margin-right:2vw}.custom-select__control{border:none!important;border-radius:5px!important;height:6vh!important;min-height:20px!important;padding:.5vh 2vw!important;background-color:#ddddddc8!important;box-shadow:0 0 3px 2px #0003 inset!important;width:15vw}.custom-select__menu{border-radius:5px!important;box-shadow:0 2px 4px #0000001a!important}.custom-select__option{padding:10px 15px!important;color:#333!important;background-color:transparent!important}.custom-select__option--is-focused{background-color:#f0f0f0!important}.custom-select__placeholder{color:#999!important}.custom-select__indicator-separator{display:none!important}.custom-select__dropdown-indicator{padding:4px!important}.custom-select__value-container,.custom-select__indicators,.custom-select__input-container,.custom-select__input{height:5vh!important;align-content:center}.custom-select__input{background-color:none!important;background:none!important;box-shadow:none}#AddProjectForm .GovernoratePart{display:flex;margin-bottom:2vh;width:35vw;justify-content:space-between}#AddProjectForm input[type=file]{background-color:#cf911600;border:none;box-shadow:none;align-content:center}#AddProjectForm input[type=file]::file-selector-button{background-color:#979797;border-radius:5px;border:none;color:#fff;padding:.5vmin 1vmax}@media screen and (max-width: 768px){#AddProjectForm .ProjectDetails{display:block;width:-moz-min-content;width:min-content}#AddProjectForm{margin-bottom:4vh}#AddProjectForm input{display:block;height:6vh;width:80vw}.custom-select__control{border:none!important;border-radius:5px!important;height:6vh!important;min-height:20px!important;padding:.5vh 2vw!important;background-color:#ddddddc8!important;box-shadow:0 0 3px 2px #0003 inset!important;width:80vw}}body{font-size:max(2vmin,15px);background-image:url(https://infinixshopbranding.com/background.jpg)!important;background-attachment:fixed;background-size:cover}#ChangePasswordForm{background-color:#ffffffc8;border-radius:10px;align-self:center;margin-right:auto;margin-left:auto;width:-moz-min-content;width:min-content;padding:3vh 5vw;justify-items:center;margin-top:30vh;box-shadow:0 0 7px 3px #8e691f31}#ChangePasswordForm .ChangePasswordTitle{font-size:max(3.5vmin,24px);font-weight:500;white-space:nowrap;margin-bottom:4vh;color:#cf9116}#ChangePasswordForm .ChangePasswordField{width:-moz-min-content;width:min-content;margin-bottom:2vh}#ChangePasswordForm label{margin-bottom:1vh;font-size:max(2.4vmin,15px);white-space:nowrap;font-weight:500}#ChangePasswordForm input{height:6vh;width:50vw;max-width:350px}#ChangePasswordForm button:disabled{background-color:#a8a59e}#ChangePasswordForm .password-container{display:flex;align-items:center;position:relative}#ChangePasswordForm .password-toggle{background:none;border:none;cursor:pointer;position:absolute;left:0vw;color:#666}#ChangePasswordForm .password-toggle:focus{outline:none}@media screen and (max-width: 768px){#ChangePasswordForm input{height:6vh;width:80vw}}