@import"https://fonts.googleapis.com/css2?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";@import"https://fonts.googleapis.com/css2?family=Tajawal:wght@200;300;400;500;700;800;900&display=swap";*{font-family:Roboto,sans-serif}body{padding:0;margin:0;background:#e6e4e4}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-in-animation{opacity:0;animation:fadeIn .2s ease-in-out forwards}@keyframes popIn{0%{transform:scale(.5)}50%{transform:scale(1.1)}to{transform:scale(1)}}.pop-in-animation{animation:popIn .5s ease-out;background:red;padding:100px;margin-left:700px}.huge-text{font-size:200px}.dis-none{display:none}mx-2{margin:0 2px}.dashboard-actions-btn{background:var(--primary-color);color:#fff;padding:8px 12px;border:none;border-radius:20px;cursor:pointer;font-size:15px;font-weight:500;transition:background-color .3s ease,transform .2s ease;box-shadow:0 4px 6px #0000001a;display:flex;justify-content:center;align-items:center;vertical-align:middle;text-align:center}.dashboard-actions-btn:hover{opacity:.8}.table-cell-logo{display:flex;justify-content:center;align-items:center;height:100%;vertical-align:middle}.table-cell-logo .logo-container{width:40px;height:40px;background:#cfcfcf;border-radius:50%}.table-cell-logo .logo-container img{width:100%;height:100%;object-fit:fill}.overflow-hidden{overflow:hidden}.fixed-inset-gray-opacity{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;background-color:#d1d5dbcc;z-index:100}.fixed-inset-40-padded-flex{padding:.6rem .5rem;background-color:#fff;border-radius:.5rem;display:flex;flex-direction:column;max-width:90vw;max-height:90vh;box-shadow:0 4px 8px #0000001a}.fixed-inset-40-padded-flex .modal-content{padding:0 10px;overflow-y:auto;overflow-x:auto}.fixed-inset-40-padded-flex .modal-content::-webkit-scrollbar{width:8px;height:8px}.fixed-inset-40-padded-flex .modal-content::-webkit-scrollbar-track{background:#f0f0f0}.fixed-inset-40-padded-flex .modal-content::-webkit-scrollbar-thumb{background:#b0b0b0;border-radius:10px}.fixed-inset-40-padded-flex .modal-content::-webkit-scrollbar-thumb:hover{background:#888}.fixed-inset-40-padded-flex .modal-header{display:flex;justify-content:center;align-items:center;flex-direction:column}.fixed-inset-40-padded-flex .modal-header .title{width:95%;display:flex;justify-content:center;align-items:center;margin-top:-20px;margin-bottom:10px}.fixed-inset-40-padded-flex .modal-header .close-modal{justify-items:flex-end;align-self:flex-end;width:34px;height:34px}.fixed-inset-40-padded-flex::-webkit-scrollbar{width:8px;height:8px}.fixed-inset-40-padded-flex::-webkit-scrollbar-track{background:#f0f0f0}.fixed-inset-40-padded-flex::-webkit-scrollbar-thumb{background:#b0b0b0;border-radius:10px}.fixed-inset-40-padded-flex::-webkit-scrollbar-thumb:hover{background:#888}.MuiDataGrid-scrollbar.MuiDataGrid-scrollbar--horizontal{z-index:auto}.h-60per{height:60%}.h-70per{height:70%}.h-80per{height:80%}.delete-confirmation{min-width:300px}.delete-confirmation .actions{padding:20px;display:flex;justify-content:center;align-items:center;flex-direction:row}.delete-confirmation .actions .delete-btn{background:var(--red-color)}.delete-confirmation .actions .cancel-btn{background:transparent;color:#000;margin-right:10px}.page-go-back-icon-wrapper{margin-right:10px;display:flex}.search-wrapper{width:30%;display:flex;flex-direction:row;align-items:center}.search-wrapper form{width:100%}.red{background:red;margin:0 20px}.login-wrapper{display:flex;justify-content:center;align-items:center;flex-direction:column;margin:auto;height:100vh;overflow:hidden;font-family:Roboto,sans-serif;background:url(/assets/abstractBg-Cn1Y5J1S.jpg);background-size:cover;background-position:center;background-repeat:no-repeat}h2{padding:0;margin:14px 0 0}.company-logo{width:100px}.company-logo img{width:100%;background:var(--dark-text-color)}.invalid-message{padding:0;margin-bottom:10px;color:#ea4545;font-size:14px}.login-content{background:#fff;padding:40px;border-radius:12px;box-shadow:0 8px 16px #0003,0 4px 8px #0000001a;display:flex;justify-content:center;align-items:center;flex-direction:column}.login-form{display:flex;justify-content:center;align-items:center;flex-direction:column}.forget-password,.back-to-login{display:flex;justify-content:center;align-items:center;border-top:1px solid var(--light-border);width:100%;margin-top:20px;color:var(--gray-text-color)}.forget-password p,.back-to-login p{cursor:pointer}.forget-password p:hover,.back-to-login p:hover{opacity:.7}.back-to-login span,.back-to-login svg{vertical-align:middle}.forgot-password-page{max-width:330px;display:flex;justify-content:center;align-items:center;flex-direction:column}.forgot-password-page p{font-weight:300}.main-btn{margin-top:16px;background:var(--primary-color);color:#fff;font-weight:500;padding:8px 0;width:100%;border:none;border-radius:6px;cursor:pointer;font-size:16px;text-align:center;transition:background-color .3s ease,transform .2s ease;box-shadow:0 4px 6px #0000001a;vertical-align:middle}.main-btn *{vertical-align:middle}.main-btn:hover{background-color:var(--secondary-color);transform:translateY(-2px)}.main-btn:active{transform:translateY(0)}.nav-page{overflow:hidden;display:flex;flex-direction:row;width:100vw;height:100vh}.nav-page .side-menu{position:fixed;top:0;left:0;background:var(--primary-color);width:250px;height:100vh;overflow-y:auto}.nav-page .side-menu .side-menu-bg{position:absolute;top:0;left:0;opacity:.1;z-index:-2;width:100%;min-height:100%;height:max-content;box-sizing:content-box}.nav-page .side-menu .top{z-index:5;display:flex;justify-content:space-between;align-items:center;color:#fff;border-bottom:1px solid #bcb6b686;padding:0 8px;height:45px}.nav-page .side-menu .top h3{font-size:18px;margin:0;padding:12px 0}.nav-page .side-menu .links{display:flex;justify-content:center;flex-direction:column;padding:10px 8px}.nav-page .side-menu .links .link{color:#fff;text-decoration:none;padding:6px 4px;border-radius:8px;margin:2px 0;display:flex;align-items:center}.nav-page .side-menu .links .link:hover{background-color:#ffffff46}.nav-page .side-menu .links .link svg{font-size:26px}.nav-page .nav-content{background:var(--gray-bg1);margin-left:250px;width:calc(100vw - 250px);height:100vh;overflow-y:auto}.active{background-color:#ffffff46}.side-menu::-webkit-scrollbar{width:5px;height:5px}.side-menu::-webkit-scrollbar-thumb{background:#b0b0b0;border-radius:10px}.side-menu::-webkit-scrollbar-track{background:#f0f0f0}.nav-content::-webkit-scrollbar{width:5px;height:5px}.nav-content::-webkit-scrollbar-track{background:transparent;background:#f0f0f0}.side-menu{scrollbar-width:thin;scrollbar-color:var(--gray-bg1) transparent}.nav-content::-webkit-scrollbar{width:8px;height:8px}.nav-content::-webkit-scrollbar-track{background:#f0f0f0}.nav-content::-webkit-scrollbar-thumb{background:#b0b0b0;border-radius:10px}.nav-content::-webkit-scrollbar-thumb:hover{background:#888}.nav-page.closed .side-menu h3,.nav-page.closed .side-menu span{display:none}.nav-page.closed .side-menu{width:50px}.nav-page:not(.closed) .side-menu .link svg{margin-right:10px}.nav-page.closed .dashboard-header{width:calc(100% - 50px)}.nav-page.closed .side-menu .nav-collapse-icon{font-size:22px;vertical-align:middle;margin:auto}.nav-page.closed .nav-content{margin-left:50px!important;width:calc(100vw - 50px)}.nav-page.closed .links .link{justify-content:center}.nav-content .dashboard-header{box-shadow:0 2px 5px #0000001a;background:#fff;margin-top:0;padding:0;box-sizing:content-box;position:fixed;z-index:3;width:-webkit-calc(100% - 250px);width:-moz-calc(100% - 250px);width:calc(100% - 250px);display:flex;justify-content:space-between;align-items:center;flex-direction:row;height:45px}.nav-content .dashboard-header .brand-logo{width:74px;padding:2px;border-radius:6px;margin-left:20px;background:var(--primary-color)}.nav-content .dashboard-header .brand-logo img{width:100%}.nav-content .dashboard-header .current-page-title h2{vertical-align:middle;align-self:center;justify-self:center;padding:0;margin:0;font-weight:400}.nav-content .dashboard-header .profile-actions{display:flex;flex-direction:row;justify-content:center;align-items:center;cursor:pointer;margin:0 10px}.nav-content .dashboard-header .profile-actions .profile-data{display:flex;justify-content:center;align-items:center;flex-direction:row;margin-right:20px;padding:1px 6px;border-radius:10px}.nav-content .dashboard-header .profile-actions .profile-data .profile-img-container{width:40px;height:40px;border-radius:50%;margin:0 4px}.nav-content .dashboard-header .profile-actions .profile-data .profile-img-container img{width:100%}.nav-content .dashboard-header .profile-actions .profile-data:hover{background-color:#dfe9fc45}.nav-content-outlet{margin:45px 0 0;width:100%;padding:20px;box-sizing:border-box;background:var(--gray-bg1)}.not-found-page{padding:0;margin:0;display:flex;justify-content:center;align-items:center;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.not-found-wrapper{display:flex;justify-content:center;align-items:center;flex-direction:column}.not-found-wrapper h1{font-size:80px;color:var(--primary-color);padding:0;margin:0}.not-found-wrapper p{font-size:20px;color:var(--secondary-color)}.not-found-wrapper button{background:var(--primary-color);color:#fff;font-weight:500;padding:12px 24px;border:none;border-radius:8px;cursor:pointer;font-size:16px;transition:background-color .3s ease,transform .2s ease;box-shadow:0 4px 6px #0000001a}.not-found-wrapper button:hover{background-color:var(--secondary-color);transform:translateY(-2px)}.not-found-wrapper button:active{transform:translateY(0)}.companies-page{background:#fff;padding:20px;box-sizing:border-box;width:100%;border-radius:12px}.companies-page .page-actions{padding-bottom:20px;display:flex;min-height:40px;justify-content:space-between;align-items:flex-end;flex-wrap:wrap}.companies-page .page-actions .search-wrapper{width:30%}.companies-page .page-actions .buttons{display:flex}.companies-page .page-actions .buttons .archive-btn{color:var(--secondary-color);background:#fff1c2;margin-left:40px;min-width:160px}.companies-page .page-actions .buttons .archive-btn *{color:var(--secondary-color)}.companies-page .page-actions .buttons .xls-btn{background:#5a5a5a;margin-left:10px;min-width:160px}.companies-page .page-actions .buttons .add-company-btn{min-width:160px;background:#02542d;margin-left:10px}.separator{border-top:1px dashed var(--dark-border)}.company-form-page .form-add-btn{width:200px;align-self:flex-start;justify-self:flex-start;font-size:16px}.company-form-page .company-form{display:flex;flex-direction:row;width:100%}.company-form-page .company-form .right,.company-form-page .company-form .left{width:50%}.company-form-page .form-actions{padding:20px 0;display:flex;justify-content:flex-end;align-items:center}.company-form-page .form-actions p{margin:0 10px}.view-single-company-page{padding:10px 20px;width:1180px}.view-single-company-page label{font-weight:600;margin-right:10px}.view-single-company-page span{margin:6px 16px}.view-single-company-page .data-row{margin-bottom:14px}.view-single-company-page .img-row{width:100%;display:flex;margin-bottom:14px;justify-content:center;align-items:center}.view-single-company-page .img-row .img-container{width:20%;overflow:hidden}.view-single-company-page .img-row .img-container img{width:100%}.view-single-company-page h2{text-align:center;margin:10px 0}.company-type-badge{padding:4px 8px;border-radius:10px;background:orange;font-size:12px;font-weight:500}.blue-badge{background:#4379f2;color:#fff}.yellow-badge{background:#ffeb00}.green-badge{background:#6ec207}.contacts-modal .contacts-list{width:100%;overflow-x:auto}.contacts-modal .contacts-list .header{margin-top:10px;display:flex;justify-content:space-between;background:#dddddd9d;padding:6px 0;white-space:nowrap;width:max-content;min-width:100%;border-top-left-radius:10px;border-top-right-radius:10px}.contacts-modal .contacts-list .header span{width:200px;min-width:200px;flex-grow:1;text-align:center}.contacts-modal .contacts-list .header span:nth-of-type(1){width:50px;min-width:50px;text-align:center}.contacts-modal .contacts-list .header span:nth-of-type(2){width:160px;min-width:160px;text-align:center}.contacts-modal .contacts-list .contact-row{margin:0;padding:10px 0;border-bottom:1px solid #c1c1c1cd;min-width:100%;width:max-content}.contacts-modal .contacts-list .contact-row .data-row{margin:0;display:flex;justify-content:space-between;width:100%;flex-wrap:nowrap;box-sizing:border-box;white-space:nowrap;width:max-content;min-width:100%}.contacts-modal .contacts-list .contact-row .data-row span{width:200px;min-width:200px;flex-grow:1;text-align:center;word-break:break-word;overflow-wrap:break-word;white-space:normal;font-size:14px;font-weight:500;color:#333;line-height:1.4}.contacts-modal .contacts-list .contact-row .data-row span:nth-of-type(1){width:50px;min-width:50px}.contacts-modal .contacts-list .contact-row .data-row span:nth-of-type(2){width:160px;min-width:160px}.instructors-page{background:#fff;padding:20px;box-sizing:border-box;width:100%;border-radius:12px}.instructors-page .page-actions{padding-bottom:20px;display:flex;min-height:40px;justify-content:space-between;align-items:flex-end;flex-wrap:wrap}.instructors-page .page-actions .buttons{display:flex}.instructors-page .page-actions .buttons .archive-btn{color:var(--secondary-color);background:#fff1c2;margin-left:40px;min-width:160px}.instructors-page .page-actions .buttons .archive-btn *{color:var(--secondary-color)}.instructors-page .page-actions .buttons .xls-btn{background:#5a5a5a;margin-left:10px;min-width:160px}.instructors-page .page-actions .buttons .add-instructor-btn{min-width:160px;background:#02542d;margin-left:10px}.instructor-mutation-form{min-width:40%}.instructor-form-page .form-add-btn{width:200px;align-self:flex-start;justify-self:flex-start;font-size:16px}.instructor-form-page .instructor-form{display:flex;flex-direction:row;width:100%}.instructor-form-page .form-actions{padding:20px 0;display:flex;justify-content:flex-end;align-items:center}.instructor-form-page .form-actions p{margin:0 10px}.rounds-page{background:#fff;padding:20px;box-sizing:border-box;width:100%;border-radius:12px}.rounds-page .page-actions{padding-bottom:20px;display:flex;min-height:40px;justify-content:space-between;align-items:flex-end;flex-wrap:wrap}.rounds-page .page-actions .buttons{display:flex}.rounds-page .page-actions .buttons .archive-btn{color:var(--secondary-color);background:#fff1c2;margin-left:40px;min-width:160px}.rounds-page .page-actions .buttons .archive-btn *{color:var(--secondary-color)}.rounds-page .page-actions .buttons .xls-btn{background:#5a5a5a;margin-left:10px;min-width:160px}.rounds-page .page-actions .buttons .add-round-btn{min-width:160px;background:#02542d;margin-left:10px}.round-mutation-form{min-width:60%;max-height:70%}.round-form-page .form-add-btn{width:200px;align-self:flex-start;justify-self:flex-start;font-size:16px}.round-form-page .round-form{display:flex;flex-direction:row;width:100%}.round-form-page .form-actions{padding:20px 40px;display:flex;justify-content:flex-start;align-items:center}.round-form-page .form-actions p{margin:0 10px}.wrapContent{white-space:normal!important;overflow:visible!important;line-height:1.5;height:auto!important}.show-sessions{margin:0;font-size:12px;border-radius:10px;padding:6px 4px;font-weight:700;background:#3463d0}.go-back-btn{margin-top:16px;color:#000;font-weight:500;padding:8px 0;background:none;border:none;display:flex;cursor:pointer;font-size:16px;text-align:center;margin-right:40px;justify-content:center;align-items:center;gap:2;flex-direction:row-reverse;vertical-align:middle}.go-back-btn:hover{text-decoration:underline}.go-back-btn *{vertical-align:middle}.sessions-modal{width:60%;min-height:240px}.add-one-by-one{padding:0;margin:0;display:flex;justify-content:center;align-items:center;width:100%;flex-direction:column}.add-one-by-one .sumbit-actions{display:flex;width:100%;justify-content:flex-end}.add-one-by-one .sumbit-actions .add-btn{background:#02542d;width:100px;margin-left:30px}.add-one-by-one .sumbit-actions .cancel-btn{background:#ff284c;width:100px}.add-one-by-one .added-sessions-list{width:100%;margin-top:10px;border-top:1px solid #dfdedec4}.add-one-by-one .header{display:flex;justify-content:flex-end;align-items:flex-end;width:100%}.add-one-by-one .header .add-btn{width:120px;background:#02542d;margin:0}.add-one-by-one .submit-form{display:flex;width:100%;justify-content:flex-end;align-items:center}.add-bulk-section .sumbit-actions{display:flex;justify-content:flex-end;padding:6px}.add-bulk-section .submit-form{display:flex;justify-content:flex-end;justify-items:center}.add-bulk-section .submit-form .checkbox{display:flex;justify-content:center;align-items:center}.one-by-one-sessionsList{width:100%;overflow-x:auto}.one-by-one-sessionsList .header{margin-top:10px;display:flex;justify-content:space-between;background:#dddddd9d;padding:6px 0;white-space:nowrap;width:max-content;min-width:100%;border-top-left-radius:10px;border-top-right-radius:10px}.one-by-one-sessionsList .header span{width:100px;flex-grow:1;text-align:center}.one-by-one-sessionsList .header span:nth-of-type(1){width:50px;text-align:center}.one-by-one-sessionsList .header span:nth-of-type(2){width:160px}.one-by-one-sessionsList .session-row{margin:0;padding:10px 0;border-bottom:1px solid #c1c1c1cd;min-width:100%;width:max-content}.one-by-one-sessionsList .session-row .data-row{margin:0;display:flex;justify-content:space-between;width:100%;flex-wrap:nowrap;box-sizing:border-box;white-space:nowrap;width:max-content;min-width:100%}.one-by-one-sessionsList .session-row .data-row span{width:100px;flex-grow:1;text-align:center;word-break:break-word;overflow-wrap:break-word;white-space:normal;font-size:14px;font-weight:500;color:#333;line-height:1.4}.one-by-one-sessionsList .session-row .data-row span:nth-of-type(1){width:50px}.one-by-one-sessionsList .session-row .data-row span:nth-of-type(2){width:160px}.one-by-one-sessionsList .session-row .data-row *{padding:0;margin:0}.one-by-one-sessionsList .session-row .conflict-msg{max-width:400px;padding:10px;font-size:14px;color:#f44040;white-space:"pre-line"}.view-sessions-modal{max-height:68vh;width:100%}.view-sessions-modal .data-list{background:#fff}.view-sessions-modal .data-list span{font-size:14px;color:#2a2a2a}.view-sessions-modal .data-list .data-row{display:flex;justify-content:center;align-items:center}.view-round-modal{max-height:70vh;width:70%}.edit-page .edit-round .form-actions{display:flex;justify-content:flex-end}.edit-page .edit-round .form-actions button{width:150px}.edit-page .edit-sessions .edit-session-inline-form{padding:20px;border:2px solid #388ee496;border-radius:20px;box-shadow:0 2px 5px #31313133}.edit-page .edit-sessions .header{width:100%;display:flex}.edit-page .edit-sessions .sessions-list{min-width:100%;width:max-content}:root{--primary-color: #014ba7;--secondary-color: rgb(2, 29, 58);--gray-text-color: rgb(97, 104, 110);--dark-text-color: rgb(19, 60, 104);--red-color: #e4003a;--light-border: rgb(225 232 238);--dark-border: rgb(180, 180, 180);--gray-bg1: #f5f3f4;--gray-bg2: #d3d3d3;-gray-bg3:#b1a7a6}.students-page{background:#fff;padding:20px;box-sizing:border-box;width:100%;border-radius:12px}.students-page .page-actions{padding-bottom:20px;display:flex;min-height:40px;justify-content:space-between;align-items:flex-end;flex-wrap:wrap}.students-page .page-actions .buttons{display:flex}.students-page .page-actions .buttons .archive-btn{color:var(--secondary-color);background:#fff1c2;margin-left:40px;min-width:160px}.students-page .page-actions .buttons .archive-btn *{color:var(--secondary-color)}.students-page .page-actions .buttons .xls-btn{background:#5a5a5a;margin-left:10px;min-width:160px}.students-page .page-actions .buttons .add-student-btn{min-width:160px;background:#02542d;margin-left:10px}.student-mutation-form{min-width:60%;max-height:60vh}.student-enroll-form{min-width:60%;max-height:86vh}.student-form-page .form-add-btn{width:200px;align-self:flex-start;justify-self:flex-start;font-size:16px}.student-form-page .student-form{display:flex;flex-direction:row;width:100%}.student-form-page .form-actions{padding:20px 0;display:flex;justify-content:flex-end;align-items:center}.student-form-page .form-actions p{margin:0 10px}.action-btn-wrapper{width:100%;display:flex;justify-content:center;align-items:center;padding:20px 10px}.action-btn-wrapper button{width:150px}@media (max-width: 1200px){.search-wrapper{width:100%!important}.buttons{flex-wrap:wrap;display:flex;flex-direction:row;justify-content:flex-end;margin-top:20px;width:100%}}.student-view-modal{width:800px}.page-break{page-break-before:always}.student-receipt-modal .receipt-section{margin:auto}.receipt-box-ar *,.receipt-box-en *{font-family:Tajawal,serif;font-style:normal}.divider{margin:16px 0;border:none;border-top:1px solid #ddd}