@font-face {font-family:'tl';src:url(fonts/Lusail-Regular.woff2) format('woff2'),url(fonts/Lusail-Regular.woff) format('woff');font-weight:400;font-style:normal}
@font-face {font-family:'tr';src:url(fonts/Lusail-Light.woff2) format('woff2'),url(fonts/Lusail-Light.woff) format('woff');font-weight:400;font-style:normal}
@font-face {font-family:'tb';src:url(fonts/Lusail-Bold.woff2) format('woff2'),url(fonts/Lusail-Bold.woff) format('woff');font-weight:400;font-style:normal}
@font-face {font-family:'tm';src:url(fonts/Lusail-Medium.woff2) format('woff2'),url(fonts/Lusail-Medium.woff) format('woff');font-weight:400;font-style:normal}
[lang=ar],a,body,div,div[lang=ar],footer,h1,h1[lang=ar],h2,h2[lang=ar],h3,h4,h5,h6,header,li,li[lang=ar],p,p[lang=ar],section,section[lang=ar],span,span[lang=ar],strong,strong[lang=ar],ul,ul[lang=ar]{font-family:tr}
body{color:#000}
ol,ul{padding:0}
html[dir=rtl] body .navbar-brand{margin-left:1rem;margin-right:0}
body{font-family:tr,sans-serif;color:#000}
.hideEn{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 {left:2px}
#SearchBox .ms-srch-sb>input,#SearchBox .ms-srch-sbLarge>input{text-align:right}
#bannerSlider .carousel-caption{text-align:right}
.backdrop-border{left:10px}
.mainNav .static>ul.dynamic{right:10px!important;text-align:right}
.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:500}
.an-card .listBlock .qLinkArrow,.ln-card .newsBlockMain .qLinkArrow,.ln-card .newsBlockSub .newsBlockMain .qLinkArrow,.qLinks .qLinkArrow,.uep .card .ue-block .newsBlockMain .qLinkArrow{left:0}
.an-card .listBlock{border-right:20px solid #a30234}
.an-card .listBlock .listBlockIcons{border-radius:50% 30% 30% 50%;margin-right:-30px}
.uep .card .ue-block h3{margin:20px 0 10px 10px}
.uep .card .ue-block p{margin:0 0 10px 10px}
.card .newsBlockMain .dateBlock{right:10px}
.card .newsBlockMain .dateBlock span:first-child{border:0}
#s4-bodyContainer .pagination a.next,#s4-bodyContainer .pagination a.aspNetDisabled.next,.simple-pagination ul .current.next,.simple-pagination ul .next{background:transparent url("/Style Library/MOPH/images/Prev.png") no-repeat center center!important}
#s4-bodyContainer .pagination a.prev,#s4-bodyContainer .pagination a.aspNetDisabled.prev,.simple-pagination ul .prev,.simple-pagination ul .current.prev{background:transparent url("/Style Library/MOPH/images/Next.png") no-repeat center center!important}
.arrow-ul {
    list-style-image: url("/Style Library/MOPH/images/arrowAr.png");
}
a.language-switcher{
	/*padding-right: 30px;background-position:right center*/
}
a.language-switcher:hover{
	background-position:right center
}


.Publications+.SliderArrows{left:0}
.search-filters:after{left:0}
.search-filters:before{right:0}
.more{left:0}
.more:after{border-right:3.2rem solid transparent;left:0}
.more span{left:5px}
.search-filters input,.dropDown select,.leftBorderInput input,.leftBorderInput textarea,.datePicker,.filters input, .filters .datePicker{padding-left:34px}
.search-filters .dropDown:before,.search-filters .search:before,.leftBorderInput:before, .datePicker:before, .dropDown:before{right:10px}
.dropDown:after,.search-filters .searchIcon:after, .datePicker:after{left:10px}
a.searchIcon {left: 0}

.service-listing-content h5 img,.service-category img{margin-left:5px}
.serviceInfo .service-category{margin-left:15px}
.relatedDepDash .service-category:after{
	margin-right:15px
}

.related-announcments .listBlock{border-right:4px solid #a30234}
.related-announcments .listBlock .listBlockIcons{border-radius:50% 20% 20% 50%;margin-right:-29px}
.detailsPage .dateBlock>span:first-child{border-right:0}
.detailsPage .dateBlock{right:10px}
.related-announcments .icon-moreArrow,.icon-moreArrow{transform:scaleX(-1)}
.an-card .listBlock .qLinkArrow,.ln-card .newsBlockMain .qLinkArrow,.ln-card .newsBlockSub .newsBlockMain .qLinkArrow,.qLinks .qLinkArrow,.uep .card .ue-block .newsBlockMain .qLinkArrow{left:0;transform:scaleX(-1)}
.an-card .listBlock .qLinkArrow:hover,.ln-card .newsBlockMain .qLinkArrow:hover,.ln-card .newsBlockSub .newsBlockMain .qLinkArrow:hover,.qLinks .qLinkArrow:hover,.uep .card .ue-block .newsBlockMain .qLinkArrow:hover{transform:scaleX(-1)}

.Polls .PollsBlock .Options .Item .activeRadio{ margin-left:5px; float:right;}
.detailsPage .float-right.fa-plus-circle{
	float:left!important;margin-top:5px
}
.directory h3 {-ms-flex:0 0 7.14%;flex:0 0 7.14%;max-width:7.14%}

.media-center .fa-caret-right {
	transform:scaleX(-1)
}
.sitemap .fa-caret-right {
	transform:scaleX(-1)
}

.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%;
}
/* @end */

/* @group Flipster Previous & Next Buttons */
.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: 3px;
}
.flipster__button--next {
  right: 3px;
}
/* @end */

/* @group Flipster Navigation */
.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;
}
/* @end */

/* @group Flipster Carousel Theme */
.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 {
    left: 40%;
}
#carouselPublications .flipster__button--next {
        left: 50%;right: auto;
}
.attachments-item:after{
	margin-right:auto
}

