/******************************   imported files    ********************************/
/************************   Layout   ************************/
/******************************   imported files    ********************************/
/************************************    w x h   ***********************************/
/************************************    fs + color + fw   ***********************************/
/************************************    font-size + color   ***********************************/
/************************************    fs + color + fw + bgc   ***********************************/
/************************************    bg-img   ***********************************/
/******************************   Style    ********************************/
.form-header {
  position: relative;
  text-align: left;
  z-index: 0; }
  .form-header:before {
    content: '';
    background-image: url("../../img/page_header_bg.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: -2; }

.form-logo {
  width: 340px;
  height: 81px;
  margin-bottom: 68px;
  margin-left: 36px; }

.header-part1 {
  height: 114px;
  background-color: #5A003A;
  padding: 24px 0; }

.profile-logo {
  width: 273px;
  height: 65px; }

.header-icon {
  font-size: 28px !important;
  color: #fff; }

.header-part2 {
  height: 48px;
  background-color: #fff;
  border-bottom: 2px solid #AB8E48;
  box-shadow: 2px 5px 6px #00000029;
  justify-content: end; }

.header-part2-icon {
  color: #A27A2E; }

#sidebarCollapse {
  display: none; }

.islamic-form-header:after {
  content: '';
  background-image: url("../../img/islamic_bank_logo.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: left;
  position: absolute;
  width: 46px;
  height: 46px;
  top: 52px;
  right: 15px; }

/******************************   imported files    ********************************/
/************************************    w x h   ***********************************/
/************************************    fs + color + fw   ***********************************/
/************************************    font-size + color   ***********************************/
/************************************    fs + color + fw + bgc   ***********************************/
/************************************    bg-img   ***********************************/
/******************************   Style    ********************************/
.form-title {
  font-size: 25px;
  color: #403F3C;
  font-weight: bold;
  max-width: 551px; }

.form-box-header {
  border-bottom: 2px solid rgba(162, 121, 46, 0.38); }
  .form-box-header .header-tit {
    font-size: 20px;
    color: #5A003A;
    font-weight: bold; }

.form-box-content .field-txt {
  font-size: 16px;
  color: #000;
  font-weight: bold; }

.field-note {
  font-size: 16px;
  color: #FF0000;
  font-weight: bold; }

.field-txt2 {
  font-size: 18px;
  color: #A27A2E;
  font-weight: bold; }

.steps-container .step-box:after {
  content: '';
  display: inline-block;
  min-width: 217px;
  height: 2px;
  background-color: #C5C4C5; }
.steps-container .step-box:last-child:after {
  display: none; }
.steps-container .step-tit {
  font-size: 16px;
  color: #fff;
  font-weight: bold;
  position: absolute;
  top: 26px;
  left: 12px; }
.steps-container .step-box-6:after {
  min-width: 96px; }

.profile-accordion {
  border: 0 !important;
  border-radius: 5px !important; }
  .profile-accordion .accordion-minus-icon {
    background-color: #fff;
    color: #A27A2E;
    display: none; }
  .profile-accordion .accordion-plus-icon {
    background-color: #A27A2E;
    color: #fff; }
  .profile-accordion .accordion-btn {
    background-color: #ECECEC !important;
    border: 0 !important;
    border-radius: 0 !important;
    padding: 14px;
    position: relative; }
    .profile-accordion .accordion-btn:after {
      display: none; }
  .profile-accordion .accordion_item {
    border: 0 !important; }
  .profile-accordion .accordion-icon {
    border-radius: 50%;
    margin-right: 11px;
    font-size: 21px; }
  .profile-accordion .accordion-tit {
    font-size: 16px;
    color: #5A003A;
    font-weight: 600; }
  .profile-accordion .accordion-button:not(.collapsed) {
    background-color: #5A003A !important; }
    .profile-accordion .accordion-button:not(.collapsed) .accordion-tit {
      color: #fff; }
    .profile-accordion .accordion-button:not(.collapsed) .accordion-plus-icon {
      display: none; }
    .profile-accordion .accordion-button:not(.collapsed) .accordion-minus-icon {
      display: inline-block; }
  .profile-accordion .acc-tit {
    font-size: 15px;
    font-weight: bold; }
  .profile-accordion .acc-txt {
    font-size: 15px; }
  .profile-accordion .view-img-tit {
    font-size: 13px;
    color: #7A7A7A; }

.note-txt {
  font-size: 18px;
  color: #000; }

#sidebar {
  min-width: 260px;
  max-width: 260px;
  background-image: url("../../img/sidebar_bg.svg");
  min-height: 100vh;
  border-bottom: 1px solid #DEDEDE; }

.user-img {
  width: 146px;
  height: 152px;
  border: 2px solid #fff;
  border-radius: 12px; }

.user-info-box {
  padding: 0 25px; }
  .user-info-box .user-name {
    font-size: 18px;
    color: #fff;
    font-weight: bold; }
  .user-info-box .user-position {
    font-size: 16px;
    color: #fff; }

.sidebar-link .sidebar-icon {
  font-size: 25px;
  color: #AB8E48; }
.sidebar-link .sidebar-tit {
  font-size: 16px;
  color: #fff; }
.sidebar-link:hover, .sidebar-link.active {
  background-color: #fff;
  border-right: 2px solid #DEDEDE; }
  .sidebar-link:hover .sidebar-tit, .sidebar-link.active .sidebar-tit {
    color: #5A003A;
    font-weight: bold; }

.hrData-card .card-header {
  background-color: #F8F8F8; }
.hrData-card .card-body {
  background-color: #F8F8F8; }

.hrData-card-header {
  border-bottom: 2px solid #DEDEDE; }

.hrData-card-header-tit {
  font-size: 16px;
  color: #A27A2E;
  font-weight: bold; }

.hrData-card-tit {
  font-size: 16px;
  color: #000;
  font-weight: bold; }

.hrData-card-txt {
  color: #828282; }

.total-box {
  background-color: #F8F8F8; }

.device-table {
  background-color: #F8F8F8; }
  .device-table thead th {
    font-size: 16px;
    color: #A27A2E;
    width: 50%; }
  .device-table tbody th {
    width: 50%; }
  .device-table tbody td {
    width: 50%; }

.bank-card {
  background-color: #F8F8F8;
  padding: 12px 20px;
  display: flex;
  justify-content: space-between; }

.profile-body {
  min-height: 100vh;
  padding: 40px 0; }

.session-card {
  border: 2px solid rgba(162, 121, 46, 0.4);
  box-shadow: 2px 2px 10px #156B681A;
  min-height: 80px;
  background-color: #fff;
  padding: 14px 40px;
  border-radius: 6px; }
  .session-card:hover, .session-card.active {
    background-color: #5A003A; }
    .session-card:hover .session-card-tit, .session-card.active .session-card-tit {
      color: #fff; }
    .session-card:hover .session-card-icon, .session-card.active .session-card-icon {
      color: #fff;
      border-right-color: #fff; }
  .session-card .session-card-tit {
    font-size: 18px;
    color: #000;
    font-weight: bold; }
  .session-card .session-card-icon {
    font-size: 40px;
    color: #A27A2E;
    border-right: 2px solid #CECECE;
    padding-right: 20px;
    margin-right: 20px; }

.session-card-content {
  padding: 40px;
  box-shadow: 2px 2px 10px #00000029; }
  .session-card-content .card-header {
    padding-bottom: 20px;
    border-bottom: 1px solid #A27A2E; }
  .session-card-content .card-body {
    padding-top: 40px; }
  .session-card-content .session-content-tit {
    font-size: 20px;
    color: #000;
    font-weight: bold; }

.titled-card {
  box-shadow: 2px 2px 10px #00000029;
  min-height: 65px;
  background-color: #fff;
  padding: 18px 10px; }
  .titled-card .tit {
    font-size: 18px;
    color: #000;
    font-weight: bold; }

.profile-setting-box {
  justify-content: center; }

.dashboard-parent-card {
  box-shadow: 2px 2px 10px #00000029;
  border-radius: 10px;
  background-color: #fff;
  padding: 30px;
  padding-top: 100px; }

.parent-container {
  box-shadow: 2px 2px 10px #00000029;
  border-radius: 10px;
  background-color: #fff; }

.account-card {
  border: 1px solid #DEDEDE !important; }
  .account-card .account-card-header {
    justify-content: space-between;
    border-bottom: 2px solid #A27A2E;
    padding-bottom: 15px; }
    .account-card .account-card-header .tit {
      font-size: 18px;
      color: #5A003A;
      font-weight: bold; }
  .account-card .account-img-box {
    background-color: #5A003A;
    border-radius: 5px;
    width: 209px;
    height: 355px;
    display: inline-block; }
    .account-card .account-img-box .account-img {
      border-radius: 5px;
      width: 250px;
      height: 305px; }
  .account-card .account-details-box {
    background-color: #F8F8F8; }
    .account-card .account-details-box .tit {
      font-size: 17px;
      color: #000;
      font-weight: bold; }
    .account-card .account-details-box .txt {
      font-size: 17px;
      color: #A27A2E; }

.edit-img-box {
  cursor: pointer;
  box-shadow: 2px 2px 10px #00000029;
  border-radius: 12px;
  background-color: #fff; }
  .edit-img-box .edit-img {
    width: 100%;
    height: 149px;
    box-shadow: 2px 2px 10px #00000029;
    border-radius: 12px; }

.user-table thead {
  background-color: #B79AAD; }
.user-table tbody td {
  font-size: 17px;
  color: #585858 !important; }

.list-pager .page-item {
  margin-right: 4px; }
.list-pager .page-item:first-child .page-link {
  border-top-left-radius: 50%;
  border-bottom-left-radius: 50%; }
.list-pager .page-link {
  font-size: 17px;
  color: #202020;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  text-align: center;
  border: 1px solid #A8A8A8; }
  .list-pager .page-link:hover, .list-pager .page-link.active {
    color: #fff;
    background-color: #5A003A; }
.list-pager .page-item:last-child .page-link {
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  margin-right: 0;
  color: #A27A2E; }
  .list-pager .page-item:last-child .page-link:hover {
    color: #fff;
    background-color: #5A003A; }

.red-border-val {
  border: 1px solid #dc0000 !important; }

.user-info-head {
  background-color: #F3F3F3;
  padding: 25px 30px;
  border-radius: 10px; }
  .user-info-head .bank-logo {
    width: 100%;
    height: 146px; }
  .user-info-head .bank-name {
    font-size: 27px;
    color: #5A003A;
    font-weight: bold; }
  .user-info-head .bank-country {
    font-size: 20px;
    color: #A27A2E;
    font-weight: bold; }
  .user-info-head .bank-type {
    font-size: 25px;
    color: #A27A2E;
    font-weight: bold; }
  .user-info-head .bank-type {
    font-size: 18px;
    color: #A27A2E; }

.bank-info-tit {
  font-size: 18px;
  color: #000;
  font-weight: bold; }

.bank-info-txt {
  font-size: 18px;
  color: #A27A2E; }

.bank-info-box-tit {
  font-size: 18px;
  color: #A27A2E;
  font-weight: 800; }

.user-table .pending-txt {
  color: #DE1515 !important;
  font-weight: bold; }
.user-table .progress-txt {
  color: #E58911 !important;
  font-weight: bold; }
.user-table .done-txt {
  color: #0C9F1B !important;
  font-weight: bold; }

.campaign-txt {
  font-size: 18px;
  color: #585858; }

.view-link {
  font-size: 16px;
  color: #A27A2E;
  font-weight: bold;
  text-decoration: underline !important; }

.striped-box li:nth-of-type(odd) {
  background-color: #F1F1F1; }
.striped-box li:nth-of-type(even) {
  background-color: #fff; }

.campaign-card {
  box-shadow: 2px 2px 10px #156B681A;
  border-radius: 5px; }
  .campaign-card .campaign-title {
    font-size: 16px;
    color: #5A003A;
    font-weight: bold; }
  .campaign-card .campaign-date {
    font-size: 14px;
    color: #A27A2E;
    font-weight: bold;
    text-align: end; }
  .campaign-card .report-icon {
    font-size: 61px; }

.report-card {
  border: 1px solid #DEDEDE;
  border-radius: 10px; }

.account-img-box-2 {
  background-color: #DEDEDE !important; }

.label-pink-800 {
  font-size: 18px;
  color: #5A003A;
  font-weight: bold; }

.data-box {
  background-color: #fff;
  box-shadow: 2px 2px 10px #00000029; }
  .data-box .data-title {
    font-size: 18px;
    color: #000; }
  .data-box:last-child {
    margin-bottom: 0 !important; }

.questionnair-card {
  box-shadow: 2px 2px 10px #00000029; }
  .questionnair-card .q-header .qTitle {
    font-size: 17px;
    color: #000;
    font-weight: bold; }
  .questionnair-card .q-box .q-tit {
    font-size: 16px;
    color: #5A003A;
    font-weight: bold; }
  .questionnair-card .q-box .q-txt {
    font-size: 14px;
    font-weight: bold; }
  .questionnair-card .q-box .q-item {
    font-size: 15px;
    color: #585858; }

.assignedPeopleTit {
  font-size: 17px;
  color: #5A003A;
  font-weight: bold; }

.card-box {
  border: 1px solid #DEDEDE;
  border-radius: 10px; }

.label-title {
  font-size: 18px;
  color: #5A003A; }

.bank-table thead th {
  font-size: 16px;
  color: #A27A2E;
  font-weight: 600;
  text-align: center;
  vertical-align: middle;
  border-color: #fff;
  border-width: 2px; }
.bank-table tbody td {
  text-align: center; }
  .bank-table tbody td:first-child {
    text-align: left;
    min-width: 300px; }

.table-label {
  font-size: 16px;
  color: #5A003A !important;
  font-weight: bold; }

.download-btn {
  box-shadow: 2px 2px 10px #00000029;
  border-radius: 5px; }

.form-tab-btn {
  min-width: 223px;
  box-shadow: 2px 2px 10px #00000029;
  border-radius: 5px;
  font-size: 17px;
  color: #585858 !important;
  font-weight: bold !important;
  background-color: #fff; }
  .form-tab-btn.active {
    color: #fff !important;
    background-color: #5A003A !important; }

#donut {
  display: block;
  margin: 0px auto;
  color: #1ABC9C;
  font-size: 20px;
  text-align: center; }

code {
  background: #FAFAFA;
  border: 1px solid #DDD;
  border-radius: 3px;
  padding: 0px 4px; }

.donut-size {
  font-size: 12em; }

.pie-wrapper {
  position: relative;
  width: 1em;
  height: 1em;
  margin: 0px auto; }

.pie-wrapper .pie {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  clip: rect(0, 1em, 1em, 0.5em); }

.pie-wrapper .half-circle {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  border: 0.1em solid #5A003A;
  border-radius: 50%;
  clip: rect(0em, 0.5em, 1em, 0em); }

.pie-wrapper .right-side {
  transform: rotate(0deg); }

.pie-wrapper .label {
  position: absolute;
  top: 0.52em;
  right: 0.4em;
  bottom: 0.4em;
  left: 0.4em;
  display: block;
  background: none;
  border-radius: 50%;
  color: #7F8C8D;
  font-size: 0.25em;
  line-height: 2.6em;
  text-align: center;
  cursor: default;
  z-index: 2; }

.pie-wrapper .smaller {
  padding-bottom: 20px;
  color: #A27A2E;
  font-size: 0.45em;
  vertical-align: super; }

.pie-wrapper .shadow {
  width: 100%;
  height: 100%;
  border: 0.1em solid #A27A2E;
  border-radius: 50%; }

.color-box-yellow {
  width: 23px;
  height: 23px;
  background-color: #A27A2E; }

.color-box-pink {
  width: 23px;
  height: 23px;
  background-color: #5A003A; }

.form-num {
  font-size: 35px;
  color: #000; }

.generate-section {
  position: relative;
  z-index: 0;
  min-height: 77px;
  display: flex;
  justify-content: end;
  align-items: center; }
  .generate-section:before {
    content: '';
    background-image: url("../../img/generate_bg.svg");
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: -2;
    border-radius: 9px;
    border: 1px solid #5a003a; }
  .generate-section:after {
    content: '';
    background-image: url("../../img/generate_img.svg");
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: -89px;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: -1;
    width: 271px;
    height: 180px; }
  .generate-section .generate-img {
    width: 271px;
    height: 180px; }
  .generate-section .generate-box {
    position: absolute;
    right: 51px;
    display: flex;
    align-items: center; }
    .generate-section .generate-box .generate-txt {
      font-size: 20px;
      color: #5A003A;
      font-weight: bold; }
    .generate-section .generate-box .generate-btn {
      border: 1px solid #fff !important;
      border-radius: 10px;
      background-color: #A27A2E;
      padding: 7px;
      font-size: 16px;
      color: #fff;
      font-weight: bold; }

.multiselect.dropdown-toggle {
  text-align: start;
  border: 1px solid #ccc !important; }
  .multiselect.dropdown-toggle .caret {
    position: absolute;
    right: 9px;
    top: 13px;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
    border-top: 6px dashed; }
  .multiselect.dropdown-toggle:after {
    display: none; }

.btn-group.open .dropdown-toggle {
  box-shadow: none !important; }

.btn-default:hover {
  background-color: #fff !important; }

.multiselect-container.dropdown-menu {
  width: 100%; }

.form-select {
  font-size: 15px !important; }

.tablistHeader {
  color: #403F3C;
  font-size: 25px;
  font-weight: bold; }

.bg-pink-800 {
  background-color: #5A003A; }

.income-table thead tr th {
  color: #fff;
  font-weight: normal; }
.income-table tbody tr td {
  font-weight: 600; }

.bg-gray-650 {
  background-color: #707070; }

.custom-multi-select .btn-group {
  width: 100%; }
  .custom-multi-select .btn-group .multiselect {
    width: 100%; }
.custom-multi-select .multiselect-container > li > a {
  padding: 9px 3px 9px 37px; }
  .custom-multi-select .multiselect-container > li > a:focus {
    outline: 0; }
.custom-multi-select .multiselect-container > .active > a {
  border-bottom: 2px solid #fff; }
.custom-multi-select .multiselect-container {
  margin: 0;
  padding: 7px 0;
  border: 0; }
  .custom-multi-select .multiselect-container .checkbox {
    margin: 0; }

.empty-content-box {
  border: 2px dashed #5a003a;
  padding: 18px 10px;
  background-color: antiquewhite; }

.empty-content-txt {
  color: #5a003a;
  font-size: 17px;
  font-weight: 600; }

.footer-bg {
  background-color: #5a003a;
  padding: 10px; }
  .footer-bg .footer-txt {
    color: #fff;
    font-size: 16px; }

.inner-content {
  min-height: 100vh;
  padding: 0 0 40px; }

.inner-content-header {
  margin-bottom: 50px;
  font-size: 35px;
  color: #fff;
  text-transform: uppercase;
  font-weight: bold; }

.inner-content-container {
  background-color: #5C003A;
  background-image: url(https://abj.org.jo/wp-content/uploads/2022/12/ser-bg-1-1.png);
  background-repeat: no-repeat;
  background-position: 0px -58px;
  padding: 80px 0px 60px 0px;
  position: relative; }

.container-background-overlay {
  background-image: url(https://abj.org.jo/wp-content/uploads/2022/12/ser-bg-2-1.png);
  background-position: 100% 260px;
  background-repeat: no-repeat;
  opacity: 1;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  position: absolute; }

.report-card-body {
  position: relative;
  z-index: 10;
  display: block; }

.report-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 30px 20px;
  background: #fff;
  border-radius: 20px;
  margin-bottom: 30px;
  min-height: 377px; }
  .report-content .report-img {
    aspect-ratio: 350 / 350;
    width: 100%;
    max-height: 350px;
    box-shadow: 0px 10px 60px rgba(15, 53, 103, 0.1);
    margin-bottom: 30px;
    overflow: hidden;
    position: relative; }
    .report-content .report-img img {
      width: 100%;
      height: 100%;
      object-fit: contain;
      display: block; }
  .report-content .report-tit {
    font-size: 20px;
    font-weight: 700;
    color: #5A003A;
    text-align: center; }

.report-node-title {
  font-size: 18px;
  font-weight: bold;
  color: #010101;
  text-transform: capitalize; }

.report-description {
  color: #b18511; }

.report-icon {
  border-radius: 50%;
  aspect-ratio: 160 / 160;
  width: 100%;
  max-height: 160px;
  max-width: 160px;
  box-shadow: 0px 10px 60px rgba(15, 53, 103, 0.1);
  margin-bottom: 60px;
  overflow: hidden;
  position: relative; }
  .report-icon img {
    border-radius: 50%;
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block; }

.breadcrumb-item + .breadcrumb-item {
  padding-right: 0;
  padding-right: 0; }

.breadcrumb-item + .breadcrumb-item::before {
  float: right !important;
  padding: 0 0.5rem; }

.breadcrumb-item {
  font-size: 16px; }
  .breadcrumb-item a {
    color: #5c003a; }

/******************************   imported files    ********************************/
/************************************    w x h   ***********************************/
/************************************    fs + color + fw   ***********************************/
/************************************    font-size + color   ***********************************/
/************************************    fs + color + fw + bgc   ***********************************/
/************************************    bg-img   ***********************************/
/******************************   Style    ********************************/
.auth-box {
  min-height: 100vh;
  display: flex; }
  .auth-box .form-side {
    min-height: 100vh;
    width: 50%; }
    .auth-box .form-side .form-box {
      width: 100%;
      height: 100%;
      position: relative;
      z-index: 0; }
      .auth-box .form-side .form-box:before {
        content: '';
        background-color: #fff;
        height: 100%;
        position: absolute;
        top: 0;
        bottom: 0;
        z-index: -2; }
      .auth-box .form-side .form-box:after {
        content: '';
        background-image: url("../../img/form_bg.svg");
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        height: 100%;
        position: absolute;
        bottom: 0;
        right: 0;
        left: 0;
        z-index: -1; }
    .auth-box .form-side .form-card {
      width: 100%;
      max-width: 400px;
      border: 2px solid #A27A2E;
      border-radius: 10px;
      background-color: #fff;
      position: relative;
      z-index: 0; }
      .auth-box .form-side .form-card:after {
        content: '';
        background-image: url("../../img/tab.svg");
        background-size: auto;
        background-repeat: no-repeat;
        position: absolute;
        top: 103px;
        left: -37px;
        width: 96px;
        height: 54px;
        z-index: 1; }
    .auth-box .form-side .form-logo {
      width: 73px;
      height: 63px; }
  .auth-box .wlc-side {
    min-height: 100vh;
    width: 50%;
    position: relative;
    z-index: 0; }
    .auth-box .wlc-side:before {
      content: '';
      background-color: #5A003A;
      display: block;
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      bottom: 0;
      z-index: -2; }
    .auth-box .wlc-side:after {
      content: '';
      background-image: url("../../img/wlc_bg.png");
      background-size: cover;
      background-repeat: no-repeat;
      display: block;
      width: 100%;
      height: 50%;
      position: absolute;
      bottom: 0;
      z-index: -1; }

.logo-box {
  margin-bottom: 100px; }
  .logo-box .logo {
    width: 276px;
    height: 240px; }

.wlc-box .wlc-tit {
  font-size: 40px;
  color: #fff;
  font-weight: bold; }
.wlc-box .wlc-txt {
  font-size: 18px;
  color: #fff; }

.psw-txt {
  font-size: 12px;
  color: #A27A2E; }

.profile-footer {
  background-color: #5A003A;
  padding: 7px; }
  .profile-footer .footer-txt {
    color: #F5EDD1;
    font-size: 16px;
    font-weight: bold; }

/************************   Components   ************************/
.login-btn {
  min-width: 100%;
  width: 100%;
  font-size: 16px;
  color: #fff;
  font-weight: bold;
  background-color: #5A003A;
  border-radius: 1px; }

.send-btn {
  min-width: 140px;
  font-size: 18px;
  color: #fff;
  font-weight: 500;
  background-color: #5A003A;
  border-radius: 5px;
  padding: 6px; }

.add-more-btn {
  border: 0 !important; }
  .add-more-btn .add-tit {
    font-size: 14px !important;
    color: #000; }

.edit-btn {
  font-size: 31px !important;
  color: #5A003A !important; }

.change-pw-btn {
  box-shadow: 2px 2px 10px #00000029;
  border-radius: 5px;
  min-width: 250px;
  font-size: 18px;
  color: #5A003A;
  font-weight: bold;
  background-color: #fff; }

.save-btn {
  min-width: 150px;
  box-shadow: 2px 2px 10px #00000029;
  border-radius: 5px;
  font-size: 18px;
  color: #5A003A;
  font-weight: bold;
  background-color: #fff; }

.add-item-btn {
  min-width: 119px;
  border: 1px solid #5A003A;
  border-radius: 5px; }
  .add-item-btn:hover {
    background-color: #5A003A; }
    .add-item-btn:hover .add-title {
      color: #fff; }
    .add-item-btn:hover .plus-icon {
      color: #fff; }
  .add-item-btn .add-title {
    font-size: 16px;
    color: #707070;
    font-weight: bold; }

.search-btn {
  min-width: 126px;
  border: 1px solid #5A003A;
  border-radius: 5px;
  font-size: 17px;
  color: #A27A2E;
  font-weight: bold;
  background-color: #fff; }
  .search-btn:hover {
    color: #fff;
    background-color: #5A003A; }

.add-btn {
  font-size: 16px;
  color: #5A003A;
  font-weight: 600;
  background-color: #fff;
  box-shadow: 2px 2px 10px #00000029;
  border-radius: 5px;
  min-width: 150px;
  padding: 3px 7px;
  border: 1px solid #5A003A; }
  .add-btn:hover {
    color: #fff;
    background-color: #5A003A; }

.submit-btn {
  color: #A27A2E;
  text-decoration: underline;
  font-size: 15px;
  font-weight: 600; }
  .submit-btn:hover {
    color: #5A003A; }

/******************************   imported files    ********************************/
/************************************    w x h   ***********************************/
/************************************    fs + color + fw   ***********************************/
/************************************    font-size + color   ***********************************/
/************************************    fs + color + fw + bgc   ***********************************/
/************************************    bg-img   ***********************************/
/******************************   Style    ********************************/
@media (max-width: 1399px), not all and (min-width: 1400px) {
  .account-img-parent-box {
    text-align: center; }

  .account-img-box {
    margin-bottom: 30px; } }
@media (max-width: 1199px), not all and (min-width: 1200px) {
  .islamic-form-header:after {
    width: 33px;
    height: 33px;
    top: 58px; } }
@media (max-width: 991px), not all and (min-width: 992px) {
  .islamic-form-header:after {
    width: 25px;
    height: 25px;
    top: 40px; }

  .logo-box .logo {
    width: 184px;
    height: 171px; }

  .logo-box {
    margin-bottom: 60px; }

  .wlc-box .wlc-tit {
    font-size: 30px;
    margin-bottom: 24px !important; }
  .wlc-box .wlc-txt {
    font-size: 15px; }

  .auth-box .form-side .form-card {
    max-width: 312px;
    padding-right: 23px !important;
    padding-left: 23px !important; }
    .auth-box .form-side .form-card:after {
      left: -37px; }

  .auth-box .wlc-side {
    width: 44%; }
  .auth-box .form-side {
    width: 56%; }

  .form-logo {
    width: 230px;
    height: 56px;
    margin-bottom: 47px; }

  .form-title {
    font-size: 20px; }

  .form-box-header .header-tit {
    font-size: 17px; }

  .form-box-content .field-txt {
    font-size: 15px; }

  .steps-container .step-box:after {
    min-width: 100px; }
  .steps-container .step-box-6:after {
    min-width: 50px; }

  .session-card {
    padding: 14px 13px; }
    .session-card .session-card-icon {
      padding-right: 10px;
      margin-right: 10px;
      font-size: 32px; }
    .session-card .session-card-tit {
      font-size: 15px; }

  .rtl-direction .session-card-icon {
    padding-left: 10px;
    margin-left: 10px; }

  #profile-body {
    position: relative; }

  .header-part2 {
    justify-content: space-between; }

  #sidebarCollapse {
    display: block; }

  #sidebar {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 2;
    left: -262px;
    transition: all 0.3s;
    display: none; }

  #sidebar.active {
    left: 0;
    display: block; }

  .user-info-head .bank-name {
    font-size: 22px; }
  .user-info-head .bank-country {
    font-size: 17px; } }
@media (max-width: 767px), not all and (min-width: 768px) {
  .islamic-form-header:after {
    width: 39px;
    height: 39px;
    top: 15px;
    background-color: #5a003a;
    left: 0px; }

  .session-card {
    margin-bottom: 15px; }

  .steps-container .step-box:after {
    min-width: 50px; }
  .steps-container .step-box .step6-img {
    width: 46px;
    height: 45px; }
  .steps-container .step-box .step6-tit {
    top: 12px;
    left: 7px;
    font-size: 14px; }

  .auth-box {
    display: block; }
    .auth-box .wlc-side {
      display: none !important; }
    .auth-box .form-side {
      display: flex;
      align-items: center;
      width: 100%; }
      .auth-box .form-side .form-card {
        max-width: 400px; }

  .form-header {
    text-align: center; }
    .form-header:before {
      display: none; }

  .form-logo {
    margin-bottom: 37px;
    margin-left: 0; }

  .form-title {
    font-size: 19px; }

  .header-icon {
    font-size: 24px !important; }

  .profile-logo {
    width: 243px;
    height: 52px; }

  .header-part1 {
    min-height: 91px;
    padding: 12px 0; }

  .edit-img-box {
    width: fit-content;
    margin: 0 auto;
    margin-bottom: 30px; }
    .edit-img-box .edit-img {
      width: auto; }

  .search-btn {
    margin-bottom: 30px; }

  .user-info-head .bank-logo {
    margin: 0 auto;
    display: block;
    width: auto; }

  .bank-box-responsive {
    align-items: center;
    margin: 15px 0; }

  .generate-section {
    justify-content: center;
    padding: 15px; }
    .generate-section .generate-box {
      text-align: center;
      display: block;
      position: unset; }
      .generate-section .generate-box .generate-txt {
        font-size: 16px;
        margin-bottom: 10px; }
      .generate-section .generate-box .generate-btn {
        padding: 5px 14px;
        font-size: 14px; }
    .generate-section:after {
      background-image: none; } }
@media (max-width: 575px), not all and (min-width: 576px) {
  .downloadIcon {
    width: 41px;
    height: 39px; }

  .download-btns {
    margin-bottom: 20px; }

  .auth-box .form-side .form-box:after {
    background-size: cover; }
  .auth-box .form-side .form-card {
    max-width: 335px; }

  .steps-container .step6-img {
    width: 41px;
    height: 42px; }
  .steps-container .step6-tit {
    top: 10px;
    left: 6px; }
  .steps-container .step-box:after {
    min-width: 40px; }
  .steps-container .step-box-6:after {
    min-width: 25px; }
  .steps-container .step-img {
    width: 57px;
    height: 57px; }
  .steps-container .step-tit {
    top: 16px;
    left: 9px; }

  .rtl-direction .steps-container .step-tit {
    right: 41px !important; }

  .profile-logo {
    margin-bottom: 13px; }

  .profile-setting-box {
    justify-content: start; }

  .account-card .account-img-box {
    width: 100%; }
    .account-card .account-img-box .account-img {
      width: 100%; }

  .change-pw-btn {
    min-width: 100%; }

  .account-card-header {
    flex-direction: column; }
    .account-card-header .add-item-btn {
      margin-top: 20px; } }
@media (max-width: 457px), not all and (min-width: 458px) {
  .auth-box .form-side .form-box:after {
    bottom: 86px; }
  .auth-box .form-side .form-card {
    max-width: 100%; }
    .auth-box .form-side .form-card:after {
      display: none; }

  .steps-container .step-box:after {
    min-width: 26px; }
  .steps-container .step-img {
    width: 48px;
    height: 48px; }
  .steps-container .step-tit {
    top: 13px;
    left: 7px;
    font-size: 14px; }

  .rtl-direction .steps-container .step-tit {
    right: 35px !important; }

  .campaign-box {
    flex-direction: column; }
    .campaign-box .campaign-txt {
      margin-bottom: 10px; } }
@media (max-width: 425px), not all and (min-width: 426px) {
  .steps-container .step-box-6:after {
    min-width: 17px; }
  .steps-container .step-box-6 .step6-tit {
    top: 9px;
    left: 5px;
    font-size: 13px; }
  .steps-container .step-box-6 .step6-img {
    width: 36px;
    height: 37px; }

  .add-btn {
    min-width: 100%; }

  .islamic-form-header:after {
    width: 25px;
    height: 25px;
    top: 12px;
    left: 0px; }
  .islamic-form-header .form-logo {
    width: 176px;
    height: 39px; } }
@media (max-width: 350px), not all and (min-width: 351px) {
  .profile-logo {
    width: 179px;
    height: 42px; }

  .steps-container .step-box-6:after {
    min-width: 2px; }

  .user-info-head .bank-logo {
    width: 100%; }

  .list-pager .page-link {
    font-size: 12px;
    width: 30px;
    height: 30px; } }
body {
  font-family: "Almarai", sans-serif !important; }

.form-control:focus {
  box-shadow: none !important; }

a {
  text-decoration: none !important; }

.accordion-button:focus {
  box-shadow: none !important; }

.btn {
  border: 0 !important; }

.gray-line {
  border-bottom: 1px solid #E9E9E9; }

.add-icon {
  color: #fff;
  background-color: #5A003A;
  border-radius: 8px; }

.line-yellow-650 {
  border-bottom: 2px solid rgba(162, 121, 46, 0.38) !important; }

.edit-icon {
  font-size: 30px !important;
  color: #5A003A; }

.plus-icon {
  font-size: 20px !important;
  color: #A27A2E; }

.page-link:focus {
  box-shadow: none !important; }

.disabled {
  color: #A8A8A8 !important;
  border: 1px solid #A8A8A8; }

.form-select:focus {
  box-shadow: none !important; }

.bg-gray-145 {
  background-color: #F1F1F1; }

.line-white {
  border-bottom: 2px solid #fff; }

.text-red-500 {
  color: #DE1515; }

.text-orange-400 {
  color: #E58911; }

.text-green-550 {
  color: #0C9F1B; }

.btn-close:focus {
  box-shadow: none !important; }

.disabledClass {
  background-color: #E5E5E5;
  color: #C8C8C8; }

.activeClass {
  background-color: #5A003A;
  color: #fff; }

.form-check-input, .form-check-label {
  cursor: pointer; }

.bg-gray-650 {
  background-color: #707070; }

.bg-gray-180 {
  background-color: #EFEFEF; }

.bg-yellow-650 {
  background-color: #A27A2E; }

.bg-gray-300 {
  background-color: #DEDEDE; }

.bold-label {
  font-weight: bold; }

.rtl-direction .input-group-text {
  border-radius: 0 0.375rem 0.375rem 0 !important; }
.rtl-direction .form-control-preIcon {
  border-radius: 0.375rem 0 0 0.375rem !important; }
.rtl-direction .steps-container .step-tit {
  left: unset;
  right: 55px; }
.rtl-direction .profile-accordion .accordion-icon {
  margin-right: 0;
  margin-left: 11px; }
.rtl-direction .form-check {
  padding-left: 0;
  padding-right: 1.5em; }
  .rtl-direction .form-check .form-check-input {
    float: right;
    margin-left: 0;
    margin-right: -1.5em; }
.rtl-direction .session-card .session-card-icon {
  border-left: 2px solid #CECECE;
  border-right: 0;
  padding-left: 20px;
  padding-right: 0;
  margin-left: 20px;
  margin-right: 0; }
.rtl-direction .generate-section .generate-box {
  right: unset;
  left: 51px; }
.rtl-direction .multiselect.dropdown-toggle .caret {
  right: unset;
  left: 9px; }
.rtl-direction .multiselect-container.dropdown-menu {
  text-align: right; }
  .rtl-direction .multiselect-container.dropdown-menu .checkbox input[type=checkbox] {
    margin-left: unset;
    margin-right: -20px; }
.rtl-direction .multiselect-container > li > a > label {
  padding: 3px 40px 3px 20px; }
.rtl-direction .form-select {
  background-position: left .75rem center;
  padding: 0.375rem 0.75rem 0.375rem 2.25rem; }
.rtl-direction .bank-table tbody td {
  text-align: right; }
.rtl-direction .modal-header .btn-close {
  margin: calc(-.5 * var(--bs-modal-header-padding-y)) auto calc(-.5 * var(--bs-modal-header-padding-y)) calc(-.5 * var(--bs-modal-header-padding-x)); }

/************************   Abstracts   ************************/
/************************************    w x h   ***********************************/
/************************************    fs + color + fw   ***********************************/
/************************************    font-size + color   ***********************************/
/************************************    fs + color + fw + bgc   ***********************************/
/************************************    bg-img   ***********************************/

/*# sourceMappingURL=style.css.map */