body {
    margin: 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #505050;
    background: #f5f8f5;
}

a:hover {
    text-decoration: none;
    color: #505050;
}

.container {}

.topbar {
    background: #639660;
    line-height: 30px;
    min-height: 30px;
    font-family: Arial, Helvetica, sans-serif;
    color: #fff;
}

.topbar a,
footer a,
footer a:visited {
    color: #fff;
}

.tal {
    text-align: left;
}

.tal:lang(ar) {
    text-align: right;
}

.tar {
    text-align: right;
}

.tar:lang(ar) {
    text-align: left;
}

.tac {
    text-align: center;
}

.tbl {
    display: table;
    width: 100%;
}

.tblr {
    clear: both;
    width: 100%;
}

.tblc {
    display: table-cell;
    vertical-align: top;
}

@media (max-width: 750px) {
    .tblc {
        display: block;
    }
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.fl:lang(ar) {
    float: right;
}

.fr:lang(ar) {
    float: left;
}

.lan {}

.main {
    min-height: 500px;
    padding: 30px 0px;
    background: url('../images/bg.png') repeat-x;
}

.logobar {
    min-height: 120px;
    background: url('../images/hbg.png');
}

.logo {
    width: 314px;
    height: 89px;
    margin-top: 15px;
}

.menu {
    background: #fff;
    height: 66px;
    color: #0b5e30;
    line-height: 66px;
    border-top: 1px solid #c6d6c5;
    border-bottom: 1px solid #b1caaf;
    text-transform: uppercase;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
}

footer {
    min-height: 115px;
    font-family: Arial, Helvetica, sans-serif;
    background: url('../images/fbg.png');
    color: white;
    padding-top: 35px;
    padding-bottom: 20px;
    font-size: 14px;
}

footer a:link,
footer a:visited {
    color: white !important;
}

footer a:hover {
    color: #505050 !important;
}

.clear {
    clear: both;
}

.fbottom {
    padding-top: 60px;
}

.grid {
    border-collapse: collapse;
    border: 1px solid #b4e5ae;
    width: 100%;
    background: white;
}

.grid a:link,
.grid a:visited {
    color: #639660;
}

.gridhead {
    background: #76c071;
}

.grid th {
    padding: 10px;
    border-right: 1px solid #b3e4ad;
    color: white;
    background: #76c071;
    font-weight: normal;
    text-align: left;
}

.grid th:lang(ar) {
    border-left: 1px solid #b3e4ad;
    border-right: 0px solid #b3e4ad;
    text-align: right;
}

.grid td {
    padding: 10px !important;
    border-right: 1px solid #b3e4ad;
    border-bottom: 1px solid #b3e4ad;
}

.grid td:lang(ar) {
    border-left: 1px solid #b3e4ad;
    border-right: 0px solid #b3e4ad;
}

.gridalter {
    background: #f1f2f1;
}

.call {
    width: 42px;
    height: 42px;
    background: url('../images/icons.png') no-repeat;
}

.phone {
    padding: 12px 50px 0 15px;
    width: 175px;
    white-space: nowrap;
}

.fb a {
    width: 42px;
    height: 42px;
    background: url('../images/icons.png') no-repeat -52px;
    display: block;
}

.tw a {
    width: 42px;
    height: 42px;
    background: url('../images/icons.png') no-repeat -104px;
    display: block;
}

.in a {
    width: 42px;
    height: 42px;
    background: url('../images/icons.png') no-repeat -156px;
    display: block;
}

.video a {
    width: 42px;
    height: 42px;
    background: url('../images/icons.png') no-repeat -208px;
    display: block;
}

.vab {
    vertical-align: bottom !important;
}

.tcontrols .tbl {
    width: inherit;
}

.fav,
.print {
    padding: 0 15px;
    width: 10px;
}

.tcontrols .date {
    padding-left: 15px;
    padding-top: 15px;
}

.tcontrols .date:lang(ar) {
    padding-right: 15px;
    padding-left: 0px;
}

.fav a {
    width: 26px;
    height: 42px;
    background: url('../images/icons.png') no-repeat -260px;
    display: block;
}

.print a {
    width: 22px;
    height: 42px;
    background: url('../images/icons.png') no-repeat -296px;
    display: block;
}

.tdevide {
    width: 1px;
    height: 42px;
    background: url('../images/tdevide.png') no-repeat;
}

.search {
    margin-top: 30px;
    margin-bottom: 20px;
}

.fbcol1 {
    width: 500px;
}

.flinks {
    width: inherit;
}

.flinks .tblc {
    padding-right: 30px;
}

.flinks .tblc:lang(ar) {
    padding-left: 30px;
    padding-right: 0px;
}

.hcol1 {
    display: table-cell;
    vertical-align: top;
    width: 680px;
}

.hcol2 {
    display: table-cell;
    vertical-align: top;
    width: 270px;
}

.spacer {
    display: table-cell;
    width: 20px;
}

.tcol1,
.tcol2 {
    display: table-cell;
    vertical-align: top;
    width: 335px;
}

.col1 {
    display: table-cell;
    vertical-align: top;
    width: 270px;
}

.col2 {
    display: table-cell;
    vertical-align: top;
    width: 680px;
}

.icols {
    display: table-cell;
    vertical-align: top;
    width: 215px;
}

.dcols1 {
    display: table-cell;
    vertical-align: top;
    width: 400px;
}

.dcols2 {
    display: table-cell;
    vertical-align: top;
    width: 270px;
}

.ms-siteicon-img {
    max-width: 314px;
    max-height: 90px;
}


/*Start Recent*/

.wtitle {
    /*font-size: 24px;
    color: #c0993b;
    border-bottom: 1px solid #bdbfbf;
    padding-bottom: 10px;
    margin-bottom: 20px;*/
}

.ritem {
    color: #055f31;
    font-size: 14px;
    margin-bottom: 30px;
}

.ritem a,
.ritem a:visited .ritem a:hover,
.ritem a:active {
    color: #055f31 !important;
    font-size: 14px;
    margin-bottom: 30px;
    text-decoration: none;
}


/*End Recent*/


/*Start Tabs */

.talter {
    /*background: #f1f2f1;*/
}

.tabheadactive {
    font-size: 18px;
    color: #028541;
    padding-top: 20px;
    text-decoration: underline;
    padding-bottom: 20px;
}

.tabheadinactive {
    font-size: 18px;
    color: #9f9f9f;
    padding-top: 20px;
    padding-bottom: 20px;
}

.currency table,
.eco table {
    border-collapse: collapse;
    font-size: 14px;
    color: #666;
}

.currency th {
    font-size: 14px;
    text-transform: uppercase;
    color: #666;
    border-bottom: 1px solid #d9dad9;
    padding: 7px;
    text-align: left;
    font-weight: normal;
}

.currency th:lang(ar) {
    text-align: right;
}

.currency td,
.eco td {
    padding: 5px;
    vertical-align: top;
}


/*End Tabs */


/*Start Economic */

.constumer {
    background: #e7f1db;
    border: 1px solid #d0eece;
    border-left: 10px solid #028541;
    padding: 20px;
    font-size: 20px;
    color: #555;
}

.constumer:lang(ar) {
    border: 1px solid #d0eece;
    border-right: 10px solid #028541;
}

.colorgray {
    color: #808285;
}

.download {
    background: #fff;
    border: 1px solid #cbcbcb;
    padding: 20px;
    font-size: 20px;
    color: #555;
}

.pdf {
    width: 43px;
    height: 42px;
    background: url('../images/icons.png') no-repeat -329px;
}


/*End Economic */

input[type=button],
input[type=submit],
button {
    background: #639661;
    color: white;
    text-transform: uppercase;
    border: 0px;
    padding: 10px 15px;
    margin: 0px !important;
    border-radius: 7px;
    font-size: 16px !important;
    font-family: Arial, Helvetica, sans-serif !important;
}

.fcontainer input[type=button],
.fcontainer input[type=submit] {
    background: #059a4e;
    color: white;
    text-transform: uppercase;
    border: 0px;
    padding: 10px 15px;
    margin-top: 0px !important;
    border-radius: 0;
    min-width: 100px;
    font-size: 16px !important;
    font-family: Arial, Helvetica, sans-serif !important;
}

.btncancel {
    background: #cccccc !important;
}

.buttons {
    margin-top: 20px;
    clear: both;
}

.add {
    background: url('../images/addbg.png') no-repeat;
    width: 680px;
    height: 55px;
    padding: 20px;
    color: #999;
    font-size: 16px;
}

.addtext {
    font-size: 24px;
    color: #555;
}

.accordion .ui-accordion-header {
    background: transparent url(../images/plus.png) no-repeat right center !important;
    border: 0px !important;
    line-height: 40px !important;
    font-family: Segoe UI!important;
    font-weight: normal !important;
    padding: 2px 5px !important;
    padding-right: 40px !important;
    vertical-align: middle !important;
    font-size: 22px !important;
    color: #c0993b !important;
    border-bottom: 1px solid #bdbfbf !important;
}

.accordion .ui-accordion-header:lang(ar) {
    background: transparent url(../images/plus.png) no-repeat left center !important;
    padding-left: 40px !important;
    padding-right: 0px !important;
    font-family: droid arabic kufi !important;
}

.accordion .ui-accordion-header-active {
    background: transparent url(../images/minus.png) no-repeat right center !important;
}

.accordion .ui-accordion-header-active:lang(ar) {
    background: transparent url(../images/minus.png) no-repeat left center !important;
}

.accordion .ui-accordion-content {
    background: transparent !important;
    color: #555 !important;
    font-size: 14px !important;
    border: 0px !important;
    font-family: Segoe UI!important;
    padding: 15px 10px !important;
}

.accordion .ui-accordion-content:lang(ar) {
    font-family: droid arabic kufi !important;
}

.fcontainer {}

.lbldiv {
    float: left;
    width: 42%;
    padding-bottom: 20px;
    padding-top: 10px;
}

.lbldiv:lang(ar) {
    float: right;
}

.ctrdiv {
    float: left;
    width: 58%;
    padding-bottom: 20px;
}

.ctrdiv:lang(ar) {
    float: right;
}

.ctrrow {
    clear: both;
    min-height: 35px;
}

.ctrdiv input[type=text],
.ctrdiv select,
.controls input[type=text],
.controls select,
.ctrdiv input[type=number] {
    width: 300px;
    border: 1px solid #ccc;
    line-height: 30px;
    height: 30px !important;
    padding: 0px 5px !important;
    font-size: 12px !important;
}

.controls input[type=file] {
    width: 314px;
    border: 0px solid red;
    line-height: 30px;
    height: 30px !important;
    padding: 0px !important;
    font-size: 12px !important;
    background: transparent;
    margin: 0px;
}

.ctrdiv textarea,
.controls textarea {
    width: 300px;
    border: 1px solid #ccc;
    color: #444 !important;
    font-size: 12px !important;
    height: 120px;
}

.ctrdiv select,
.controls select {
    width: 314px;
    height: 36px !important;
    font-size: 12px !important;
    padding-right: 0px !important;
}

.ctrdiv select:lang(ar),
.controls select:lang(ar) {
    padding: 0px !important;
}

.controls td:first-child {
    width: 250px;
    padding-right: 20px;
}

.controls td:first-child:lang(ar) {
    padding-right: 0px;
    padding-left: 20px;
}

.controls td:last-child {
    width: 340px;
}

.controls td:last-child span {
    color: red;
    font-size: 12px;
    clear: both;
}

.controls td {
    padding: 7px 0;
}

.attachments {
    margin: 20px 0px;
}

.ui-datepicker-trigger {
    position: relative;
    top: 8px;
}


/*Start Left Navigation*/

.leftnav {
    width: 270px;
    display: table-cell;
    padding-right: 30px;
    vertical-align: top;
}

.leftnav:lang(ar) {
    padding-right: 0px;
    padding-left: 30px;
}

.subtitle {
    padding-top: 10px;
    border-bottom: 1px solid #c2c2be;
    padding-bottom: 11px;
}

.subtitle a,
.subtitle a:hover {
    color: #c0993b;
    font-size: 18px;
    text-decoration: none;
}

#leftNavBox a {
    color: #055f31;
    font-size: 16px;
}

#leftNavBox ul li {
    border-bottom: 1px solid #c2c2be;
    /*background:url(../images/larrow.png) no-repeat 5px 18px;*/
    padding-top: 7px;
    padding-bottom: 7px;
}


/* 
#leftNavBox ul li:lang(ar){	
	background:url(../images/larrow_ar.png) no-repeat right 20px;
}
*/


/* Will display arraow image if sub items exist*/

