body{font-family:Nunito,sans-serif;color:#000}
.hideAr{display:none}
[dir=rtl],[dir=rtl] body,div[dir=rtl],html[dir=rtl] body{direction:rtl!important;text-align:right!important}
html[dir=rtl] body .newsArrow a img{transform:rotateZ(180deg)}
#SearchBox .ms-srch-sb>.ms-srch-sb-searchLink,#SearchBox .ms-srch-sbLarge>.ms-srch-sb-searchLink{right:2px}
#SearchBox .ms-srch-sb>input,#SearchBox .ms-srch-sbLarge>input{text-align:left}
#bannerSlider .carousel-caption{text-align:left}
.backdrop-border{right:10px}
.mainNav .static>ul.dynamic{left:10px!important;text-align:left}
.mainNav ul.static > li.dynamic-children > ul.dynamic > li.dynamic > a > span:after{transform:rotate(-90deg);}
.qLinks .card h3,.qLinks .card p,.qLinks .card h4{font-weight:300}
.an-card .listBlock .qLinkArrow,.ln-card .newsBlockMain .qLinkArrow,.ln-card .newsBlockSub .newsBlockMain .qLinkArrow,.qLinks .qLinkArrow,.uep .card .ue-block .newsBlockMain .qLinkArrow{right:0}
.an-card .listBlock{border-left:20px solid #a30234}
.an-card .listBlock .listBlockIcons{border-radius:30% 50% 50% 30%;margin-left:-30px}
.uep .card .ue-block h3{margin:20px 10px 10px 0}
.uep .card .ue-block p{margin:0 10px 10px 0}
.card .newsBlockMain .dateBlock{left:10px}
.card .newsBlockMain .dateBlock span:last-child{border:0}
#s4-bodyContainer .pagination a.prev,#s4-bodyContainer .pagination a.aspNetDisabled.prev,.simple-pagination ul .prev,.simple-pagination ul .current.prev{font-size:0;background:transparent url("/Style Library/MOPH/images/Prev.png") no-repeat center center!important}
#s4-bodyContainer .pagination a.next,#s4-bodyContainer .pagination a.aspNetDisabled.next,.simple-pagination ul .current.next,.simple-pagination ul .next{font-size:0;background:transparent url("/Style Library/MOPH/images/Next.png") no-repeat center center!important}
a.language-switcher{}
.Publications+.SliderArrows{right:0}
.search-filters:after{right:0}
.search-filters:before{left:0}
.more{right:0}
.more:after{border-left:3.2rem solid transparent;right:0}
.more span{right:5px}
.search-filters input,.dropDown select,.leftBorderInput input,.leftBorderInput textarea,.datePicker,.filters input, .filters .datePicker{padding-right:34px}
.dropDown:before,.search-filters .search:before,.leftBorderInput:before, .datePicker:before{left:10px}
.dropDown:after,.search-filters .searchIcon:after,.datePicker:after{right:10px}
a.searchIcon{right:0}
.service-listing-content h5 img,.service-category img{margin-right:5px}
.serviceInfo .service-category{margin-right:15px}
.relatedDepDash .service-category:after{margin-left:15px}
.related-announcments .listBlock{border-left:4px solid #a30234}
.related-announcments .listBlock .listBlockIcons{border-radius:20% 50% 50% 20%;margin-left:-29px}
.detailsPage .dateBlock>span:last-child{border-right:0}
.detailsPage .dateBlock{left:10px}
.Polls .PollsBlock .Options .Item .activeRadio{margin-right:5px;float:left;}
.directory h3{-ms-flex:0 0 7.69;flex:0 0 7.69%;max-width:7.69%;}
.flipster{display:block;overflow-x:hidden;overflow-y:visible;position:relative;}
.flipster:focus{outline:none;}
.flipster__container,
.flipster__item{margin:0;padding:0;list-style-type:none;position:relative;}
.flipster__container{display:block;white-space:nowrap;word-spacing:-0.25em;-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-backface-visibility:hidden;backface-visibility:hidden;}
.flipster__item{display:inline-block;white-space:normal;word-spacing:normal;vertical-align:bottom;}
.flipster--click .flipster__item--past,
.flipster--click .flipster__item--future{cursor:pointer;}
.flipster__item img{max-width:100%;}
.flipster__button{position:absolute;top:30%;display:block;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;padding:0;z-index:999;cursor:pointer;font-size:15px;opacity:0.5;-webkit-transition:opacity 500ms ease;-o-transition:opacity 500ms ease;transition:opacity 500ms ease;margin:-1em 2em;}
.flipster__button svg{width:2em;stroke:currentColor;fill:transparent;stroke-width:3;stroke-linecap:round;}
.flipster__button:hover,
.flipster__button:focus{opacity:1;}
.flipster__button--prev{left:0;}
.flipster__button--next{right:0;}
.flipster__nav,
.flipster__nav__item{list-style-type:none;margin:0;padding:0;}
.flipster__nav{display:block;margin:0 0 4em;text-align:center;position:relative;}
.flipster__nav__item{display:inline-block;margin:0 0.25em;}
.flipster__nav__link{display:block;color:inherit;padding:0.5em 1em;position:relative;overflow:hidden;-webkit-transition:all 250ms ease-out;-o-transition:all 250ms ease-out;transition:all 250ms ease-out;-webkit-transition-timing-function:cubic-bezier(0.56, 0.12, 0.12, 0.98);-o-transition-timing-function:cubic-bezier(0.56, 0.12, 0.12, 0.98);transition-timing-function:cubic-bezier(0.56, 0.12, 0.12, 0.98);}
.flipster__nav__link::after{content:'';display:block;background:#232221;position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;-webkit-transform:translateY(100%) translateY(-0.25em);-ms-transform:translateY(100%) translateY(-0.25em);transform:translateY(100%) translateY(-0.25em);-webkit-transition:inherit;-o-transition:inherit;transition:inherit;}
.flipster__nav__item--current > .flipster__nav__link,
.flipster__nav__link:hover,
.flipster__nav__link:focus{color:#FFF;}
.flipster__nav__item--current > .flipster__nav__link::after,
.flipster__nav__link:hover::after,
.flipster__nav__link:focus::after{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);}
.flipster__nav__child{display:none;position:absolute;top:100%;left:0;right:0;margin-top:-1px;padding:0.5em;background:#4e4441;z-index:1;}
.flipster__nav__child .flipster__nav__link{color:#FFF;}
.flipster__nav__child .flipster__nav__link::after{background:#FFF;}
.flipster__nav__child .flipster__nav__item--current > .flipster__nav__link,
.flipster__nav__child .flipster__nav__link:hover,
.flipster__nav__child .flipster__nav__link:focus{color:#232221;}
.flipster__nav__item--current .flipster__nav__child{display:block;}
.flipster--carousel .flipster__container,
.flipster--carousel .flipster__item,
.flipster--carousel .flipster__item__content{-webkit-transition:all 350ms ease-in-out;-o-transition:all 350ms ease-in-out;transition:all 350ms ease-in-out;-webkit-transition-timing-function:cubic-bezier(0.56, 0.12, 0.12, 0.98);-o-transition-timing-function:cubic-bezier(0.56, 0.12, 0.12, 0.98);transition-timing-function:cubic-bezier(0.56, 0.12, 0.12, 0.98);}
.flipster--carousel .flipster__item{-webkit-perspective:800px;perspective:800px;}
.flipster--carousel .flipster__item--past,
.flipster--carousel .flipster__item--future{opacity:0;-webkit-transition-delay:115ms;-o-transition-delay:115ms;transition-delay:115ms;}
.flipster--carousel .flipster__item--past-2,
.flipster--carousel .flipster__item--future-2{opacity:0.6;-webkit-transition-delay:90ms;-o-transition-delay:90ms;transition-delay:90ms;}
.flipster--carousel .flipster__item--past-1,
.flipster--carousel .flipster__item--future-1{opacity:0.8;-webkit-transition-delay:60ms;-o-transition-delay:60ms;transition-delay:60ms;}
.flipster--carousel .flipster__item--past .flipster__item__content{-webkit-transform:translateX(100%) rotateY(-20deg) scale(0.6);transform:translateX(100%) rotateY(-20deg) scale(0.6);}
.flipster--carousel .flipster__item--past-2 .flipster__item__content{-webkit-transform:translateX(25%) rotateY(40deg) scale(0.8);transform:translateX(25%) rotateY(40deg) scale(0.8);}
.flipster--carousel .flipster__item--past-1 .flipster__item__content{-webkit-transform:rotateY(45deg) scale(0.9);transform:rotateY(45deg) scale(0.9);}
.flipster--carousel .flipster__item--future .flipster__item__content{-webkit-transform:translateX(-100%) rotateY(20deg) scale(0.6);transform:translateX(-100%) rotateY(20deg) scale(0.6);}
.flipster--carousel .flipster__item--future-2 .flipster__item__content{-webkit-transform:translateX(-25%) rotateY(-40deg) scale(0.8);transform:translateX(-25%) rotateY(-40deg) scale(0.8);}
.flipster--carousel .flipster__item--future-1 .flipster__item__content{-webkit-transform:rotateY(-45deg) scale(0.9);transform:rotateY(-45deg) scale(0.9);}
.flipster--carousel.no-rotate .flipster__item--past .flipster__item__content{-webkit-transform:translateX(175%) scale(0.6);-ms-transform:translateX(175%) scale(0.6);transform:translateX(175%) scale(0.6);}
.flipster--carousel.no-rotate .flipster__item--past-2 .flipster__item__content{-webkit-transform:translateX(25%) scale(0.8);-ms-transform:translateX(25%) scale(0.8);transform:translateX(25%) scale(0.8);}
.flipster--carousel.no-rotate .flipster__item--past-1 .flipster__item__content{-webkit-transform:translateX(0%) scale(0.9);-ms-transform:translateX(0%) scale(0.9);transform:translateX(0%) scale(0.9);}
.flipster--carousel.no-rotate .flipster__item--future .flipster__item__content{-webkit-transform:translateX(-175%) scale(0.6);-ms-transform:translateX(-175%) scale(0.6);transform:translateX(-175%) scale(0.6);}
.flipster--carousel.no-rotate .flipster__item--future-2 .flipster__item__content{-webkit-transform:translateX(-25%) scale(0.8);-ms-transform:translateX(-25%) scale(0.8);transform:translateX(-25%) scale(0.8);}
.flipster--carousel.no-rotate .flipster__item--future-1 .flipster__item__content{-webkit-transform:translateX(0%) scale(0.9);-ms-transform:translateX(0%) scale(0.9);transform:translateX(0%) scale(0.9);}
.flipster--carousel .flipster__item--current .flipster__item__content{-webkit-transform:translateX(0) rotateY(0deg) scale(1);transform:translateX(0) rotateY(0deg) scale(1);-webkit-transition-delay:60ms;-o-transition-delay:60ms;transition-delay:60ms;}
#carouselPublications .flipster__button--prev{right:50%;left:auto}
#carouselPublications .flipster__button--next{right:40%;}
.attachments-item:after{margin-left:auto}
.ms-srch-hover-outerContainer{margin-right:0;right:2.6315789473684%!important}
.ms-srch-hover-arrowBorder{border-right-color:#c2c2c2}
.ms-srch-hover-arrow{border-right-color:#c2c2c2}
.ms-srch-result .ms-srch-Paging #PageLinkNext:after{content:"Next"}
.ms-srch-result .ms-srch-Paging #PageLinkPrev:after{content:"Previous"}
.arrow-ul{list-style-image:url('/Style Library/MOPH/images/arrowEn.png');}
@media (max-width:991px){.topNav .navbar .form-inline,.topNav .navbar .navbar-nav.ml-auto,.topNav .navbar .navbar-nav.mx-auto{display:inline-block;text-align:center;}
.backdrop-border{right:15px}
.mainNav .static ul.dynamic{left:0!important}
}
@media only screen and (max-width:767px){.QuickLinksSection .flipster__button--next{right:auto;left:50%;}
.QuickLinksSection .flipster__button--prev{right:50%;left:auto}
}
@media only screen and (max-width:576px){.topNav .navbar .form-inline,.topNav .navbar .navbar-nav.ml-auto,.topNav .navbar .navbar-nav.mx-auto{display:block;text-align:center;width:100%;.directory h3 {
    -ms-flex: 0 0 14%;
    flex: 0 0 14%;
    max-width: 14%;
}
}
}
@media only screen and (max-width:400px){#ReCaptchContainer{transform-origin:0 0;-webkit-transform-origin:0 0;}
#carouselPublications .flipster__button--next{right:auto;left:50%;}
#carouselPublications .flipster__button--prev{right:50%;}
}
html[dir=rtl] .headerSearch{text-indent:20px}
html[dir=rtl] .headerIcons .dropdown-toggle::after{display:none}
.skipNav .skipLink.ar{display:none;}
.focusMainNav .focusMainNav{left:225px!important}
.imm-block ul{list-style-type:none;padding:0;margin:0;}
.imm-block ul::after{content:"";display:block;clear:both;}
.imm-block ul.timeline{display:flex;flex-wrap:wrap;padding:300px 50px;position:relative;}
.imm-block ul.timeline::after{border-top:1px solid #acadae;content:"";display:block;clear:both;width:100%;}
.imm-block ul.timeline > li{width:calc(100%/10);position:relative;}
.imm-block ul.timeline > li:nth-of-type(odd) > .content{bottom:50px;}
.imm-block ul.timeline > li:nth-of-type(even) > .content{bottom:auto;top:50px;}
.imm-block ul .year{color:#888;display:block;position:absolute;font-weight:500;font-size:17px;line-height:18px;text-transform:capitalize;transform:translateX(-50%);white-space:nowrap;}
.imm-block ul.timeline li:nth-of-type(even) .year{top:-45px;}
.imm-block ul.timeline li:nth-of-type(odd) .year{top:15px;}
.imm-block ul.timeline > li::before{content:"";width:30px;height:30px;position:absolute;z-index:100;background:url('/Style Library/MOPH/images/circle-img.png') no-repeat top left;background-size:30px;border-radius:50%;left:-15px;top:-15px;}
.imm-block ul.timeline > li::after{content:"";position:absolute;height:60px;width:10px;left:-5px;-webkit-animation-name:verticalLine;-webkit-animation-duration:4s;animation-name:verticalLine;animation-duration:4s;}
.imm-block ul.timeline > li:nth-of-type(even)::after{top:0;background:url('/Style Library/MOPH/images/line-img.png') no-repeat bottom center;}
.imm-block ul.timeline > li:nth-of-type(odd)::after{bottom:0;background:url('/Style Library/MOPH/images/line-img.png') no-repeat top center;}
.imm-block ul .content{margin-left:0;padding:15px 0;position:absolute;left:-10%;}
.imm-block ul .content > li,.imm-block ul .content > li a{padding-bottom:4px;position:relative;color:#FFF;margin:2px 0;line-height:18px;font-size:16px;font-weight:500;letter-spacing:0.5px;white-space:nowrap;}
.imm-block ul .content > li span{display:inline-block;padding:4px;}
.red{background:#AD1832;}
.green{background:#00A4DF;}
.yellow{background:#FFB530;}
.blackColor{background:#001A2E;}
.imm-legend{padding:20px;}
.imm-legend ul{padding:0;margin:0;}
.imm-legend ul li{display:block;overflow:hidden;color:#000000;font-weight:500;font-size:18px;margin-bottom:20px;line-height:18px;}
.imm-legend ul li > span{display:inline-block;float:left;height:24px;width:24px;margin-right:10px;}
@keyframes verticalLine{from{height:0;}
to{height:60px;}
}
@-webkit-keyframes verticalLine{from{height:0;}
to{height:60px;}
}
@keyframes horizontalLine{from{width:0;}
to{width:70px;}
}
@-webkit-keyframes horizontalLine{from{width:0;}
to{width:70px;}
}
@media screen and (max-width:1023px){.imm-block ul.timeline{display:flex;flex-wrap:wrap;flex-direction:column;align-items:center;padding:unset;height:100%;margin:40px auto;left:0;right:0;}
.imm-block ul.timeline::after{border-left:1px solid #acadae;content:"";display:block;clear:both;width:1px;left:50%;top:0;height:100%;position:absolute;}
.imm-block ul.timeline > li{width:auto;min-width:140px;position:relative;left:0;}
.imm-block ul.timeline > li:nth-of-type(even){transform:translateX(50%);padding-left:40px;padding-right:0px;}
.imm-block ul.timeline > li:nth-of-type(odd){transform:translateX(-50%);padding-left:0;padding-right:40px;}
.imm-block ul.timeline > li:nth-of-type(odd) > .content{bottom:-15px;}
.imm-block ul.timeline > li:nth-of-type(even) > .content{bottom:auto;top:15px;}
.imm-block ul .year{color:#888;display:block;position:relative;font-weight:500;font-size:17px;text-transform:capitalize;transform:translateX(0%);}
.imm-block ul.timeline li:nth-of-type(even) .year{top:0px;transform:translate(0%, 1px);}
.imm-block ul.timeline li:nth-of-type(odd) .year{top:0px;}
.imm-block ul.timeline > li::before{content:"";width:30px;height:30px;position:absolute;z-index:100;background:url('/Style Library/MOPH/images/circle-img.png') no-repeat top left;background-size:30px;border-radius:50%;left:-15px;top:15px;}
.imm-block ul.timeline > li:nth-of-type(odd)::before{content:"";width:30px;height:30px;position:absolute;z-index:100;background:url('/Style Library/MOPH/images/circle-img.png') no-repeat top right;background-size:30px;border-radius:50%;right:-15px;left:auto;top:15px;}
.imm-block ul.timeline > li::after{content:"";position:absolute;height:10px;width:100%;left:0px;}
.imm-block ul.timeline > li:nth-of-type(even)::after{top:25px;background:url('/Style Library/MOPH/images/verticalline-img.png') no-repeat top right;width:70px;}
.imm-block ul.timeline > li:nth-of-type(odd)::after{top:25px;background:url('/Style Library/MOPH/images/verticalline-img.png') no-repeat top left;width:70px;right:0;left:auto;}
.imm-block ul .content{position:relative;left:auto;}
.imm-block ul.timeline > li:nth-of-type(even)::after, .imm-block ul.timeline > li:nth-of-type(odd)::after{-webkit-animation-name:horizontalLine;-webkit-animation-duration:4s;animation-name:horizontalLine;animation-duration:4s;}
}
ol.organizational-chart ol > li{padding:1em 0 0 1em;}
ol.organizational-chart > li ol:before{left:50%;}
ol.organizational-chart > li ol:after{left:3px;}
ol.organizational-chart > li ol > li:not(:last-of-type):before{left:0;}
ol.organizational-chart > li ol > li:not(:last-of-type):after{left:0;}
ol.organizational-chart > li ol > li:last-of-type:before{left:0;}
ol.organizational-chart > li ol > li:last-of-type:after{left:0;}
ol.organizational-chart > li > div{margin-right:1em;}
ol.organizational-chart > li > div:before{right:-1em;}
ol.organizational-chart > li > div:first-of-type:after{right:-1em;}
ol.organizational-chart > li > div + div:after{right:-1em;}
ol.organizational-chart > li > ol:before{left:inherit;right:0;}
ol.organizational-chart > li > ol:after{left:0;}
@media only screen and (min-width:64em){ol.organizational-chart > li > div:before{left:50%!important;}
ol.organizational-chart > li > div:first-of-type:not(:only-of-type):after{left:calc(50% + 3px);}
ol.organizational-chart > li > div:last-of-type:not(:only-of-type):after{left:calc(-1em - 3px);}
ol.organizational-chart > li > div + div:not(:last-of-type):after{right:-2em;}
ol.organizational-chart > li > ol:before,
ol.organizational-chart > li > ol > li:before{left:50%!important;}
ol.organizational-chart > li > ol > li:first-of-type:not(:only-of-type):after{left:50%;}
ol.organizational-chart > li > ol > li:last-of-type:not(:only-of-type):after{left:0;}
ol.organizational-chart > li > ol > li + li:not(:last-of-type):after{left:0;}
}


/** added by tawbi to handle chatbot css 3/28/2020 3:37 pm**/
#bbody body {font-family: 'Nunito';}
#bbody .chatIcon img {max-width: 48px;}
#bbody #chatControl{cursor:pointer;display: inline-block;width: 276px;height: 55px;border-radius: 36px;position: fixed;bottom: 1%;right:21px;z-index: 999999;background: rgba(163,2,52,1);}
#bbody #chatControl .chatIcon{position:relative;}
#bbody #chatControl .chatIcon i{color: white;text-align: right;position: absolute;top: 11px;font-size: 33px;left: 0;right: 14px;}
#bbody #chatArea{position: fixed;right: 1px;bottom: 5%; z-index: 99999999;width: 460px;border: 3px solid #a30234;visibility:hidden}
#bbody #chatArea .TopHead{background: #a30234;padding: 2px 10px 5px 10px;color: white;}
#bbody #chatArea .bodyChatArea{height: 520px;background: white;}
#bbody #myIframe{width: 100%;height: 100%;opacity: 1; border: 0;}
#bbody #bbody #myIframe #BotChatElement .wc-app .wc-chatview-panel .wc-header{display:none!important}
#bbody .chatIcon img{width: 100%!important;max-width: inherit;}
#bbody #chatControl {transition: none;}
#bbody #chatControl * {transition: none;}
#bbody #chatArea{transition:none}
#bbody #chatArea *{transition:none}
#bbody .ActiveBot{visibility:visible!important}
/** added by ahmad tawbi ***/
#bbody #XXowl-content .featured-item a{display:inline-block;height:100%}
#bbody .field-validation-error{display:block}
#bbody .close-icon, .refresh-icon {float: right; cursor: pointer; font-size: 20px;}
#bbody .refresh-icon { padding: 0 15px;}
#bbody .TopHead {display: flex; align-items: center; justify-content: center;}
#bbody .TopHead a {color: #FFF; }
#bbody .TopHead-flex {flex: 0 0 25%; display: flex;  align-items: center; justify-content: flex-end;}
#bbody .TopHead-flex:first-child {flex: 0 0 75%; justify-content: flex-start; font-size: 18px; font-weight: bold;}
#bbody .TopHead img {max-height: 48px; margin-right: 10px;}
#bbody .TopHead img {max-height: 72px;margin-right: 12px;}
#chatbotTaxtSpan{color: white;
    font-size: 16px;
    left: 14px;
    top: 16px;
    position: relative;}
@media(max-width:567px) {
#bbody 	#chatArea {width: 100%;right: 0;}
#bbody 	.TopHead-flex:first-child {font-size: 16px; font-weight: normal;}
#bbody 	#chatArea .bodyChatArea{height: 460px;}
} 
/** added by tawbi to handle chatbot css 3/28/2020 3:37 pm**/

.isnidePage #chatControl{position:static!important;width:100%!important;margin-bottom: 15px;}
.isnidePage #chatbotTaxtSpan{font-size:14px!important}
.isnidePage  #chatControl .chatIcon i{    font-size: 23px!important;top: 17px!important;}


