body{background-image:url('../images/bg-pattern.jpg');font-weight:500}.inline-block{display:inline-block}.list-inline>li.sep{padding:0}.clearfix{clear:both}.btn{margin-bottom:10px}.mar0{margin:0 !important}.mar10{margin:10px}.marLR5{margin:0 5px}.marB0{margin-bottom:0 !important}.marB10{margin-bottom:10px !important}.marTB5{margin:5px 0 !important}.marB24{margin-bottom:24px}.marB50{margin-bottom:50px !important}.marT10{margin-top:10px !important}.marT13{margin-top:13px !important}.marT25{margin-top:25px !important}.marT45{margin-top:45px !important}.marT56{margin-top:56px !important}.pad0{padding:0 !important}.pad10{padding:10px !important}.padB20{padding-bottom:20px !important}.Height10{height:10px}.Height33{height:33px}.w30{width:30px}.w40{width:40px}.w25p{width:25% !important}.w40p{width:40% !important}.w49p{width:49% !important}.w80p{width:80% !important}.Wauto{width:auto !important}.glyphiconlink,.icon-info{color:#5dbe8f}.Displayblock{display:block}.inlinewithToolTip a{color:#6b6b6b}.pd0{padding:0 !important}.checkListAlign{width:173px;line-height:22px;vertical-align:top !important}.font13{font-size:13px}.posRel{position:relative}.posAb{position:absolute}.unBold{font-weight:normal !important}.bold{font-weight:bold !important}.link,.link:hover{color:#5dbe8f;text-decoration:underline}.glyphiconmultiplyIcon{line-height:54px;text-align:center;display:block}.equalSign{line-height:54px;text-align:center;display:block;font-size:30px;font-weight:bold}.clearfixH10{clear:both;height:10px}.white-space{white-space:pre-wrap}.jumbotron{background-color:transparent}.display-flex{display:flex}.flex-direction{flex-direction:row}.flex-direction-column{flex-direction:column}.align-items-center{align-items:center}.justify-content-center{justify-content:center}.grey-color{color:#333}.primary-text{color:#287b64}.black-color{color:#000}.btn-sm{padding:5px !important;font-size:12px}.share-button,.share-button :hover{position:absolute;top:0;margin:15px;background-color:#14664f;color:#fff !important;border-radius:50%;height:30px;width:30px;text-align:center;line-height:31px;z-index:1}.toplinksContainer{background-color:#5dbe8f;width:100%;height:30px;font-size:12px}.toplinksContainer a{color:#fff}.toplinks,.socialLinks{display:inline-block;margin:0;padding:0;height:30px;line-height:30px}.toplinks li,.socialLinks li{line-height:30px;height:30px;vertical-align:middle;list-style:none;margin:0;padding:0;display:inline-block;color:#fff}.toplinks li a,.toplinks li a:hover,.toplinks li a:visited{display:block;color:#fff;text-decoration:none}.toplinks li.sep{margin:0 5px}.socialLinks{margin:0 15px}.socialLinks li a.iconYTube,.socialLinks li a.iconInsta,.socialLinks li a.iconFb,.socialLinks li a.icontwitter{width:21px;height:30px;display:block;text-decoration:none}.iconYTube{background:url('../images/youtube.png') no-repeat center 5px;background-size:90%}.iconInsta{background:url('../images/instagram.png') no-repeat right 5px;background-size:90%}.iconFb{background:url('../images/facebook.png') no-repeat center 5px;background-size:90%}.icontwitter{background:url('../images/twitter.png') no-repeat center 5px;background-size:90%}.socialLinksMobileApp{display:none}.navbar{background-color:#d7e7d9}.headerContainer{height:90px}.navbar-brand{height:85px;padding:0}.navbar-brand img{height:100%}.navbar-nav{margin-top:35px}.MaraLogo a{height:auto;width:201px;display:block}.navbar-menu{height:85px}.navigationLink{color:#000;padding:0;font-size:12px;font-weight:normal;text-decoration:underline;vertical-align:middle;line-height:24px;display:inline-block;margin-bottom:8px}.nav>li>a{padding-top:10px;padding-bottom:10px;color:#000;font-weight:bold;cursor:pointer}.nav>li>a:hover{background-color:rgba(93,190,143,.2);color:#000;padding-top:10px;padding-bottom:10px;border-radius:10px}.nav .open>a:focus,.nav li a.dpl-menu-active{color:#28a865;padding-top:10px;padding-bottom:10px;border-radius:0}.nav li a.list-menu-hover{background-color:rgba(93,190,143,.2);font-weight:bold !important}.dropdown-menu>li>a{cursor:pointer}.dropdown-submenu{position:relative}.dropdown-submenu>.dropdown-menu{top:0;margin-top:-6px;margin-left:-1px;-webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px;margin-top:0;padding:0}.dropdown-submenu:hover>.dropdown-menu{display:block}.dropdown-submenu>a{display:block;width:100%;background-image:url('../images/spritevert.png');background-repeat:no-repeat;line-height:30px}.dropdown-submenu.pull-left{float:none}.dropdown-submenu.pull-left>.dropdown-menu{left:-100%;margin-left:10px;-webkit-border-radius:6px 0 6px 6px;-moz-border-radius:6px 0 6px 6px;border-radius:6px 0 6px 6px}.dropdown-menu>.active>a,.dropdown-menu>.active>a:hover,.dropdown-menu>.active>a:focus{background-color:#4fb971}.no-touch .dropdown-submenu a:hover>ul.dropdown-menu{display:block}.PortalName{display:none}#ZakatSlider .item img{width:100%}.breadcrumb{background-color:transparent;padding:0;margin:0 0 20px 0}.breadcrumb h4,.breadcrumb span{display:inline-block;font-size:12px;color:#979797}.breadcrumb span{padding:0 3px}.titleGroup h2{color:#000;font-size:24px;font-weight:bold;margin-bottom:0;padding-bottom:5px}.panel.panel-campaign{border-radius:10px;box-shadow:0 2px 4px 0 #979797;min-height:371px;display:flex;flex-direction:column;justify-content:space-between}.panel.panel-campaign .panel-heading h2{color:#282828;font-size:14px;font-weight:bold;margin:0;padding:0}.campaignImgContainer{position:relative;height:400px}.campaignImg img{height:100%;position:absolute;width:100% !important;border-radius:12px 12px 0 0}.panel{margin-top:0}.panel-title{font-weight:bold}.panel-primary,.panel-info,.panel-danger,.panel-warning{border:none;background-color:transparent}.panel-primary>.panel-heading,.panel-info>.panel-heading,.panel-danger>.panel-heading,.panel-warning>.panel-heading{background-color:transparent;border:none;padding:10px 0}.panel-primary>.panel-body,.panel-primary>form>.panel-body,.panel-info>.panel-body,.panel-danger>.panel-body,.panel-warning>.panel-body,.panel-warning>.form-horizontal>.panel-body{background-color:transparent;border-top:5px solid}.panel-primary>.panel-heading{color:#d2981f}.panel-primary>.panel-heading label{color:#333}.panel-info>.panel-heading{color:#d2981f}.panel-danger>.panel-heading{color:#d9534f}.panel-warning>.panel-heading{color:#000}.panel-primary>.panel-body,.panel-primary>form>.panel-body{border-color:#d2981f;border-width:1px}.panel-info>.panel-body{border-color:#d2981f;border-width:1px}.panel-danger>.panel-body{border-color:#d9534f;border-width:1px}.panel-warning>.panel-body,.panel-warning>.form-horizontal>.panel-body{border-color:#fcf8e3;border-width:1px}.panel-title{margin:0 3px}#accordion .panel-default>.panel-heading{background-color:#fff}#accordion .panel-default>.panel-collapse.collapse.in{border-top:2px solid #5dbe8f}#accordion .panel-default .panel-body h4{color:#037052;font-size:15px}#accordion .panel-default .panel-title>a{text-decoration:none}.control-text{font-size:13px;margin-top:3px;display:block;padding:0 7px;line-height:25px;background-color:#f1f1f1;min-height:25px}.nav-tabs>li>a{line-height:35px;border-bottom:1px solid #ddd;background-color:#f3f3f3;font-weight:normal;padding:0 15px;border-top:7px solid #f3f3f3;border-radius:0;-webkit-border-radius:0;-moz-border-radius:0}.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus{line-height:35px;border-top:#4cae4c 7px solid;font-weight:bold}.nav-tabs>li.active>a:hover{cursor:pointer;line-height:35px;padding:0 15px;font-weight:bold;border-top:#4cae4c 7px solid;border-radius:0;-webkit-border-radius:0;-moz-border-radius:0}.nav-tabs>li>a:hover{cursor:pointer;line-height:35px;padding:0 15px;color:#333;background-color:#f3f3f3;font-weight:normal;border-top:#f3f3f3 7px solid;border-bottom:1px solid #ddd;border-radius:0;-webkit-border-radius:0;-moz-border-radius:0}.tab-content{background-color:#fff;padding:10px}.table{margin-top:10px}.table-responsive .table{margin-top:0}.table th{background-color:#f1eec6}.table td.serialNum{background-color:#efefef}.mvc-grid td{font-size:13px}.mvc-grid a{color:#299b64}.mvc-grid a.glyphicon span::after{margin:5px}.well{background-color:transparent;border-bottom:1px solid #ccc;padding:10px 0;border-top:1px solid #ccc;border-radius:0;border-left:none;border-right:none}.Card-container{display:flex;justify-content:center;margin:2rem 0;flex-wrap:wrap}.CardUI{display:flex;flex-direction:column;justify-content:center;align-items:center;color:#333;text-decoration:none;font-weight:700;width:auto;height:225px;background-color:#fff;border-radius:10px;margin:.5rem;text-decoration:none;border:3px solid #fff;padding:.5rem}.CardUI:hover{text-decoration:none;background-color:#edf5f3;transition:linear .5s all}.CardUI p{font-size:1.7rem}.shadow{box-shadow:0 .5rem 1rem rgba(33,37,41,.15) !important}.btnSep{color:#000;padding:0 10px;font-size:12px;font-weight:normal;margin:0 0 10px 0;vertical-align:middle;line-height:24px;display:inline-block}.btn-group{margin-top:20px;margin-bottom:100px}.btn-outline-dark{background-color:#fff;border:1px solid #282828;color:#282828}.alert{margin-top:5px;padding:5px}.alert .glyphicon-ok-circle,.alert .glyphicon-remove-circle{font-size:24px;vertical-align:middle}.alert-info a{color:#31708f}.modal-content .modal-title{font-weight:bold}.modal-title img{filter:invert(1%) sepia(1%) saturate(100%) hue-rotate(186deg) brightness(6%) contrast(80%)}.body-content{margin-top:175px;margin-bottom:50px}.SectionColContainerInner{margin:30px auto 30px auto;width:100%}.SectionCol-Inner{width:17%;margin:0 10px 30px 10px;height:100%;min-height:280px;background:url('../images/spritevert.png') repeat-x left -339px;display:inline-block;vertical-align:top;border:1px solid #ccc}.SectionCol-Inner a{display:flex;flex-direction:column;align-items:center;justify-content:space-between}.SectionCol-Inner a:hover{text-decoration:none}.SectionCol-Inner h1{text-transform:uppercase;text-align:center;color:#333;height:50px}.SectionCol-Inner p{font-size:11px;background-color:#5dbe8f;color:#fff;padding:10px;height:65px;margin:0}.SectionCol-Inner h1{font-size:20px}.SectionCol-Inner span.CalculatorIcon,.SectionCol-Inner span.PayZakatIcon,.SectionCol-Inner span.PayAlFitrIcon,.SectionCol-Inner span.PayKaffarahIcon,.SectionCol-Inner span.PaySadakaIcon,.SectionCol-Inner span.NewAppIcon,.SectionCol-Inner span.CheckAppIcon,.SectionCol-Inner span.ZakahCollectIcon,.SectionCol-Inner span.PayToBeneficiaryIcon,.SectionCol-Inner span.SearchAppIcon,.SectionCol-Inner span.CreateMedicalIcon{background:url('../images/sprite.png') no-repeat;display:block;height:96px;margin-top:40px}.SectionCol-Inner span.CalculatorIcon{background-position:8px top;width:89px}.SectionCol-Inner span.PayZakatIcon{background-position:-100px top;width:89px}.SectionCol-Inner span.PaySadakaIcon{background-position:-223px top;width:89px}.SectionCol-Inner span.PayKaffarahIcon{background-position:-676px top;width:89px}.SectionCol-Inner span.PayAlFitrIcon{background-position:-562px top;width:92px}.SectionCol-Inner span.NewAppIcon{background-position:-226px -223px;width:111px}.SectionCol-Inner span.CheckAppIcon{background-position:-371px -223px;width:106px}.SectionCol-Inner span.SearchAppIcon{background-position:left -287px;width:106px}.SectionCol-Inner span.ZakahCollectIcon{background-position:-518px -223px;width:92px}.SectionCol-Inner span.PayToBeneficiaryIcon{background-position:-632px -223px;width:90px}.SectionCol-Inner span.CreateMedicalIcon{background-position:-96px -440px;width:106px}.loginContainer{margin:50px 0}.loginContainerHeading.CivilId{background-color:#5dbe8f;border:none}.loginContainerHeading{background-color:#fff;padding:0 15px;border:1px solid #babec1;border-bottom:none}.loginContainerHeading a{font-size:12px;vertical-align:middle;text-decoration:underline}.loginContainerHeading h1{font-weight:bold;margin:0;color:#5dbe8f;font-size:15px;line-height:60px;border-bottom:1px solid #5dbe8f}.loginContainerHeading.CivilId h1{font-size:15px;color:#fff;line-height:60px;margin:0;padding:0;border:0}.loginFormContainer{background-color:#fff;padding:15px;border:1px solid #babec1;border-top:none;-webkit-box-shadow:0 5px 15px -6px #777;-moz-box-shadow:0 5px 15px -6px #777;box-shadow:0 5px 15px -6px #777}.loginContainer p{height:45px}.loginTypeIcon span{margin-bottom:25px;display:block}.loginForm input{border:0;border-bottom:1px solid #c9c9c9;display:inline-block;width:90%;margin:0;line-height:21px}.loginForm input::-webkit-input-placeholder{color:#b6b6b6}.loginForm input::-moz-placeholder{color:#b6b6b6}.loginForm input:-ms-input-placeholder{color:#b6b6b6}.loginForm input:-moz-placeholder{color:#b6b6b6}.fatwaContainer thead{display:none}.fatwaContainer h1{font-size:13px;font-weight:bold;color:#5dbe8f;margin:0 0 10px 0;padding:0}.fatwaContainer h1 a{text-decoration:underline;font-size:13px;font-weight:bold;color:#299b64;line-height:18px}.fatwaDetailContainer{background-color:#fff;margin:0 0 50px 0}.fatwaCategory span.fatwaCategoryIcon{display:inline-block;height:52px;width:52px}.fatwaCategory span.fatwaCategoryName{color:#5dbe8f;font-size:18px;font-weight:bold;line-height:18px;vertical-align:bottom;display:inline-block;margin:0 10px}.fatwarHyperlink{margin:25px 0 10px 0}.fatwarHyperlink a,.fatwarHyperlink a label{color:#333;font-size:12px;text-decoration:underline;font-weight:normal;cursor:pointer}.fatwaSubject{background-color:#eae8ca;font-size:16px;color:#333;font-weight:bold;margin-bottom:10px;padding:7px}.fatwaQuestion{background-color:#eaeaea;font-size:12px;color:#333;font-weight:bold;margin-bottom:10px;padding:5px}.fatwaAnswer p{font-size:13px;color:#333;line-height:25px}.ErrorPageContainer{background-color:#fff;height:auto;padding:15px;width:100%}.Error404Icon{display:block;margin:auto;width:79px}.ErrorPageContainer h1,.ErrorPageContainer h2,.ErrorPageContainer p{text-align:center}.ErrorPageContainer h1{color:#d06422}.ErrorPageContainer h2{font-size:16px;font-weight:bold}.ErrorPageContainer p{font-size:14px;width:80%;margin:0 auto}.ErrorLinks{width:100%;margin-bottom:10px}.boardOrg-logo{display:flex;flex-direction:column;justify-content:center;align-items:center;color:#333;text-decoration:none;font-weight:700;height:175px;background-color:#fff;border-radius:10px;margin-bottom:15px}.boardOrg-logo:hover{text-decoration:none}.boardOrg-logo img{width:auto !important;height:130px}.boardOrg-logo p{line-height:16px;text-decoration:none}.organization-logo{background-image:url("../images/shape.svg");width:200px;height:200px;display:flex;align-items:center;justify-content:center;background-size:cover;background-repeat:no-repeat}.organization-logo img{width:auto;height:120px;border-radius:50%}.boardProfileSocialLinks a{filter:grayscale(100%)}.boardProfileSocialLinks a.iconYTube,.boardProfileSocialLinks a.iconInsta,.boardProfileSocialLinks a.iconFb,.boardProfileSocialLinks a.icontwitter{width:25px;height:25px;display:block;text-decoration:none;background-position:center 5px;background-repeat:no-repeat;background-color:#787878;border-radius:50%;background-size:55%;margin:0 3px}.boardProfileSocialLinks .iconYTube{background-image:url('../images/youtube.png')}.boardProfileSocialLinks .iconInsta{background:url('../images/instagram.png')}.boardProfileSocialLinks .iconFb{background:url('../images/facebook.png')}.boardProfileSocialLinks .icontwitter{background:url('../images/twitter.png')}.BoardProfileBox{box-shadow:3px 3px 3px #cbcbcb;background-color:#fff;padding:25px;background-image:url("../images/service-shape.svg");background-position:bottom left;background-repeat:no-repeat;background-size:20%;margin-bottom:10px}.BoardProfileBox h3{margin-top:0;color:#28a865;font-size:16px;font-weight:bold}.BoardProfileBox p{font-size:12px;color:#333}.sharePage{width:52px;height:0;-webkit-border-radius:6px;-moz-border-radius:6px}.modalSlideDown.sharePage{position:absolute;bottom:0;left:0;right:0;margin:auto;z-index:20;height:0;opacity:0;padding:0;-webkit-transition:opacity .3s ease-out,bottom .3s ease-out;-moz-transition:opacity .3s ease-out,bottom .3s ease-out;-o-transition:opacity .3s ease-out,bottom .3s ease-out;transition:opacity .3s ease-out,bottom .3s ease-out}.modalSlideUp.sharePage{position:absolute;bottom:25px;left:0;right:0;margin:auto;height:auto;opacity:1;padding:4px 1px 0 1px;-webkit-transition:opacity .3s ease-out,bottom .3s ease-out;-moz-transition:opacity .3s ease-out,bottom .3s ease-out;-o-transition:opacity .3s ease-out,bottom .3s ease-out;transition:opacity .3s ease-out,bottom .3s ease-out}a.iconSharePage{display:block;margin:0 !important;text-decoration:underline}a.iconSharePage i{background:url('../images/spriteVert.png') no-repeat left -1028px;width:22px;height:25px;vertical-align:top;display:inline-block}a.iconSharePage span{padding:0;display:inline-block;line-height:20px;color:#fff;text-decoration:underline;font-size:12px}.modalSlideDown a.shareiconFb,.modalSlideDown a.shareiconTwitter,.modalSlideDown a.shareiconWhatsApp{height:0}.modalSlideUp a.shareiconFb,.modalSlideUp a.shareiconTwitter,.modalSlideUp a.shareiconWhatsApp{height:29px}a.shareiconFb,a.shareiconTwitter,a.shareiconWhatsApp{width:42px;display:inline-block;text-decoration:none;margin:0 3px}a.shareiconFb{background:url('../images/spriteVert.png') no-repeat left -1458px}a.shareiconTwitter{background:url('../images/spriteVert.png') no-repeat left -1492px}a.shareiconWhatsApp{background:url('../images/spriteVert.png') no-repeat left -1526px}.takePollBtn,.pollResultBtn{position:fixed;height:108px;width:76px;display:block}.takePollBtn{top:200px}.pollResultBtn{top:200px}.innerFooter{display:block}.innerFooterContainer{background-color:#1e1e1e}.innerFooter footer{width:100%;height:30px;position:fixed;bottom:0;z-index:1000;margin-top:80px}.innerFooterContainer p,.innerFooterContainer a,.innerFooterContainer a:hover{display:inline-block}.innerFooter footer p{text-align:center;color:#979797;font-size:12px;line-height:30px}.innerFooterContainer a,.innerFooterContainer a:hover{font-size:12px;color:#979797;text-decoration:underline;margin:0 5px}.langLinkMobileApp,.tabContainer{display:none}.forMobileApp .navbar{border:none}.forMobileApp .toplinksContainer,.forMobileApp .navbar-header,.forMobileApp .PortalName,.forMobileApp .innerFooter{display:none}.forMobileApp .headerContainer{background-color:#776c07 !important}.forMobileApp .langLinkMobileApp{background-color:#fff;text-align:center;border-radius:50px;padding:3px;color:#000;font-weight:bold;display:block;position:absolute;top:0;bottom:0;margin:auto;width:30px;height:30px}.mobileLandingPgBG{background:url("../images/MobileImages/mobile-pattern.jpg") repeat;margin:0 -15px;overflow-x:hidden;overflow-y:hidden}.landingpageIcons a,.landingpageIcons a:hover,.landingpageIcons a:focus,.landingpageIcons a:active{color:#403b00;text-decoration:none;text-align:center;display:block}.landingpageIcons a span,.landingpageIcons a:hover span,.landingpageIcons a:focus span,.landingpageIcons a:active span{margin:5px 0 10px;color:#403b00;font-size:12px;font-weight:bold;text-decoration:none;text-align:center;display:block;line-height:15px}.forMobileApp .tabContainer{position:fixed;bottom:0;width:100%;display:block}.forMobileApp .tabContainer .nav-tabs{background-color:#fff;padding:0;margin:0}.forMobileApp .tabContainer .nav-tabs li a{padding:5px 0;display:block;background-color:#fff;border:none}.forMobileApp .tabContainer .nav-tabs li a span{color:#bfb542;font-size:10px;text-align:center;display:table-caption;line-height:12px}.forMobileApp .tabContainer .nav-tabs li.active a,.tabContainer .nav-tabs li.active a:focus,.tabContainer .nav-tabs li.active a:active{border-color:#fff}.tabbable{position:relative}.userIcon{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;width:47px;height:48px}.userIcon a{display:block}.userContainer{position:fixed;top:auto;left:0;right:0;margin:auto;width:100%;background-color:#fff;border-top:#403b00 1px solid}.userlinks{padding:0;margin:0}.userlinks li{width:49%;border-bottom:#babec1 1px solid;list-style:none;line-height:55px;display:inline-block}.userlinks li a,.userlinks li a:hover,.userlinks li a:focus,.userlinks li a:active,.userlinks li a span{line-height:55px;color:#403b00;font-weight:bold;padding:0 15px;text-align:center;display:block}.ZakahLogoMobile{margin:2% 0}.forMobileApp .navbar-nav{background-color:#776c07}.forMobileApp .navbar-nav>li{border-bottom:#5c5504 1px solid}.forMobileApp .navbar-nav>li>a{line-height:20px;font-size:12px;color:#fff}.forMobileApp .nav .open>a:focus,.forMobileApp .nav li a.dpl-menu-active{background-color:#e3e3e3;color:#5dbe8f}.StatsChartDiv{width:300px !important;height:200px !important}.StatsChartDiv .highcharts-background{fill:transparent !important}.StatsChartDiv .highcharts-title{font-weight:bold}.BoardStatistics{display:flex;justify-content:center;margin:25px 0}.boardStatsBox{border-radius:10px;padding:15px;background-color:#fff;margin:0 5px;display:flex;box-shadow:1px 2px 4px 0 #c1c1c1;width:25%}.boardStatsBox div{margin:0 8px;display:flex;flex-direction:column;justify-content:flex-end}.boardStatsBox i{color:#fff;padding:10px;text-align:center;width:50px;height:50px;border-radius:5px;font-size:22px;display:flex;justify-content:center;align-items:center}.BoardStatistics:nth-child(1) .boardStatsBox:nth-child(1) i{background-color:#f34f4f}.BoardStatistics:nth-child(1) .boardStatsBox:nth-child(2) i{background-color:#40a373}.BoardStatistics:nth-child(1) .boardStatsBox:nth-child(3) i{background-color:#6495ed}.BoardStatistics:nth-child(1) .boardStatsBox:nth-child(4) i{background-color:#e8a94b}.BoardStatistics:nth-child(2) .boardStatsBox:nth-child(1) i{background-color:#b4c235}.BoardStatistics:nth-child(2) .boardStatsBox:nth-child(2) i{background-color:#ca527d}.boardStatsBox .statsCount{font-size:22px;font-weight:bold}.boardStatsBox .statsText{font-size:13px;font-weight:bold}.smallText{font-size:10px;text-align:center !important;color:#5dbe8f}.VIPbody .headerContainer,.VIPbody .navbar-brand{height:130px}.VIPbody .logo{width:80%;margin-top:10px}.VIPbody .navbar-menu{margin-top:45px}.VIPbody .toplinks{display:inline-block;margin:0;padding:0;height:30px;line-height:30px}.VIPbody .toplinks li{line-height:30px;height:30px;vertical-align:middle;list-style:none;margin:0;padding:0;display:inline-block;color:#5dbe8f}.VIPbody .toplinks li a,.VIPbody .toplinks li a:hover,.VIPbody .toplinks li a:visited{display:block;color:#5dbe8f;text-decoration:none}.VIPbody .toplinks li.sep{margin:0 5px}.VIPbody a.langLink{color:#5dbe8f;margin:10px 5px 0 5px}.VIPtopBar{background-image:url('../images/VIP/VIP_topbar.gif');background-color:#664003;height:9px;background-repeat:repeat-y;background-position:top center}.VIPbody .nav>li>a{color:#000}.VIPbody .nav>li>a:hover{color:#fff;background-color:#ac741b}.VIPbody{background:url('../images/VIP/bg_VIP.jpg') repeat}.VIPGoldenbar{background-image:url('../images/VIP/VIP_Goldenbar.png');background-color:#664003;height:8px;background-repeat:repeat-y;background-position:top center}.VIPBgIMG{background-size:100% 100%;padding:0;background-repeat:no-repeat}.VIPLoginBg{background-color:rgba(0,0,0,.85)}.VIPBg .loginContainer{margin:0}.VIPLoginBg .VIPloginFormContainer{margin-bottom:50px}.VIPLoginBg .VIPloginContainerHeading h1{margin-top:50px;line-height:40px;color:#fff;font-size:14px;padding:0;border-bottom:1px solid #fff}.VIPLoginBg .VIPloginFormContainer p{color:#fff;font-size:11px}.VIPLoginBg .VIPloginFormContainer .loginTypeIcon span{margin:25px 0;display:block}.VIPLoginBg .VIPloginFormContainer .loginForm{margin:20px 0}.VIPLoginBg .VIPloginFormContainer .loginForm input{background-color:transparent;border:0;border-bottom:1px solid #c9c9c9;display:inline-block;width:90%;margin:0;line-height:21px}.VIPLoginBg .VIPloginFormContainer .loginForm input::-webkit-input-placeholder{color:#b6b6b6}.VIPLoginBg .VIPloginFormContainer .loginForm input::-moz-placeholder{color:#b6b6b6}.VIPLoginBg .VIPloginFormContainer .loginForm input:-ms-input-placeholder{color:#b6b6b6}.VIPLoginBg .VIPloginFormContainer .loginForm input:-moz-placeholder{color:#b6b6b6}.VIPBtn{background-image:url(../images/VIP/VIPBtn.png);border:none;background-size:100% 100%;background-repeat:no-repeat;font-weight:600;margin-top:35px}.VIPShadow{-webkit-box-shadow:0 21px 75px -13px rgba(0,0,0,.75);-moz-box-shadow:0 21px 75px -13px rgba(0,0,0,.75);box-shadow:0 21px 75px -13px rgba(0,0,0,.75)}@media(min-width:768px) and (max-width:1020px){.navbar-toggle{background-color:transparent;border:none}.navbar-toggle .icon-bar{width:25px;height:2px;background-color:#595c5f}.navbar-collapse{background:#def2e9;position:absolute;left:-10%;right:auto;width:100%;padding:0;top:58px;max-height:none !important}.navbar-nav .open .dropdown-menu{background-color:#fff}.navbar-collapse{right:0;left:auto}.navbar-nav>li>a{font-size:12px;padding:8px 10px}}@media(min-device-width:600px) and (max-aspect-ratio:13/9) and (-webkit-min-device-pixel-ratio:1){.forMobileApp .navbar-toggle{padding:13px 17px;margin:13px 0 !important;top:0;bottom:0}.forMobileApp .navbar-menu,.forMobileApp .headerContainer{height:72px !important}.forMobileApp .body-content{margin-top:15%}.mobileLandingPgBG{margin-top:-18px}.forMobileApp .ZakahLogoMobile{margin:9% 0}.forMobileApp .navbar-menu,.forMobileApp .headerContainer{height:auto}.forMobileApp .langLinkMobileApp{width:38px;height:38px}.forMobileApp .tabContainer .nav-tabs li{margin:0 auto;width:20%}.forMobileApp .tabContainer .nav-tabs li a span{font-size:1em;line-height:18px}.forMobileApp .ZakahLogoMobile,.forMobileApp .landingpageIcons{margin-bottom:5%}.forMobileApp .ZakahLogoMobile img{width:35%}.landingpageIcons img{width:55%}.forMobileApp .SectionCol-Inner{width:35%;margin:0 5px 10px 0}.landingpageIcons a span,.landingpageIcons a:hover span,.landingpageIcons a:focus span,.landingpageIcons a:active span{margin:12px 0 10px;font-size:1.3em;line-height:22px}.forMobileApp .panel-title{font-size:1.2em}.forMobileApp span.glyphicon{font-size:1.2em}}@media(min-device-width:800px) and (max-aspect-ratio:13/9) and (-webkit-min-device-pixel-ratio:1){.forMobileApp .MaraLogo{display:none}.forMobileApp .body-content{margin-top:12%}.mobileLandingPgBG{margin-top:-18px}.forMobileApp .navbar{background-color:#776c07 !important}.forMobileApp .navbar-toggle{padding:13px 17px;margin:13px 0 !important;top:0;bottom:0}.forMobileApp .ZakahLogoMobile{margin:9% 0}.forMobileApp .ZakahLogoMobile img{width:41%}.landingpageIcons img{width:43%}.forMobileApp .ZakahLogoMobile,.landingpageIcons{margin-bottom:5%}.landingpageIcons a span,.landingpageIcons a:hover span,.landingpageIcons a:focus span,.landingpageIcons a:active span{margin:12px 0 10px;font-size:1.7em;line-height:30px}.userIcon{width:70px;height:70px}.userIcon a,.userIcon a img{width:100%}.forMobileApp .navbar-menu,.forMobileApp .headerContainer{height:80px !important}.forMobileApp .navbar-toggle .icon-bar{width:36px;height:3px;margin-top:5px}.forMobileApp .langLinkMobileApp{width:50px;height:50px}.forMobileApp .tabContainer .nav-tabs li{margin:0 auto;width:20%}.forMobileApp .tabContainer .nav-tabs li a span{font-size:1.2em;margin-top:5px;line-height:20px}.forMobileApp .tabContainer .nav-tabs li img{width:45px}.userlinks li a,.userlinks li a:hover,.userlinks li a:focus,.userlinks li a:active,.userlinks li a span{font-size:120%;line-height:65px}.forMobileApp .panel-title{font-size:1.6em}.forMobileApp span.glyphicon{font-size:1.6em}.forMobileApp .SectionCol-Inner{padding-bottom:0}.forMobileApp .SectionCol-Inner p{font-size:1em;height:77px}}@media only screen and (min-width:320px) and (max-width:750px){.btn-block-xs{width:100%}.clearfixResp{clear:both}.HeightM34{height:34px}.HeightM36{height:36px}.breadcrumb h4,.breadcrumb span{margin-bottom:0}.inlineList-check{width:50%;font-size:11px}.inline-block-mobile{display:inline-block}nav.navbar.navbar-fixed-top.shrink{top:0}nav.navbar.shrink .toplinksContainer{display:none}.navbar-brand{height:100%}.navbar-menu,.headerContainer{height:auto}.navbar-nav{margin:0}.navbar-nav li{border-bottom:1px solid #f5f5f5}.nav>li>a:hover{border-radius:0}.navbar-collapse{background:#def2e9;position:absolute;left:-10%;right:auto;width:100%;padding:0;top:58px;max-height:none !important}.navbar-nav .open .dropdown-menu{background-color:#fff}.navbar-collapse{right:0;left:auto}.navbar-nav>li>a{font-size:12px;padding:8px 10px}html[lang=ar] .navbar-collapse{left:10%;right:auto}.panel-primary>.panel-heading label{color:#333;line-height:33px}.nav .open>a:focus,.nav li a.dpl-menu-active{border-radius:0}.dropdown-menu:nth-child(2) li a{font-size:12px;font-weight:bold}.dropdown-menu:nth-child(2) .dropdown-menu li a{font-size:12px;font-weight:normal;margin:0 10px}.dropdown-menu:nth-child(2) .dropdown-menu{border-bottom:1px solid #979797}li.divider{display:none}.MaraLogo{display:none}.headerContainer{position:relative}.PortalName{display:none}nav.navbar.shrink .navbar-header{margin-top:3px}nav.navbar.shrink{height:auto;min-height:initial}nav.navbar.shrink .navbar-brand{height:100%}nav.navbar.shrink .MaraLogo a img{display:none}nav.navbar.shrink .headerContainer{height:auto;border-top:7px solid #5dbe8f;background-color:#fff}.toplinks{display:inline-block}.toplinks.collapse{position:absolute;display:none;width:auto;height:auto;left:auto;top:30px;right:auto;padding:0;background-color:#5dbe8f;z-index:1}.toplinks.collapse li{display:block;width:auto;padding:0 10px;border-bottom:1px solid #e0e0cf;margin:0 5px}.toplinks.collapse li:last-child{border:none;margin:0 5px}.toplinks.collapse li.sep{display:none}.toplinks.collapse li a,.toplinks.collapse li a:hover,.toplinks.collapse li a:visited{line-height:31px;height:30px;vertical-align:middle;color:#fff}.toplinks.collapse li a span:before{text-align:center}.toplinks.collapse.toplinkSlideUp{max-height:0;opacity:0;display:block;visibility:hidden;transition:opacity .25s ease-in-out,max-height .25s ease-in-out}.toplinks.collapse.toplinkSlideDown{opacity:1;display:block;visibility:visible;transition:opacity .25s ease-in-out,max-height .25s ease-in-out}.SectionColContainerInner{margin:20px auto;width:100%}.SectionCol-Inner{width:29%;margin:0 0 10px 0;display:inline-block;padding-bottom:15px;background-image:none;height:auto}.SectionCol-Inner p{display:none}.SectionCol-Inner span.CalculatorIcon,.SectionCol-Inner span.PayZakatIcon,.SectionCol-Inner span.PayAlFitrIcon,.SectionCol-Inner span.PayKaffarahIcon,.SectionCol-Inner span.PaySadakaIcon,.SectionCol-Inner span.NewAppIcon,.SectionCol-Inner span.CheckAppIcon,.SectionCol-Inner span.ZakahCollectIcon,.SectionCol-Inner span.PayToBeneficiaryIcon,.SectionCol-Inner span.SearchAppIcon,.SectionCol-Inner span.CreateMedicalIcon{margin:10px 0 5px 0;width:70px;height:63px}.SectionCol-Inner span.CalculatorIcon{background-position:6px -134px}.SectionCol-Inner span.PayZakatIcon{background-position:-100px -134px}.SectionCol-Inner span.PayAlFitrIcon{background-position:-572px -134px}.SectionCol-Inner span.PayKaffarahIcon{background-position:-686px -134px}.SectionCol-Inner span.PaySadakaIcon{background-position:-224px -134px}.SectionCol-Inner span.NewAppIcon{background-position:-216px -349px}.SectionCol-Inner span.CheckAppIcon{background-position:-362px -349px}.SectionCol-Inner span.SearchAppIcon{background-position:9px -406px}.SectionCol-Inner span.ZakahCollectIcon{background-position:-508px -348px}.SectionCol-Inner span.PayToBeneficiaryIcon{background-position:-622px -348px}.SectionCol-Inner span.CreateMedicalIcon{background-position:-85px -559px}.SectionCol-Inner h1{line-height:12px;vertical-align:top;background-image:none;font-weight:bold;text-transform:capitalize;height:20px;margin:0;width:100%}.loginContainerHeading h1,.loginContainerHeading.CivilId h1{line-height:40px;font-size:17px}.loginTypeIcon span,.loginFormContainer p{display:inline-block}.loginTypeIcon span{margin:0}.loginFormContainer button,.loginFormContainer input[type=submit]{font-size:12px}.loginForm input{margin-top:10px}.innerFooter footer{height:auto}.innerFooter footer p{margin-top:0;margin-bottom:0;font-size:10px}.innerFooterContainer a,.innerFooterContainer a:hover{font-size:10px}.control-label{font-size:13px}.link,.link:hover{font-size:13px}.nav-tabs>li{width:50%}.nav-tabs>li a{text-align:center}.forMobileApp .socialLinksMobileApp{display:block}.forMobileApp nav.navbar.shrink .headerContainer{border-top:none}.socialLinksMobileApp li{list-style:none;display:inline-block}.socialLinksMobileApp li a.iconYTubeApp,.socialLinksMobileApp li a.iconInstaApp,.socialLinksMobileApp li a.iconFbApp,.socialLinksMobileApp li a.icontwitterApp{width:21px;height:30px;display:block;text-decoration:none;display:block}.iconYTubeApp{background:url('../images/youtubeApp.png') no-repeat center 5px;background-size:90%}.iconInstaApp{background:url('../images/instagramApp.png') no-repeat right 5px;background-size:90%}.iconFbApp{background:url('../images/facebookApp.png') no-repeat center 5px;background-size:90%}.icontwitterApp{background:url('../images/twitterApp.png') no-repeat center 5px;background-size:90%}.StatsChartDiv{margin-bottom:20px}.StatsChartDiv,.StatsChartDiv .highcharts-container{width:100% !important}.takePollBtn,.pollResultBtn{top:auto;bottom:0}.BoardProfileBox{background-size:11%}.BoardStatistics{flex-direction:column;width:100%;margin:25px 0 0 0}.BoardStatistics:nth-child(2){margin:0}.boardStatsBox{width:100%;margin-bottom:15px}}@media only screen and (min-width:320px) and (max-width:420px) and (max-aspect-ratio:13/9){.body-content{margin-top:31%;padding-bottom:80px}.navbar-brand img{width:100%}nav.navbar.shrink a.navbar-brand img{width:90%}.ErrorPageContainer{margin-bottom:50%;margin-top:10%}.rc-anchor-normal{width:100% !important}.loginContainer p{height:auto}.forMobileApp .panel,.forMobileApp .ServiceDetailContainer{margin-top:5%}.forMobileApp .navbar-toggle{padding:8px 7px;margin:8px 0 !important;top:0;bottom:0}.forMobileApp .SectionCol-Inner{margin:0 1% 2% 1%;width:43%}.forMobileApp .body-content{padding-bottom:60px}.forMobileApp .navbar-collapse{background-color:#776c07}.BoardProfileBox{background-size:20%}@media only screen and (min-width:320px) and (max-width:349px) and (max-aspect-ratio:13/9){.socialLinks{margin:0 5px}.toplinks li.sep{margin:0}.tabContainer .nav-tabs li img{width:25px;height:25px}.ZakahLogoMobile img{width:50%}.landingpageIcons img{width:50%}.ZakahLogoMobile,.landingpageIcons{margin-bottom:3%}.landingpageIcons a span,.landingpageIcons a:hover span,.landingpageIcons a:focus span,.landingpageIcons a:active span{font-size:85%}.userIcon img{width:70%}.forMobileApp .body-content{margin-top:15%}.forMobileApp .CalculatorIcon{margin-top:10px}}@media only screen and (min-width:350px) and (max-width:399px) and (max-aspect-ratio:13/9){.socialLinks{margin:0 4px}.zakatServiceTopSpace{margin-top:50px}.ZakahLogoMobile,.landingpageIcons{margin-bottom:3%}.navbar-toggle{background-color:transparent;border:none}.navbar-toggle .icon-bar{width:25px;height:2px;background-color:#595c5f}.forMobileApp .body-content{margin-top:14%}.forMobileApp .zakatServiceTopSpace{margin-top:0}.forMobileApp .CalculatorIcon{margin-top:10px}.landingpageIcons a span,.landingpageIcons a:hover span,.landingpageIcons a:focus span,.landingpageIcons a:active span{font-size:14px;margin:10px 0}.userlinks li a,.userlinks li a:hover,.userlinks li a:focus,.userlinks li a:active,.userlinks li a span{font-size:13px}}@media only screen and (min-width:400px) and (max-width:420px) and (max-aspect-ratio:13/9) and (-webkit-min-device-pixel-ratio:2){.socialLinks{margin:0 15px}.zakatServiceTopSpace{margin-top:80px}.forMobileApp .panel .zakatServiceTopSpace{margin-top:2%}.navbar-toggle{background-color:transparent;border:none}.navbar-toggle .icon-bar{width:25px;height:2px;background-color:#595c5f}.forMobileApp .body-content{margin-top:12%}.ZakahLogoMobile{margin:5% 0}.landingpageIcons{margin-bottom:3%}.forMobileApp .CalculatorIcon{margin-top:10px}.landingpageIcons a span,.landingpageIcons a:hover span,.landingpageIcons a:focus span,.landingpageIcons a:active span{font-size:15px;margin:10px 0}.userlinks li a,.userlinks li a:hover,.userlinks li a:focus,.userlinks li a:active,.userlinks li a span{font-size:13px}}@media only screen and (min-width:550px) and (max-width:765px) and (min-aspect-ratio:13/9){.navbar-brand img{width:60%;background-color:#fff}.PortalName{font-size:100%}nav.navbar.shrink a.navbar-brand img{width:50%}.ErrorPageContainer{margin-bottom:15%;margin-top:5%}.ErrorPageContainerResp{width:35%;margin:0 auto}.Error404Icon,.ErrorPageContainer h1{display:inline-block}.Error404Icon{width:40%;margin:10px}.Error404Icon img{width:100%}.ErrorPageContainer h1{font-size:30px;margin:0;padding:0;vertical-align:middle}.ErrorPageContainer h2,.ErrorPageContainer p{font-size:15px}.ErrorPageContainer p{font-weight:normal;font-size:12px}}@media only screen and (min-width:550px) and (max-width:569px) and (min-aspect-ratio:13/9){.body-content{margin-top:21%}}@media only screen and (min-width:570px) and (max-width:669px) and (min-aspect-ratio:13/9){.body-content{margin-top:19%}}@media only screen and (min-width:670px) and (max-width:765px) and (min-aspect-ratio:13/9){.body-content{margin-top:17%}}@media only screen and (device-width:360px) and (device-height:640px) and (-webkit-device-pixel-ratio:2) and (max-aspect-ratio:13/9){.tabContainer .nav-tabs li{margin:0 5.65%}.ZakahLogoMobile{margin-bottom:3%}.navbar-toggle{background-color:transparent;border:none}.navbar-toggle .icon-bar{width:25px;height:2px;background-color:#595c5f}.forMobileApp .body-content{margin-top:14%}}@media screen and (device-width:360px) and (device-height:640px) and (-webkit-device-pixel-ratio:3) and (max-aspect-ratio:13/9){.tabContainer .nav-tabs li{margin:0 5.65%}.ZakahLogoMobile{margin-bottom:3%}.navbar-toggle{background-color:transparent;border:none}.navbar-toggle .icon-bar{width:25px;height:2px;background-color:#595c5f}}@media only screen and (min-width:766px) and (max-width:999px) and (max-aspect-ratio:13/9){nav.navbar.navbar-fixed-top.shrink{top:0}nav.navbar.shrink .toplinksContainer{display:none}.clearfixResp{clear:both}.navbar-brand{height:100%}.navbar-brand img{width:70%;background-color:#fff}.navbar-menu,.headerContainer{height:auto}.navbar-nav{margin:0}.navbar-nav li{border-bottom:1px solid #f5f5f5}.nav>li>a:hover{border-radius:0}.body-content{margin-top:21%}.panel-primary>.panel-heading label{color:#333;line-height:33px}.nav .open>a:focus,.nav li a.dpl-menu-active{border-radius:0}.dropdown-menu:nth-child(2) li a{font-size:12px;font-weight:bold}.dropdown-menu:nth-child(2) .dropdown-menu li a{font-size:12px;font-weight:normal;margin:0 10px}.dropdown-menu:nth-child(2) .dropdown-menu{border-bottom:1px solid #979797}li.divider{display:none}nav.navbar.shrink .navbar-header{margin-top:3px}nav.navbar.shrink{height:auto;min-height:initial}nav.navbar.shrink .navbar-brand{height:100%}nav.navbar.shrink a.navbar-brand img{width:30%}nav.navbar.shrink .MaraLogo a img{display:none}nav.navbar.shrink .headerContainer{height:auto;background-color:#5dbe8f}nav.navbar.navbar-fixed-top.shrink{background-color:#5dbe8f}.toplinks li a{line-height:31px;height:30px;vertical-align:middle}.navbar-collapse{background-color:#dadada;position:absolute;left:-10%;right:auto;width:100%;padding:0}.navbar-nav .open .dropdown-menu{background-color:#fff}html[lang=ar] .navbar-collapse{left:10%;right:auto}.loginContainerHeading h1,.loginContainerHeading.CivilId h1{line-height:40px;font-size:17px}.loginTypeIcon span,.loginFormContainer p{display:inline-block;float:left}.loginTypeIcon span{margin:0}.SectionCol-Inner{width:29%;margin:0 10px 30px 10px}.innerFooter footer{height:auto}.innerFooter footer p{margin-top:0;margin-bottom:0}.forMobileApp .MaraLogo{display:none}.forMobileApp .body-content{margin-top:7%}.forMobileApp .navbar{background-color:#776c07 !important}.forMobileApp .navbar-toggle{margin:13px 0 !important;top:0;bottom:0}.forMobileApp .tabContainer .nav-tabs li{margin:0 6.3%;width:auto}.ZakahLogoMobile img{width:34%}.landingpageIcons img{width:38%}.ZakahLogoMobile,.landingpageIcons{margin-bottom:5%}.landingpageIcons a span,.landingpageIcons a:hover span,.landingpageIcons a:focus span,.landingpageIcons a:active span{font-size:150%;margin:17px 0;line-height:29px}.userIcon{width:70px;height:70px}.userIcon a,.userIcon a img{width:100%}.forMobileApp .navbar-toggle .icon-bar{width:36px;height:3px}.forMobileApp .langLinkMobileApp{width:40px;height:40px}.forMobileApp .tabContainer .nav-tabs li{padding:5px 0}.forMobileApp .tabContainer .nav-tabs li a span{font-size:120%;margin-top:5px}.forMobileApp .tabContainer .nav-tabs li img{width:45px}.userlinks li a,.userlinks li a:hover,.userlinks li a:focus,.userlinks li a:active,.userlinks li a span{font-size:120%;line-height:65px}.navbar-nav>li>a{font-size:20px}}@media only screen and (min-width:1000px) and (max-width:1270px) and (min-aspect-ratio:13/9){.nav>li>a{padding:10px 9px}.loginContainerHeading h1,.loginContainerHeading.CivilId h1{line-height:normal;padding:8px 0}.loginFormContainer button,.loginFormContainer input[type=submit]{font-size:12px}.loginContainer p{height:50px}}@media screen and (-webkit-min-device-pixel-ratio:0){select,textarea,input{font-size:16px}}.fixfixed footer{position:absolute}