.lefnavigationarrow {
    background: url(../images/larrow.png) no-repeat 5px 18px;
}

.lefnavigationarrowar {
    background: url(../images/larrow_ar.png) no-repeat right 20px;
}

.lefnavigationarrowar:lang(ar) {
    background: url(../images/larrow_ar.png) no-repeat left 20px;
}

#leftNavBox ul li li {
    border-bottom: 0px solid #c2c2be;
    line-height: 20px;
    background: transparent;
}

#leftNavBox hr {
    display: none;
}


/*End Left Navigation*/


/*Start Top Navigation*/

.menu ul,
.menu li {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}


/*End Top Navigation*/

.bread {
    margin-left: -5px;
    clear: both;
    padding-bottom: 30px;
    display: table-cell;
}

.bread:lang(ar) {
    margin-right: -5px;
    margin-left: 0px;
}

.bread a {
    padding: 0px 5px 0px 5px;
    display: table-cell;
    color: #0066b3;
    font-size: 16px;
}

.bread span span:last-child a {
    color: #555;
}

.bread span {
    float: left;
}

.bread span:lang(ar) {
    float: right;
}

.content {
    display: table-cell;
    vertical-align: top;
}

.displayNone {
    display: none;
}

.placeholder {
    margin-top: -14px;
    height: 24px;
}

.pr10 {
    padding-right: 10px;
}

.pr10:lang(ar) {
    padding-left: 10px;
    padding-right: 0px;
}


/*Start Custom Dropdown */


/*Start FAQ*/

.brdb {
    border-bottom: 1px solid #ccc;
}

h1 {
    font-size: 30px;
    color: #c0993b;
    font-family: Arial, Helvetica, sans-serif;
    padding: 0px;
    margin: 10px;
}

.vab {
    vertical-align: bottom;
}

.mb20 {
    margin-bottom: 20px;
}

.text18 {
    font-size: 18px;
}

.faqhead {
    color: #d3aa49;
    font-size: 24px;
    text-transform: uppercase;
    margin-bottom: 30px;
}

.faq .accordion {
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px #bbb solid
}

.faq .accordion .ui-accordion-header {
    background: transparent url(../images/plus.png) no-repeat left 5px!important;
    border: 0px !important;
    border-radius: 0px !important;
    line-height: normal !important;
    font-family: Segoe UI !important;
    font-weight: normal !important;
    padding: 2px 5px !important;
    padding-left: 50px !important;
    vertical-align: middle !important;
    font-size: 20px !important;
    color: #4c4c4c !important;
    min-height: 40px;
    margin-top: 30px;
}

.faq .accordion .ui-accordion-header br {
    display: none!important
}

.faq .accordion .ui-accordion-header:lang(ar) {
    background: transparent url(../images/plus.png) no-repeat right 5px !important;
    padding-right: 50px !important;
    padding-left: 0px !important;
    font-family: droid arabic kufi !important;
}

.faq .accordion .ui-accordion-header-active {
    background: transparent url(../images/minus.png) no-repeat left 5px!important;
}

.faq .accordion .ui-accordion-header-active:lang(ar) {
    background: transparent url(../images/minus.png) no-repeat right 5px!important;
}

.faq .accordion .ui-accordion-content {
    background: transparent !important;
    color: #4a4a4a !important;
    font-size: 16px !important;
    border: 0px !important;
    border-radius: 0px!important;
    font-family: Segoe UI !important;
    /*padding: 2px 5px !important;*/
    padding-left: 50px !important;
    display: none
}

.faq .accordion .ui-accordion-content br {
    display: none!important
}

.faq .accordion .ui-accordion-content:lang(ar) {
    padding-left: 0px !important;
    padding-right: 50px !important;
    font-family: droid arabic kufi!important;
}

.torange {
    color: orange;
    padding-left: 10px;
}

.torange:lang(ar) {
    padding-left: 0px;
    padding-right: 10px;
}

.tred {
    color: red;
    padding-left: 10px;
}

.tred:lang(ar) {
    padding-left: 0px;
    padding-right: 10px;
}

.tgreen {
    color: #66cc33;
    padding-left: 10px;
}

.tgreen:lang(ar) {
    padding-left: 0px;
    padding-right: 10px;
}

.pagetitle {
    font-size: 24px;
    color: #c0993b;
    border-bottom: 1px solid #c6c5c7;
    line-height: 40px;
    margin-bottom: 30px;
}

.ctrdiv label {
    color: red;
    font-size: 12px;
}

.sitemap ul,
.sitemap li {
    padding: 0px;
    margin: 0px;
    list-style: none;
}

.sitemap button {
    float: left;
    border: 0px;
    background: transparent;
    margin: 0px!important;
    padding: 0px!important;
    margin-right: 10px !important;
    height: 20px!important;
    font-size: 0!important;
    text-indent: -200000em;
}

.siteexpand {
    min-width: 14px;
    min-height: 11px;
    background: url(../images/expand.png) no-repeat 2px 5px !important;
}

.sitecollapse {
    min-width: 14px;
    min-height: 11px;
    background: url(../images/collaps.png) no-repeat 2px 4px !important;
}

.sitecollapse:lang(ar) {
    background: url(../images/collaps_ar.png) no-repeat 0px 4px !important;
}

.sitemap button:lang(ar) {
    float: right;
    margin-right: 0px;
    margin-left: 10px !important;
}

.sitemap ul ul {
    margin-top: 10px;
    margin-left: 20px;
}

.sitemap ul ul:lang(ar) {
    margin-left: 0px;
    margin-right: 20px;
}

.sitemap li {
    margin-bottom: 10px !important;
}

.sitemap li a {
    color: #000;
    font-size: 16px;
    font-weight: lighter;
}

.sitemap li li a {
    color: #028541;
}

.sitemap li li li a {
    color: #33cc66;
}

.sitemap li li li li a {
    color: #999;
}

.sitemap li ul {
    clear: both;
}

.bread span span:first-child,
.bread span span:nth-child(2) {
    display: none;
}

#suiteBarLeft {
    background: #059a4e;
    color: #059a4e;
}

.tabscontrol {
    width: 320px;
}

body {
    overflow: auto;
    /*overflow-x:hidden; */
}

.ms-webpart-titleText {
    display: none;
}

input[type=button]:hover,
input[type=submit]:hover,
button:hover {
    background: #505050;
}

.fcontainer input[type=button]:hover,
.fcontainer input[type=submit]:hover {
    background: #505050;
}

.more {
    font-size: 12px;
    color: #0066b3;
    text-align: right;
    background: url(../images/more.png) no-repeat right;
    padding-right: 10px;
    text-transform: lowercase;
}

.more:lang(ar) {
    text-align: left;
    background: url(../images/more.png) no-repeat left;
    padding-right: 0px;
    padding-left: 10px;
}

a.more,
.more:link,
.more a {
    color: #0066b3 !important;
    font-size: 12px !important;
}

.ui-tabs .ui-tabs-nav li:lang(ar) {
    float: right;
}

.convertor {
    width: 100%;
}

.convertor td {
    padding: 5px;
}

.convertor td:last-child {
    padding-right: 0px;
}

.convertor td:last-child:lang(ar) {
    padding-right: 0px;
    padding-left: 0px;
}

.width200 {
    width: 220px;
}

.currencydate {
    width: 220px;
}

.datefield input {
    width: 120px;
    margin-top: -5px;
}

.rial input {
    width: 170px;
}

.convertor input[type=text],
.convertor select {
    border: 1px solid #ccc;
    line-height: 30px;
    height: 30px !important;
    padding: 0px 0px 0 5px !important;
    font-size: 12px !important;
}

.convertor input[type=text]:lang(ar) {
    padding: 0px 5px 0 0 !important;
}

.convertor select:lang(ar) {
    padding: 0px !important;
}

.country select {
    width: 170px;
    height: 32px !important;
}

.datefield .ui-datepicker-trigger {
    position: relative;
    top: 4px;
}

.font16 {
    color: #333;
    font-size: 16px;
}

.resulthead {
    font-size: 16px;
    color: #333;
    border-bottom: 1px solid #c6c5c7;
    line-height: 40px;
    margin-bottom: 30px;
    margin-top: 20px;
    padding-left: 5px;
}

.resulthead:lang(ar) {
    padding-left: 0px;
    padding-right: 5px;
}

.exchange {
    padding-bottom: 15px;
}

.newstitle {
    font-size: 24px;
    color: #c0993b;
    margin-bottom: 20px;
}

.newtop {
    width: inherit !important;
    padding-bottom: 5px;
}

.pdlr10 {
    padding-left: 10px;
    padding-right: 10px;
}

.shortdesc {
    color: #555;
    font-size: 18px;
    display: table;
}

.rollupimage {
    float: left;
    padding-right: 15px;
}

.rollupimage:lang(ar) {
    float: right;
    padding-right: 0px;
    padding-left: 15px;
}

.dvrss a {
    background: url(../images/rss.png) no-repeat;
    width: 30px;
    height: 30px;
    display: block;
    float: right;
    color: transparent;
    margin-bottom: 10px;
    position: relative;
    margin-top: 15px;
    right: 0px;
}

.dvrss a:lang(ar) {
    float: left;
    left: 0px;
}

.tags {
    display: table;
    margin-top: 20px;
    color: #333;
}

.tags span {
    color: #639660;
}

.pagecontent {
    font-size: 14px;
    line-height: 22px;
}

.speechcat {
    display: table;
}

.newsimg,
.newsitmes {
    display: table-cell;
    position: relative;
}

.newsimg img {
    width: 200px;
    height: 120px;
    margin-right: 20px;
    border: 1px solid #ccc !important;
}

.newsimg img:lang(ar) {
    margin-right: 0px;
    margin-left: 20px;
}

.dayMonth {
    background: #d2a947;
    font-size: 22px;
    color: white;
    width: 40px;
    height: 40px;
    text-align: center;
    text-transform: uppercase;
    padding: 5px;
    position: absolute;
    bottom: -5px;
    left: -5px;
}

.dayMonth:lang(ar) {
    right: -5px;
}

.nmonth {
    font-size: 14px;
}

.nitmes {
    padding-bottom: 30px;
    display: block;
    margin-bottom: -5px;
}

#divSAMAPublishYear,
#divContentType,
#divSpeech {
    float: right;
    margin-right: 10px;
    margin-left: 10px;
}

.newsitmes a {
    color: #055f31;
    font-size: 18px;
    padding-bottom: 10px;
    padding-top: 5px;
    display: block;
}

.pt5 {
    padding-top: 10px;
}

#s4-bodyContainer {
    padding-bottom: 0px;
}

#pageStatusBar {
    margin-bottom: 0px !important;
}

.pageNextButton {
    background: url(../images/next.png) no-repeat center center;
    border: 1px solid #ccc;
    overflow: hidden;
    color: transparent;
    padding: 5px 0px;
    margin: 0px 10px;
    min-width: 30px !important;
    width: 20px !important;
    border-radius: 0px !important;
}

.pagePrevButton {
    background: url(../images/prev.png) no-repeat center center;
    border: 1px solid #ccc;
    overflow: hidden;
    color: transparent;
    padding: 5px 0px;
    margin: 0px 10px;
    min-width: 30px !important;
    width: 20px !important;
    border-radius: 0px !important;
}

.pageNextButton:hover,
.pagePrevButton:hover {
    color: transparent;
}

.pt6 {
    padding-top: 6px !important;
}

.attendpaging ul,
.attendpaging li {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

.attendpaging li {
    float: left;
    padding-right: 15px;
    vertical-align: middle;
}

.attendpaging li:lang(ar) {
    float: right;
    padding-right: 0px;
    padding-left: 15px;
}

.attendpaging ul {
    margin-top: 20px;
}

.pagePrevButton:focus,
.pageNextButton:focus {
    color: transparent;
    background: url(../images/prev.png) no-repeat center center;
}

.pagePrevButton:hover {
    background: url(../images/prev.png) no-repeat center center;
}

.pageNextButton:hover {
    background: url(../images/next.png) no-repeat center center;
}


/*.recaptchatable {
	border:0px !important;
}
.recaptchatable td:last-child, .recaptcha_only_if_privacy{
	display:none;
}
.recaptchatable tr:last-child td:last-child{
	display:block;
}

#recaptcha_image, #recaptcha_image img, .recaptcha_image_cell{
	width:250px !important;
}
#recaptcha_response_field{
	width:250px !important;
}
#recaptcha_area .recaptchatable, #recaptcha_area .recaptcha_theme_clean {
	border:1px solid #ccc !important;
}*/

.userpic img {
    width: 95px;
    height: 95px;
    border-radius: 100px;
    clip: rect(0px, 100px, 200px, 0px);
}

.userpic {
    padding-right: 20px;
}

.userpic:lang(ar) {
    padding-right: 0px;
    padding-left: 20px;
}

.phonepic {
    line-height: 40px;
}

.myinfo {
    line-height: 22px;
    background: #fff;
    padding: 15px;
    border-bottom: 1px solid #acacac;
    border-top: 1px solid #acacac;
}

.mname,
.mname a {
    font-size: 16px !important;
    color: #4f7b4d;
    padding-bottom: 5px;
    text-transform: lowercase;
    line-height: normal;
}

.mdepartment,
.phonepic {
    text-transform: lowercase;
}

.mname:first-letter,
.mdepartment:first-letter,
.phonepic:first-letter {
    text-transform: uppercase;
}

.mbottom {
    line-height: 40px;
}

.mydevide {
    padding: 0 30px;
}

.emp {
    font-size: 14px;
    color: #707070;
}

.memail {
    font-size: 13px;
    color: #0066cc;
}


/*Start Hero Slider*/

#hero {
    height: 250px;
    background: #999;
    color: #fff;
    position: relative;
    background: transparent;
    overflow: hidden;
    width: 750px;
}

