body{
	direction:rtl;
}
.EnglishContent{
	display:none
}
/*[lang="ar"] body, [dir="rtl"] body {
  font-family: NeoSansArabic, sans-serif!important; }

[lang="ar"] .ff-regular, [dir="rtl"] .ff-regular {
  font-family: NeoSansArabic, sans-serif!important; }
*/
h1, h2, h3, h4, h5, h6, .ms-h1, .ms-h2, .ms-h3, .ms-h4, .ms-h5, .ms-h6, span, label, th, thead, td{
	  font-family: neo-sans-arabic;
}
button:hover{
	background-color:transparent;
	border-color:transparent;
}
body .btn-lined:hover{
	border-color:#7D2747!important
}
body .btn-lined a, body .btn-lined a:visited{
	color:#7D2747!important
}
#s4-bodyContainer{
	padding-bottom:0px!important
}
body .page-content .about-service .summary{
	font-size:20px
}
/*[lang="ar"] body .page-content .heading-tabs li:first-of-type, [dir="rtl"] body .page-content .heading-tabs li:first-of-type {
	margin-right:0px!important
}
[lang="ar"] body header .main-nav-menu .nav-item{
	margin-right:0px!important
}*/

.catalogue-categories{
/*	width:42%;
	position:relative;top:-47px;right:50%;*/
}

.responsive-menu-toggler{
	min-width:0!important
}
body .page-content .heading-tabs{
	/*margin:0 0 0 2% !important;*/
}

body .page-content .heading-tabs.small-heading-tabs li{
	width:auto!important
}