.ekko-lightbox-nav-overlay a:last-child span  {
    text-align: left;
}
.ekko-lightbox .modal-footer{
 text-align: right;

	
}
/* @end */

.ARENFix .fa-chevron-circle-left:before{
	    content: "\f138";
}
.ARENFix .fa-chevron-circle-right:before{
	content:"\f137"}
.ms-srch-hover-outerContainer{margin-left:0;left:2.6315789473684%!important}
.ms-srch-hover-arrowBorder{border-left-color:#c2c2c2}
.ms-srch-hover-arrow{border-left-color:#c2c2c2}

.ms-srch-result .ms-srch-Paging #PageLinkNext:after{content:"التالي"}
.ms-srch-result .ms-srch-Paging #PageLinkPrev:after{content:"السابق"}

@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;/*width:auto*/}
.mainNav .navbar-toggler{
	    margin: 16px 0 16px auto;
}
.backdrop-border{left:15px}
.mainNav .static ul.dynamic{
	right:0!important
}
#bannerSlider .carousel-inner .carousel-item img.bnrImg{
	    left: 20px;
    right: auto;
}

}

@media only screen and (max-width:767px){
.QuickLinksSection .flipster__button--next{
	left: auto;
    right: 35%;
}
.QuickLinksSection .flipster__button--prev{
	    left: 35%;
	    right: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:right top;-webkit-transform-origin:right top;
}
#carouselPublications .flipster__button--next{
	left: auto;
    right: 35%;
}
#carouselPublications .flipster__button--prev{
	    left: 35%;
}
}

html[dir=rtl] .headerSearch{text-indent:20px}
html[dir=rtl] .headerIcons .dropdown-toggle::after{display:none}

.skipNav .skipLink.en {
    display: none;
}
.focusMainNav .focusMainNav{
	right: 225px!important
}




ol.organizational-chart ol > li {
    padding: 1em 1em 0 0;
}

ol.organizational-chart > li ol:before {
    right: 50%;
   }

ol.organizational-chart > li ol:after {
    right: 3px;
 }

ol.organizational-chart > li ol > li:not(:last-of-type):before {
    right: 0;
   }

ol.organizational-chart > li ol > li:not(:last-of-type):after {
    right: 0;
}

ol.organizational-chart > li ol > li:last-of-type:before {
    right: 0;
    }

ol.organizational-chart > li ol > li:last-of-type:after {
    right: 0;
   }

/*** PRIMARY ***/
ol.organizational-chart > li > div {
    margin-left: 1em;
}

ol.organizational-chart > li > div:before {
       left: -1em;
  
}

ol.organizational-chart > li > div:first-of-type:after {
       left: -1em;
    
}


ol.organizational-chart > li > div + div:after {
    left: -1em;
    }

/*** SECONDARY ***/
ol.organizational-chart > li > ol:before {
    right: inherit;
    left: 0;
}

ol.organizational-chart > li > ol:after {
    right: 0;
}