#hero-controls {
    display: none;
}

.arrow-left,
.arrow-right {
    height: 17px !important;
    width: 9px !important;
    text-indent: -999em !important;
    float: left !important;
    z-index: 50 !important;
    border: 0 !important;
    cursor: pointer !important;
    position: absolute !important;
    bottom: 9px !important;
    min-width: 9px !important;
    padding: 0px !important;
    margin: 0px !important;
}

.arrow-left {
    right: 40px;
    background: transparent url(../images/hero_prev.png) no-repeat !important;
}

.arrow-left:lang(ar) {
    left: 40px !important;
    float: right !important;
}

.arrow-right {
    background: transparent url(../images/hero_next.png) no-repeat !important;
    right: 10px;
}

.arrow-right:lang(ar) {
    left: 10px !important;
    float: right !important;
}

.hero-indicators {
    position: absolute;
    right: 0px;
    bottom: 0px;
    z-index: 3;
}

.hero-indicators ul,
.hero-indicators .control {
    background: #000;
    background: rgba(0, 0, 0, 0.8);
    padding: 15px;
    border-radius: 0px;
    float: left;
    margin-left: 3px;
    padding-right: 70px;
    margin: 0px;
}

.hero-indicators .control {
    padding: 5px;
    height: 13px;
    display: none;
}

.hero-indicators .control div {
    display: block;
    padding-top: 3px;
}

.hero-indicators .control a {
    width: 10px;
    height: 8px;
    cursor: pointer;
    background: transparent url(../images/hero-controls.png) no-repeat -9px -356px;
}

.hero-indicators .control .play {
    display: none;
    padding-top: 0px;
}

.hero-indicators .control .play a {
    height: 12px;
    background-position: -7px -372px;
}

.hero-indicators li {
    float: left;
    display: block;
    padding: 0 2px;
    margin: 0;
    width: 16px;
    height: 4px;
    list-style-type: none;
    /*cursor : pointer;*/
    background: transparent url(../images/indi.png) no-repeat;
}

.hero-indicators li.active {
    background: transparent url(../images/indi_active.png) no-repeat;
}

.hero-wrapper {
    width: 750px;
    height: 250px;
    position: relative;
    margin: 0 auto;
    padding: 0px;
}

.hero-mask {
    width: 680px;
    margin: 0 auto;
    background: transparent url(../../img/residential/hero/hero-mask.png) 50% 0 no-repeat;
    height: 300px;
    z-index: 2;
    position: absolute;
    left: -865px;
    top: 0px;
}

.hero-slider {
    width: 50000px;
    overflow: hidden;
    /* allows user to scroll images if JS disabled */
}

.hero-image {
    float: left;
}

.hero-image img {
    height: 250px !important;
}

.hero-image:lang(ar) {
    float: right;
}

div.headline {
    position: absolute;
    background: #116fb8;
    z-index: 49;
    right: 0px !important;
    top: 70px;
    height: 121px;
    padding: 20px 10px 20px 20px;
    width: 351px;
    height: 115px;
    overflow: hidden;
    opacity: .90;
    /* standard: ff gt 1.5, opera, safari */
    -ms-filter: “alpha(opacity=90)â€‌;
    /* ie 8 */
    filter: alpha(opacity=90);
    /* ie lt 7 */
    -khtml-opacity: .90;
    /* safari 1.x */
    -moz-opacity: .90;
    /* ff lt 1.5, netscape */
}

.div.headline:lang(ar) {
    left: 0px !important;
}

div.headline-content {
    height: 153px;
}

div.headline-header {
    width: 350px;
    padding-left: 30px;
    float: right !important;
}

div.headline-header:lang(ar) {
    padding-left: 0px;
    padding-right: 30px;
    float: left !important;
}

div.headline-header h1 {
    font-size: 18px;
    line-height: normal;
    margin-bottom: 10px;
    font-weight: 100;
    margin-top: 0px;
    color: white;
    padding: 0px;
    margin: 0px;
}

div.headline-header h1 a,
div.headline-header h1 a:visited,
div.headline-header h1 a:hover,
div.headline-header h1:hover {
    color: white !important;
}

div.headline-header p {
    font-size: 11px;
}


/****************************** Generic helper classes *******************************/

.hidden {
    display: none;
}

.ir {
    display: block;
    border: 0;
    text-indent: -999em;
    overflow: hidden;
    background-color: transparent;
    background-repeat: no-repeat;
    text-align: left;
    direction: ltr;
    *line-height: 0;
}

.ir br {
    display: none;
}

.float-right {
    float: right;
}

.float-left {
    float: left;
}

.float-left:lang(ar) {
    float: right;
}

.align-right {
    text-align: right;
}

.align-right:lang(ar) {
    text-align: left;
}

.ir:lang(ar) {
    text-align: right;
    direction: rtl;
    *line-height: 0;
}

.ir br {
    display: none;
}

.float-right:lang(ar) {
    float: left;
}

.float-left:lang(ar) {
    float: right;
}

.align-right:lang(ar) {
    text-align: left;
}


/*End Slider*/


/*Edit Mode Panel*/

.edit-mode-panel {
    width: 100%;
    padding: 0px;
}

.edit-mode-panel .DefaultContentBlock {
    border: 1px #999 solid;
    color: black;
    padding: 10px;
}

.cbq-layout-main {
    clear: both;
}

.allnewstitle {
    font-size: 24px;
    color: #c0993b;
    border-bottom: 1px solid #c6c5c7;
    line-height: 40px;
}

.allnewswebpart {
    margin-top: -65px;
}

.allnews .dfwp-column {
    padding-top: 20px;
}

.allnewsrss a {
    background: url(../images/rss.png) no-repeat;
    width: 30px;
    height: 30px;
    display: block;
    margin-left: 5px;
    color: transparent !important;
}

.allnewsrss a:lang(ar) {
    margin-left: 0px;
    margin-right: 5px;
}

.eco table {
    width: 100%;
}

.eco .date {
    color: #999;
    margin-bottom: 0px;
}

.ms-webpart-controlBox {
    z-index: 10000000;
}

.captchatd {
    width: 250px;
    padding-right: 15px;
}

.captchatd:lang(ar) {
    padding-right: 0px;
    padding-left: 15px;
}

.questions td:last-child span {
    color: inherit;
}

.ms-formvalidation,
.ms-formvalidation span,
.error {
    color: red !important;
    font-size: 12px;
}

.amlhcol1 {
    width: 270px;
    display: table-cell;
}

.amlhcol2 {
    width: 400px;
    display: table-cell;
}

.amlhcol3 {
    width: 270px;
    display: table-cell;
}

.captchdiv {
    float: left;
    width: 58%;
    padding-bottom: 20px;
}

.captchdiv:lang(ar) {
    float: right;
}

.herodate {
    font-size: 15px;
}

.iwp .Title {
    padding-left: 10px;
    color: #5c5c5c;
    font-size: 13px;
}

.iwp h1 {
    font-size: 18px;
    color: #c0993b;
    padding: 0px;
    margin: 0px;
    padding: 10px 0 5px 5px;
    margin-bottom: 15px;
    border-bottom: 1px solid #acacac;
}

.iwp td {
    vertical-align: top;
}

.iwp .ritem {
    margin-bottom: 15px;
    padding-left: 10px;
    color: #055f31;
}

.iwp .ritem:lang(ar) {
    padding-left: 0px;
    padding-right: 10px;
}

.pr10 {
    padding-right: 10px !important;
}

.pr10:lang(ar) {
    padding-right: 0px !important;
    padding-left: 10px !important;
}

.pagecount {
    padding-left: 5px;
    width: 100px;
}

.pagecount:lang(ar) {
    padding-left: 0px;
    padding-right: 5px;
}

.p10 {
    padding: 10px !important;
}

#divSAMAPublishYear:lang(ar),
#divContentType:lang(ar),
#divSpeech:lang(ar) {
    float: left;
}

.nrf {
    margin-left: 10px;
}

.nrf:lang(ar) {
    margin-left: 0px;
    margin-right: 10px;
}

.departt,
.departt a,
.departt a:visited {
    color: #055f31;
    font-size: 18px;
    padding-bottom: 5px;
    display: block;
}

.departitem {
    margin-bottom: 20px;
}

.ritem a:hover {
    color: #505050 !important;
}


/* Style used for question answer form to align the message next to button - Start */

.FormError {
    padding-left: 280px !important;
    list-style: none;
}


}
.FormError:lang(ar) {
    padding-left: 0px !important;
    padding-right: 280px !important;
}
.FormSubmit {
    color: #028541 !important;
    padding-left: 10px;
    padding-top: 50px;
    list-style: none;
}
.FormSubmit:lang(ar) {
    padding-left: 0px;
    padding-right: 10px;
}

/*Style used for question answer form to align the message next to button - End*/
.departbg {}
.topbar .tar a {
    display: inline-block;
    padding-right: 5px;
    padding-left: 5px;
}
.nmonth:lang(ar) {
    font-size: 12px;
}
.sitemap li>a:only-child {
    padding-left: 24px;
}
.contact .lbldiv,
.museumvisit .lbldiv {
    width: 22%;
}
.mb20 {
    margin-bottom: 20px;
}
.mr20 {
    margin-right: 20px;
}
.mr20:lang(ar) {
    margin-right: 0px;
    margin-left: 20px;
}
.contact a:link {
    color: #0066b3;
}
.contact a:visited {
    color: #0066b3;
}
.Paging {
    margin-top: 5px;
}
.newswebpart .ms-webpart-titleText {
    display: block !important;
    font-size: 18px !important;
    color: #c0993b;
    padding: 0px;
    margin: 0px;
    padding: 10px 0 4px 5px;
    margin-bottom: 5px;
    border-bottom: 1px solid #acacac;
    font-family: Arial, Helvetica, sans-serif;
}
.ms-promlink-button-left:lang(ar) {
    left: -199px !important;
    top: -228px !important;
}
.ms-promlink-button-right:lang(ar) {
    left: -127px !important;
    top: -232px !important;
}
.Paging span {
    display: inline-block;
}
.pageNextButton:lang(ar) {
    background: url(../images/prev.png) no-repeat center center;
}
.pagePrevButton:lang(ar) {
    background: url(../images/next.png) no-repeat center center;
}
.ms-core-form-bottomButtonBox input[type=button] {
    margin-right: 10px !important;
}
.clear .bullet a,
.clear .bullet a:visited {
    color: #055f31 !important;
}
.clear .bullet a:hover {
    color: #505050 !important;
}
select {
    padding: 0px !important;
    margin: 0px !important;
}
.norecords {
    font-size: 14px !important;
    color: #505050 !important;
}
@media print {
    body {
        font-family: verdana, arial, sans-serif;
        font-size: 13px;
        line-height: 1.5em;
        margin: 0px;
        color: black;
    }
    
    #s4-workspace {
        position: static !important;
    }
    
    #t-bar {
        display: none;
    }
    
    .topbar {
        display: none;
    }
    
    #ms-designer-ribbon {
        display: none;
    }
    
    .topbar {
        display: none;
    }
    
    footer {
        display: none;
    }
    
    .menu {
        display: none;
    }
    
    .search {
        display: none;
    }
    
    .tcontrols {
        display: none;
    }
    
    .leftnav {
        display: none;
    }
    
    .bread {
        display: none;
    }
    
    #preview-message {
        display: none;
    }
}
#s4-bodyContainer {
    position: relative
}
a:active {
    background-color: transparent;
}
.publishdate span span {
    color: red !important;
    font-size: 12px;
}
.edit-mode-panel {
    margin-top: 20px;
}
.lrf .captchdiv {
    margin-left: 290px;
    margin-top: 20px;
}
.lrf .captchdiv:lang(ar) {
    margin-left: 0px;
    margin-right: 290px;
}
.captchdiv img {
    margin-bottom: 10px;
}
.lrf .buttons {
    margin-left: 290px;
}
.lrf .buttons:lang(ar) {
    margin-left: 0px;
    margin-right: 290px;
}
.sitemap li>a:only-child:lang(ar) {
    padding-left: 0px;
    padding-right: 24px;
}
.publishdate .ms-formfieldlabel::after {
    content: " *";
    color: red;
}
#searchIcon {
    display: none;
}
.ms-srch-item {
    width: 100%;
}
.content .ms-srch-sb-border {
    border: 1px solid #639660;
}
.content .ms-srch-sb-border:hover {
    border: 1px solid #639660;
}
.content .ms-srch-sb-borderFocused {
    border: 1px solid #639660;
}
.ms-srch-sbLarge-fullWidth {
    width: 620px;
}
.ms-srch-result .ms-core-menu-button {
    display: inline !important;
}
.lrf #ui-accordion-accordion-panel-3 td:last-child {
    width: 310px;
}
.grid td:first-child a {
    white-space: nowrap;
}
.ms-srch-resultFooter #ResultFooter #Preferences,
.ms-srch-upscope-top {
    display: none !important;
}