.catalogue-categories{
/*	position:absolute;top:0;*/
}








	.form .form-group .Required{color: #7D2747; margin: 0 3px;}
	.form .form-group .chosen-container .chosen-single{
		display: block;
		width: 100%;
		padding: 0.375rem 2.25rem 0.375rem 0.75rem;
		font-size: 1rem;
		font-weight: 400;
		line-height: 1.5;
		color: #212529;
		background-color: #fff;
		background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e);
		background-repeat: no-repeat;
		background-position: right 0.75rem center;
		background-size: 16px 12px;
		border-radius: 0.25rem;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		border: 1px solid #C1C1C1;
		box-shadow: none !important;
		font-size: 14px;
		height: 44px;
	}
	.form .form-group .chosen-container.chosen-container-active .chosen-single{border: 1px solid #12572B;}
	.form .form-group .chosen-container .chosen-single div{background-color: transparent;}
	.form .form-group .chosen-container .chosen-single span{margin-top: 5px;}
	.form .form-group .chosen-container .chosen-drop{margin-top: 0 !important; border-radius: 4px;padding: 5px 0;font-size: 16px;}
	.form .form-group .chosen-container .chosen-drop input[aria-label="Search"]{border-radius: 4px; border-color: #00000050;}
	.form .form-group .chosen-container .chosen-drop .chosen-results li.highlighted{background: #843351!important;}
	.form input[type=password]:hover,
	.form input[type=text]:hover,
	.form input[type=file]:hover,
	.form input:not([type]):hover,
	.form textarea:hover,
	.form .sp-peoplepicker-topLevel:hover,
	.form .ms-inputBox:hover{border-color: #C1C1C1 !important;}

	.form input[type=password]:focus,
	.form input[type=text]:focus,
	.form input[type=file]:focus,
	.form input:not([type]):focus,
	.form textarea:focus,
	.form .sp-peoplepicker-topLevel:focus,
	.form .ms-inputBox:focus{border-color:#12572B !important;}
	.form .btn{
		border-radius: 8px;
		height: 48px;
		font-size: 1rem;
		font-weight: 400;
		font-family: inherit;
	}
	.form .btn-link{
		border-radius: 8px;
		height: 48px;
		font-size: 1.3rem;
		font-weight: 400;
		background: transparent;
		border: none;
		margin-left: 0;
		min-width: 0;
		font-family: inherit;
        /*text-decoration: underline;*/
	}
	.form .form-radio{width: 100%;}
	.form .form-radio input[type="radio"]{
		width: 24px;
		height: 24px;
		margin: 0;
		appearance: none;
    -webkit-print-color-adjust: exact;
	border-radius: 100%;
	border: 1px solid rgba(0,0,0,.25);
	background-color: #fff;
	}
	.form .form-radio input[type="radio"]:checked{
		background-color: #7D2747;
		border: 3px solid #fff;
		box-shadow: 0 0 0 1px #7d2747;
		background-image: none !important;
	}
	.form .form-radio label{margin: 0 7px;}
	.currencyformat-container{position: relative;}
    .currencyformat-container::after {
      position: absolute;
      top: 33px;
      display: block;
      padding: 0.375rem 0.75rem;
      font-size: 14px;
      content: attr(data-displayed);
      background-color: white;
      width: 90%;
    }
    [dir="ltr"] .currencyformat-container::after {
      left: 14px;
    }
    [dir="rtl"] .currencyformat-container::after {
      right: 14px;
    }

.form-group .data{
	display:block;
}

.visible{display: flex;}
.inVisible{display: none;}
/*---- Alerts ---*/
.alert {
  color: #000; }
  .alert.alert-warning {
    background-color: #FFE5CB;
    border: 1px solid #FF7F00; }
 .fa-warning{display:flex;}
    .fa-warning:before {
      color: #FF7F00;
      min-width: 40px !important;
      font: normal normal normal 14px/1 FontAwesome;
      font-size: 26px;
      
      }


/*------ Tables (Gridview) -------*/
body .page-content .primary-table th {
        background-color: #E6EEE9; }
        
        
        .table tbody .summary {
            background-color: #E6EEE9;
            font-family: poppin-medium; }
            
            
            
/*---------- Loading -----------*/
.LoaderCenter{width:15%;z-index: 1000;padding: 10px;position:relative;top:25%;right:45%;}
.LoaderCenter img{width:100%;}
.LoaderModal {position:fixed;z-index:999;height:100%;width:104%;left:-4%;top:0;background-color: Black;opacity:0.7!important}
body .page-content .primary-table tbody .dynamic-status{
     border-radius: 29px;
     padding: 8px 12px;
}
 body .page-content .primary-table tbody .UnderProcess {
     color: #868686;
     background-color: white;
     border: 1px solid #868686;
}
 body .page-content .primary-table tbody .Cancelled {
     color: #c98201;
     background-color: #ffa50059;
}
 body .page-content .primary-table tbody .Pendingforpayment, body .page-content .primary-table tbody .Pendingforrequestupdate {
     color: #878715;
     background-color: #ffff0057;
}
 body .page-content .primary-table tbody .Approved, body .page-content .primary-table tbody .Approvedandpendingforpaymentcompletion {
     color: white;
     background-color: black;
}
 body .page-content .primary-table tbody .Complete {
     color: #00A33B;
     background-color: #E5F6EB;
}
 body .page-content .primary-table tbody .Rejected, body .page-content .primary-table tbody .AutoReject {
     color: #F71111;
     background-color: #fee7e7;
}
 .info {
     background-color: #17a2b821 !important;
     border: 1px solid #17a2b8 !important;
     margin-top: 1rem!important;
     padding: 1rem 3.5rem;
     margin-bottom: 1rem;
     border-radius: 0.25rem;
     position: relative;
}
 .info::before {
     content: "\f05a";
     font: normal normal normal 14px/1 FontAwesome;
     font-size: 30px;
     color: #17a2b8;
     position: absolute;
     top: calc(60% - 20px);
     right: 1rem;
}
 .ContentHeader1{
     font-size: 18px;
     background-color: #e7e1e1;
     background: -moz-linear-gradient(right, #eeeeee 0%, #eeeeee 100%);
     background: -webkit-linear-gradient(right, #eeeeee 0%,#eeeeee 100%);
     background: linear-gradient(to left, #eeeeee 0%,#eeeeee 100%);
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e7e1e1', endColorstr='#00e7e1e1',GradientType=1 );
     padding: 10px 15px;
     color: #7D2747;
     margin-top: 15px;
     display: flex;
     justify-content: space-between;
     align-items: center;
}
 .ContentHeader1 a{
     color: #7d2747;
     font-size: 15px;
     text-decoration: underline !important;
     font-family: poppin-regular;
}
 .ContentHeader1 a:hover{
    color:#491729;
}
 [Monday 2:38 pm] Shaimaa Sattar <h3 class="ContentHeader1"> Contribution Details <a href="#">Contribution Details Link</a> </h3> .table .footerRow{
    text-align: center;
}
 .table .footerRow table{
    display: inline-block;
    margin-top: 20px;
}
 .table .footerRow table tbody, .table .footerRow table tbody tr{
    border: none;
}
 .table .footerRow table tbody tr span, .table .footerRow table tbody tr a{
     font-size: 16px;
     padding: 5px 15px;
     border: 1px solid #dadada;
     border-radius: 4px;
     background-color: white;
     color: #333;
     margin: 0 5px;
}
 .table .footerRow table tbody tr span{
    font-weight: bold;
    background-color: #7e2747;
    color: white;
    border-color: #7e2747;
}
 .table .footerRow table tbody tr a:hover{
    background-color:#efefef;
}


 body .page-content .primary-table tbody .dynamic-status{
border-radius: 29px;
          padding: 8px 12px;
         /* display:inline-block;*/
          white-space: nowrap !important;
    }
body .page-content .dynamic-status.UnderProcess,
body .page-content .dynamic-status.Pending,
body .page-content .dynamic-status.Pendingforpayment,

body .page-content .dynamic-status.Pendingforrequestupdate{

  color: #FF7F00 !important;

  background-color: #fff2e5 !important;

  border: none !important;

}

body .page-content .dynamic-status.Rejected,

body .page-content .dynamic-status.AutoReject,

body .page-content .dynamic-status.Cancelled{

  color: #F71111 !important;

  background-color: #fee7e7 !important;

}

body .page-content .dynamic-status.Approved,

body .page-content .dynamic-status.Approvedandpendingforpaymentcompletion,

body .page-content .dynamic-status.Complete{

  color: #00A33B !important;

  background-color: #E5F6EB !important;

}

.success a {
color: #7D2747 !important;
font-size: 16px !important;
text-decoration: underline !important;
}
.success {
margin-top: 1rem !important;
margin-bottom: 1rem;
border-radius: 0.25rem; 
    background: #E5F6EB  url('/Style Library/Images/success.png') no-repeat 99% center;
    padding: 10px 40px;
    display:block;
    border: 1px solid #5ea778;
     padding-top: 1rem;
    padding-bottom: 1rem
}


.warning a {
color: #7D2747 !important;
font-size: 16px !important;
text-decoration: underline !important;
}

.warning {
margin-top: 1rem !important;
margin-bottom: 1rem;
border-radius: 0.25rem; 
    background: #FFE5CB  url('/Style Library/Images/warning.png') no-repeat 99% center;
    padding: 10px 40px;
    display:block;
     padding-top: 1rem;
    border: 1px solid #FF7F00;
    padding-bottom: 1rem
}

.error a {
color: #7D2747 !important;
font-size: 16px !important;
text-decoration: underline !important;
}

.error {
margin-top: 1rem !important;
margin-bottom: 1rem;
border-radius: 0.25rem; 
    background: #FFE5CB  url('/Style Library/Images/warning.png') no-repeat 99% center;
    padding: 10px 40px;
    display:block;
     padding-top: 1rem;
    border: 1px solid #FF7F00;
    padding-bottom: 1rem
}

.alert.alert-success {
    background-color: #E5F6EB !important;
    border: 1px solid #00A33B !important;
}
.ArLangLink{display:none;}