#default-nav-profile-menu .dropdown-item>span{display:inline-block}#default-nav-profile-menu .dropdown-item>i{margin-left:4px;display:inline-block;min-width:2.2rem;text-align:center}#default-nav-profile-menu #profile-dropdown-menu.dropdown-menu{background:none;border:none;color:#fff;padding-right:4px;background:rgba(0,129,210,.9);text-align:right;position:absolute}#default-nav-profile-menu #profile-dropdown-menu.dropdown-menu .dropdown-item{padding:0 3rem;line-height:4rem;min-height:4rem;font-size:1.54rem;color:#fff}#default-nav-profile-menu #profile-dropdown-menu.dropdown-menu .dropdown-item:active,#default-nav-profile-menu #profile-dropdown-menu.dropdown-menu .dropdown-item:focus,#default-nav-profile-menu #profile-dropdown-menu.dropdown-menu .dropdown-item:hover{background:unset;font-weight:700}.notifications-page .ofk-title{border-bottom:1px solid #e0e6ea;padding:1rem;font-size:2rem;font-weight:700;margin-top:3rem}#notifications-menu,.notifications{background:#fff;padding:0}#notifications-menu.dropdown-menu,.notifications.dropdown-menu{min-width:100vw;left:0;position:absolute!important;border:2px solid #e0e0e0}@media screen and (min-width:544px){#notifications-menu.dropdown-menu,.notifications.dropdown-menu{min-width:420px}}@media screen and (min-width:768px){#notifications-menu.dropdown-menu,.notifications.dropdown-menu{min-width:500px}}#notifications-menu.dropdown-menu .notifications-container,.notifications.dropdown-menu .notifications-container{max-height:600px;overflow-y:scroll}#notifications-menu.stand-alone-page,.notifications.stand-alone-page{padding-top:1rem}#notifications-menu.stand-alone-page .notif-item,.notifications.stand-alone-page .notif-item{padding:1.8rem 1rem 1.8rem 1.8rem}#notifications-menu .notif-loading-item,.notifications .notif-loading-item{color:#52575c;text-align:center;padding:1rem;font-size:1.4rem;border-bottom:1px solid #93bad5}#notifications-menu .notif-loading-item i,.notifications .notif-loading-item i{margin:0 .4rem}#notifications-menu .notif-item,.notifications .notif-item{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-webkit-flex:1 1;-ms-flex:1 1;flex:1 1;color:#52575c;font-size:1.4rem;border-bottom:1px solid #f7f7f7;padding:1rem 1rem 1rem 1.8rem;cursor:pointer}#notifications-menu .notif-item:hover,.notifications .notif-item:hover{background-color:#eaeaea!important;text-decoration:none;color:#212529}#notifications-menu .notif-item .notif-img,.notifications .notif-item .notif-img{width:45px;height:45px;margin-left:.6rem;border-radius:50%;border:2px solid rgba(0,85,152,.2);text-align:center}#notifications-menu .notif-item .notif-img i,.notifications .notif-item .notif-img i{color:#005598;line-height:40px;font-size:2rem}#notifications-menu .notif-item .notif-body,.notifications .notif-item .notif-body{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-flex:1;-webkit-flex:1 1;-ms-flex:1 1;flex:1 1;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}#notifications-menu .notif-item .notif-body .notif-date,.notifications .notif-item .notif-body .notif-date{font-size:1.2rem;display:block;clear:both;color:#0081d2;font-weight:700}#notifications-menu .notif-item .notif-body .notif-text-date,.notifications .notif-item .notif-body .notif-text-date{text-align:right;font-weight:400}#notifications-menu .notif-item .notif-body .notif-status-container,.notifications .notif-item .notif-body .notif-status-container{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}#notifications-menu .notif-item .notif-body .notif-status-container .notif-status,.notifications .notif-item .notif-body .notif-status-container .notif-status{display:block;margin:auto 1rem auto 0;width:16px;height:16px;border-radius:50%;border:1px solid #76bbe6;background-color:#0081d2}#notifications-menu .notif-item .notif-body .notif-status-container .notif-status.notif-read,.notifications .notif-item .notif-body .notif-status-container .notif-status.notif-read{background-color:#fff}#notifications-menu .notif-item.notif-read,.notifications .notif-item.notif-read{background:#f0f5f9;color:#7e888f}#notifications-menu .notif-item.notif-read .notif-body .notif-date,.notifications .notif-item.notif-read .notif-body .notif-date{color:grey;font-weight:400}#notifications-menu .notif-item.notif-read .notif-status-container .notif-status,.notifications .notif-item.notif-read .notif-status-container .notif-status{background-color:#fff}body.fixed-navbar .page-content{padding-top:6.7rem}body.fixed-navbar .page-content.no-nav{padding-top:0}nav.navbar.default-navbar{font-size:1.6rem;-webkit-transition:min-height .3s;transition:min-height .3s;min-height:6.7rem;padding:0}nav.navbar.default-navbar:after{content:"";background-image:linear-gradient(110deg,#0081d2,#005598);-webkit-transition:opacity .3s;transition:opacity .3s;opacity:1;top:0;left:0;bottom:0;right:0;position:absolute;z-index:-1}nav.navbar.default-navbar .navbar-toggler{min-width:60px;height:60px;padding:0;font-size:2.3rem;color:#fff;border:0}nav.navbar.default-navbar .navbar-brand.ofk-brand{color:#fff;font-size:2.65rem;font-weight:700;padding:12px 8px;margin-right:0;font-family:Tajawal,Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}nav.navbar.default-navbar .navbar-brand.ofk-brand img.brand-logo{height:38px;max-height:4rem}nav.navbar.default-navbar .navbar-brand.ofk-brand span{vertical-align:-2px}nav.navbar.default-navbar .navbar-brand.ofk-brand.active,nav.navbar.default-navbar .navbar-brand.ofk-brand:active,nav.navbar.default-navbar .navbar-brand.ofk-brand:focus,nav.navbar.default-navbar .navbar-brand.ofk-brand:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}nav.navbar.default-navbar .navbar-nav .nav-item{min-height:4rem}nav.navbar.default-navbar .navbar-nav .nav-item .nav-link{display:block;cursor:pointer;color:#fff;-webkit-transition:none;transition:none;-webkit-box-sizing:content-box;box-sizing:content-box}nav.navbar.default-navbar .navbar-nav .nav-item .nav-link.active,nav.navbar.default-navbar .navbar-nav .nav-item .nav-link:hover{font-weight:700}nav.navbar.default-navbar .navbar-nav .nav-item .nav-link>span{display:inline-block}nav.navbar.default-navbar .navbar-nav .nav-item .nav-link.img-link{padding:12px 18px}nav.navbar.default-navbar .navbar-nav .nav-item .nav-link.img-link img{max-width:36px;width:36px}nav.navbar.default-navbar .navbar-nav .nav-item .nav-link.img-link .profile-img{display:inline-block;height:36px;width:36px;color:#000;background:#fff}nav.navbar.default-navbar .navbar-nav .nav-item .nav-link.icon-link{font-size:20px;padding:18px;line-height:18px}nav.navbar.default-navbar .navbar-nav .nav-item .nav-link.icon-text-link{font-size:17px;line-height:23px;padding:18px 16px}nav.navbar.default-navbar .navbar-nav .nav-item .nav-link.icon-text-link i{margin-left:4px}nav.navbar.default-navbar .navbar-nav .nav-item .nav-link.smaller-link{font-size:15.8px}nav.navbar.default-navbar .btn-icon{margin-left:.4rem}@media(min-width:768px){nav.navbar.default-navbar{border:none;padding-top:0;padding-bottom:0}nav.navbar.default-navbar .navbar-brand.ofk-brand{margin-right:0;margin-left:3rem;-webkit-transition:margin-top .3s;transition:margin-top .3s}nav.navbar.default-navbar .navbar-nav,nav.navbar.default-navbar .navbar-nav .nav-item{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}nav.navbar.default-navbar .navbar-nav .nav-item{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}nav.navbar.default-navbar .navbar-nav .nav-item .nav-link>*{margin-top:auto;margin-bottom:auto;display:inline-block}nav.navbar.default-navbar.navbar-shrink{min-height:5rem}nav.navbar.default-navbar.navbar-shrink:after{opacity:.85}nav.navbar.default-navbar.navbar-shrink .navbar-nav{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}nav.navbar.default-navbar.navbar-shrink .navbar-brand.ofk-brand{margin-top:-1000px}}@media(max-width:767px){nav.navbar.default-navbar{min-height:unset}nav.navbar.default-navbar .navbar-collapse{padding-bottom:4px}nav.navbar.default-navbar .navbar-collapse .navbar-nav .nav-item .nav-link{padding:14px 16px 14px 0;border-bottom:1px solid hsla(0,0%,100%,.1294117647)}}@media screen and (max-width:544px){nav.navbar.default-navbar li.notifications-dropdown{position:unset}nav.navbar.default-navbar li.notifications-dropdown #notifications-menu{left:0}}.unread-notifications-count{background:#d63434;padding:2px;font-size:10px;width:16px;height:16px;line-height:16px;border-radius:50%;text-align:center;display:inline-block;position:absolute;top:-6px;left:9px;font-weight:400!important}@media screen and (min-width:656px)and (max-width:991px){#loginForm #middleName{padding-right:6%}#loginForm #firstName{padding-left:6%}}@media(min-width:992px){#loginForm #middleName{padding-right:6%}#loginForm #firstName{padding-left:6%}}:root{--mdc-theme-primary:$primary-color}.attachments-block .attachment-upload-btn-container{text-align:right;padding-right:.727rem;margin-bottom:.91rem}.attachments-block .ofk-attach-btn{padding:.27rem .72rem;color:#555;font-size:1.33rem;background-color:#efefef;border-color:#adadad;border-radius:3px}.attachments-block.compact-view .thumbs-container{padding:0}.attachments-block .thumbs-container{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:.54rem;background-color:#f9f9fa;border:1px dashed #dbdde0}.attachments-block .thumbs-container .attachment{position:relative;display:block;border:1px solid #e8e8e8;margin:.27rem;padding:.181rem .363rem;border-radius:2px;background-color:#fff;overflow:hidden}.attachments-block .thumbs-container .attachment .attachment-thumb{float:right;border-radius:2px;-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;padding-left:.545rem;cursor:pointer}.attachments-block .thumbs-container .attachment .attachment-side-block,.attachments-block .thumbs-container .attachment .attachment-thumb{height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.attachments-block .thumbs-container .attachment .attachment-side-block{min-width:9.09rem;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;overflow:hidden}.attachments-block .thumbs-container .attachment .attachment-side-block .attachment-title{color:#005598;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:1.18rem;padding:.27rem;min-width:6.363rem;-webkit-align-self:stretch;-ms-flex-item-align:stretch;align-self:stretch}.attachments-block .thumbs-container .attachment .sending-spin{display:none}.attachments-block .thumbs-container .attachment:hover{-webkit-box-shadow:0 3px 6px rgba(37,40,43,.14);box-shadow:0 3px 6px rgba(37,40,43,.14);overflow:visible}.attachments-block .thumbs-container .attachment:hover .attachment-btns{display:block}.attachments-block .thumbs-container .attachment:hover .attachment-thumb{-webkit-transform:scale(1.1);transform:scale(1.1)}.attachments-block .thumbs-container .attachment:hover .attachment-side-block{overflow:visible}.attachments-block .thumbs-container .attachment:hover .attachment-side-block .attachment-title{font-weight:700}@media screen and (min-width:544px){.attachments-block .thumbs-container .attachment:hover .attachment-side-block .attachment-title{background-color:rgba(0,0,0,.3137254902);color:#fff;z-index:100;padding:.363rem;-webkit-align-self:center;-ms-flex-item-align:center;align-self:center;border-radius:2px}}.attachments-block .thumbs-container .attachment.ofk-sending .sending-spin{display:block}.attachments-block .thumbs-container .attachment .attachment-btns{display:none;width:100%;border-radius:2px;margin-top:.363rem}.attachments-block .thumbs-container i.fa-spinner{position:absolute;left:40%;top:40%}.attachments-block .thumbs-container .attachment{min-height:7.818rem;width:22.727rem;max-width:22.727rem}@media screen and (max-width:544px){.attachments-block .thumbs-container .attachment{max-width:unset!important;width:100%}}.attachments-block .thumbs-container .attachment .attachment-thumb img{width:7.272rem;height:7.272rem;font-size:1.22rem}.attachments-block .thumbs-container.ofk-size-medium .attachment{min-height:5.818rem;max-width:18.1816rem}.attachments-block .thumbs-container.ofk-size-medium .attachment .attachment-thumb img{width:5.454rem!important;height:5.454rem!important;font-size:1.22rem!important}.attachments-block .thumbs-container.ofk-size-small .attachment,.attachments-block .thumbs-container.ofk-size-smaller .attachment{min-height:5.818rem;max-width:15.9089rem}.attachments-block .thumbs-container.ofk-size-small .attachment .attachment-thumb img,.attachments-block .thumbs-container.ofk-size-smaller .attachment .attachment-thumb img{width:4.545rem!important;height:4.545rem!important;font-size:1.1rem!important}.attachments-block.ofk-sending .attachment.attachment-sending.d-none{display:block!important}.attachments-block.ofk-sending .upload-btn>span.primary-content{display:none!important}.attachments-block.ofk-sending .upload-btn>span.secondary-content.hidden{display:block!important}.attachment-btns-content{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:space-around;-ms-flex-pack:distribute;justify-content:space-around}.attachment-btns-content i{font-size:1.3rem}.attachment-btns-content .ofk-btn{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;padding:.545rem;border-radius:2px;color:#52575c}.attachment-btns-content .ofk-btn:hover{color:#005598;background-color:rgba(0,85,152,.1);-webkit-transform:scale(1.5);transform:scale(1.5);cursor:pointer}.attachment-btns-content .ofk-download-btn a{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;text-decoration:inherit;color:inherit}.attachment-btns-content .ofk-download-btn a:visited{text-decoration:inherit;color:inherit}.ofk-rating-bar{font-size:1.16rem}.ofk-rating-bar-cnt{display:inline-block;color:#52575c;font-size:.9rem;margin-right:3px;margin-left:3px}.ofk-stars{display:inline-block;font-size:1.1rem;unicode-bidi:bidi-override;color:#c5c5c5;margin:0 auto;position:relative;padding:0;text-shadow:0 1px 0 #a2a2a2}.ofk-stars-top{color:#e7711b;padding:0;position:absolute;z-index:1;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;top:0;right:0;overflow:hidden}.ofk-stars-bottom{padding:0;display:block;z-index:0}.dropdown-menu{font-size:1.22rem}.dropdown-item,.dropdown-menu{text-align:inherit}@font-face{font-family:TajwalMedium;src:url(https://oufok.com/dist/fonts/Tajawal-Medium.ttf);font-display:swap}@font-face{font-family:Tajawal;src:url(https://oufok.com/dist/fonts/Tajawal-Regular.ttf);font-display:swap}@font-face{font-family:Material Icons;font-display:block!important}footer.site-footer{position:relative;min-height:12.5rem;width:100%;overflow:hidden;background-color:#005598;color:#a1c0d9;padding:3.6363636364rem 0 1.8181818182rem;font-size:1.3636363636rem;line-height:2.1818181818rem;letter-spacing:0}footer.site-footer hr{border-top-color:#bbb;opacity:.5}footer.site-footer hr.small{margin:1.8181818182rem 0}footer.site-footer h6{color:#dfe9db;font-size:1.4545454545rem;text-transform:uppercase;margin-top:.4545454545rem;letter-spacing:1.5px}footer.site-footer a{color:#a1c0d9}footer.site-footer a:hover{color:#fff;text-decoration:none}footer.site-footer .social-icons{text-align:right}footer.site-footer .social-icons a{width:3.6363636364rem;height:3.6363636364rem;line-height:3.6363636364rem;margin-left:.5454545455rem;margin-right:0;background-color:#33353d}footer.site-footer .footer-links{padding-left:0;list-style:none}footer.site-footer .footer-links li{display:block}footer.site-footer .footer-links a:active,footer.site-footer .footer-links a:focus{text-decoration:none}footer.site-footer .footer-links a:hover{color:#fff;text-decoration:none}footer.site-footer .footer-links.inline li{display:inline-block}footer.site-footer .copyright-text{margin:0}footer.site-footer .social-icons{padding-left:0;margin-bottom:0;list-style:none}footer.site-footer .social-icons li{display:inline-block;margin-bottom:.3636363636rem}footer.site-footer .social-icons li.title{margin-right:1.3636363636rem;text-transform:uppercase;color:#96a2b2;font-weight:700;font-size:1.1818181818rem}footer.site-footer .social-icons a{background-color:#eceeef;color:#818a91;font-size:1.4545454545rem;display:inline-block;line-height:4rem;width:4rem;height:4rem;text-align:center;margin-right:.7272727273rem;border-radius:100%;-webkit-transition:all .2s linear;transition:all .2s linear}footer.site-footer .social-icons a:active,footer.site-footer .social-icons a:focus,footer.site-footer .social-icons a:hover{color:#fff;background-color:#29aafe}footer.site-footer .social-icons a.facebook:hover{background-color:#3b5998}footer.site-footer .social-icons a.twitter:hover{background-color:#00aced}footer.site-footer .social-icons a.linkedin:hover{background-color:#007bb6}footer.site-footer .social-icons a.dribbble:hover{background-color:#ea4c89}footer.site-footer .social-icons.size-sm a{line-height:3.0909090909rem;height:3.0909090909rem;width:3.0909090909rem;font-size:1.2727272727rem}footer.site-footer .ofk-timezone{font-size:1.2rem;color:grey;padding:.8rem}@media(max-width:991px){footer.site-footer [class^=col-]{margin-bottom:1rem}}@media(max-width:767px){footer.site-footer{padding-bottom:0;padding-top:2.5rem}footer.site-footer .copyright-text,footer.site-footer .social-icons{text-align:center}footer.site-footer .social-icons li.title{display:block;margin-right:0;font-weight:600}}*{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box;outline:none!important}.fill-height,html{height:100%;min-height:100%}html{direction:rtl;width:100%;font-size:10px;overflow-x:hidden}@media(min-width:1400px){html{font-size:11px}}html body{padding:0;min-height:100%;width:100%;height:auto;font-family:Tajawal,roboto;text-align:right!important}html body .page-content{position:relative;display:block;height:auto;overflow:auto;padding-top:0;padding-bottom:5rem;min-height:100vh}html body .footer-push{position:relative;min-height:12.5rem;display:none}html body.fix-viewport{height:100%}html body.fix-viewport .page-content{min-height:100%;height:100%;padding-bottom:0;margin-bottom:5rem}.mx-width-wrapper{max-width:1240px;margin-left:auto;margin-right:auto}.txt-block{font-family:Tajawal;font-size:1.28rem;line-height:2.3rem;padding:4px}.tooltip-inner{max-width:350px;font-family:Tajawal,roboto;padding:.4rem 1rem;font-size:1.4rem;background-color:#005598;color:#fff;border-radius:8px}.tooltip-arrow{background-color:#005598;color:#005598}.reg-complete-info-msg{font-size:1.4rem;line-height:1.85}.reg-complete-info-msg ul{margin-bottom:0}.reg-complete-info-msg ul li{margin-right:2rem}html .material-icons{font-size:2.4rem}.g-primary-color{color:#005598}.dir-ltr,.ltr{direction:ltr}.ltr{text-align:left}.dir-rtl,.rtl{direction:rtl}.rtl{text-align:right}.g-bold{font-weight:700}.full-width{width:100%}.relative{position:relative}.clickable{cursor:pointer}#flash-messages-container{position:fixed;top:80px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:1050;width:90%;max-width:600px;pointer-events:none}#flash-messages-container .alert{margin-bottom:10px;font-size:1.309rem;-webkit-box-shadow:0 2px 5px rgba(0,0,0,.1);box-shadow:0 2px 5px rgba(0,0,0,.1);pointer-events:auto;text-align:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;padding:1rem}#flash-messages-container .alert .btn-close{position:absolute;right:0;top:0;padding:1.25rem;background:transparent;border:0;margin:0}