/********Photo_gallery********/
.photo_gallery {
    width: 680px;
    display: block;
    position: relative;
}
.photo_gallery ul {
    width: 100%;
    display: block;
    position: relative;
    margin: 0;
    padding: 0;
}
.photo_gallery li {
    width: 190px;
    padding: 5px;
    background: #fff;
    box-shadow: 1px 1px 1px #999;
    display: inline-block;
    text-align: center;
    margin: 12px 12px 12px 12px;
}
.photo_gallery li:hover {
    background: #d1caaf;
    box-shadow: none;
}
.photo_gallery li:hover img {
    opacity: 0.5;
}
.photo_gallery li:hover .img {
    border: 1px solid #c2bba1;
}
.photo_gallery li .img {
    width: 188px;
    height: 170px;
    overflow: hidden;
    border: 1px solid #eee;
    background: #736c51;
    margin-bottom: 10px;
}
.photo_gallery li img {
    min-height: 180px;
    width: 220px;
    margin-left: -20px;
}
.photo_gallery li a {
    text-decoration: none;
}
.photo_gallery li .title {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: bold;
    color: #333;
    text-align: center;
    padding: 2px 5px;
}

/********Video_gallery********/
.video_gallery {
    width: 680px;
    display: block;
    position: relative;
}
.video_gallery ul {
    width: 100%;
    display: block;
    position: relative;
    margin: 0;
    padding: 0;
}
.video_gallery li {
    width: 190px;
    padding: 5px;
    background: #fff;
    box-shadow: 1px 1px 1px #999;
    display: inline-block;
    text-align: center;
    margin: 12px 12px 12px 12px;
}
.video_gallery li:hover {
    background: #d1caaf;
    box-shadow: none;
}
.video_gallery li:hover .img {
    border: 1px solid #c2bba1;
}
.video_gallery li .img {
    width: 188px;
    height: 170px;
    overflow: hidden;
    border: 1px solid #eee;
    background: #736c51;
    margin-bottom: 10px;
    position: relative;
}
.video_gallery li img {
    min-height: 180px;
    width: 220px;
    margin-left: -20px;
}
.video_gallery li a {
    text-decoration: none;
}
.video_gallery li .title {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: bold;
    color: #333;
    text-align: center;
    padding: 2px 5px;
}
.video_gallery li .player_control {
    background: url(images/palyer.png) no-repeat scroll center top;
    position: absolute;
    display: block;
    top: 53px;
    left: 60px;
    height: 73px;
    width: 73px;
}
.video_gallery li:hover .player_control {
    background: url(images/palyer.png) no-repeat scroll center bottom;
}
.ms-rteTable-1 tr.ms-rteTableEvenRow-1 {
    background: none;
}
.ms-rteTable-1 tr.ms-rteTableOddRow-1 {
    background: none;
}

/***************Contacts****************/
.contacts {
    width: 650px;
    display: block;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
}
.contacts .form {
    padding: 20px;
    border-radius: 20px;
}
.contacts .form ul {
    width: 100%;
    display: inline-block;
    padding: 0;
    margin: 0;
}
.contacts .form li {
    width: 100%;
    margin: 5px 0;
    display: inline-block;
    list-style: none;
    padding: 0;
}
.contacts .form li input {
    width: 98%;
    border: 1px solid #ccc;
    padding: 10px;
    /*border-radius:10px;*/
}
.contacts .form li select {
    width: 100%;
    border: 1px solid #ccc;
    padding: 10px;
    /*border-radius:10px;*/
    
    margin: 0;
}
.contacts .form li textarea {
    width: 98%;
    border: 1px solid #ccc;
    padding: 10px;
    /*border-radius:10px;*/
    
    overflow: hidden;
    min-height: 100px;
    max-height: 200px;
    max-width: 100%;
}
.contacts .form li img {
    width: 120px;
}
.contacts .address {
    float: left;
    width: 40%;
}
.contacts .address a {
    text-decoration: none;
}
.ms-rtestate-field table,
.ms-rtestate-write table {
    width: auto !important;
}
.controls.questions>tbody>tr {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.museumvisit .pagetitle {
    display: none;
}
@media (max-width: 555px) {
    .allnewstitle {
        margin-bottom: 40px;
    }
    
    .HighlightsDiv {
        width: 100% !important;
        padding: 0 !important;
    }
    
    .ctrrow .lbldiv,
    .ctrrow .ctrdiv {
        margin-top: -20px;
        width: 100% !important;
    }
    
    .sub_menu2 li {
        display: list-item !important;
        list-style-position: inside !important;
        list-style-type: square !important;
    }
    
    .sub_menu2 li a,
    .sub_menu2 li span {
        float: none !important;
    }
    
    .license-request-container .captchdiv {
        float: none !important;
        margin: 10px auto !important;
    }
    
    .license-request-container .buttons {
        margin: 10px auto !important;
    }
    
    .license-request-container .buttons input {
        float: none !important;
    }
    
    .ctrrow {
        margin-bottom: 10px;
        float: right;
        width: 100%
    }
}

/*----------------------------------------------------------------------------------------------
									Update 21/08/2019
----------------------------------------------------------------------------------------------*/
.Serv_content {
    color: #4a4a4a
}
.Serv_content a,
.Serv_content a {
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
}
.Serv_startBox {
    padding: 180px 15px 15px
}
.Serv_startBox .Serv_title {
    text-align: center;
    display: block;
    color: #848484;
    font-size: 18px
}
.Serv_startBox.ILA {
    background: #f2f2f2 url('/Style Library/sama/images/ILA_icon.gif') center top 15px no-repeat;
}
a.Serv_BtnStart,
a.Serv_BtnStart:focus,
a.Serv_BtnFollow,
a.Serv_BtnFollow:focus {
    display: block;
    background: #059a4e;
    color: #fff;
    padding: 5px 15px 5px 15px;
    font-size: 30px;
    margin: 20px 10px;
    text-decoration: none;
    text-align: center;
    -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.3)
}
a.Serv_BtnFollow,
a.Serv_BtnFollow:focus {
    box-shadow: none;
    border-radius: 50px;
    margin: 0 20px 10px;
    padding: 10px;
    font-size: 16px;
    background: #ddae5b
}
a.Serv_BtnStart:hover {
    background: #55c88e;
    text-decoration: none;
    box-shadow: 0 0 0px #00000038;
    color: #fff
}
a.Serv_BtnFollow:hover {
    background: #ca9943;
    text-decoration: none;
    color: #fff;
    box-shadow: none;
    border-radius: 50px;
    margin: 0 20px 10px;
    padding: 10px;
    font-size: 16px
}
a.Serv_BtnFollow span {
    margin-right: 6px
}
a.Serv_BtnGuide,
a.Serv_BtnGuide:focus {
    color: #fff;
    background: #ddae5b;
    border-radius: 25px;
    display: block;
    padding: 10px;
    font-size: 16px;
    margin: 0 20px;
    text-decoration: none;
    text-align: center;
}
a.Serv_BtnGuide:hover {
    background: #ca9943;
    text-decoration: none;
    color: #fff
}
a.Serv_BtnStart span,
a.Serv_BtnGuide span {
    margin-right: 10px
}
a.Serv_BtnStart span:lang(ar),
a.Serv_BtnGuide span:lang(ar) {
    margin-left: 10px;
    margin-right: auto
}
a.Serv_BtnFollow span:lang(ar) {
    margin-left: 6px;
    margin-right: auto
}
.Serv_content h3 {
    color: #059a4e;
    margin-bottom: 30px !important
}
@media (max-width: 768px) {
    .Serv_startBox {
        padding: 15px
    }
    
    .Serv_startBox .Serv_title {
        display: none
    }
    
    .Serv_startBox.ILA {
        background: #f2f2f2;
        background-image: none;
        margin-top: 20px;
    }
    
    .Serv_content h3 {
        margin-top: 20px !important;
    }
}
.AddServ-Wrapper {
    background: #f5f5f5;
    border: 1px #8fb5df dashed;
    border-radius: 10px;
    padding: 30px;
    margin-bottom: 20px;
}
.AddServ-TBL {
    margin-bottom: 0px !important;
}
.AddServ-TBL th,
.AddServ-TBL td {
    padding: 6px !important;
    text-align: center;
    border: 1px #fff solid;
    vertical-align: middle !important;
}
.AddServ-TBL th:first-child,
.AddServ-TBL td:first-child {
    text-align: left
}
.AddServ-TBL th:last-child,
.AddServ-TBL th:nth-last-child(2) {
    width: 24px
}
.AddServ-TBL th {
    background: #597493;
    color: #fff
}
.AddServ-TBL tbody tr:nth-child(odd) {
    background: #e6e6e6
}
.AddServ-TBL tbody tr:nth-child(even) {
    background: #fdfdfd
}
.AddServ-Wrapper .AddServ-Head>label {
    font-size: 18px
}
.AddServ-Wrapper .AddServ-Head {
    overflow: hidden
}
input.Serv_Addbtn {
    margin-top: 0px !important;
    background: #5bbba4;
    font-size: 15px !important
}
.Serv_DelBtn,
.Serv_DelBtn:hover {
    background: transparent url('../images/Serv_DeleteIcon.png') no-repeat;
    width: 22px;
    height: 22px;
    min-width: 22px;
    margin: 5px !important;
    padding: 0px !important;
}
.Serv_EdtBtn,
.Serv_EdtBtn:hover {
    background: transparent url('../images/Serv_EditIcon.png') no-repeat;
    width: 22px;
    height: 22px;
    min-width: 22px;
    margin: 5px !important;
    padding: 0px !important;
}
.Serv_DelBtn:hover,
.Serv_EdtBtn:hover {
    opacity: .8;
    filter: alpha(opacity=80);
}
.Serv_uploadfile label {
    color: #66a5eb;
    cursor: pointer;
    text-decoration: underline
}
.Serv_uploadfile label:hover {
    text-decoration: none
}
.AddServ-hidDiv {
    width: 100% !important;
    margin-bottom: 20px;
    overflow: hidden;
}
.AddServ-hidDiv .col-form-label {
    font-weight: normal;
    font-size: 15px !important;
    line-height: 2;
}
.inputMobile:before {
    content: '+966';
    display: inline-block;
    margin-right: 10px
}
:lang(ar) .inputMobile:before {
    margin-right: 0;
    margin-left: 10px
}
.inputMobile input {
    width: 220px;
    display: inline-block !important;
}
input[type=button].AddbtnStyle,
input[type=submit].AddbtnStyle {
    /*margin-top: 0px !important;*/
	margin-right: 5px !important;
	margin-left: 5px !important;
    background: #5bbba4 !important;
    font-size: 15px !important;
    margin-bottom: 10px !important
}
.fieldInfo {
    font-size: 12px;
    color: #929292;
    margin: 10px 0 0;
}
.fieldInfo .glyphicon:before {
    margin: 0 5px;
    color: #deaf5b;
}
.pas-30 {
    padding: 30px
}
.blackBtn {
    background: #5f5f5f !important;
}
.Serv_followBox.ILA {
    background: #f2f2f2 url('/Style Library/sama/images/ILA_icon.gif') left -20px top 15px no-repeat;
    padding: 60px 15px 70px 191px;
    font-size: 22px;
    font-weight: bold;
    color: #4f6c8d;
    border-bottom: 1px #d2d2d2 dashed;
    margin-bottom: 20px;
}
:lang(ar) .Serv_followBox.ILA {
    background: #f2f2f2 url('/Style Library/sama/images/ILA_icon.gif') right -20px top 15px no-repeat;
    padding: 60px 191px 70px 15px
}
.stepsImg {
    text-align: center;
    padding: 30px 0;
}
.successAlert {
    color: #337d58;
    background-color: #eff7ec;
    border: 1px #cfe2c7 solid;
    border-radius: 10px;
    text-align: center;
}
.successAlert .glyphicon:before {
    content: "\e013";
    display: block;
    font-size: 55px;
    background: #a0d08e;
    border-radius: 50%;
    padding: 20px;
    color: #fff;
}
.errorAlert {
    color: #732025;
    background-color: #f8d7da;
    border: 1px #f5c6cb solid;
    border-radius: 10px;
    text-align: center;
    margin-top: 80px !important
}
.errorAlert .glyphicon:before {
    content: "\e014";
    display: block;
    font-size: 55px;
    background: #d47777;
    border-radius: 50%;
    padding: 20px;
    color: #fff;
}
.LoginBox {
    color: #848484;
    background-color: #F2F2F2;
    border-radius: 10px 0 0 10px;
    padding: 20px
}
:lang(ar) .LoginBox {
    border-radius: 0 10px 10px 0
}
.EndMsg {
    margin: 40px auto;
    width: 80%;
    min-height: 100px;
    padding: 20px;
    overflow: hidden;
}
.EndMsg .glyphicon-ok:before {
    display: block;
    background: #62c392;
    border-radius: 50%;
    padding: 20px;
    color: #fff;
    font-size: 50px;
    width: 94px;
    margin: 20px auto 30px;
}
.glyphicon {
    margin-bottom: 15px
}
.msgTitle {
    font-size: 25px;
    font-weight: bold
}
.loging-Wrapper {
    background: #C1DED5;
    overflow: hidden;
    border-radius: 10px;
    border: 1px #c1ded5 solid;
}
.msgTxt {
    font-size: 18px;
    padding: 10px;
}
.msgBtn {
    text-align: center;
    padding: 10px;
    overflow: hidden
}
.msgBtn input {
    float: none !important
}
.sectionIcon {
    text-align: right;
    padding-top: 20px;
}
.form-group .col-md-6>span {
    width: 100% !important
}
:lang(ar) .form-group .col-md-6 span.rddlIcon,
 :lang(ar) .form-group .col-md-6 span.rddlSelect,
