@charset "UTF-8";
header {
  padding-bottom: 15px;
  box-shadow: 0 3px 6px #00000029;
  position: fixed;
  width: 100%;
  height: 100px;
  top: 0;
  left: 0;
  right: 0;
  z-index: 10;
  background-color: #fff; }
  @media (max-width: 1200px) {
    header {
      height: auto; } }
  header .accessibility-actions-container {
    border-bottom: 2px solid #00000029;
    padding: 8px 0;
    margin-bottom: 15px;
    font-size: 20px; }
    header .accessibility-actions-container a {
      color: black; }
      header .accessibility-actions-container a .lang-name {
        font-size: 16px; }
      header .accessibility-actions-container a:hover {
        color: #7D2747; }
  header .logo img {
    width: 100%;
    max-width: 425px;
    max-height: 85px; }
  header .main-nav-menu .nav-item a {
    color: #272727;
    transition: 0.3s; }
    header .main-nav-menu .nav-item a:hover {
      color: #7D2747; }
  header .main-nav-menu .nav-item.lang i {
    font-size: 22px; }
  header .profile-popover {
    background-color: #fff;
    box-shadow: 0px 3px 6px #0000003d;
    border-radius: 0px 0px 20px 20px;
    width: 120%;
    min-width:230px;
    left: -10%;
    right: -10%;
    top: 50px; }
    
    .nav-item i:before{font-size:20px !important;}
    header .profile-popover ul {
      padding: 24px 32px; }
    header .profile-popover li {
      display: block !important;
      margin-left: 0 !important; 
              margin-bottom: 25px;}
    header .profile-popover a span {
      font-size: 14px;
      margin: 0 20px; }
    header .profile-popover a i {
      font-size: 18px; }
    header .profile-popover .footer {
      font-size: 12px;
      border-top: 1px solid #C7C7C770;
      text-align: center;
      color: #767676;
      padding: 20px; }
  header .responsive-menu-toggler {
    color: #070707 !important;
    font-size: 26px; }
    header .responsive-menu-toggler i.fa {
      padding: 0 !important; }
  @media (max-width: 991px) {
    header {
      border-radius: 0 0 20px 20px;
      padding-bottom: 0 !important; }
      header .logo img {
        height: 33px; }
      header .main-header {
        padding-bottom: 20px;
        padding-top: 15px; }
      header .responsive-nav-menu {
        border-top: 1px solid #C7C7C7;
        padding-bottom: 15px; }
      header .responsive-nav-menu .profile-item {
        padding-top: 17px;
        padding-bottom: 17px;
        border-bottom: 1px solid #C7C7C770; }
      header .responsive-nav-menu .nav-item {
        margin-top: 31px; }
      header .responsive-nav-menu .nav-item a {
        color: #000;
        font-size: 14px; }
        header .responsive-nav-menu .nav-item a i {
          font-size: 20px;
          vertical-align: middle; }
        header .responsive-nav-menu .nav-item a span {
          margin: 0 16px; } }
  header .profile-item img {
    border: 1px solid #D0D0D0;
    width: 42px;
    height: 42px;
    border-radius: 100%; }
  header .profile-item span {
    color: #000; }
  header .profile-item .toggled-icon {
    font-size: 12px; }

.notification-icon {
  margin: 0 !important;
  min-width: 24px;
  display: inline-block; }

  .notification-icon label {
    background-color: #a52a2a;
width: 16px;
    height: 16px;
    border-radius: 100%;
    top: -12px;
    font-size: 12px;
    border: 2px solid #fff;
    box-sizing: content-box;
    padding: 6px;}

.responsive-black-out {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  background-color: #00000080; }

footer .upper-footer {
  padding: 20px 0 15px 0;
  border-top: 1px solid #C1C1C1; }
  footer .upper-footer .title {
    color: #070707;
    font-size: 16px; }
  footer .upper-footer .summary {
    color: #1F1F1F;
    opacity: 0.7;
    height: 40px;
    overflow: hidden;
    font-size: 14px; }
  footer .upper-footer .social-links-list {
    margin-bottom: 25px; }
    @media (max-width: 991px) {
      footer .upper-footer .social-links-list {
        text-align: center;
        margin-top: 25px; } }
    footer .upper-footer .social-links-list a {
      color: #7D2747;
      font-size: 25px;
      margin: 0 10px;
      position: relative;
      top: 0;
      transition: 0.3s; }
      footer .upper-footer .social-links-list a:hover {
        top: -5px;
        opacity: 0.8; }
  footer .upper-footer .contact-number {
    color: #272727; }
    @media (max-width: 991px) {
      footer .upper-footer .contact-number {
        text-align: center; } }
    footer .upper-footer .contact-number i {
      color: #7D2747;
      font-size: 25px;
      position: relative;
      top: 4px; }

footer .lower-footer {
  background-color: #7D2747;
  color: #fff;
  font-size: 14px;
  padding: 20px; }

[lang="en"] body .text-right, [dir="ltr"] body .text-right {
  text-align: right; }

[lang="en"] body .ff-regular, [dir="ltr"] body .ff-regular {
  font-family: poppin-regular; }

[lang="en"] body header .main-nav-menu .nav-item, [dir="ltr"] body header .main-nav-menu .nav-item {
  margin-left: 30px; }
  @media (max-width: 1400px) {
    [lang="en"] body header .main-nav-menu .nav-item, [dir="ltr"] body header .main-nav-menu .nav-item {
      margin-left: 15px;
      font-size: 14px; } }
  [lang="en"] body header .main-nav-menu .nav-item:first-of-type, [dir="ltr"] body header .main-nav-menu .nav-item:first-of-type {
    margin-left: 0; }
  [lang="en"] body header .main-nav-menu .nav-item.lang i, [dir="ltr"] body header .main-nav-menu .nav-item.lang i {
    margin-right: 5px; }

@media (min-width: 992px) {
  [lang="en"] body .page-content .heading-tabs li, [dir="ltr"] body .page-content .heading-tabs li {
    margin-right: 1%; }  
    
    
    }

@media (max-width: 991px) {
  [lang="en"] body .page-content .heading-tabs li, [dir="ltr"] body .page-content .heading-tabs li {
    margin-left: -5px; } }

[lang="en"] body .page-content .heading-tabs li:first-of-type, [dir="ltr"] body .page-content .heading-tabs li:first-of-type {
  margin-left: 0 !important; }

[lang="en"] body .page-content .heading-tabs.lined-tabs li.tab-heading-item, [dir="ltr"] body .page-content .heading-tabs.lined-tabs li.tab-heading-item {
  margin-left: -6px; }

[lang="en"] body .page-content.user-home .about-service .btn-lined, [dir="ltr"] body .page-content.user-home .about-service .btn-lined {
  padding: 10px 13px 10px 16px; }
  [lang="en"] body .page-content.user-home .about-service .btn-lined .fa, [dir="ltr"] body .page-content.user-home .about-service .btn-lined .fa {
    margin-left: 16px; }

[lang="en"] body .page-content .contribution-items .contribution-item .br-1, [dir="ltr"] body .page-content .contribution-items .contribution-item .br-1 {
  border-right: 1px solid rgba(193, 193, 193, 0.8); }

[lang="en"] body footer .upper-footer .contact-number i, [dir="ltr"] body footer .upper-footer .contact-number i {
  margin: 0 4px 0 10px; }

[lang="en"] .notification-icon label, [dir="ltr"] .notification-icon label {
  right: -20px; }
  @media (max-width: 991px) {
    [lang="en"] .notification-icon label, [dir="ltr"] .notification-icon label {
      right: -7px; } }

[lang="en"] .profile-item span, [dir="ltr"] .profile-item span {
  margin: 15px; }
  @media (max-width: 1400px) {
    [lang="en"] .profile-item span, [dir="ltr"] .profile-item span {
      margin: 5px; } }

[lang="en"] .iconed-search-box .fa{
  left: 15px; }

[lang="en"] .iconed-input-box .fa, [dir="ltr"] .iconed-input-box .fa {
  right: 15px; }

[lang="en"] .about-service .btn-lined .fa, [dir="ltr"] .about-service .btn-lined .fa {
  margin-left: 15px; }

[lang="en"] .log-as-user-section .btn {
  right: 0; }

[lang="ar"] body .text-right, [dir="rtl"] body .text-right {
  text-align: left; }

[lang="ar"] body header .main-nav-menu .nav-item, [dir="rtl"] body header .main-nav-menu .nav-item {
  margin-right: 30px; }
  @media (max-width: 1400px) {
    [lang="ar"] body header .main-nav-menu .nav-item, [dir="rtl"] body header .main-nav-menu .nav-item {
      margin-right: 15px;
      font-size: 16px; } }

@media (min-width: 992px) {
  [lang="ar"] body .page-content .heading-tabs li, [dir="rtl"] body .page-content .heading-tabs li {
    margin-left: 1%; } }

@media (max-width: 991px) {
  [lang="ar"] body .page-content .heading-tabs li, [dir="rtl"] body .page-content .heading-tabs li {
    margin-left: -5px; } }

[lang="ar"] body .page-content .heading-tabs li:first-of-type, [dir="rtl"] body .page-content .heading-tabs li:first-of-type {
  margin-right: 0 !important; }

[lang="ar"] body .page-content .heading-tabs.lined-tabs li.tab-heading-item, [dir="rtl"] body .page-content .heading-tabs.lined-tabs li.tab-heading-item {
  margin-right: -6px; }

[lang="ar"] body .page-content.user-home .about-service .btn-lined, [dir="rtl"] body .page-content.user-home .about-service .btn-lined {
  padding: 10px 16px 10px 13px; }
  [lang="ar"] body .page-content.user-home .about-service .btn-lined .fa, [dir="rtl"] body .page-content.user-home .about-service .btn-lined .fa {
    margin-right: 16px; }

[lang="ar"] body .page-content .contribution-items .contribution-item .br-1, [dir="rtl"] body .page-content .contribution-items .contribution-item .br-1 {
  border-left: 1px solid rgba(193, 193, 193, 0.8); }

[lang="ar"] body footer .upper-footer .contact-number i, [dir="rtl"] body footer .upper-footer .contact-number i {
  margin: 0 10px 0 4px; }

[lang="ar"] .notification-icon label, [dir="rtl"] .notification-icon label {
  left: -22px; }
  @media (max-width: 991px) {
    [lang="ar"] .notification-icon label, [dir="rtl"] .notification-icon label {
      left: -7px; } }

[lang="ar"] .profile-item span, [dir="rtl"] .profile-item span {
  margin: 15px; }
  @media (max-width: 1400px) {
    [lang="ar"] .profile-item span, [dir="rtl"] .profile-item span {
      margin: 5px; } }

[lang="ar"] .ordered-list, [dir="rtl"] .ordered-list {
  list-style: arabic-indic; }

[lang="ar"] .iconed-search-box .fa, [dir="rtl"] .iconed-search-box .fa {
  right: 15px; }

[lang="ar"] .iconed-input-box .fa, [dir="rtl"] .iconed-input-box .fa {
  left: 15px; }

[lang="ar"] .about-service .btn-lined .fa, [dir="rtl"] .about-service .btn-lined .fa {
  margin-right: 15px; }

[lang="ar"] .log-as-user-section .btn, [dir="rtl"] .log-as-user-section .btn {
  left: 0; }

@font-face {
  font-family: "grsia-icons";
  src: url("/Style Library/Fonts/Upgrade/GRSIA_icon_fonts/grsia-icons.eot?qwo0vy");
  src: url("/Style Library/Fonts/Upgrade/GRSIA_icon_fonts/grsia-icons.eot?qwo0vy#iefix") format("embedded-opentype"), url("/Style Library/Fonts/Upgrade/GRSIA_icon_fonts/grsia-icons.ttf?qwo0vy") format("truetype"), url("/Style Library/Fonts/Upgrade/GRSIA_icon_fonts/grsia-icons.woff?qwo0vy") format("woff"), url("/Style Library/Fonts/Upgrade/GRSIA_icon_fonts/grsia-icons.svg?qwo0vy#grsia-icons") format("svg");
 
  font-weight: normal;
  font-style: normal;
  font-display: block; }

.grsia-icon {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "grsia-icons" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-notification-check .path1:before {
  content: "";
  color: #00a33b;
  opacity: 0.1; }

.icon-notification-check .path2:before {
  content: "";
  margin-left: -1em;
  color: #00a33b; }

.icon-notification-check .path3:before {
  content: "";
  margin-left: -1em;
  color: #00a33b; }

.icon-notification-times .path1:before {
  content: "";
  color: #f71111;
  opacity: 0.1; }

.icon-notification-times .path2:before {
  content: "";
  margin-left: -1em;
  color: #f71111; }

.icon-notification-times .path3:before {
  content: "";
  margin-left: -1em;
  color: none; }

.icon-calculate-assumed-service-amount:before {
  content: ""; }

.icon-calculate-beneficiaries-shares:before {
  content: ""; }

.icon-calculate-past-service-amount:before {
  content: ""; }

.icon-calculate-pension-age:before {
  content: ""; }

.icon-calculate-pension-salary:before {
  content: ""; }

.icon-calculate-service-period:before {
  content: ""; }

.icon-calculate-unpaid-leave-amount:before {
  content: ""; }

.icon-contribution-refund:before {
  content: ""; }

.icon-lang:before {
  content: ""; }

.icon-lock:before {
  content: ""; }

.icon-logout:before {
  content: ""; }

.icon-marked-book:before {
  content: ""; }

.icon-opened-lock:before {
  content: ""; }

.icon-pension-comprehensive-calculator:before {
  content: ""; }

.icon-query-assumed-service:before {
  content: ""; }

.icon-query-beneficiary-information:before {
  content: ""; }

.icon-query-contribution-information:before {
  content: ""; }

.icon-query-for-agent-of-beneficiary:before {
  content: ""; }

.icon-query-for-agent-of-pensioner:before {
  content: ""; }

.icon-query-past-service:before {
  content: ""; }

.icon-query-pensioner-information:before {
  content: ""; }

.icon-query-unpaid-leave:before {
  content: ""; }

.icon-request-for-agent-certificate:before {
  content: ""; }

.icon-request-for-beneficiary-certificate:before {
  content: ""; }

.icon-request-for-contributor-certificate:before {
  content: ""; }

.icon-request-for-pensioner-certificate:before {
  content: ""; }

.icon-request-for-public-certificate:before {
  content: ""; }

.icon-request-installment-payment:before {
  content: ""; }

.icon-request-pension-card:before {
  content: ""; }

.icon-request-puchase-assumed-service-period:before {
  content: ""; }

.icon-request-purchase-military-service-period:before {
  content: ""; }

.icon-request-purchase-past-service-period:before {
  content: ""; }

.icon-request-purchase-unpaid-service-period:before {
  content: ""; }

.icon-sheet-pen:before {
  content: ""; }

.icon-globe:before {
  content: ""; }

.icon-globe-o:before {
  content: ""; }
  
  .icon-analytics:before {
  content: "\e930";
    font-size:60px;
}
.icon-file-hand:before {
  content: "\e931";
  font-size:60px;
}
.icon-layes:before {
  content: "\e932";
    font-size:60px;
}
.icon-multi-files:before {
  content: "\e933";
    font-size:60px;
}


@font-face {
  font-family: poppin-regular;
  src: url('/Style Library/Fonts/Upgrade/Poppins-Regular.ttf'); }

@font-face {
  font-family: poppin-medium;
  src: url('/Style Library/Fonts/Upgrade/Poppins-Medium.ttf'); }

@font-face {
  font-family: neo-sans-arabic;
  src: url('/Style Library/Fonts/Upgrade/NeoSansArabic.ttf'); }

[lang="en"] body, [dir="ltr"] body {
  font-family: poppin-medium; }

[lang="en"] .ff-regular, [dir="ltr"] .ff-regular {
  font-family: poppin-regular; }

[lang="ar"] body, [dir="rtl"] body, [dir="rtl"] a,[dir="rtl"] button ,[dir="rtl"] input {
  font-family: neo-sans-arabic !important; }

body {
  font-size: 16px;
  font-weight: normal;
  cursor: default;
  background-color: #eeeeee; }
  body a {
    text-decoration: none !important; }
  body ul {
    list-style: none;
    margin-bottom: 0;
    padding: 0; }
    body ul.inline-list li {
      display: inline-block; }
  body .btn {
    box-shadow: none !important; }
  body .btn-lined {
    color: #7D2747 !important;
    border: 2px solid #7D2747;
    border-radius: 8px;
    padding: 11px 25px;
    transition: 0.3s; }
    body .btn-lined:hover {
      background-color: #F4EFEF; }
  body .btn-link {
    color: #7D2747;
    padding: 0;
    text-decoration: none; }
    body .btn-link i.fa {
      padding: 0 14px; }
    body .btn-link:hover {
      color: #7D2747;
      text-decoration: underline; }
  body .btn-white {
    background-color: #fff;
    padding: 16px 0;
    color: #000;
    border-radius: 8px;
    text-align: center;
    transition: 0.3s; }
    body .btn-white:hover {
      background-color: lightgray;
      color: black; }
    body .btn-white.active {
      background-color: gray;
      color: #fff; }
  body .btn {
    outline: none !important; }
  body .btn-primary {
    background-color: #7D2747;
    color: #fff;
    border: none;
    box-shadow: none !important; }
    body .btn-primary:hover, body .btn-primary:focus, body .btn-primary:active {
      background-color: #671f3a;
      color: white;
      border-color: transparent; }
  body .btn-secondary {
    color: #7D2747;
    background-color: #eeeeee;
    font-size: 14px;
    border: none;
    padding: 10px 20px; }
    body .btn-secondary:hover, body .btn-secondary:focus {
      background-color: #7D2747;
      color: #fff; }
  body .white-card {
    background-color: #fff; }
  body .w-90 {
    width: 90%; }
  body i.grsia-icon {
    display: inline-block;
    vertical-align: middle; }
  body .title-primary {
    font-size: 24px;
    font-weight: 300;
    color: #7D2747;
    padding: 0;
    margin: 0 0 24px 0; }
    body .title-primary span {
      margin: 0 15px; }
  @media (max-width: 991px) {
    body .responsive-np {
      padding: 0; } }
  body .ordered-list, body .un-ordered-list {
    margin-bottom: 0;
    padding: 0 18px; }
    body .ordered-list li, body .un-ordered-list li {
      text-indent: 5px;
      margin-bottom: 15px; }
  body .un-ordered-list {
    list-style: disc; }
  body .txt-primary {
    color: black; }
  body .form-control, body .form-select {
    border: 1px solid #C1C1C1;

    box-shadow: none !important;
    font-size: 14px;
    height: 44px; }
    body .form-control:focus, body .form-select:focus {
      border: 1px solid #12572B; }
  body .form-label {
    color: #00000070;
    line-height: 16px;
    text-transform: capitalize; }
  body .form-check-input[type=radio] {
    width: 24px;
    height: 24px;
    margin: 0; }
    body .form-check-input[type=radio]:checked {
      background-color: #7D2747;
      border: 3px solid #fff;
      box-shadow: 0 0 0 1px #7D2747;
      background-image: none !important; }
  body .form-check-input[type=checkbox] {
    width: 24px;
    height: 24px;
    background-color: #fff;
    border: 2px solid #7d2747;
    box-shadow: none;
    display: inline-block;
    vertical-align: middle; }
    body .form-check-input[type=checkbox]:checked {
      background-color: #7d2747; }
  body .iconed-search-box .fa, body .iconed-input-box .fa {
    color: #909090;
    font-size: 18px;
    top: 13px; }
  body .form button {
    padding: 11px 25px;
    border-radius: 8px;
    height: 48px; }
    body .form button.btn-lined {
      background-color: #fff; }
      body .form button.btn-lined:hover {
        background-color: #F4EFEF; }
  body .form .back-btn {
    padding: 5px 20px !important; }
  body .form .form-footer {
    border-top: 1px solid #CCCCCC; }
  body .form.form-data .form-group {
    border-bottom: 1px solid #CCCCCC; }
  body .page-content {
    margin-top: 100px; 
            background: url('/Style Library/Portal_Images/pattern_header.png') bottom center repeat-x;
            /*background-size: 300px auto;*/

    }
    
    @media (max-width: 991px) {
      body .page-content {
        margin-top: 100px; } }
    body .page-content .main-banner {
      height: 302px;
      background: url('/Style Library/Portal_Images/Upgrade/main-banner-bg-img.png') no-repeat;
      background-size: 100% 100%; }
      @media (max-width: 991px) {
        body .page-content .main-banner {
          height: 149px;
          background: url('/Style Library/Portal_Images/Upgrade/responsive-main-banner-bg-img.png') no-repeat;
          background-size: 100% 100%;
          margin-top: -20px; } }
    body .page-content .title-lg {
      font-size: 32px;
      color: black;
      margin: 32px 0 24px 0; }
      @media (max-width: 991px) {
        body .page-content .title-lg {
          font-size: 20px; } }
    body .page-content .boxed-title {
      font-size: 24px;
      background-color: gray;
      border: 2px solid #fff;
      padding: 15px;
      color: white; margin-top:10px;}
      body .page-content .boxed-title span {
        margin: 0 12px; }
      body .page-content .boxed-title .detailed-title {
        color: #272727; }
        body .page-content .boxed-title .detailed-title span {
          margin: 0; }
        body .page-content .boxed-title .detailed-title .name {
          font-size: 20px; }
        body .page-content .boxed-title .detailed-title .period, body .page-content .boxed-title .detailed-title .date, body .page-content .boxed-title .detailed-title .amount {
          font-size: 16px; }
        body .page-content .boxed-title .detailed-title .date {
          opacity: 0.7; }
    body .page-content .main-subtitle {
      color: #070707;
      font-size: 20px; }
      @media (max-width: 991px) {
        body .page-content .main-subtitle {
          font-size: 18px; } }
    body .page-content .heading-tabs {
      white-space: nowrap;
      width: 100%;
      overflow-x: auto;
      margin: 0 0%;
      margin-bottom: 20px;
      text-align: center; }
      @media (max-width: 991px) {
        body .page-content .heading-tabs {
          margin: 0;
          width: 100%;
          margin-bottom: 25px; } }
      @media (min-width: 992px) {
        body .page-content .heading-tabs li {
          width: 18.4%; } }
      @media (max-width: 992px) {
        body .page-content .heading-tabs li {
          min-width: 18.8%; } }
      @media (max-width: 991px) {
        body .page-content .heading-tabs li button {
          font-size: 12px;
          border-radius: 0;
          padding: 12px; } }
      @media (min-width: 992px) {
        body .page-content .heading-tabs.small-heading-tabs {
          margin: 0;
          width: 100%; }
          body .page-content .heading-tabs.small-heading-tabs li {
            width: auto !important; min-width:12%;}
          body .page-content .heading-tabs.small-heading-tabs button {
            font-size: 14px;
            padding: 10px 11px;
            border-radius: 16px;
            font-family: poppin-regular; } }
      @media (max-width: 992px) {
        body .page-content .heading-tabs.w-tabs-3 li {
          
        } }
      body .page-content .heading-tabs.lined-tabs {
        margin: 0;
        width: 100%; }
        body .page-content .heading-tabs.lined-tabs li.tab-heading-item {
          min-width: calc(100% / 7);
          width: auto;
          margin: 0;
          background-color: #fff; }
    body .page-content .tabs-items-container .tab-item {
      background-color: #fff;
      border: 1px solid #D3D3D3;
      border-radius: 20px;
      height: 200px; }
      body .page-content .tabs-items-container .tab-item .service-icon {
        font-size: 40px;
        color: #7D2747; }
      body .page-content .tabs-items-container .tab-item .title {
        font-size: 16px;
        height: 40px; }
      body .page-content .tabs-items-container .tab-item .actions {
        display: flex;
        visibility: hidden;
        height: 0;
        opacity: 0;
        transition: visibility 0s, opacity 0.2s, height 0.2s linear; }
      body .page-content .tabs-items-container .tab-item .btn-lined {
        padding: 8px;
        line-height: 16px;
        width: 47%; }
      body .page-content .tabs-items-container .tab-item:hover .actions {
        visibility: visible;
        height: 36px;
        opacity: 1; }
      @media (max-width: 991px) {
        body .page-content .tabs-items-container .tab-item .actions {
          visibility: visible;
          height: 36px;
          opacity: 1; } }
    body .page-content .about-service .white-card {
      border-radius: 16px;
      padding: 49px; }
    body .page-content .about-service .summary {
      color: #1F1F1F;
      opacity: 0.7; }
    body .page-content .about-service .btn-lined .fa {
      font-size: 20px; }
    body .page-content .about-service img {
      max-width: 100%; }
      body .page-content .about-service img.mh-185 {
        max-height: 185px; }
      @media (max-width: 991px) {
        body .page-content .about-service img {
          margin-top: 30px; } }
    body .page-content .pc-card {
      border-radius: 12px; }
    body .page-content .pc-main-bg-img {
      max-width: 100%; }
    body .page-content #profile_accordion .card {
      background-color: transparent;
      border: none;      
      border-radius: 0; }
      body .page-content #profile_accordion .card .card-header {
        background-color: transparent;
        border: none;
        font-size: 18px; }
        body .page-content #profile_accordion .card .card-header button {
          color: white; }
          body .page-content #profile_accordion  .card .card-header button:hover {
            color: white;
            text-decoration: none; }
      body .page-content #profile_accordion  .card.active {
        border-radius: 12px;
     
        border-bottom: 0; }
        body .page-content #profile_accordion .card.active .card-header button span {
          color: white; }
        body .page-content #profile_accordion .card.active .card-header button .fa[class*="fa-chevron"]::before {
          content: "\f077" !important; }
        body .page-content #profile_accordion .card.active .card-body {
          color: #1F1F1F;
          opacity: 1; }
      body .page-content #profile_accordion .card:last-of-type {
        border-bottom: none; }
    body .page-content #accordion.pension-accordion .card {
      border-radius: 0;
      border: none; }
      body .page-content #accordion.pension-accordion .card .card-header {
        padding: 0 !important; }
        body .page-content #accordion.pension-accordion .card .card-header .boxed-title {
          background-color: #fff; }
          body .page-content #accordion.pension-accordion .card .card-header .boxed-title button {
            color: inherit; }
            body .page-content #accordion.pension-accordion .card .card-header .boxed-title button span {
              font-size: 20px; }
            body .page-content #accordion.pension-accordion .card .card-header .boxed-title button i.grsia-icon {
              font-size: 24px; }
      body .page-content #accordion.pension-accordion .card .card-body {
        opacity: 1; }
      body .page-content #accordion.pension-accordion .card.active .boxed-title {
        background-color: #E6EEE9; }
      body .page-content #accordion.pension-accordion .card .table {
        border: 1px solid #C7C7C7;
        font-size: 16px; }
th{
	font-weight:600 !important;font-size:14px !important;
}
        body .page-content #accordion.pension-accordion .card .table thead tr, body .page-content #accordion.pension-accordion .card .table thead th, th {
          border: none; }
        body .page-content #accordion.pension-accordion .card .table tbody {
          font-size: 16px; }
          body .page-content #accordion.pension-accordion .card .table tbody .summary {
            background-color: #E6EEE9;
            font-family: poppin-medium; }
    body .page-content #accordion.profile-accordion .card {
      border-bottom: none; }
    body .page-content #accordion.profile-accordion .card.active {
      background-color: transparent; }
      body .page-content #accordion.profile-accordion .card.active .card-body {
        opacity: 1; }
    body .page-content .my-requests-container .item {
      background-color: #fff;
      border: 1px solid #C1C1C1;
      border-radius: 8px;
      color: #272727; }
      body .page-content .my-requests-container .item .item-headding, body .page-content .my-requests-container .item .item-footer {
        padding: 20px; }
      body .page-content .my-requests-container .item .s-icon {
        color: #7D2747;
        font-size: 28px; }
      body .page-content .my-requests-container .item .title {
        height: 48px; }
      body .page-content .my-requests-container .item .item-footer {
        background-color: #F7F7F7;
        border-radius: 0 0 8px 8px; }
        body .page-content .my-requests-container .item .item-footer span {
          font-size: 14px; }
        body .page-content .my-requests-container .item .item-footer .fa {
          color: #868686; }
    body .page-content .status-pending, body .page-content .status-completed, body .page-content .status-rejected {
      font-size: 14px;
      border-radius: 29px;
      padding: 8px 12px; }
    body .page-content .status-pending {
      color: #FF7F00;
      background-color: #fff2e5; }
    body .page-content .status-completed {
      color: #00A33B;
      background-color: #E5F6EB; }
    body .page-content .status-rejected {
      color: #F71111;
      background-color: #fee7e7; }
    body .page-content .log-as-user-section {
      background-color: #7D2747; }
      body .page-content .log-as-user-section .label {
            font-size: 23px;
    color: #fff;
    padding: 6px; }
      body .page-content .log-as-user-section .btn {
        top: 0;
        height: 100%;
        border-radius: 0.25rem;
        border: 1px solid #C1C1C1; font-size:15px;}
      body .page-content .log-as-user-section .user-name {
        font-size: 24px;
        background-color: #eeeeee;
        color: black;
        padding: 6px 32px;
        border-radius: 8px; }
      body .page-content .log-as-user-section .actions .item {
        color: #fff;
        font-size: 24px;
        width: 48px;
        height: 48px;
        display: flex;
        justify-content: center;
        align-items: center;
        border: 1px solid transparent; }
        body .page-content .log-as-user-section .actions .item:hover, body .page-content .log-as-user-section .actions .item.active {
          background-color: #ffffff60;
          border-color: #fff;
          border-radius: 4px; }
        body .page-content .log-as-user-section .actions .item .notification-icon label {
          top: -20px !important; }
    body .page-content .primary-table {
      border: 1px solid #fff;
      background-color: #fff; }
      body .page-content .primary-table th, body .page-content .primary-table td {
        padding: 15px; }
      body .page-content .primary-table thead, th {
        background-color: #E6EEE9; }
      body .page-content .primary-table tr, body .page-content .primary-table td {
        border-color: rgba(193, 193, 193, 0.5); }
      body .page-content .primary-table tbody {
        font-size: 14px;
        font-family: poppin-regular; }
        body .page-content .primary-table tbody .locked {
          color: #868686; }
        body .page-content .primary-table tbody .separator {
          display: inline-block;
          width: 1px;
          height: 36px;
          background-color: #E3E3E3; }
        body .page-content .primary-table tbody .pending, body .page-content .primary-table tbody .completed, body .page-content .primary-table tbody .rejected {
          border-radius: 29px;
          padding: 8px 12px; }
        body .page-content .primary-table tbody .pending {
          color: #FF7F00;
          background-color: #fff2e5; }
        body .page-content .primary-table tbody .completed {
          color: #00A33B;
          background-color: #E5F6EB; }
        body .page-content .primary-table tbody .rejected {
          color: #F71111;
          background-color: #fee7e7; }
        body .page-content .primary-table tbody span.footable-toggle {
          opacity: 1;
          font-size: 16px;
          font-weight: 700; }
        @media (max-width: 991px) {
          body .page-content .primary-table tbody tr[data-expanded="true"] {
            background-color: #F4EFEF;
            border-color: transparent; } }
        body .page-content .primary-table tbody tr.footable-detail-row tr, body .page-content .primary-table tbody tr.footable-detail-row td {
          border-color: transparent; }
        body .page-content .primary-table tbody tr.footable-detail-row table {
          background-color: #F4EFEF;
          border-radius: 8px;
          position: relative; }
          body .page-content .primary-table tbody tr.footable-detail-row table::before {
            content: '';
            position: absolute;
            border-left: 10px solid transparent;
            border-right: 10px solid transparent;
            border-bottom: 10px solid #F4EFEF;
            top: -9px;
            left: 10px; }
        body .page-content .primary-table tbody tr.footable-detail-row > td {
          padding-top: 8px; }
    body .page-content .fs-22 {
      font-size: 22px; }
    body .page-content .query-contribution-container {
      text-align: initial; }
      body .page-content .query-contribution-container .item {
        background-color: #eeeeee;
        padding: 15px;
        border-radius: 4px; }
        body .page-content .query-contribution-container .item .title {
          font-size: 14px; }
        body .page-content .query-contribution-container .item .value {
          font-size: 20px;
          font-family: poppin-regular; }
      body .page-content .query-contribution-container .contribution-items .contribution-item {
        border: 1px solid #C1C1C1;
        border-radius: 4px; }
        body .page-content .query-contribution-container .contribution-items .contribution-item .title {
          font-size: 12px;
          opacity: 0.8;
          font-family: poppin-regular; }
        body .page-content .query-contribution-container .contribution-items .contribution-item .value {
          font-size: 14px; }
        body .page-content .query-contribution-container .contribution-items .contribution-item .btn {
          font-size: 14px; }
          body .page-content .query-contribution-container .contribution-items .contribution-item .btn .fa {
            font-size: 12px; }
        @media (max-width: 991px) {
          body .page-content .query-contribution-container .contribution-items .contribution-item .br-1 {
            border: none;
            margin-bottom: 20px; } }

.status {
  font-size: 14px;
  border-radius: 29px;
  padding: 8px 12px; }
  .status.pending {
    color: #fff;
    background-color: #FF7F00; }
  .status.completed {
    color: #fff;
    background-color: #00A33B; }
  .status.rejected {
    color: #fff;
    background-color: #F71111; }

.heading-tabs::-webkit-scrollbar {
  width: 0; }

.heading-tabs::-webkit-scrollbar-track {
  background-color: transparent; }

.heading-tabs::-webkit-scrollbar-thumb {
  background-color: transparent; }

::-webkit-input-placeholder {
  color: #868686; }

/* Edge */
:-ms-input-placeholder {
  color: #868686; }

/* Internet Explorer 10-11 */
::placeholder {
  color: #868686; }

.datepicker.datepicker-dropdown.dropdown-menu {
  background-color: #f6f6f6; }
  .datepicker.datepicker-dropdown.dropdown-menu::after {
    border-bottom: 6px solid #f6f6f6; }
  .datepicker.datepicker-dropdown.dropdown-menu .table-condensed thead tr {
    display: none; }
    .datepicker.datepicker-dropdown.dropdown-menu .table-condensed thead tr:first-of-type {
      display: table-row;
      color: #7D2747;
      height: 44px;
      border-bottom: 1px solid #cccccc; }
      .datepicker.datepicker-dropdown.dropdown-menu .table-condensed thead tr:first-of-type .datepicker-switch {
        font-weight: 300; }
      .datepicker.datepicker-dropdown.dropdown-menu .table-condensed thead tr:first-of-type .prev, .datepicker.datepicker-dropdown.dropdown-menu .table-condensed thead tr:first-of-type .next {
        font-size: 20px; }
  .datepicker.datepicker-dropdown.dropdown-menu .table-condensed tbody td {
    width: 40px;
    height: 40px; }
    .datepicker.datepicker-dropdown.dropdown-menu .table-condensed tbody td.active {
      background-color: #7D2747; }

.modal .modal-content {
  padding: 25px; }
  .modal .modal-content .close-modal-btn {
    font-size: 28px;
    color: #C1C1C1;
    padding: 0;
    line-height: 16px;
    text-decoration: none !important;min-width:0px; }
  .modal .modal-content .title {
    font-size: 24px;
    margin-bottom: 32px !important; }
  .modal .modal-content .content .data-item {
    border-bottom: 1px solid #C1C1C1; }
    .modal .modal-content .content .data-item:last-of-type {
      border: none; }
    .modal .modal-content .content .data-item .item-heading {
      font-size: 12px;
      opacity: 0.8;
      font-family: poppin-regular; }
    .modal .modal-content .content .data-item .item-value {
      font-size: 14px; }

.table-dimmed thead {
  font-size: 15px;
  background-color: rgba(193, 193, 193, 0.4);
  border-right: 1px solid rgba(193, 193, 193, 0.4);
  border-left: 1px solid rgba(193, 193, 193, 0.4); }
  .table-dimmed thead th {
    padding-top: 12px;
    padding-bottom: 12px;
    font-weight: 300;
    border-bottom: none;
    vertical-align: baseline; }

.table-dimmed tbody {
  font-size: 14px;
  border: 1px solid rgba(193, 193, 193, 0.4);
  font-family: poppin-regular; }
  .table-dimmed tbody .btn-link {
    height: auto;
    text-decoration: underline; }
  .table-dimmed tbody tr.active {
    background-color: #E6EEE9;
    font-weight: 800; }

.table-dimmed.border-white > thead, .table-dimmed.border-white > tbody {
  border: 1px solid #fff; }

.table-dimmed.border-white > tbody tr {
  border-bottom: 1px solid rgba(193, 193, 193, 0.4); }

.table-dimmed.border-white > tbody td {
  padding-top: 12px;
  padding-bottom: 12px; }

.table-dimmed .table-dimmed {
  border: 1px solid rgba(193, 193, 193, 0.4);
  background-color: rgba(193, 193, 193, 0.2); }
  .table-dimmed .table-dimmed th {
    font-weight: 300;
    font-size: 13px; }

.actions-btns {
  border-top: 1px solid #C1C1C1; }
  .actions-btns button {
    padding: 11px 25px;
    border-radius: 8px;
    height: 48px;
    min-width: 120px; }
    .actions-btns button.btn-lined {
      background-color: #fff; }
      .actions-btns button.btn-lined:hover {
        background-color: #F4EFEF; }
    .actions-btns button.btn-primary {
      margin: 0 15px; }

.notifications-container {
  right: 0;
  top: 85px;
  background-color: #fff;
  width: 480px;
  box-shadow: -1px 3px 2px #00000014;
  max-height: calc(100% - 120px);
  overflow: auto; }
  .notifications-container .item {
    display: block;
    padding: 11px 25px 17px 25px;
    border-bottom: 1px solid rgba(193, 193, 193, 0.4);
    color: #333; }
    .notifications-container .item .date {
      color: #909090;
      font-size: 12px;
      margin-bottom: 5px; }
    .notifications-container .item .icon {
      font-size: 22px;
      color: #7D2747;
      position: relative;
      top: 3px; }
      .notifications-container .item .icon.fa-check, .notifications-container .item .icon.fa-times {
        border: 1px solid;
        border-radius: 100%;
        width: 26px;
        height: 26px;
        font-size: 16px;
        text-align: center;
        padding-top: 3px; }
      .notifications-container .item .icon.fa-check {
        color: #00A33B;
        border-color: #00A33B; }
      .notifications-container .item .icon.fa-timeso {
        color: #f71111;
        border-color: #f71111; }
    .notifications-container .item .title {
      margin: 0 7px; }
    .notifications-container .item .notification-status {
      font-size: 14px;
      color: #909090;
      margin-top: 2px;
      padding: 0 35px; }
    .notifications-container .item.previous-item {
      background-color: #EAEAEA;
      border-color: #fff; }

.notifications-container::-webkit-scrollbar {
  width: 10px; }

.notifications-container::-webkit-scrollbar-track {
  background-color: #C1C1C1; }

.notifications-container::-webkit-scrollbar-thumb {
  background-color: #333;
  border-radius: 10px; }

.alert {
  color: #000; }
  .alert.alert-warning {
    background-color: #FFE5CB;
    border: 1px solid #FF7F00; }
    .alert.alert-warning i {
      color: #FF7F00;
      font-size: 26px; }
      .fa-warning:before{
	margin:0px 10px !important;
}

[lang="en"] .currencyformat-container::after {
  left: 13px !important; }

[lang="ar"] .currencyformat-container::after {
  right: 13px !important; }

.currencyformat-container.disabled-container::after {
  color: #b1b1b1; }

.form .form-radio .aspNetDisabled input[type="radio"]:checked {
  background-color: #b1b1b1;
  box-shadow: 0 0 0 1px #b1b1b1; }

.form .form-radio .aspNetDisabled label {
  color: #8d8c8c; }

body .form.form-data .form-group {
  border-bottom: none !important; }

.form-group .data {
  display: block;
  border-bottom: 1px solid #CCCCCC;
  padding-bottom: 0.5rem !important; }

#resultFromServer {
  background-color: white;
  padding: 1rem 2rem;
  border-radius: 8px;
  margin-bottom: 2rem; }

body.dark-mode {
  background-color: #171717;
  color: white; }
  body.dark-mode header {
    background-color: black; }
    body.dark-mode header .main-nav-menu .nav-item a, body.dark-mode header .profile-item span {
      color: white; }
    body.dark-mode header .profile-popover,
    body.dark-mode header .notifications-container {
      background-color: black;
      box-shadow: 0px 3px 6px #8484843d;
      border: 1px solid #8484843d;
      border-top: none; }
    body.dark-mode header .profile-popover .footer {
      color: #bfbfbf; }
    body.dark-mode header .notifications-container .item {
      color: white; }
    body.dark-mode header .notifications-container .item .date, body.dark-mode header .notifications-container .item .notification-status {
      color: #c5c5c5; }
    body.dark-mode header .notifications-container .item.previous-item {
      background-color: #171717;
      border-color: rgba(193, 193, 193, 0.4); }
    body.dark-mode header .accessibility-actions-container {
      background-color: black;
      border-color: rgba(193, 193, 193, 0.4); }
      body.dark-mode header .accessibility-actions-container a {
        color: white; }
    body.dark-mode header a:hover {
      color: #cc90a7 !important; }
    body.dark-mode header .responsive-menu-toggler {
      color: white !important; }
    @media (max-width: 991px) {
      body.dark-mode header .responsive-nav-menu .nav-item a {
        color: white; } }
  body.dark-mode .page-content .title-lg {
    color: white; }
  body.dark-mode .btn-white:not(.active) {
    color: white;
    background-color: black; }
  body.dark-mode .white-card {
    background-color: black; }
  body.dark-mode .page-content .tabs-items-container .tab-item {
    color: white;
    background-color: black;
    border-color: #3e3c3c; }
  body.dark-mode .page-content .about-service .summary {
    color: white; }
  body.dark-mode .page-content #accordion .card .card-header button {
    color: white; }
  body.dark-mode .page-content #accordion .card.active {
    background-color: black; }
  body.dark-mode .page-content #accordion .card.active .card-body, body.dark-mode .page-content .main-subtitle {
    color: white; }
  body.dark-mode .page-content .form-control, body.dark-mode .page-content .form-select,
  body.dark-mode .page-content .my-requests-container .item {
    color: white;
    background-color: black;
    border-color: #3e3c3c; }
  body.dark-mode .page-content .my-requests-container .item .item-footer {
    background-color: #0e0e0e; }
  body.dark-mode .page-content .form-label {
    color: #ffffff95; }
  body.dark-mode .page-content .boxed-title, body.dark-mode .page-content #accordion.pension-accordion .card .card-header .boxed-title {
    background-color: #12572B;
    color: #E6EEE9;
    border-color: black; }
  body.dark-mode .page-content #accordion.pension-accordion .card .card-header .boxed-title button,
  body.dark-mode .page-content #accordion.pension-accordion .card .card-header .boxed-title button span {
    color: #E6EEE9; }
  body.dark-mode .page-content #accordion.pension-accordion .card .primary-table thead {
    color: black;
    background-color: white; }
  body.dark-mode .page-content #accordion.pension-accordion .card .primary-table .summary {
    color: #12572B;
    background-color: #E6EEE9; }
  body.dark-mode .page-content #accordion .card.active .card-header button span {
    color: white; }
  body.dark-mode .page-content .currencyformat-container::after {
    color: white;
    background-color: black; }
  body.dark-mode .page-content .primary-table thead {
    background-color: #12572B;
    color: #E6EEE9; }
  body.dark-mode .page-content .primary-table tbody {
    color: white;
    background-color: black; }
  body.dark-mode .page-content .btn-link {
    color: #cc90a7; }
  body.dark-mode .page-content .table-dimmed thead {
    background-color: white; }
  body.dark-mode .page-content .table-dimmed tbody tr {
    color: white; }
  body.dark-mode .page-content .table-dimmed tbody .active {
    background-color: #12572B;
    color: #E6EEE9; }
  body.dark-mode .page-content .boxed-title .detailed-title {
    color: white; }
  body.dark-mode .page-content .heading-tabs.lined-tabs li {
    background-color: black; }
  body.dark-mode .page-content .currencyformat-container::after {
    background-color: black;
    color: white; }
  body.dark-mode .page-content .currencyformat-container.disabled-container::after {
    color: #b1b1b1; }
  body.dark-mode footer .upper-footer .summary, body.dark-mode footer .upper-footer .title, body.dark-mode footer .upper-footer .contact-number {
    color: white; }
  body.dark-mode footer .upper-footer .social-links-list a {
    color: #cc90a7; }
  body.dark-mode footer .upper-footer .contact-number i {
    color: #cc90a7; }
  body.dark-mode footer .upper-footer .btn-link {
    color: #cc90a7; }
  body.dark-mode .modal-backdrop, body.dark-mode .responsive-black-out {
    background-color: #4d4d4d; }
  body.dark-mode .modal.show .modal-dialog .modal-content {
    background: black; }
    body.dark-mode .modal.show .modal-dialog .modal-content .table-dimmed thead {
      background-color: white; }
    body.dark-mode .modal.show .modal-dialog .modal-content .table-dimmed tbody tr {
      color: white; }
    body.dark-mode .modal.show .modal-dialog .modal-content .table-dimmed tbody .active {
      background-color: #12572B;
      color: #E6EEE9; }

.InquiryResult{background-color: white;position: relative;margin-top: 40px !important;}
.InquiryResult>div, .InquiryResult>table{width: 96%; margin-left: 2%; margin-right: 2%;}
.InquiryResult table{margin-bottom: 30px;}
.InquiryResult::before{
    content: '';
    width: 0; 
    height: 0; 
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-bottom: 20px solid white;
    position: absolute;
    top: -20px;
    left: 50%;
}
.InquiryResult table th{padding: 15px !important;background-color: rgba(193, 193, 193, 0.4) !important;}
.InquiryResult table td{padding: 15px !important;}
.InquiryResult [id*="ResultFooter"]{
  background-color: black;
  color: #cecece;
  padding: 10px 20px;
  border-radius: 4px;
  font-size: 16px;
  position: relative;
}
.InquiryResult [id*="ResultFooter"] [id*="EnteredValue"]{font-size: 18px;color: white;}
.InquiryResult [id*="ResultFooter"]::after{
    content: 'i';
    color: white;
    background-color: #6f6f6f;
    width: 22px;
    height: 22px;
    border-radius: 100%;
    display: inline-block;
    font-size: 18px;
    text-align: center;
    position: absolute;
    top: 13px;
    border: 2px solid white;
    line-height: 20px;
}
[dir="ltr"] .InquiryResult [id*="ResultFooter"]::after{right: 20px;}
[dir="rtl"] .InquiryResult [id*="ResultFooter"]::after{left: 20px;}
body.dark-mode .page-content .InquiryResult{background-color: black;}
body.dark-mode .page-content .InquiryResult [id*="ResultFooter"]{background-color: white;}

@media (min-width: 992px){
body .page-content .heading-tabs li {width: 18.4% !important;}}
@media (max-width: 1199px) and (min-width: 991px;){
body .page-content .heading-tabs li .btn{font-size: 0.8rem !important;}}
.provided-section div[class*="ms-"] {display: block !important;width: 100% !important;}

  <!-- START OF LOADER STYLE -->
  <style>
    @-webkit-keyframes placeHolderShimmer {
       0% {
          background-position: -468px 0;
       }

       100% {
          background-position: 468px 0;
       }
    }

    @keyframes placeHolderShimmer {
       0% {
          background-position: -468px 0;
       }

       100% {
          background-position: 468px 0;
       }
    }

    .loader-service-details,
    .loader-service-item,
    .loader-btn {
       -webkit-animation-duration: 1.25s;
       animation-duration: 1.25s;
       -webkit-animation-fill-mode: forwards;
       animation-fill-mode: forwards;
       -webkit-animation-iteration-count: infinite;
       animation-iteration-count: infinite;
       -webkit-animation-name: placeHolderShimmer;
       animation-name: placeHolderShimmer;
       -webkit-animation-timing-function: linear;
       animation-timing-function: linear;
       background: #F6F6F6;
       background: linear-gradient(to right, #eaeaea 8%, #e1e1e1 18%, #e8e8e8 33%);
       background-size: 800px 104px;
       height: 96px;
       position: relative;
    }
    .loader-service-details {
       height: 226px;
       border-radius: 16px;
    }

    .loader-service-item {
       border: none !important;
    }
    .loader-btn{
       height: 58px;
       border-radius: 8px;
    }
    div.btn{cursor: default !important;padding: 0;border: none;}
 </style>
 <!-- END OF LOADER STYLE -->
 .ms-dlgCloseBtn{margin-right: 15px !important;}

input[type="checkbox"]{height:18px;width:18px;margin:0px 10px }

.nav-item a{font-size:16px;}
[lang="ar"]
.nav-item a{font-size:18px;}

.ms-webpartzone-cell{
	margin:auto !important;
}

.ui-datepicker{
	z-index:10 !important;
}


[dir="rtl"] .fa-chevron-right, [dir="rtl"] .fa-chevron-left{
        -webkit-transform: scaleX(-1);
        transform: scaleX(-1);
    }
.responsive-np{position: relative;}
    .responsive-np .tabs-actions-container .prev, 
    .responsive-np .tabs-actions-container .next {
        opacity: 0.7;
        cursor: pointer !important;
        top: 14px;
        border: none !important;
        min-width:0px !important;
    }
    .responsive-np .tabs-actions-container .prev:disabled, 
    .responsive-np .tabs-actions-container .next:disabled{
        border: none !important;
        background-color: transparent !important;
        color: #7D2747 !important;
        cursor: pointer !important;
    }
    .responsive-np .tabs-actions-container .prev:hover, 
    .responsive-np .tabs-actions-container .next:hover {
        opacity: 1;
    }
    .responsive-np .tabs-actions-container .prev{
        left: -30px;
        text-align: start;
    }
    .responsive-np .tabs-actions-container .next{
        right: -30px;
        text-align: end;
    }
    [dir="rtl"] .responsive-np .tabs-actions-container .prev{
 		right: -30px;
        text-align: end !important; /*Edit : add important*/
        /*Edit: new*/
        left: auto !important; 
       /* -webkit-transform: scaleX(-1);
        transform: scaleX(-1);*/
            }
            
    [dir="rtl"] .responsive-np .tabs-actions-container .next{
  		left: -30px;
        text-align: start !important; /*Edit : add important*/
        /*Edit: new*/
        right: auto !important; 
       /* -webkit-transform: scaleX(-1);
        transform: scaleX(-1);    */
    }
    
    #headingTabsSlider #lastSliderElement{
        opacity: 0;
        cursor: default !important;
		width: 1% !important;
    }

@media (max-width: 991px) {
    .responsive-np .tabs-actions-container .prev,
    .responsive-np .tabs-actions-container .next {display: none !important;}
    }
    
    .modal-body th, .modal-body  td {
    /* display: none; */
    padding: 8px  !important;
}
.modal-body th{
    /* display: none; */
    padding: 10px !important;
}


		
.text-white{	
	color:white;	
}	
input[type="text"]:disabled, .form-control:disabled, .form-control[readonly]{	
	border-color:transparent ;
   border-bottom: lightgray 1px solid !important;
   color: black !important;	
    font-size: 16px;background-color:white !important;	
    padding: 0px !important;	
}	
    .h3,h3 {		
        font-size: 1.5rem !important;		
    }	
    	
    .collapsed .fa[class*="fa-chevron"]::before	
{content: "\f077" !important; }	
#suiteBarDelta, #s4-ribbonrow {display:none;}

.dataTables_info{
	display:none;
}

.modal{
	z-index:1050 !important;
}
/****02082023****/
@media (max-width: 991px) {
  header .profile-popover-toggler{pointer-events: none !important;}
  .responsive-menu .responsive-nav-menu .profile-item span.profile-item{
    border-bottom: none !important;
  }
  .responsive-menu .responsive-nav-menu .profile-item span.profile-item i{
    display: none !important;
  }
  .responsive-menu-toggler{min-width: 0 !important;}
}
footer .upper-footer .social-links-list{margin-bottom: 10px;}
footer .upper-footer .share-app-actions{margin-top: 0px;max-width}
footer .upper-footer .share-app-actions a{
  padding: 5px 10px;
  background-color: black;
  color: white !important;
  border-color: black !important;
  text-align: start;
  min-height: 50px;
}
footer .upper-footer .share-app-actions a .small{
  font-size: 11px;
    text-align: start;
    line-height: 10px;
}
footer .upper-footer .share-app-actions a .main{
  font-size: 16px;
  text-align: start;
}
footer .upper-footer .share-app-actions a i{font-size: 28px;}
@media (max-width: 1400px) and (min-width: 767px) {
  footer .upper-footer .share-app-actions > div {flex-direction: column;}
  footer .upper-footer .share-app-actions a{margin-bottom: 5px;}
}
@media (max-width: 767px) {
  footer .upper-footer .share-app-actions > div {justify-content: center !important;}
  footer .upper-footer .share-app-actions a{margin-left: 5px; margin-right: 5px;}
}

.footerRow td{padding: 10px 3px !important}
 .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;
}
/** Currency Format **/
.currencyformat-container .currency-hidden-bg {
      position: absolute;
      top: 33px;
      display: inline-block;
      height: 36px;
      background-color: white;
      width: 90%;
      z-index: 2;
      background-color: transparent;
    }
    .currencyformat-container .currency-hidden-bg {
      left: 1px;
    }
    .currencyformat-container .currency-hidden-bg {
      right: 1px;
    }
  /** Data Table Paging **/  
    body .dataTables_wrapper .dataTables_paginate .paginate_button{
        font-size: 16px !important;
        padding: 2px 15px !important;
        border: 1px solid #dadada !important;
        border-radius: 4px !important;
        background-color: white !important;
        color: #333 !important;
        margin: 0 5px !important;
        box-shadow: none !important;
        margin: 10px 6px !important;
        position: relative !important;
    }
    body .dataTables_wrapper .dataTables_paginate .paginate_button:hover{
        background: #efefef !important;
        color: #333 !important;
        box-shadow: none !important;
    }
    body .dataTables_wrapper .dataTables_paginate .paginate_button.current{
        font-weight: bold !important;
        background-color: #7e2747 !important;
        color: white !important;
        border-color: #7e2747 !important;
    }
    body .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{
        color: white !important;
        cursor: default !important;
    }
    body .dataTables_wrapper .dataTables_paginate .paginate_button.previous, 
    body .dataTables_wrapper .dataTables_paginate .paginate_button.next{
        color: transparent !important;
        width: 44px !important;
    }
    body .dataTables_wrapper .dataTables_paginate .paginate_button.previous:hover, 
    body .dataTables_wrapper .dataTables_paginate .paginate_button.next:hover{
        color: transparent !important;
    }
    body .dataTables_wrapper .dataTables_paginate .paginate_button.previous.disabled:hover, 
    body .dataTables_wrapper .dataTables_paginate .paginate_button.next.disabled:hover{
        background: transparent !important;
    }
    body .dataTables_wrapper .dataTables_paginate .paginate_button.previous::after, 
    body .dataTables_wrapper .dataTables_paginate .paginate_button.next::after{
        content: '...';
        font-size: 16px !important;
        color: #333 !important;
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        width: 100%;
        height: 100%;
        text-align: center;
    }
    
   /* .input[type=password], input[type=text], input[type=file], input:not([type]), select, textarea, .sp-peoplepicker-topLevel, .sp-peoplepicker-topLevelDisabled, .sp-peoplepicker-autoFillContainer, .ms-inputBox
    {
    background-color:#eeeeee !important;
	}*/
}
.iconed-search-box {
    background-color: #eeeeee !important;
    opacity: .9;
}

.lined-tabs.heading-tabs > table td input:checked + label{
	background-color:gray !important;
}

.LangSwitcherContainer .ArLangLinkDiv a{font-family: neo-sans-arabic !important; font-size:18px;}
.login-box{
	background-color:#eeeeee !important;
}

.login-btn{
	font-size:14px !important;
}
.btn-share-app span, .btn-share-app i {
    color: white !important;
}

/*---- Date Format -----*/
span.shortdateformat.data{
    margin-top:0 !important;
    user-select: none;
  -webkit-user-select: none; /*Safari*/
  -moz-user-select: none; /*Firefox*/
}
span.shortdateformatclone{
    margin-top:-30px !important;
}