﻿.lang-ar{direction:rtl}

.lang-ar #header #header-top .grid .top-menu ul li ul.sub li:hover a:before{ background-image:url(../images/active-sub-menu-right.png);right: -6px;}
.lang-ar #header #header-top .grid .top-menu ul li ul.sub{ right: 0px;}
.lang-ar .service .sub-service-holder ul li .sub-service-item{margin-left:initial}
.lang-ar .service .sub-service-listing .item ul li .description{padding-left:20px}

.lang-ar .ul-blue li{background-position: right; padding-right: 20px;padding-left: 0px;}
.lang-ar .recruit-menu ul li .arrow{background-position:right; background: url(../../resources/images/common/arrow-white-left.png);}
.lang-ar .recruit-wrapper .panel-title{background-position:left;}
.lang-ar .recruit-menu ul li:hover .arrow{ left: 14px; right: inherit;}
.lang-ar .recruit-content .title{    padding: 10px 35px 10px 0px;}

.lang-ar .recruit-wrapper .panel-body{   padding-left: 15px;   padding-right: 35px;}
.lang-ar .recruit-wrapper .panel-title{    padding-right: 19px;}
.lang-ar .data-text{padding-right:inherit; padding-left:15px}

.intl-menu-ul li:hover .arrow{right: 20px;}

.lang-ar  .board-member div{ float:right}
.lang-ar .board-member .detail{padding-right: 10px; padding-left: 0px;}

.lang-ar .gov-header .title{padding-left: 0px; padding-right: 10px;}
.lang-ar #tree ul li.last:before{right: -5%;}
.lang-ar  #tree ul li.first:before{right: 50%;}

.lang-ar  .ho-index{margin-left: 10px; margin-right: 0px;}
.lang-ar .ho-network > div:nth-child(2){    text-align:left}
.lang-ar .ho-circle-hover{margin-right: -191px;margin-left: 0px;}

.lang-ar .subsidiries-icon{ margin: 0px 0px 20px 20px; }
.lang-ar  .slides  li{float:right !important;}
.lang-ar .star-right{float: left;}
.lang-ar .ui-slider-right-arrow{left: 0; right: inherit;}
.lang-ar .ui-slider-right-arrow div{background-image: url('../../resources/plugins/sliderTabs-1.1/styles/images/leftArrow.png');}
.lang-ar .ui-slider-left-arrow{right: 0; left: inherit;}
.lang-ar .ui-slider-left-arrow div{background-image: url('../../resources/plugins/sliderTabs-1.1/styles/images/rightArrow.png');}

.lang-ar .flex-direction-nav{left: inherit;}

.lang-ar .flex-direction-nav .flex-prev{left: inherit;}
.lang-ar .grid .ui-slider-tabs-list li:first-child{padding-right: 50px; padding-left:0px}

.lang-ar .sbToggle, .lang-ar .sbToggle:hover{left: 11px; right:inherit}


.lang-ar .med-table tr td{ text-align:left }
.lang-ar .med-table tr td:first-child{ text-align:right  }

.lang-ar .ho-image{float: left;}

.lang-ar .business-banking .service .sub-service-listing .item:hover ul li .title:before{background-image: url(../images/business/hover-subservice-listing-ar.png); }
.lang-ar .sitemap-wrapper ul.bullets {margin-right: 50px;}

.lang-ar .jspVerticalBar{left: 0; right:inherit}
.lang-ar .news-publication .jspPane{    right: 0; left:inherit}
.lang-ar .dates-wrapper{     right: -30px;left:initial;}
.lang-ar .dates-wrapper .date{padding-left:0px; padding-right:30px}
.lang-ar .dates-wrapper .date .gray-bg, .lang-ar .dates-wrapper .active .gray-bg{  right: -95%;left: initial;}
.lang-ar .content-wrapper{margin-right: 55px;margin-left:0px}
.lang-ar .news-publication .jspDrag{left:0px}
.lang-ar .dates-wrapper .date:hover:after,.lang-ar .dates-wrapper .active:after {
  background-image: url('../images/news/arrow-ar.png');
  left: -21px;
  right:initial;
}

/***Tabs directions***/
.lang-ar #tabsCareers .ui-slider-tabs-list li.selected:before {background: url(../../../../resources/images/common/corner-r-white.png) no-repeat;}
.lang-ar #tabsCareers .ui-slider-tabs-list li:before {background: url(../../../../resources/images/common/corner-r-light-blue.png) no-repeat;}
.lang-ar #tabsCareers .ui-slider-tabs-list li.selected:after {background: url(../../../../resources/images/common/corner-l-white.png) no-repeat;}
.lang-ar #tabsCareers .ui-slider-tabs-list li:after {background: url(../../../../resources/images/common/corner-l-light-blue.png) no-repeat;}

.lang-ar #tabsBankProfile .ui-slider-tabs-list li.selected:before {background: url(../../../../resources/images/common/corner-r-white.png) no-repeat;}
.lang-ar #tabsBankProfile .ui-slider-tabs-list li:before {background: url(../../../../resources/images/common/corner-r-blue.png) no-repeat;}
.lang-ar #tabsBankProfile .ui-slider-tabs-list li.selected:after {background: url(../../../../resources/images/common/corner-l-white.png) no-repeat;}
.lang-ar #tabsBankProfile .ui-slider-tabs-list li:after {background: url(../../../../resources/images/common/corner-l-blue.png) no-repeat;}

.lang-ar #tabsDirectors .ui-slider-tabs-list li.selected:before {background: url(../../../../resources/images/common/corner-r-white.png) no-repeat;}
.lang-ar #tabsDirectors .ui-slider-tabs-list li:before {background: url(../../../../resources/images/common/corner-r-blue.png) no-repeat;}
.lang-ar #tabsDirectors .ui-slider-tabs-list li.selected:after {background: url(../../../../resources/images/common/corner-l-white.png) no-repeat;}
.lang-ar #tabsDirectors .ui-slider-tabs-list li:after {background: url(../../../../resources/images/common/corner-l-blue.png) no-repeat;}



.lang-ar #tabsNewsPublications .ui-slider-tabs-list li.selected:before {background: url(../../../../resources/images/common/corner-r-white.png) no-repeat;}
.lang-ar #tabsNewsPublications .ui-slider-tabs-list li:before {background: url(../../../../resources/images/common/corner-r-news.png) no-repeat;}
.lang-ar #tabsNewsPublications .ui-slider-tabs-list li.selected:after {background: url(../../../../resources/images/common/corner-l-white.png) no-repeat;}
.lang-ar #tabsNewsPublications .ui-slider-tabs-list li:after {background: url(../../../../resources/images/common/corner-l-news.png) no-repeat;}



@media only screen and (max-width:1080px)
{
    .lang-ar #header #header-top .grid .top-menu ul li ul.sub{right: inherit;}
    .lang-ar #header #header-top .grid .top-menu{margin-left: 0px;}
    .lang-ar #header #header-top .grid .search{left: auto;right: 0;}
    .lang-ar #header #logo-header .logo{margin-right: 15px;}
    .lang-ar .content-wrapper{  margin-right: 45px;}
}
@media only screen and (max-width:800px)
{
    .lang-ar .ho-circle-hover{margin-right: 0px;}
    .lang-ar .content-wrapper {margin-right: 0px;}
}
@media screen and (max-width: 768px) {
    .ho-circle-hover {position: static;margin-right: 0;width: 118px;}

    .ho-circle-wrapper:nth-child(3) { clear: both;}
}