:lang(ar) .AddServ-hidDiv .rddlSelect,
 :lang(ar) .AddServ-hidDiv .rddlIcon,
.AddServ-hidDiv .RadUpload {
    width: 100% !important
}
.form-group .col-md-6 .fieldInfo span {
    width: auto
}
.form-group .col-md-6 .fieldInfo span.glyphicon {
    width: auto !important
}
.subHead {
    color: #ffffff;
    font-size: 18px;
    font-weight: normal;
    padding: 12px 15px;
    background: #68c2ac;
    margin-top: 30px !important;
    text-align: center;
    border-radius: 8px;
}
.groupInputs div {
    margin-bottom: 10px
}
.RadUpload .ruFileWrap {
    height: 29px !important;
}

/*----------------------------------------------------------------------------------------------
                                Update 02/10/2019
----------------------------------------------------------------------------------------------*/
:lang(ar) .RadDropDownList,
 :lang(ar) .rddlPopup .rddlList {
    text-align: right
}
.PhoneNum,
 :lang(ar) .rddlSelect {
    direction: ltr !important
}
.PhoneNum {
    width: 160px !important
}
:lang(ar) .wizard .RadInput .riTextBox {
    font-size: 13px !important
}
:lang(ar) input[type=button].ruButton.ruRemove {
    margin-right: 10px !important
}
.form-group .col-md-6 span.ruFileWrap.ruStyled {
    width: auto !important
}
:lang(ar) .Serv_uploadfile .ruFileWrap.ruStyled {
    margin: 0px
}
:lang(ar) .RadDropDownList .rddlSelect {
    right: -5px;
}
:lang(ar) .wizard,
 :lang(ar) .rddlPopup .rddlList,
 :lang(ar) .ruErrorMessage,
 :lang(ar) .wizard .RadInput .riTextBox,