/*** MEDIA QUERIES ***/
@media only screen and ( min-width: 64em ) {

 
       ol.organizational-chart > li > div:before {
        right: 50%!important;
    }

   
    ol.organizational-chart > li > div:first-of-type:not(:only-of-type):after {
        right: calc(50% + 3px);
    }

    ol.organizational-chart > li > div:last-of-type:not(:only-of-type):after {
        right: calc(-1em - 3px);
    }

    ol.organizational-chart > li > div + div:not(:last-of-type):after {
        left: -2em;
    }

 
    ol.organizational-chart > li > ol:before,
    ol.organizational-chart > li > ol > li:before {
        right: 50%!important;
           }

       ol.organizational-chart > li > ol > li:first-of-type:not(:only-of-type):after {
        right: 50%;
    }

    ol.organizational-chart > li > ol > li:last-of-type:not(:only-of-type):after {
        right: 0;
    }

    ol.organizational-chart > li > ol > li + li:not(:last-of-type):after {
     
        right: 0;
            }

}



.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: calc( 100% - 100px );   Removed on 11Dec2019 */
   /* position: absolute;  Removed on 11Dec2019 */

   width: 100%; /* Added on 11Dec2019 */
  }
.imm-block ul.timeline > li {
  width: calc( 100% / 10 );
  position: relative;
}
.imm-block ul.timeline > li:nth-of-type(odd) > .content {
	/* transform: translate(-10%, calc(-100% - 50px)); Removed on 11Dec2019*/
	 bottom: 50px; /* Added on 11Dec2019 */
	text-align: right;
    right: -10%;  /* Added on 11Dec2019 */
}
.imm-block ul.timeline > li:nth-of-type(even) > .content {
		/* Removed on 11Dec2019 
		-webkit-transform: translate(-10%, 50px);
		transform: translate(-10%, 50px);*/
		
		/* Added on 11Dec2019 */
		bottom: auto;
		top: 50px;
		/* Added on 11Dec2019 - end */
	text-align: right;
}
.imm-block ul .year {color: #888;display: block;position: absolute;font-weight: 500;font-size: 17px;line-height: 18px;text-transform: uppercase;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: 25px;
    right: 0;
    left: auto;
}

.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%;
  right: -15px;
  left: auto;
  top: -15px;
}
.imm-block ul.timeline > li::after {content: "";position: absolute;height: 60px;width: 10px;left: -5px;right: -5px;left: auto;
/* Added on 11Dec2019 */
  -webkit-animation-name: verticalLine; 
  -webkit-animation-duration: 4s; 
  animation-name: verticalLine;
  animation-duration: 4s;
/* Added on 11Dec2019 - End */

}
.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;
	/*transform: translateX(-50%); removed on 11Dec2019*/
}
.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;text-align: right;}
.imm-legend ul li > span {display: inline-block;float: right;height: 24px;width: 24px;margin-right: auto;margin-left: 10px;}

/* Added on 11Dec2019 */
	@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;}
	}
/* Added on 11Dec2019 - End */


@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;    /* Added on 11Dec2019 */
}
.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 {
	/*transform: translate(0%, 15px); Removed on 11Dec2019 */
	bottom: -15px; /* Added on 11Dec2019 */
}
.imm-block ul.timeline > li:nth-of-type(even) > .content {

	/* Added on 11Dec2019 */
	/* transform: translate(0%, 15px);*/
	bottom: auto;
    top: 15px;
	/* Added on 11Dec2019 - End */
}
.imm-block ul .year {
  color: #888;
  display: block;
  position: relative;
  font-weight: 500;
  font-size: 17px;
  text-transform: uppercase;
  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;
  right: auto;
  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;right: auto;}
.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;
}

/* Added on 11Dec2019 */
	.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;
	}
/* Added on 11Dec2019 - End */

}



/** 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: 245px;height: 55px;border-radius: 36px;border:1px solid #eee;position: fixed;bottom: 1%;left:21px;z-index: 999999;background: rgba(163,2,52,1);}
#bbody #chatControl .chatIcon{position:relative;}
#bbody #chatControl .chatIcon i{color: white;text-align: left;position: absolute;top: 11px;font-size: 33px;right: 14px;left: 10px;}
#bbody #chatArea{position: fixed;left: 1px;bottom: 5%; z-index: 99999999;width: 460px;border: 3px solid #a30234;visibility:hidden;display:none}
#bbody #chatArea .TopHead{background: #a30234;padding: 2px 10px 5px 10px;color: white;}
#bbody #chatArea .bodyChatArea{height: 420px;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: left; 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-left: 10px;}
#bbody .TopHead img {max-height: 72px;margin-left: 12px;}
#chatbotTaxtSpan{
    color: white;
    font-size: 16px;
    left: -10px;
    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;}