:lang(ar) .Serv_content,
:lang(ar) .AddServ-Wrapper span,
:lang(ar) .AddServ-Wrapper input,
 :lang(ar) .AddServ-TBL .rgMasterTable th {
    font-family: Droid Arabic Kufi, "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}
:lang(ar) .sectionIcon {
    text-align: left
}
:lang(ar) .sectionIcon img {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}
.AddServ-TBL .rgMasterTable td div {
    text-align: center
}
.RadUpload .ruFileWrap {
    height: 18px!important
}
.col-md-6.col-form-label,
.col-sm-6.col-form-label {
    font-weight: bold
}
.AddServ-Wrapper .col-md-6.col-form-label {
    font-weight: normal
}
.RadDropDownList {
    width: 100% !important
}
.RadDropDownList_Default .rddlInner,
.RadDropDownList_Default .rddlFocused {
    background-image: none !important;
    background-color: white !important;
    color: #000 !important;
    direction: rtl !important;
    font-size: 15px !important
}
.RadDropDownList_Default .rddlInner,
.RadDropDownList_Default .rddlFocused {
    border-color: #b3b3b3 !important;
    height: 34px !important;
    color: #333 !important;
    padding: 5px !important;
}
.MsgInfo {
    font-size: 12px;
    color: #929292;
    margin: 10px 0 0;
}
.AddServ-Head>span {
    font-size: 18px;
    font-weight: bold;
    margin: 0.5em 0;
}
.Valid {
    font-size: 12px;
    display: block
}
.Valid span {
    line-height: 2;
}
.Valid span:has(:visible) {
    background: black
}
.Valid span:before {
    font-family: 'Glyphicons Halflings';
    margin: 0 5px 0;
    font-size: 12px;
}
.ErrMsg,
.ruErrorMessage {
    color: #e86767
}
.ErrMsg span:before,
.ruErrorMessage:before {
    content: "\e088";
    font-family: 'Glyphicons Halflings';
    margin: 0 5px 0;
    font-size: 12px;
    line-height: 1.5;
}
.ruErrorMessage {
    font-size: 13px;
    display: block
}
.ruInputs .ruFileWrap.ruStyled {
    overflow: visible !important
}
div.RadUpload .ruFakeInput {
    display: none !important
}
.RadDropDownList_Default .rddlIcon {
    width: 18px !important;
    height: 18px;
    margin-top: 8px
}
.RadUpload_Default .ruButton {
    background-image: none !important;
    margin-top: 0 !important;
    font-size: 14px !important;
    font-weight: bold !important;
    color: #508bce !important;
    text-decoration: underline;
    text-align: left !important;
    padding: 0px !important;
}
.ruButton.ruBrowse,
.ruFileInput {
    cursor: pointer;
    width: 80px !important;
}
.ruFileInput:hover {
    text-decoration: none
}
.ruFileWrap.ruStyled .ruFileInput {
    width: 100px;
    top: 0px;
    height: 20px;
    left: 0;
}
input[type=button].ruButton.ruBrowse {
    min-width: inherit !important;
    z-index: 5
}
.ruButton.ruBrowse:hover {
    background-color: transparent !Important
}
.ruFileWrap.ruStyled {
    font-size: 14px !important;
    width: inherit !important;
    margin-right: 10px;
}
input[type=button].ruButton.ruRemove {
    min-width: inherit !important;
    font-size: 12px !important;
    margin-top: -2px !important;
}
input[type=button].ruButton.ruRemove:hover {
    background: transparent;
    color: #e86767 !important
}
.wizard>.content>.body .ruInputs li .input,
input[type=button].ruButton.ruRemove {
    display: inline-block !important
}
.RadPanelBar {
    width: auto !important
}
.RadPanelBar_Default .rpRootGroup {
    border: 0px !important
}
.RadPanelBar_Default .rpGroup,
.RadPanelBar_Default {
    background: transparent !important
}
.AddServ-Head>label {
    margin: 0.5em 0;
    display: inline-block;
}
.AddServ-TBL .rgMasterTable {
    width: 100%;
    max-width: 100%;
    table-layout: auto !important;
    font-size: 14px !important
}
.AddServ-TBL .rgMasterTable th {
    background: #597493;
    color: #fff;
}
.AddServ-TBL .rgMasterTable th:first-child,
.AddServ-TBL .rgMasterTable td:first-child {
    text-align: left;
}
:lang(ar) .AddServ-TBL .rgMasterTable th:first-child,
 :lang(ar) .AddServ-TBL .rgMasterTable td:first-child {
    text-align: right;
}
.AddServ-TBL .rgMasterTable td a {
    color: #2e7bd4 !important;
}
.AddServ-TBL .rgMasterTable th,
.AddServ-TBL .rgMasterTable td {
    padding: 6px !important;
    text-align: center;
    border: 1px #fff solid !important;
    vertical-align: middle !important;
}
.AddServ-TBL .rgMasterTable {
    margin-bottom: 0px !important;
    border-collapse: collapse !important;
}
.AddServ-hidDiv .RadInput {
    width: 100% !important
}
.AddServ-Wrapper .RadGrid {
    border: 0px !important
}
.AddServ-Wrapper .RadRadioButtonList button {
    font-size: 15px !important;
    float: inherit;
    margin: 8px 15px 0 0 !important;
    ;
    padding: 0 !important;
    min-width: auto !important;
    font-weight: bold;
}
.AddServ-Wrapper .RadRadioButtonList button:hover,
.AddServ-Wrapper .RadRadioButtonList button.rbHovered .rbText {
    background: transparent !important;
    color: #5c93cc !important
}
.loader {
    border: 5px solid #f3f3f3;
    /* Light grey */
    
    border-top: 5px solid #409681;
    /* Blue */
    
    border-radius: 50%;
    position: absolute;
    z-index: 1;
    margin-top: -6px;
    margin-left: -6px;
    width: 120px;
    height: 120px;
    animation: spin 2s linear infinite;
    z-index: 999
}
.Serv_uploadfile .ruInputs li {
    list-style: none
}
.msgError,
.msgSuccess,
.msgInformation {
    display: block;
    padding: 15px;
    margin: 15px 30px;
    border-radius: 10px;
    vertical-align: top;
    text-align: left;
    font-size: 20px;
    border-bottom-width: 3px;
    font-family: Droid Arabic Kufi, "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}
.msgError:before,
.msgSuccess:before,
.msgInformation:before {
    line-height: 0.9;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    margin: 0 10px 0 0;
    font-size: 28px;
    float: left;
}
.msgError {
    color: #e86767 !important;
    background: #ffeded;
    border: 1px #e29d9d solid;
}
.bounceIn .msgError:before {
    display: none
}
.msgError:before {
    content: "\e088";
}
.msgSuccess {
    color: #589e88 !important;
    background: #e8f7eb;
    border: 1px #95d0a0 solid;
}
.msgSuccess:before {
    content: "\e089";
}
.msgInformation {
    color: #5a7594 !important;
    background: #e7f2ff;
    border: 1px #85a8d0 solid;
}
.msgInformation:before {
    content: "\e086";
}
:lang(ar) .msgSuccess,
 :lang(ar) .msgError,
 :lang(ar) .msgInformation {
    text-align: right
}
:lang(ar) .msgSuccess:before,
 :lang(ar) .msgError:before,
 :lang(ar) .msgInformation:before {
    margin: 0 0 0 10px;
    float: right;
}
.form-group .RadInput {
    width: 100% !important;
}
.form-control.RadPicker {
    border: 0px;
    border-width: 0px;
    box-shadow: none;
    padding: 0;
    width: 100%;
}
.form-control.RadPicker .RadInput,
.form-control.RadPicker .RadInput input {
    border-radius: 5px
}
.form-control.RadPicker .RadInput input a,
.form-control.RadPicker .RadInput .rcSelect a,
.form-control.RadPicker .RadInput .rcSelect {
    border-radius: 0 5px 5px 0;
}
.form-control.RadPicker .rcSelect a {
    background: #54af92;
    width: 30px;
    color: #ffffff;
    border-left-color: #fff;
    font-size: 64px !important;
}
.labelSpan {
    font-weight: bold
}
.RadInput {
    width: auto !important
}

/*-------------Disabled Styles---------------*/
.aspNetDisabled input,
.aspNetDisabled .RadDropDownList {
    background: #e8e8e8 !important
}
.aspNetDisabled .col-md-6.col-form-label,
.aspNetDisabled .col-sm-6.col-form-label,
.aspNetDisabled .ruUploadSuccess {
    color: #afafaf
}
.aspNetDisabled input[type=button].AddbtnStyle,
.aspNetDisabled input[type=submit].AddbtnStyle {
    background: #d6d6d6 !important;
}
.aspNetDisabled img {
    -webkit-filter: grayscale(100%);
    -webkit-filter: grayscale(1);
    filter: grayscale(100%);
    filter: gray;
    ;
    -ms-filter: grayscale(1);
}
.aspNetDisabled .AddServ-TBL .rgMasterTable th {
    background: #8c8c8c
}
.aspNetDisabled .AddServ-TBL .rgMasterTable td,
.aspNetDisabled .AddServ-TBL .rgMasterTable td a {
    color: #8c8c8c !important
}
.aspNetDisabled .RadUpload_Default .ruButton {
    color: #bfbfbf !important
}
.aspNetDisabled * {
    pointer-events: none !important;
    cursor: : default !important
}
.aspNetDisabled .RadUpload .ruStyled .ruFileInput {
    z-index: -1;
}
.aspNetDisabled .ruRemove {
    display: none
}
.aspNetDisabled .ruBrowse:hover {
    background: #e8e8e8 !important;
}
.aspNetDisabled * {
    cursor: default !important
}

/*.bounceIn.animated span:first-child{display:block}*/
.aspNetDisabled .recaptcha-checkbox-border {
    background-color: #dcdcdc !important;
}
.aspNetDisabled .AddServ-Wrapper {
    border: 1px #b5b5b5 dashed;
}
.aspNetDisabled .AddServ-Head>span {
    color: #8c8c8c;
}
.editSection {
    display: block;
    overflow: hidden;
    background: #4f6c8d;
    margin: 1px 0 0;
    padding: 10px 15px 2px;
}
.editSection span {
    color: #fff;
    font-size: 16px;
    display: inline-block;
    margin-top: 5px;
    float: left;
    margin-right: 30px;
    margin-left: 25px;
}
.editSection input[type=submit] {
    float: left !important
}
:lang(ar) .editSection input[type=submit] {
    float: right !important
}
:lang(ar) .editSection span {
    color: #fff;
    font-size: 16px;
    display: inline-block;
    margin-top: 8px;
    float: right;
    margin-left: 30px;
    margin-right: 25px;
}
.editSection input[type=submit]:hover {
    background: #60dcbe !important
}
.LoginBox .RadInput .riTextBox {
    height: 32px !important
}
.msgBtn input[type=submit].resentBtn {
    background: transparent;
    color: #5793d8;
    font-weight: bold;
    font-size: 16px !important;
    text-decoration: underline;
}
.msgBtn input[type=submit].resentBtn:hover {
    text-decoration: none
}
.ruFileWrap.ruStyled .ruUploadSuccess,
.ruFileWrap.ruStyled .ruUploadFailure,
.RadUpload .ruUploadCancelled {
    background-image: url(/Style Library/sama/images/WebResource01.png) !important;
}
.BoxInfo_RqstID {
    float: right;
    margin: 29px 0 0;
    position: absolute;
    z-index: 1;
    right: 40px;
    width: 412px;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    overflow: hidden;
    color: #f15a13;
}
.BoxInfo_RqstID:lang(ar) {
    left: 40px;
    right: auto
}
.BoxInfo_RqstID span,
.BoxInfo_RqstID span a {
    font-size: 15px;
    font-weight: normal
}
.BoxInfo_RqstID span {
    color: #7d7d7d;
}
.BoxInfo_RqstID span a {
    color: #408be0
}
.BoxInfo_RqstID div {
    padding: 5px;
    border: 1px #ddae5b dashed;
    border-radius: 12px;
}
.clsOTPMobile {
    margin-bottom: 20px;
    display: block;
}
.RadNotification_Default .rnTitleBar {
    background: none;
    border: 0;
    padding-bottom: 0px;
}
.rnTitleBarTitle {
    display: none !important
}
.RadNotification_Default .rnTitleBar {
    background: none !important;
    border: none !important;
    padding-bottom: 0px !important;
}
.clsNotifyError {
    background: #f8d7da url('/Style Library/sama/images/clsNotifyError.png') 19px 37px no-repeat !important;
    height: 102px !important;
    width: 324px;
    border-color: #f5c6cb !important;
    font-size: 15px;
    color: #721c24 !important;
    padding: 0 0 0 45px !important;
}
.clsNotifyError:lang(ar) {
    background: #f8d7da url('/Style Library/sama/images/clsNotifyError.png') 95% 37px no-repeat !important;
    padding: 0 !important;
    left: 20px !important;
}
.clsNotifySuccess {
    background: #def0d8 url('/Style Library/sama/images/clsNotifySuccess.png') 19px 37px no-repeat !important;
    height: 102px !important;
    width: 384px !important;
    border-color: #d8e5d1 !important;
    font-size: 15px;
    color: #557051 !important;
    padding: 0 0 0 45px !important;
}
.clsNotifySuccess:lang(ar) {
    background: #def0d8 url('/Style Library/sama/images/clsNotifySuccess.png') 95% 37px no-repeat !important;
    padding: 0 !important;
    left: 20px !important;
}

/*----------------------------------------------------------------------------------------------
                                Update 22/10/2019
----------------------------------------------------------------------------------------------*/
.LoginBox .RadInput .riTextBox.big6Num {
    height: 50px !important;
    font-size: 33px;
    width: 186px;
    color: #4f6c8d
}
.w-100px {
    width: 100px !important
}

/*----------------------------------------------------------------------------------------------
                                Update 05/11/2019
----------------------------------------------------------------------------------------------*/
.InfoCompanyFD {
    background: #ebeff2;
    border-radius: 15px;
    overflow: hidden;
    display: flex;
    margin: 10px 10px 40px;
}
.ImgCompany {
    background: #cdd6e1;
    padding: 20px 30px;
}
.ImgCompanyDiv {
    background: #fff;
    border-radius: 5px;
    text-align: center;
    padding: 5px;
    margin: 0 auto;
    width: 198px;
    height: 128px;
    -moz-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.15);
}
.compInfo {
    display: flex;
    align-items: center;
}
.Legal,
.Activity {
    padding: 2px 15px
}
.Legal span:first-child,
.Activity span:first-child {
    font-weight: bold;
    color: #6e6e6e
}
.Legal span:last-child,
.Activity span:last-child {
    font-weight: bold;
    margin: 0 5px
}
.pad-0 {
    padding-left: 0 !important
}
.CmpTitle {
    padding: 10px 15px 5px;
}
.ImgCompanyDiv img {
    max-width: 188px;
    max-height: 118px
}
.BlueColor {
    color: #526e8f
}
.InfoCompany {
    padding: 20px 10px 20px 30px;
}
.CompanyNomReq,
.CompanyNomReqUpdated {
    background: #fff;
    padding: 10px 0;
    text-align: center;
    width: 95px;
    float: left;
    border-radius: 8px;
    margin-left: 2px;
    font-weight: bold
}
.CompanyNomReq span {
    color: #6b6b6b;
    display: block;
    font-size: 64px;
    font-weight: normal;
}
.CompanyNomReqUpdated span {
    color: #d14f35;
    display: block;
    font-size: 64px;
    font-weight: normal
}
.RequestsListMain {
    min-height: 370px;
    padding: 40px;
    border-top: 2px #fff solid;
    border-bottom: 2px #fff solid;
}
.FilterArea {
    background: #4f6c8d;
    color: #fff;
    padding: 5px 10px;
    margin: 40px 0 30px
}
.RequestsListItem {
    background: #f5f5f5;
    margin: 10px 0 0;
    border-left: 5px solid #4f6c8d;
    overflow: hidden;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
}
.RequestsListItem:hover .StsIco {
    margin-left: 15px;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
}
:lang(ar) .RequestsListItem:hover .StsIco {
    margin-right: 15px;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
}
.RequestsListItemB1 {
    padding: 10px 15px
}
.RequestsListItemB2 {
    color: #fff;
    padding: 20px 15px;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.25);
    display: flex;
    align-items: center;
}
.RqstNam,
.RqstNam a,
.RqstNam a:visited {
    font-size: 20px;
    color: #4e8fcc
}
.RqstID span:first-child,
.RqstUpdt span:first-child {
    color: #969696
}
.RqstID span:last-child,
.RqstUpdt span:last-child {
    font-weight: bold;
    color: #7b7b7b;
    margin: 0 5px;
}
.RqstUpdt {
    margin: 0 0 0 60px;
}
:lang(ar) .RqstUpdt {
    margin: 0 60px 0 0;
}
.StsIco {
    width: 30px;
    height: 30px;
    display: inline-block;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
}
.StsTxt {
    width: 182px;
    display: inline-block;
    margin-left: 10px;
}
:lang(ar) .StsTxt {
    margin-left: 0;
    margin-right: 10px;
}
.BGBlue .StsIco {
    background: url('../images/BlueIco.png') no-repeat
}
.BGYellow .StsIco {
    background: url('../images/YellowIco.png') no-repeat
}
.BGRed .StsIco {
    background: url('../images/RedIco.png') no-repeat
}
.BGGreen .StsIco {
    background: url('../images/GreenIco.png') no-repeat
}
.BGBlue .RequestsListItemB2 {
    background: #6e94b7
}
.BGYellow .RequestsListItemB2 {
    background: #cfb24b
}
.BGRed .RequestsListItemB2 {
    background: #d67857
}
.BGGreen .RequestsListItemB2 {
    background: #78b09e
}
@media (max-width: 768px) {
    .compInfo {
        display: block
    }
    
    .InfoCompanyFD {
        display: block;
    }
    
    .RequestsListItem {
        border-left: 0px
    }
    
    .RqstUpdt {
        display: block;
        margin: 0px
    }
    
    .CompanyNomReq,
    .CompanyNomReqUpdated {
        width: 48%;
        margin: 15px 2px 0;
        display: inline-block;
        float: none
    }
    
    .compInfo .pad-0 {
        padding: 0 15px !important;
        text-align: center
    }
}

/*Landing page*/
.card-wrapper {
    margin-top: 30px;
    position: relative
}
.card {
    padding: 0 10px;
    width: 100%;
    height: 175px;
    background: #fff;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.20);
    overflow: hidden;
    position: relative;
    text-align: center;
    transition: all .5s ease;
}
.update {
    z-index: 2;
    background: #e27336;
    border-radius: 50%;
    padding: 3px;
    border: 3px #fff solid;
    width: 32px;
    color: #fff;
    display: inline-block;
    position: absolute;
    top: -12px;
    right: 15px;
    text-align: center;
    -moz-animation: bounceIn 1s 2s ease-in;
    -webkit-animation: bounceIn 1s 2s ease-in;
    -o-animation: bounceIn 1s 2s ease-in;
    animation: bounceIn 1s 2s ease-in;
}
.card .Serv-Name {
    color: #526e8f;
    font-size: 16px;
    display: block;
    line-height: 1.3;
    font-weight: bold
}
.card:before {
    content: "";
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(99, 126, 159, 0.9);
    right: 0;
    bottom: -175px;
    border-radius: 0px;
    transition: all .5s ease;
}
.card .serv-icon {
    padding: 25px 0 0;
    height: 140px;
    position: relative;
    opacity: 1;
    text-align: center;
    transition: all .5s ease;
}
.card .serv-icon span {
    height: 76px;
    width: 76px;
    display: inline-block;
    overflow: hidden;
    border-radius: 50%;
    border: 3px #eaeaea solid;
    text-align: center;
    background: #526e8f;
}
.card img {
    display: inline-block
}
.card h5 {
    padding: 0 5px;
    font-size: 1em;
    margin-top: -20px;
    margin-bottom: 60px;
    text-align: center;
    transition: all .5s ease;
    position: relative;
}
.card .btn-wrapper {
    position: absolute;
    width: 100%;
    height: 100px;
    left: 0;
    z-index: 2;
    overflow: hidden;
    bottom: 4px;
}
.card .btn-wrapper .serv-btn {
    padding: 7px 0 0;
    text-align: center;
    color: #fff;
    border-radius: 35px;
    width: 75%;
    margin: 0 1%;
    height: 35px;
    position: relative;
    display: inline-block;
    transition: all .3s ease;
    opacity: 0;
    margin-top: 5px;
}
.card:hover {
    background: rgba(99, 126, 159, 0.3);
}
.card:hover:before {
    bottom: 0;
}
.card:hover .serv-icon {
    margin-top: -130px;
    opacity: 0;
}
.card:hover h5 {
    color: #fff;
    margin-top: 26px;
    margin-bottom: 8px;
}
.card:hover .serv-btn {
    transition-delay: .35s;
    opacity: 1;
    margin-top: 10px;
}
a.new,
a.vList {
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.25);
    color: #fff;
    font-weight: bold;
}
.card .btn-wrapper .serv-btn:hover {
    border-radius: 5px !important;
    text-decoration: none;
    transition-delay: 0s;
}
.new {
    background: #68c2ac;
    transition-delay: 0s
}
.vList {
    background: #ddae5b;
    transition-delay: 0s
}
.new:hover {
    ;
    background: #7ddac3
}
.vList:hover {
    ;
    background: #f1c476;
}
.ifAr {
    display: none
}
:lang(ar) .ifAr {
    display: inline
}
.ifEn {
    display: inline
}
:lang(ar) .ifEn {
    display: none
}
.radio-inline table td {
    width: 80px;
    line-height: 0px;
}
.radio-inline table td input {
    display: inline-block !important;
    position: relative !important;
    margin-left: 5px !important;
}
.wizard :lang(ar) .RadDropDownList .rddlSelect {
    left: -5px;
}
.wizard :lang(ar) .RadDropDownList .rddlIcon {
    left: 5px;
    right: auto
}
.divNewCls {
    display: block;
    overflow: hidden;
    background: #4f6c8d;
    margin: 0px;
    padding: 10px 15px;
    margin: -40px -40px 20px;
}
.divNewCls span {
    color: #fff;
    font-size: 16px;
    display: inline-block;
    margin-top: 5px;
    float: left;
    margin-right: 30px;
    margin-left: 25px;
}
.divNewCls a {
    float: right !important;
    display: inline-block;
    padding: 5px 30px;
    color: #fff;
    text-decoration: none;
    background: #5bbba4 !important;
}
:lang(ar) .divNewCls a {
    float: left !important;
}
:lang(ar) .divNewCls span {
    color: #fff;
    font-size: 16px;
    display: inline-block;
    margin-top: 8px;
    float: right;
    margin-left: 30px;
    margin-right: 25px;
}
.divNewCls a:hover {
    background: #60dcbe !important;
    text-decoration: none;
    color: #fff;
    cursor: pointer
}

/*.BoxInfo_RqstID{    float: right;margin: 20px 0 0;position: absolute;z-index: 1;right: 7px;width: 412px;text-align: center;font-size: 18px;font-weight: bold;overflow: hidden;border-radius: 0 30px 0 0;height: 74px;}       
.BoxInfo_RqstID div{background: #4F6C8D !important;padding: 50px 50px; border-radius: 110px 0 0 0;}*/

/*----------------------------------------------------------------------------------------------
                                Update 16/12/2019
----------------------------------------------------------------------------------------------*/
span.RequiredStar {
    color: #e86767;
    margin: 0 5px;
}
.ms-dtinput a img {
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.ms-dtinput a {
    background: #68c2ac;
    height: 26px;
    width: 27px;
    display: inline-block;
    margin-left: -4px;
    border-radius: 0 5px 5px 0;
}
:lang(ar) .ms-dtinput a {
    background: #68c2ac;
    height: 26px;
    width: 27px;
    display: inline-block;
    margin-right: -4px;
    border-radius: 5px 0 0 5px;
    margin-left: 0px
}
.ms-dtinput a:hover,
.ms-dtinput a:focus {
    text-decoration: none
}

/*.ms-dtinput a:before{content: "\e109";display: block;color: #fff;font-family: 'Glyphicons Halflings';margin: 2px 5px;font-weight: normal !important;font-size: 17px;}*/
.ms-dtinput a:before {
    content: "\e108";
    display: block;
    color: #fff;
    font: 16px/1 "WebComponentsIcons";
    margin: 5px 4px;
    font-weight: normal !important;
    font-size: 17px;
}
@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
    .ms-dtinput input {
        height: 26px;
        margin: -18px 0 0
    }
}
.rbIconButton {
    float: left;
    padding: 0 !important;
    min-width: 82px;
    width: 5px;
    font-size: 16px !important;
    text-align: left;
    margin-bottom: 10px !important;
}
:lang(ar) .rbIconButton {
    float: right
}
.rbIconButton .rbText {
    margin: -2px 5px 0;
}
.rbIconButton:hover {
    background: transparent;
    color: #54af92;
}
.rbIconButton .rbIcon::before {
    font: 20px/1 "WebComponentsIcons" !important;
}
.rbIconButton {
    margin-top: 8px !important;
}
:lang(ar) .RadPicker .rcSelect {
    left: 1px;
    right: auto
}
table.ms-picker-table td.ms-picker-dayother,
table.ms-picker-table td.ms-picker-daycenterOn,
table.ms-picker-table td.ms-picker-daycenter {
    color: #ccc !important
}
:lang(ar) .rddlSelect .p-icon {
    font: 16px/1 "WebComponentsIcons" !important;
}

/*----------------------------------------------------------------------------------------------
                                Update 17/12/2019
----------------------------------------------------------------------------------------------*/
.RadWindow .rwWindowContent {
    border-radius: 34px;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.5);
}
.RadWindow .rwIcon,
.RadWindow .rwStatusbarRow {
    display: none !important
}
.rwWindowContent {
    padding: 40px !important
}
.rwWindowContent>div:first-of-type {
    overflow: hidden !important;
    padding: 40px !important;
    height: 230px !important;
    border: 1px #d4d4d4 solid !important;
    border-radius: 20px;
    background: #F5F5F5;
}
.rwWindowContent>div:first-of-type .col-md-4 {
    font-weight: bold;
    font-size: 15px;
}
.rwWindowContent .msgBtn input:last-child {
    background: #5BBBA4 !important;
}
.rwWindowContent>div:first-of-type .col-md-8 div input:first-child {
    font: 26px "segoe ui", arial, sans-serif !important;
    width: 155px !important;
    height: 48px !important;
    padding: 8px !important;
}
@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
    .rwWindowContent .col-md-8 .RadInput .riTextBox {
        font: 26px "segoe ui", arial, sans-serif !important;
        width: 155px !important;
        height: 48px !important;
        padding: 8px !important;
    }
}
.rwTable {
    position: relative
}
.rwTable .rwCloseButton {
    position: absolute;
    background-image: none !important;
    top: 20px;
    right: 1px;
    background: #5f5f5f;
    height: 38px !important;
    width: 38px !important;
    border-radius: 50%;
}
.rwTable .rwCloseButton:before {
    content: "\e014";
    display: block;
    color: #fff;
    font-family: 'Glyphicons Halflings' !important;
    font-size: 20px !important;
    text-indent: 0px;
    margin-top: 18px !important;
}
.RadWindow .rwControlButtons a {
    cursor: pointer !important
}

/*----------------------------------------------------------------------------------------------
                                Update 02/01/2020
----------------------------------------------------------------------------------------------*/
.otpmsg-title {
    text-align: center
}
.otpmsg-title span {
    width: 90%;
    display: inline-block;
    padding: 30px 15px;
    font-size: 18px;
}
.otpcontrol {
    overflow: hidden;
    font-size: 18px;
    background: #ececec;
    padding: 20px;
    border-radius: 6px;
}
.wizard .otpcontrol .RadInput .riTextBox {
    padding: 2px 5px 5px;
    font-size: 24px !important;
}
.clsMessageElm {
    text-align: justify;
    padding: 0px 15px 15px;
    font-size: 16px;
    line-height: 20px;
    font-weight: normal;
    margin: 15px 50px;
    border-bottom: 1px #dfa9a9 dashed;
    list-style: disclosure-closed;
    display: list-item;
}

/*----------------------------------------------------------------------------------------------
                                Update 05/01/2020
----------------------------------------------------------------------------------------------*/
.AddServ-Wrapper .RadRadioButtonList button {
    margin: 8px 15px 0 0 !important;
    min-width: 120px !important;
}
:lang(ar) .AddServ-Wrapper .RadRadioButtonList button {
    margin: 8px 0 0 15px !important;
    min-width: 120px !important;
}
.clsMessageElm:last-child {
    border-bottom: 0px
}

/*----------------------------------------------------------------------------------------------
                                Update 09/01/2020
----------------------------------------------------------------------------------------------*/
.RadInput_Default a {
    background: none !Important
}
.RadInput_Default a:before,
.RadInput a:before {
    content: "\e023" !Important;
    font-family: 'Glyphicons Halflings' !Important;
    position: absolute;
    z-index: 5 !important;
    color: #ffffff;
    left: 0px;
    width: 25px;
    height: 32px;
    top: 0px;
    font-size: 16px;
    background: #5bbba4;
    padding-top: 9px;
}
.RadInput a {
    text-indent: inherit !important;
}

/*----------------------------------------------------------------------------------------------
                                Update 11/02/2020
----------------------------------------------------------------------------------------------*/
input[type=button].ruButton.ruCancel {
    min-width: inherit !important;
    font-size: 12px !important;
    margin-top: -2px !important;
}
input[type=button].ruButton.ruCancel:hover {
    background: transparent;
    color: #e86767 !important
}
.wizard .content.pas-30 {
    width: 100% !important;
    float: left;
}
.RadCaptcha>span:first-child {
    display: none
}
.loging-Wrapper .ErrMsg.Valid span {
    display: block;
    width: 100%;
    margin: 0px -20px !important;
}
.clsCurrentYear {
    background: #f5f5f5;
    padding: 15px 30px;
    border-radius: 10px;
    border: 1px #8fb5df dashed;
    margin-bottom: 20px;
}
.clslblCurrentYear {
    display: block;
    font-size: 18px;
    font-weight: bold;
    margin: 0.5em 0px 15px;
}

/*.BGGreen .RqstNam a[download]{color: #2da579;font-weight: bold;}*/
.BGGreen .RqstNam a[download]:after {
    content: url(/Style%20Library/Images/down-icon.png);
    width: 23px;
    height: 25px;
    display: inline-block;
    margin: 0 10px;
}

/*----------------------------------------------------------------------------------------------
                                Update 17/02/2020
----------------------------------------------------------------------------------------------*/
.clsNotification span {
    background: #fbf8d7;
    padding: 10px;
    border: 1px #e4e0b1 solid;
    width: 66%;
    color: #968e35;
    margin-bottom: 20px;
    display: inline-block;
}
.clsNotification span:before {
    content: "\e086";
    color: #deaf5b;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    margin: 0 5px;
}
.clsComment {
    display: inline-block;
    padding: 5px 15px;
    width: 50%;
    font-size: 12px;
    float: right;
}
.col-md-6 .clsComment {
    width: 100%
}
.clsComment span {
    background: #ffecec;
    width: 92%;
    display: inline-block;
    padding: 5px 8px;
    border: 1px #f5c9c9 solid;
    border-radius: 5px;
    color: #c57b7b;
    margin: 0 24px;
    position: relative;
}
.clsComment span:before {
    content: "\e101";
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    margin-right: 30px;
    font-size: 15px;
    color: #dc9e9e;
    float: left;
    line-height: 1.2;
    position: absolute;
    left: -23px;
}
:lang(ar) .clsComment span:before {
    right: -53px;
    left: auto
}
:lang(ar) .clsComment {
    float: left
}

/*----------------------------------------------------------------------------------------------
                                Update 02/04/2020
----------------------------------------------------------------------------------------------*/
.sama_serv_main {
    margin: 0 auto;
    direction: rtl;
    font-family: Droid Arabic Kufi !important;
    ;
    overflow: hidden;
    padding-top: 20px;
    padding-bottom: 20px;
}
.sama_serv_main .nav-tabs>li {
    float: right
}
:lang(en) .sama_serv_main .nav-tabs>li {
    float: left
}
.sama_serv_main .nav {
    padding-right: 0px;
}
.sama_serv_main .nav-tabs {
    border: 0px
}
.nav>li>a:focus,
.nav>li>a:hover {
    background-color: transparent;
}
.sama_serv_main .nav-tabs>li>a {
    border: 0px;
    border-radius: 10px;
    padding: 33px;
    font-size: 30px;
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
}
.sama_serv_main .nav-tabs>li>a:hover {
    border: 0px
}
.sama_serv_main .nav-tabs>li.active>a,
.sama_serv_main .nav-tabs>li.active>a:focus,
.sama_serv_main .nav-tabs>li.active>a:hover {
    border: 0px
}
.sama_serv_main .nav-tabs>li.active>a.PublicSrv:before {
    content: '';
    position: absolute;
    bottom: -25px;
    right: 50px;
    z-index: 99;
    display: inline-block;
    border-right: 15px solid transparent;
    border-top: 25px solid #059a4e;
    border-bottom: 0px solid transparent;
    border-left: 15px solid transparent;
}
.sama_serv_main .nav-tabs>li.active>a.CompanySrv:before {
    content: '';
    position: absolute;
    bottom: -25px;
    right: 50px;
    z-index: 99;
    display: inline-block;
    border-right: 15px solid transparent;
    border-top: 25px solid #AF882E;
    border-bottom: 0px solid transparent;
    border-left: 15px solid transparent;
}
:lang(en) .sama_serv_main .nav-tabs>li.active>a.PublicSrv:before {
    right: auto;
    left: 50px
}
:lang(en) .sama_serv_main .nav-tabs>li.active>a.CompanySrv:before {
    right: auto;
    left: 50px
}
.sama_serv_main .nav>li>a.PublicSrv:focus,
.sama_serv_main .nav>li>a.PublicSrv:hover {
    background: url(' /Style Library/sama/images/publicSrv-icon.png') no-repeat right center
}
.sama_serv_main .nav>li>a.CompanySrv:focus,
.sama_serv_main .nav>li>a.CompanySrv:hover {
    background: url(' /Style Library/sama/images/CompSrv-icon02.png') no-repeat right center
}
:lang(en) .sama_serv_main .nav>li>a.PublicSrv:focus,
 :lang(en) .sama_serv_main .nav>li>a.PublicSrv:hover {
    background: url(' /Style Library/sama/images/publicSrv-icon-En.png') no-repeat left center
}
:lang(en) .sama_serv_main .nav>li>a.CompanySrv:focus,
 :lang(en) .sama_serv_main .nav>li>a.CompanySrv:hover {
    background: url(' /Style Library/sama/images/CompSrv-icon02-En.png') no-repeat left center
}
.sama_serv_main a.PublicSrv {
    background: url(' /Style Library/sama/images/publicSrv-icon.png') no-repeat right center;
    padding-right: 170px !important;
    color: #cacaca
}
.sama_serv_main a.CompanySrv {
    background: url(' /Style Library/sama/images/CompSrv-icon02.png') no-repeat right center;
    padding-right: 170px !important;
    color: #cacaca
}
:lang(en) .sama_serv_main a.PublicSrv {
    background: url(' /Style Library/sama/images/publicSrv-icon-En.png') no-repeat left center;
    padding-left: 170px !important;
    color: #cacaca;
    text-align: left
}
:lang(en) .sama_serv_main a.CompanySrv {
    background: url(' /Style Library/sama/images/CompSrv-icon02-En.png') no-repeat left center;
    padding-right: 170px !important;
    color: #cacaca
}
.sama_serv_main .SrvNum {
    font-size: 18px;
    padding: 6px 40px;
    background: url('/Style Library/sama/images/infoIcon.png') no-repeat right center
}
.sama_serv_main .tab-content {
    margin-top: 28px
}
.sama_serv_main .pubClr {
    background: #059a4e;
    color: #fff
}
.sama_serv_main .comClr {
    background: #AF882E;
    color: #fff
}
.sama_serv_main .srvAllBoxes {
    padding-top: 30px
}
.sama_serv_main .srvBox a {
    height: 186px;
    text-align: center;
    background-image: none;
    background: #fff;
    width: 100%;
    -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
    border: 2px #fff solid
}
.sama_serv_main .srvBox a:hover {
    text-decoration: none;
    box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2)
}
.sama_serv_main #PublicSrv .srvBox a {
    color: #059a4e
}
.sama_serv_main #CompanySrv .srvBox a {
    color: #626262
}
.sama_serv_main .srvBox {
    margin-bottom: 30px
}
.sama_serv_main .srvBox a span:first-child {
    display: block;
    min-height: 106px;
    padding-top: 20px
}
.sama_serv_main .srvBox a span:last-child {
    font-weight: bold;
    display: block;
    padding: 10px;
    min-height: 80px;
}
.sama_serv_main .nav-tabs>li.active>a,
.sama_serv_main .nav-tabs>li.active>a:focus,
.sama_serv_main .nav-tabs>li.active>a:hover {
    color: #555
}
.sama_serv_main a,
.sama_serv_main a:hover {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.sama_serv_main #PublicSrv .srvBox a:hover {
    border: 2px #059A4E solid;
    color: #6B6B6B !important
}
.sama_serv_main #CompanySrv .srvBox a:hover {
    border: 2px #AF882E solid;
    color: #6B6B6B !important
}
:lang(en) .sama_serv_main a,
 :lang(en) .sama_serv_main .SrvNum {
    font-family: Cuprum;
}
:lang(en) .sama_serv_main #PublicSrv .srvBox a,
 :lang(en) .sama_serv_main #CompanySrv .srvBox a {
    font-size: 15px
}
:lang(en) .SrvNum {
    text-align: left
}
/*:lang(en) .sama_serv_main .pubClr {
    background: #059a4e url(' /Style Library/sama/images/infoIcon.png') no-repeat left 10px center*/
}
:lang(en) .sama_serv_main .comClr {
    background: #AF882E url(' /Style Library/sama/images/infoIcon.png') no-repeat left 10px center
}
@media (max-width: 750px) {
    .sama_serv_main .nav-tabs>li>a {
        font-size: 16px
    }
    
    .sama_serv_main .nav-tabs>li.active>a.PublicSrv:before,
    .sama_serv_main .nav-tabs>li.active>a.CompanySrv:before {
        display: none
    }
}
.sama_serv_main .comClr.Eserv {
    background-image: none;
    background-color: #AF882E
}
.sama_serv_main .SrvNum.Eserv {
    font-size: 5px;
    padding: 0;
}
:lang(en) .sama_serv_main .E-ServTab a {
    text-align: left;
    padding-left: 170px !important;
}

/*-----------------------------------------------------------------------------------------------

			UPDATE 29/09/2020 Add Appointment icons and fix issue in services page

-----------------------------------------------------------------------------------------------*/

@media all and (max-width:996px){
	.sama_serv_main .nav-tabs > li {margin-bottom: 15px;}
    .sama_serv_main .nav-tabs>li.active>a.PublicSrv:before,
    .sama_serv_main .nav-tabs>li.active>a.CompanySrv:before { display: none}
}
.col-md-12.tab-content {width: 100%;}
:lang(ar) .Apoin-Ar {width: 124px;height: 28px;display: inline-block;float: left;margin: 13px 0;}
:lang(en) .Apoin-Ar{display:none}

:lang(en) .Apoin-En {width: 178px;height: 28px;display: inline-block;float: right;margin: 13px 0;}
:lang(ar) .Apoin-En{display:none}



/*-----------------------------------------------------------------------------------------------

									21/09/2021 Menu Fix update 

-----------------------------------------------------------------------------------------------*/
.Toggled #Responsive-menu, .Toggled .ResponsivemenuContainer {width: 320px !important;}
.ResponsivemenuContainer ul.top_menu > li > a, .ResponsivemenuContainer ul.top_menu > li > span {width: 254px !important;font-size: 20px !important;}
.ResponsivemenuContainer ul.sub_menu1 > li > a, .ResponsivemenuContainer ul.sub_menu1 > li > span {width: 225px !important;font-size: 19px !important;line-height:30px !important}
.ResponsivemenuContainer:lang(ar-sa) .sub_menu1 > li {padding-right: 30px;}
.ResponsivemenuContainer:lang(en-GB) .sub_menu1 > li {padding-left: 30px;}
.sub_menu2 li::marker{content: " ";}
.ResponsivemenuContainer ul.sub_menu2 > li > a, .ResponsivemenuContainer ul.sub_menu2 > li > span {width: 200px !important;font-size: 16px !important;line-height:30px !important}
.ResponsivemenuContainer .sub_menu2 > li:first-child{margin-top: 10px;}
.ResponsivemenuContainer .sub_menu2 > li:last-child{margin-bottom: 10px;}
.ResponsivemenuContainer:lang(ar-sa) .sub_menu2 > li {right: 2%;}
.ResponsivemenuContainer:lang(en-GB) .sub_menu2 > li {left: 2%;}
ul.sub_menu3 {background: #fafafa;overflow: hidden;padding: 7px;}
.ResponsivemenuContainer ul.sub_menu3 > li > a, .ResponsivemenuContainer ul.sub_menu3 > li > span {padding: 5px 0;display: block;cursor: pointer;text-decoration: none;color: #8f8f8f;width: 200px;font-size: 16px;line-height: 30px;}
.ResponsivemenuContainer ul.sub_menu4 > li > a, .ResponsivemenuContainer ul.sub_menu4 > li > span {padding: 5px 0;display: block;cursor: pointer;text-decoration: none;color: #8f8f8f;width: 200px;font-size: 16px;line-height: 30px;}
.ResponsivemenuContainer ul.sub_menu3:lang(ar-sa) > li > a, .ResponsivemenuContainer:lang(ar-sa) ul.sub_menu3 > li > span{font-family:droid arabic kufi}


/*-----------------------------------------------------------------------------------------------

									09/11/2021 Suppliers page 

-----------------------------------------------------------------------------------------------*/
.suppliers_serv{margin-top: -26px;}
.suppliers_header{background:#649c83 url('/Style Library/sama/images/suppliers-headerBG.jpg') center;height:319px}
:lang(en) .suppliers_header{background:#649c83 url('/Style Library/sama/images/suppliers-headerBG.jpg') left 510px center}
.suppliers_header_textbox{background: rgba(0, 0, 0, 0.6);color: #fff;font-family: 'Droid Arabic Kufi', arial;font-size: 22px;padding: 20px!important;margin-top: 30px;border-top:rgba(5, 154, 78, 0.48) 16px solid;}
:lang(en) .suppliers_header_textbox{font-size: 20px}
.suppliers_mainLinks{padding-top:30px;padding-bottom:30px}
.suppliers_link{height:130px; border-radius:60px 0 60px 0;border:2px #e3f5ec solid;padding: 2px;display: block;text-decoration:none;transition: all 0.3s ease-out;}
:lang(en) .suppliers_link{border-radius:0 60px 0 60px}
.suppliers_link:hover{box-shadow: 0 6px 6px rgba(0, 0, 0, 0.3);transition: all 0.3s ease-out;text-decoration:none;}
.suppliers_link div{border-radius: 57px 0 57px 0;height: 122px;font-size: 18px !important;font-weight: bold;font-family: 'Droid Arabic Kufi', arial;display: flex;justify-content: flex-end;align-items: center;}
:lang(en) .suppliers_link div{border-radius:0 57px 0 57px;font-size: 16px !important}
.suppliers_link div > span{width: 186px;display: inline-block;text-align: center;}
.suppliers_link div span span{display:block}
.s-login div{background:#e3f5ec url('/Style Library/sama/images/suppliers-login-img.jpg') no-repeat ;color:#048745}
.s-register{border:2px #e0e9ef solid}
.s-register div{background:#e0e9ef url('/Style Library/sama/images/suppliers-newsup-img.jpg') no-repeat ;color:#6885ad}
.s-manual{border:2px #f3edd7 solid}
.s-manual div{background:#f3edd7 url('/Style Library/sama/images/suppliers-manual-img.jpg') no-repeat ;color:#897e33}
.s-login div, .s-register div,.s-manual div{background-position:right -2px center}
:lang(en) .s-login div, :lang(en) .s-register div, :lang(en) .s-manual div{background-position:left -2px center}
.suppliers_infoMsg{background: #fff5ce url('/Style Library/sama/images/Suppliers-infoIcon.gif') no-repeat right 15px center;border: 1px #ddd392 solid;padding: 15px 60px 15px 15px;border-radius: 10px;font-family: 'Droid Arabic Kufi', arial;color:#897e32;margin-bottom: 20px;}
:lang(en) .suppliers_infoMsg{background-position:left 15px center;padding:15px 15px 15px 60px;}

@media all and (max-width:1024px) and (min-width:490px){
	.suppliers_mainLinks .col-md-4{width:50%}
	:lang(en) .suppliers_header{background-position:left center}
	.suppliers_link{margin-top: 15px;}
}
@media all and (width:1024px){
	.suppliers_link div > span{margin-left: 40px;font-size: 22px;width: 220px;}
	:lang(en) .suppliers_link div > span{margin-right: 40px;font-size: 22px;width: 220px;}
}
@media all and (max-width:996px){
	.suppliers_serv{margin-top: -5px;}
	.suppliers_link{margin-top: 15px;}
}
@media all and (max-width:700px){
	.suppliers_header{height: 440px;}
}
.RightContainer{
	overflow-y:hidden
}