a {
  color: #273957;
}

.btn-primary {
  color: #fff !important;
}

.inline-fields-group:after,
.inline-fields-group:before {
  clear: both;
  content: "";
  display: table;
}

form label {
  font-size: 18px;
}

.form-type-managed-file small.description {
  display: none;
}

textarea {
  max-height: 40px;
}

@media only screen and (min-width: 768px) {
  form .inline-fields-group div[class*='field--name-'] {
    width: 23%;
    float: right;
    margin-left: 18px !important;
    position: relative;
    min-height: 93px;
  }

  form .two-cloumns-group div[class*='field--name-'] {
    width: 48%;
    float: right;
    margin-left: 18px !important;
    position: relative;
    min-height: 93px;
  }

  body[class*='node--type-beneficiary'] .inline-fields-group div[class*='field--name-'] {
    min-height: 93px !important;
  }

  body[class*='node--type-employee'] .inline-fields-group div[class*='field--name-'] {
    min-height: 93px !important;
  }

  body[class*='node--type-vacation'] .inline-fields-group div[class*='field--name-'] {
    min-height: 93px !important;
  }

  body[class*='page-node-'] .inline-fields-group div[class*='field--name-'] {
    width: 23%;
    float: right;
    margin-left: 0;
    /* height: 93px; */
    margin: 0;
    margin-bottom: 2em;
    min-height: 93px;
  }

  body[class*='page-node-'] details#edit-group-transactions-empolyee.inline-fields-group div[class*='field--name-'] {
    width: 30%;
  }

  body[class*='page-node-'] .inline-fields-group div[class*='field--name-field-other-notes'] {
    width: 100%;
  }

  body[class*='page-node-'] .inline-fields-group div[class*='field--name-field-other-notes'] textarea {
    border-color: #333;
    min-height: 300px;
    color: #333;
  }

  body[class*='page-node-'] .inline-fields-group div[class*='field--name-field-workflow'] {
    width: 100%;
    float: none;
    clear: both;
  }

  body[class*='page-node-'] .node--view-mode-administrative-structure .inline-fields-group .field--name-field-name,
  body[class*='page-node-'] .node--view-mode-beneficiaries-workflow .inline-fields-group .field--name-field-name,
  body[class*='page-node-'] .node--view-mode-transaction-workflow .inline-fields-group .field--name-field-name {
    width: 100%;
    float: none;
    height: auto;
    min-height: inherit;
    margin-bottom: 5px;
  }

  .js-form-item-last-added {
    width: 23%;
    float: right;
    margin-left: 18px !important;
    position: relative;
    min-height: 93px;
  }

}

.inline-fields-group .field--type-boolean label {
  cursor: pointer;
}

.node-beneficiary-edit-form .inline-fields-group .field--type-boolean {
  margin-top: 2.5em;
}

.inline-fields-group .field--type-boolean label {
  cursor: pointer;
}

body[class*='page-node-'] .inline-fields-group .field--type-boolean {
  margin-top: 0;
}

body[class*='page-node-'] .field.field--type-entity-reference-revisions .inline-fields-group {
  border: 1px solid #ddd;
  padding: 15px;
  margin-bottom: 1em;
}

.inline-fields-group.bg-white {
  margin-top: 30px;
  padding: 25px;
  box-shadow: 0 0 9px #cbd5e0;
  border-radius: 15px;
}

@media (min-width: 992px) {
  body.toolbar-tray-open.main-body.leftmenu .sidemenu-logo {
    top: 85px;
  }

  body.toolbar-tray-open.main-body.leftmenu .main-sidebar-body {
    margin-top: 140px;
  }
}

.main-sidebar-body .nav-sub-item.active > .nav-sub-link.active {
  font-weight: 500;
}

.rtl .main-sidebar-body .nav-sub .nav-sub-link:before {
  margin-left: 10px;
}

.main-sidebar-body .nav-sub-link {
  font-size: 14px;
}

.rtl.main-body .main-sidebar-body .nav {
  padding: 0;
}

.path-node .custom-card {
  background: transparent;
  background-color: transparent;
  box-shadow: none;
}

.content-fotm-inner {
  margin: 30px 0;
  background: #fff 0% 0% no-repeat padding-box;
  border-radius: 6px;
  padding: 15px;
  box-shadow: 0 0 3px #ccc;
}

h1.title {
  font-weight: 600;
  color: #0D0D0D;
  font-size: 24px;
  text-indent: -1px;
  line-height: 1;
  position: relative;
  margin-bottom: 20px;
}

.form-actions .js-form-submit {
  color: #fff;
  background-color: var(--primary-bg-color);
  border-color: var(--primary-bg-color);
  width: auto;
  display: inline-block;
  text-align: center;
  padding: 0px 25px !important;
  margin: 0 15px;
  font-size: 20px;
  font-weight: bold;
  min-width: 120px;
  height: auto;
}

.rtl .form-select {
  padding: 0.175rem 2.25rem 0.175rem 0.75rem;
}

.rtl .form-control {
  padding: 0.175rem 0.75rem 0.175rem 0.75rem;
}

form .field--type-datetime input,
form input[name*="date_h"],
form input[name*="date_g"] {
  background-color: #fff !important;
}

form .field--type-datetime .form-type-date {
  display: block;
  width: 100%;
}

form .field--type-datetime .form-type-date input {
  display: block;
  width: 100%;
}

form details > summary {
  color: #273957;
  margin-bottom: 1em;
  font-weight: bold;
}

.calendars-rtl {
  width: 340px;
}

.calendars-rtl .calendars-month {
  width: 100%;
}

.calendars-month a {
  text-align: center;
}

.field--widget-image-image small.description.text-muted {
  display: none;
}

#charity-website-board-member-form .field--widget-image-image small.description.text-muted,
#charity-website-board-member-edit-form .field--widget-image-image small.description.text-muted {
  display: block;
}

.btn.btn- {
  color: #fff;
  background-color: var(--primary-bg-color);
  border-color: var(--primary-bg-color);
  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
.btn.btn-:hover{
  color: #ffffff;
  background-color: var(--primary-bg-hover);
  border-color: var(--primary-bg-hover);
}

.alert.alert-dismissible {
  padding: 0;
  padding-bottom: 15px;
}

.rtl .alert .btn-close {
  width: 15px;
  height: 15px;
  opacity: 0.5;
  top: 14px;
}

.form-control {
  /*color: #9095a7;*/
  color: #42606ae8;
}

form details fieldset {
  margin: 30px 0;
  background: #fff 0% 0% no-repeat padding-box;
  border-radius: 6px;
  padding: 15px;
  box-shadow: 0 0 3px #ccc;
}

form details fieldset > legend {
  margin-bottom: 25px;
}

form details fieldset > legend span {
  font-size: 18px;
  font-weight: bold;
  border-bottom: 1px solid #ccc;
  padding-bottom: 5px;
}

.form-control {
  border: 1px solid #c8c8cf;
}

a[data-drupal-selector="edit-delete"] {
  background-color: #dc3545;
  border-color: #dc3545;
  padding-top: 10px;
  display: inline-block;
  font-weight: 400;
  line-height: 1.5;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  color: #fff;
  border: 1px solid transparent;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  border-radius: 0.25rem;
  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  padding: 0;
  padding: 4px 25px !important;
  padding-top: 9px !important;
  max-height: 45px;
}

a[data-drupal-selector="edit-cancel"] {
  color: #0d6efd;
  padding-top: 10px;
}

.form-actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  margin-top: 1em;
}

.chosen-container-single {
  padding: 0;
  height: 38px;
}

.chosen-container-single a.chosen-single {
  box-shadow: none !important;
  background: #fff;
  border: 0;
}

.chosen-container-single .chosen-single div b {
  background: none;
}

ul.chosen-choices,
.chosen-container-multi .chosen-choices {
  border: 0;
  box-shadow: none;
  background: none;
}

.chosen-container .chosen-drop {
  left: 0;
}

form .inline-fields-group div div[class*='field--type-markup'] {
  width: 100%;
  float: none;
}

body[class*='page-node-'] .inline-fields-group div[class*='field--type-markup'] {
  width: 100% !important;
  float: none !important;
  border: 0 !important;
}

#progressbar {
  display: inline-block;
}

#progressbar,
#progressbar li {
  margin: 0;
  padding: 0;

}

#progressbar li {
  position: relative;
  display: inline-block;
  height: 50px;
  padding-top: 10px;
  padding-left: 50px;
  padding-bottom: 0;
  padding-right: 70px;
  background-color: steelblue;
  color: white;
  width: 343px;
  text-align: center;
}

@media (max-width: 819px) {
  #progressbar li {
    width: 100%;
    margin-bottom: 1px;
    text-align: right;
  }
}

@media (min-width: 820px) {

  #progressbar li:before,
  #progressbar li:after {
    content: "";
    position: absolute;
    top: 0;
    width: 0;
    height: 0;
    border-top: 25px solid transparent;
    border-bottom: 25px solid transparent;
    border-right: 15px solid;
  }

  #progressbar li:before {
    right: 0;
    z-index: 1;
    border-right-color: white;
  }

  #progressbar li:after {
    left: -13px;
    transform: translateY(-1%);
    z-index: 2;
    border-right-color: steelblue;
  }
}

#progressbar li span {
  position: absolute;
  top: 7px;
  left: 30px;
  color: rgba(255, 255, 255, 0.3);
  font-size: 2em;
}

#progressbar li:first-child {
  background-color: #cce5ff;
  color: #004085;
}

#progressbar li:first-child:after {
  border-right-color: #cce5ff;
}

#progressbar li:nth-child(2) {
  background-color: #ffeeba;
  color: #856404;
}

#progressbar li:nth-child(2):after {
  border-right-color: #ffeeba;
}

#progressbar li:nth-child(3) {
  background-color: #c3e6cb;
  color: #155724;
}

#progressbar li:nth-child(3):after {
  border-right-color: #c3e6cb;
}

.path-manage-taxonomies .custom-card {
  min-height: 700px;
}

.view-empty {
  text-align: center;
  direction: ltr;
  padding-top: 2em;
}

.all-content-stats .single_element .quick_activity_wrap {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 30px;
  margin-bottom: 30px;
}

.all-content-stats .quick_activity_wrap a {
  transition: .3s transform cubic-bezier(.155, 1.105, .295, 1.12), .3s box-shadow, .3s -webkit-transform cubic-bezier(.155, 1.105, .295, 1.12);
}

.all-content-stats .quick_activity_wrap a:hover {
  transform: scale(1.05);
}

.all-content-stats .single_element .single_quick_activity {
  background-color: #fff;
  border-radius: 10px;
  -webkit-transition: .5s;
  transition: .5s;
  padding: 43px 5px;
  position: relative;
  align-items: center;
  justify-content: center;
  box-shadow: 0px 5px 10px #0000000d;
  border: 1px solid #ddd;
}

.all-content-stats .single_element .single_quick_activity::before {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  content: '';
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  -webkit-transition: .5s;
  transition: .5s;
  background-size: cover;
}

.all-content-stats .single_element .single_quick_activity .icon img {
  width: 100% !important;
  max-width: 50px;
}

.all-content-stats .single_element .single_quick_activity .count_content {
  margin-left: 30px;
  flex-basis: 50%;
  text-align: center;
}

.all-content-stats .single_element .single_quick_activity h3 {
  font-size: 45px;
  margin-bottom: 0;
  font-weight: 600;
  -webkit-transition: .5s;
  transition: .5s;
  color: #2e4765;
  margin-bottom: 0;
  line-height: 1;
}

.all-content-stats .single_element .single_quick_activity p {
  -webkit-transition: .5s;
  transition: .5s;
  font-size: 19px;
  font-weight: 500;
  color: #333333e8;
  line-height: 1;
}

.view-add-btn:before {
  content: "\f055";
  font-family: "Font Awesome 5 Free";
  font-weight: bold;
  font-size: 15px;
  text-align: center;
  margin-right: -5px;
  margin-left: 5px;
}

.add-content-dropdown {
  padding-top: 2em;
  padding-bottom: 2em;
  padding-right: 30px;
}

body:not(.path-frontpage) .page-header {
  margin: 0;
}

body:not(.path-frontpage) .page-header .breadcrumb {
  margin-top: -2em;
}

body[class*='page-node-'] .horizontal-tabs .horizontal-tabs-list,
body[class*='path-website-admin'] .horizontal-tabs .horizontal-tabs-list,
body[class*='path-website-content'] .horizontal-tabs .horizontal-tabs-list,
.node-member-form .horizontal-tabs .horizontal-tabs-list,
.node-general-meeting-form .horizontal-tabs .horizontal-tab-button,
.node-board-meeting-form .horizontal-tabs .horizontal-tab-button,
.node-charity-meeting-form .horizontal-tabs .horizontal-tab-button,
.horizontal-tabs .horizontal-tab-button
{
  background-color: #436398;
}

body[class*='page-node-'] .horizontal-tabs .horizontal-tab-button.selected,
body[class*='path-website-admin'] .horizontal-tabs .horizontal-tab-button.selected,
body[class*='path-website-content'] .horizontal-tabs .horizontal-tab-button.selected,
.node-member-form .horizontal-tabs .horizontal-tab-button.selected,
.node-general-meeting-form .horizontal-tabs .horizontal-tab-button.selected,
.node-board-meeting-form .horizontal-tabs .horizontal-tab-button.selected,
.node-charity-meeting-form .horizontal-tabs .horizontal-tab-button.selected,
.horizontal-tabs .horizontal-tab-button.selected
{
  background-color: #fff;
}

body[class*='page-node-'] .horizontal-tabs ul.horizontal-tabs-list li a,
body[class*='path-website-admin'] .horizontal-tabs ul.horizontal-tabs-list li a,
body[class*='path-website-content'] .horizontal-tabs ul.horizontal-tabs-list li a,
.node-member-form .horizontal-tabs ul.horizontal-tabs-list li a,
.node-general-meeting-form .horizontal-tabs ul.horizontal-tabs-list li a,
.node-board-meeting-form .horizontal-tabs ul.horizontal-tabs-list li a,
.node-charity-meeting-form .horizontal-tabs ul.horizontal-tabs-list li a,
.horizontal-tabs ul.horizontal-tabs-list li a
{
  color: #fff;
  font-size: 18px;
}

body[class*='page-node-'] .horizontal-tabs ul.horizontal-tabs-list li.selected a,
body[class*='path-website-admin'] .horizontal-tabs ul.horizontal-tabs-list li.selected a,
body[class*='path-website-content'] .horizontal-tabs ul.horizontal-tabs-list li.selected a,
.node-member-form .horizontal-tabs ul.horizontal-tabs-list li.selected a,
.node-general-meeting-form .horizontal-tabs ul.horizontal-tabs-list li.selected a,
.node-board-meeting-form .horizontal-tabs ul.horizontal-tabs-list li.selected a,
.node-charity-meeting-form .horizontal-tabs ul.horizontal-tabs-list li.selected a,
.horizontal-tabs ul.horizontal-tabs-list li.selected a
{
  color: #000;
}

body[class*='page-node-'] .horizontal-tabs .horizontal-tab-button a:hover,
body[class*='path-website-admin'] .horizontal-tabs .horizontal-tab-button a:hover,
body[class*='path-website-content'] .horizontal-tabs .horizontal-tab-button a:hover,
.node-member-form .horizontal-tabs .horizontal-tab-button a:hover,
.node-general-meeting-form .horizontal-tabs .horizontal-tab-button a:hover,
.node-board-meeting-form .horizontal-tabs .horizontal-tab-button a:hover,
.node-charity-meeting-form .horizontal-tabs .horizontal-tab-button a:hover,
.horizontal-tabs .horizontal-tab-button a:hover
{
  color: #000;
}

body[class*='page-node-'] div[data-once="horizontal-tabs"] .horizontal-tabs-panes,
body[class*='path-website-admin'] div[data-once="horizontal-tabs"] .horizontal-tabs-panes,
body[class*='path-website-content'] div[data-once="horizontal-tabs"] .horizontal-tabs-panes,
.node-member-form div[data-once="horizontal-tabs"] .horizontal-tabs-panes,
.node-general-meeting-form div[data-once="horizontal-tabs"] .horizontal-tabs-panes,
.node-board-meeting-form div[data-once="horizontal-tabs"] .horizontal-tabs-panes,
.node-charity-meeting-form div[data-once="horizontal-tabs"] .horizontal-tabs-panes,
div[data-once="horizontal-tabs"] .horizontal-tabs-panes
{
  overflow: hidden;
  padding-top: 1em;
}

body[class*='page-node-'] .field__label {
  color: #3d5e96;
  margin-bottom: 7px;
  font-size: 17px;
  font-weight: bold;
}

body[class*='page-node-'] .field--type-entity-reference-revisions > .field__label {
  color: #273957;
}

body[class*='page-node-'] .field--type-entity-reference-revisions > .field__label {
  margin-top: 15px;
  margin-bottom: 15px;
  border-bottom: 1px solid;
  display: inline-block;
}

body[class*='page-node-'] .field--type-entity-reference-revisions .field--type-entity-reference-revisions > .field__label {
  margin-top: 5px;
  margin-bottom: 0;
  border-bottom: 0;
}

body[class*='page-node-'] .field--type-entity-reference-revisions .field__items {
  list-style-type: none;
  counter-reset: css-counter 0;
}

body[class*='page-node-'] .field--type-entity-reference-revisions .field__items > .field__item {
  counter-increment: css-counter 1;
  /* Increase the counter by 1. */
}

body[class*='page-node-'] .field--type-entity-reference-revisions .field__items > .field__item:before {
  content: counter(css-counter) ". ";
  font-weight: bold;
  color: #0983e3;
}

/*body[class*='page-node-'] .field--type-entity-reference-revisions .field__items .field__item .field__item:before{*/
/*  content: none;*/
/*}*/
body[class*='page-node-'] .field__item {
  color: #333;
  font-size: 16px;
}

article.node--view-mode-full .inline-fields-group div[class*='field--name-'] {
  width: 24%;
  float: right;
  margin-left: 0;
  /* height: 93px; */
  margin: 0;
  margin-bottom: 1em;
  min-height: 76px;
  border: 1px solid #dddddd70;
  margin-left: 10px;
  padding: 7px;
}

article.node--view-mode-full .two-cloumns-group div[class*='field--name-'] {
  width: 48%;
  float: right;
  margin-left: 0;
  /* height: 93px; */
  margin: 0;
  margin-bottom: 1em;
  min-height: 76px;
  border: 1px solid #dddddd70;
  margin-left: 10px;
  padding: 7px;
}

article.node--view-mode-full .multiple-fields-columns-group div[class*='field--name-'] {
  width: 100%;
  margin-left: 0;
  /* height: 93px; */
  margin: 0;
  margin-bottom: 1em;
  min-height: 76px;
  border: 1px solid #dddddd70;
  margin-left: 10px;
  padding: 7px;
}

article.node--view-mode-full .inline-fields-group div[class*='field--name-field-other-notes'] {
  width: 100%;
}

article.node--view-mode-full .inline-fields-group div[class*='field--name-field-needs-ref'],
article.node--view-mode-full .inline-fields-group div[class*='field--name-field-contact-person'] {
  width: 100%;
  float: none;
}

article.node--view-mode-full .inline-fields-group article.profile div[class*='field--name-'] {
  width: 100%;
  border: 0;
  min-height: inherit;
  margin-bottom: 0;
  padding: 0;
  margin: 0;
  margin-left: 0;
  float: none;
}

article.node--view-mode-full .inline-fields-group details:after {
  clear: both;
  content: "";
  display: table;
}

article.node--view-mode-full .inline-fields-group details .field--type-entity-reference-revisions {
  width: 100%;
}

article.node--view-mode-full .inline-fields-group details#edit-group-alafrad .field--name-field-individuals {
  width: 100%;
}

article.node--view-mode-full .inline-fields-group details#edit-group-alafrad .field--name-field-individuals .node-readmore {
  display: none;
}

article.node--view-mode-full .inline-fields-group details#edit-group-alafrad .field--name-field-individuals h2.node__title span {
  font-size: 20px;
  font-weight: bold;
}

.paragraph--view-mode--default:after {
  clear: both;
  content: "";
  display: table;
}

/*article.node--view-mode-full .inline-fields-group div[class*='field--name-'] div[class*='field--name-'] {*/
/*  border: 0;*/
/*  width: auto;*/
/*  float: none;*/
/*  margin-bottom: 0;*/
/*  padding-bottom: 0;*/
/*  padding-top: 0;*/
/*  height: auto;*/
/*  min-height: auto;*/
/*  margin-left: 0;*/
/*}*/

@media (min-width: 560px) {
  .node .field--type-image + .field--type-image {
    clear: initial;
  }
}

body[class*='page-node-'] details fieldset > legend span {
  font-size: 18px;
  font-weight: bold;
  border-bottom: 1px solid #22324d;
  padding-bottom: 5px;
  color: #22324d;
}

body[class*='page-node-'] details > summary {
  font-size: 18px;
  font-weight: bold;
  /*border-bottom: 1px solid #0983e3;*/
  padding-bottom: 5px;
  /* display: inline-block; */
  /*width: 165px;*/
  margin-bottom: 2em;
  color: #22324d;
}


.page-main-content {
  background-color: #fff;
  padding: 25px;
  min-height: 600px;
  border-radius: 11px;
  box-shadow: 0px 0px 2px 2px #e1e6f1;
}

.clearboth {
  clear: both;
}

.main-sidebar-body .nav-sub-link.active {
  font-weight: 500;
}

.main-sidebar-body .nav-sub-link.active:before {
  color: #fff !important;
  opacity: 1;
}

.user-online-status h4.label {
  display: none;
}


span.status.online:before,
span.status.absent:before,
span.status.offline:before {
  content: "\A";
  width: 10px;
  height: 10px;
  border-radius: 50%;
  display: inline-block;
}

span.status.offline:before {
  background: #b83b3b;
}

span.status.online:before {
  background: #4caf50;
}

span.status.absent:before {
  background: #bbbb12;
}

.views-field-user-online-status .status {
  width: auto;
  height: auto;
}

.table thead th {
  font-weight: bold;
  color: #fff;
}

.table > thead {
  vertical-align: bottom;
  background: #0983e3;

}

.page-item.active .page-link {
  height: 85%;
}

.rtl .pagination {
  justify-content: center;
  padding-top: 2em;
}


form .field--type-entity-reference-revisions {
  clear: both;
  width: 100%;
  float: none;
}

form .inline-fields-group div[class*='field--type-entity-reference-revisions'] {
  clear: both;
  width: 100%;
  float: none;
}

body[class*='page-node-'] form .inline-fields-group div[class*='field--type-entity-reference-revisions'] {
  clear: both;
  width: 100%;
  float: none;
}

.field--type-entity-reference-revisions table tr,
.field--type-entity-reference-revisions table td {
  background: #f9f9fc;
  background-color: #f9f9fc;
}


.single-paragraph .field--type-entity-reference-revisions table tr,
.single-paragraph .field--type-entity-reference-revisions table td {
  background: #fff;
  background-color: #fff;
  border-bottom: 0 !important;
}

.single-paragraph .field--widget-paragraphs .field-multiple-drag {
  display: none;
}

.single-paragraph table thead,
.single-paragraph .paragraph-top {
  display: none;
}


.single-paragraph .field--type-entity-reference-revisions table tbody table tr,
.single-paragraph .field--type-entity-reference-revisions table tbody table td {
  background: #f9f9fc;
  background-color: #f9f9fc;
  border-bottom: 0 !important;
}

.single-paragraph .field--widget-paragraphs tbody table .field-multiple-drag {
  display: block;
}

.single-paragraph tbody table .paragraph-top {
  display: grid;
}

.single-paragraph table tbody table thead {
  display: table-header-group;
}


.paragraphs-icon-button {
  color: #fff;
}

.paragraphs-dropdown-action.button {
  background-color: #273957;
  background: #273957;
  color: #fff;
}

.js .field--widget-paragraphs td {
  padding: 5px 5px;
}

.js .field--widget-paragraphs .field-multiple-drag {
  width: 30px;
}

.field--type-entity-reference-revisions thead h4.label {
  color: #000;
  font-size: 18px;
}

.field--type-entity-reference-revisions .tabledrag-toggle-weight-wrapper {
  display: none;
}

.paragraphs-dropdown-actions {
  background: #0d6efd;
}

.js .field--widget-paragraphs .draggable .tabledrag-handle {
  margin-right: 0;
  margin-top: 3px;
  padding-left: 0.25em;
  width: 23px;
}

tbody .paragraphs-dropdown-actions {
  right: auto;
  left: 0;
}

.paragraphs-dropdown-action.button {
  font-weight: 400;
}


.multi-steps-label {
  margin-bottom: 0;
}

.multi-steps-label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 40px;
  margin-top: 20px;
  max-width: 1330px;
  margin: 0 auto;
  margin-bottom: 30px;
  align-items: center;
  justify-content: center;
  list-style-type: none;
  counter-reset: css-counter 0;
}

.multi-steps-label .step-label {
  background: #EEF2F8;
  width: 135px;
  height: 135px;
  border-radius: 100%;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 15px;
  font-weight: bold;
  color: #b8aaa0;
  position: relative;
  margin-left: 2%;
}

.multi-steps-label {
  list-style-type: none;
  counter-reset: css-counter 0;
}

.multi-steps-label .step-label {
  counter-increment: css-counter 1;
}

.multi-steps-label .step-label:before {
  content: counter(css-counter) ". ";
}

.multi-steps-label .step-label::after {
  content: "";
  border-bottom: 1px solid #d9d9d9;
  display: inline-block;
  width: 105%;
  position: absolute;
  left: -141px;
}

.multi-steps-label .step-label.active {
  color: #0074bd;
}

.multi-steps-label .step-label:last-child::after {
  content: none;
}

.node-beneficiary-form .content-fotm-inner {
  margin: auto;
  border: 0;
  box-shadow: none;
  padding: 0;
}

.higlighted-details {
  box-shadow: 0 10px 30px 0 var(--primary005);
  border-radius: 11px;
  position: relative;
  /* display: flex; */
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid #e8e8f7;
  box-shadow: -7.829px 11.607px 20px 0px #e4e3f5;
  padding: 20px;
  margin-bottom: 1em;
}

.inline-checkboxes > .field--widget-options-buttons,
form .inline-fields-group div[class*='field--widget-options-buttons'] {
  width: 100% !important;
  float: none !important;
  margin-bottom: 0 !important;
}

.inline-checkboxes fieldset {
  margin-bottom: 0 !important;
  border: 0;
  box-shadow: none;
}

.inline-checkboxes fieldset legend {
  font-size: 18px;
  font-weight: 400;
}

.inline-checkboxes fieldset .checkbox .form-check {
  float: right;
  width: 15%;
}

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

.alert-danger hr {
  margin-top: 5px;
  margin-bottom: 5px;
}

.field--name-field-beneficiary-category fieldset legend {
  display: none;
}

.taxonomy-instructions {
  position: absolute;
  cursor: pointer;
  width: 100%;
}

.taxonomy-instructions .dropdown-toggle:after {
  content: none;
}

.taxonomy-instructions .dropdown-menu {
  transform: none !important;
  top: 20px !important;
  padding: 10px;
}

.charity-website-partner-form .taxonomy-instructions .dropdown-menu,
.charity-website-partner-edit-form .taxonomy-instructions .dropdown-menu {
  top: 0 !important;
}

fieldset#edit-field-beneficiary-category--wrapper .taxonomy-instructions {
  bottom: -15px;
}

fieldset#edit-field-beneficiary-category--wrapper .taxonomy-instructions .dropdown-menu {
  left: auto !important;
}

table[id*='ief-entity-table-edit-field-individuals-entities'] .inline-entity-form-node-status,
table[id*='ief-entity-table-edit-field-needs-ref-entities'] .inline-entity-form-node-status,
table[id*='ief-entity-table-edit-field-needs-ref-entities'] .ief-tabledrag-handle,
table[id*='ief-entity-table-edit-field-needs-ref-entities'] .ief-tabledrag-header,
form .field--name-field-needs-ref .tabledrag-toggle-weight-wrapper,
form .field--name-field-archived,
table[id*='ief-entity-table-edit-field-volunteer-calculation-entities'] .inline-entity-form-node-status {
  display: none;
}


form .field--widget-inline-entity-form-complex input[id*='actions-ief-add'] {
  width: auto;
  font-size: 20px;
  min-width: 200px;
  margin-top: 2em;
}

form .field--widget-inline-entity-form-complex div[id*='actions--'] input {
  float: right;
  margin-bottom: 20px;
  width: auto;
}

form .field--widget-inline-entity-form-complex div[id*='actions--'] input[name*='-cancel-'] {
  background-color: #f16d75;
  margin-right: 15px;
  border-color: #f16d75;
}

form .field--widget-inline-entity-form-complex div#edit-field-individuals-actions {
  position: relative;
}

form .field--widget-inline-entity-form-complex div[id*='edit-field-individuals-actions']:before {
  content: "\f055";
  font-family: "Font Awesome 5 Free";
  font-weight: bold;
  font-size: 15px;
  text-align: center;
  position: absolute;
  right: 35px;
  margin-top: 9px;
  color: #fff;
}

.node-form .field--name-field-charity {
  display: none;
}

.ief-entity-table .ief-entity-operations input {
  width: auto !important;
  float: right;
}

.ief-entity-table .ief-entity-operations input[name*='form-entity-remove'] {
  width: auto;
  background-color: #f16d75;
  margin-right: 15px;
  border-color: #f16d75;
}

form .field--name-field-paragraphs-ref .paragraphs-add-wrapper input {
  width: auto;
  float: right;
  margin-left: 15px;
  font-weight: bold;
  min-width: 150px;
  background-color: #273957;
  border-color: #273957;
}

form .field--name-field-paragraphs-ref span.paragraph-type-label {
  color: #0983e3;
  font-weight: bold;
  font-size: 18px;
}

.path-node article.node .user-online-status {
  display: none;
}

.actvity-tracking-table-form .js-form-item {
  float: right;
  min-width: 200px;
  margin-left: 15px;
}

.actvity-tracking-table-form input[type="submit"] {
  width: auto;
  clear: both;
  float: left;
  margin-bottom: 2em;
}

.tracking-full-name {
  margin-top: -1.8em;
  margin-right: 6em;
}

.beneficiaries-landing .our-team:hover .picture img {
  box-shadow: none;
}

.beneficiaries-landing .our-team .picture img {
  border-radius: 0;
}

.action-buttons .btn {
  padding: 8px 11px;
  line-height: initial;
  min-height: auto;
  padding-bottom: 5px;
}

.view .views-exposed-form details.views-ef-fieldset-container {
  width: 100%;
}

.view .views-exposed-form details.views-ef-fieldset-container .js-form-item,
.view-filters .flex-wrap .js-form-item {
  float: right;
  margin-left: 1em;
  min-height: 76px;
}

.view .views-exposed-form details,
.view-filters {
  box-shadow: 0px 0px 0px 2px #9e9e9e29;
  padding: 10px 15px;
  margin: 1em 0;
}

/*.view-filters input[type="text"]{*/
/*  max-width: 250px;*/
/*}*/
/*.view-filters select{*/
/*  max-width: 140px;*/
/*}*/


.view .views-exposed-form details.views-ef-fieldset-container input[type="text"] {
  max-width: 250px;
}

.view .views-exposed-form details.views-ef-fieldset-container select {
  min-width: 140px;
}

.view .views-exposed-form details.views-ef-fieldset-container input[type="submit"] {
  width: auto;
  float: left;
  margin-bottom: 2em;
  margin-top: 1em;
  min-width: 150px;
  font-size: 18px;
  font-weight: bold;
}

.view .views-exposed-form details.views-ef-fieldset-container summary[role="button"] {
  margin-bottom: 0;
}

.view .views-exposed-form input#edit-reset {
  background: #ddd;
  color: #333 !important;
  border-color: #ddd;
  font-weight: 500;
  min-width: auto;
  font-size: 16px;
}

.view .view-header .action-links,
.view .view-header .nav-link {
  padding-right: 0;
}

.view .view-header .nav-link a {
  font-weight: bold;
}

.btn-secondary:focus,
.btn-secondary.focus {
  background-color: #1b283c !important;
  border-color: #1b283c !important;
  outline: 2px solid #4a6cb3; /* blue glow */
  outline-offset: 2px;
}

.view-footer .view-summary {
  text-align: center;
  font-size: 14px;
  margin-top: 1em;
}

.empty-view-label {
  direction: rtl;
  text-align: center;
  font-size: 30px;
  margin-top: 3em;
  color: #273957;
  opacity: 0.6;
}

td.views-field.views-field-individual-count ul {
  margin: 0;
  padding: 0;
  list-style: square;
  padding-right: 5px;
}


.node--type-individual .node--view-mode-full .field--type-entity-reference-revisions {
  width: 100% !important;
}

body[class*='page-view-'] nav.tabs {
  margin-bottom: 3em !important;
  margin-top: 1em;
  border-bottom: 1px solid #ddd;
}

.nav-tabs .nav-link.active,
.path-webform .nav-tabs a.active
{
  border-bottom: 2px solid #335080 !important;
  pointer-events: none !important;
  background: var(--primary-bg-color) !important;
  color: #fff !important;
  padding: 15px 18px 12px 18px !important;
  font-weight: bold !important;
}
.path-webform .nav-tabs a {
  border-radius: 4px;
  background-color: #fff;
  display: block;
  margin: 3px;
  padding: 10px 15px;
  font-weight: bold;
  padding: 15px 18px 15px 18px !important;
  background: var(--primary-transparentcolor) !important;
  margin: 0 5px 0px 0 !important;
  border-radius: 6px 6px 0 0 !important;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
  line-height: 1.428;
  color: #3c4858;
}

.nav-tabs .nav-link:hover,
.nav-tabs .nav-link:focus
{
  color: #000 !important;
}
.path-webform .nav-tabs a:hover,
.path-webform .nav-tabs a:focus{
  color: #000;
}

form.node-beneficiary-form .form-actions > .dropbutton-wrapper,
form.node-beneficiary-form .workflow-transition-beneficiaries_workflow-container {
  display: none;
}

form.node-beneficiary-form .form-actions input[data-drupal-selector="edit-back-button"],
form.node-beneficiary-edit-form input[data-drupal-selector="edit-back-button"],
form.node-beneficiary-form .form-actions .button--danger,
form.node-beneficiary-edit-form .button--danger {
  max-height: 45px !important;
  height: 45px !important;
}

form.node-beneficiary-form .form-actions .button--danger,
form.node-beneficiary-edit-form .button--danger {
  padding-top: 10px !important;
}

.form-actions .dropbutton-toggle .dropbutton-arrow:hover {
  background: transparent !important;
}


.form-actions .dropbutton-widget,
.form-actions .dropbutton-widget li.dropbutton-toggle button {
  background: #273957;
  border-color: #273957;
  background-color: #273957;
}

.form-actions .dropbutton-widget li.dropbutton-toggle button span {
  color: #fff;
}

.form-actions .dropbutton-widget input {
  background: #273957 !important;
  border-color: #273957 !important;
  background-color: #273957 !important;
  margin-left: 0 !important;
  border-radius: 0 !important;
  width: 100%;
  color: #fff !important;
}

/*.field--name-field-archived {*/
/*  display: none;*/
/*}*/

form .field--name-field-center-supervising label {
  font-size: 17.95px;
}

body[class*='page-view-'] .page-main-content {
  padding: 0;
  box-shadow: none;
}

.path-webform .card-header {
  display: none !important;
}

textarea {
  max-height: initial;
}

.filter-blur {
  filter: grayscale(0.3) blur(2px);
  pointer-events: none;
}

form.node-general-incoming-form div[class*='field--name-field-expire-date-'] label,
form.node-general-incoming-edit-form div[class*='field--name-field-expire-date-'] label {
  font-size: 15.8px;
}


.form-item-filter-performedby {
  display: none;
}

.form-item-htmlmail-plaintext {
  display: none;
}

.q-info .field--label {
  color: #7c5b7f;
  font-weight: bold;
}

.q-info .field {
  margin-left: 30px;
  font-size: 16px;
  text-align: center;
}

.q-info .field:last-child {
  margin-left: 0;
}

.q-info .field:nth-child(3) .field--item {
  font-size: 15px;
  text-align: right;
  max-width: 260px;
}

.q-info .field--item.answer-degree {
  color: #9d02ab;
  text-align: center;
  font-weight: bold;
}

.webform-submission-form fieldset {
  padding: 15px;
}

/*.webform-progress-tracker .progress-text {*/
/*  padding: 0px !important;*/
/*}*/

/*.webform-progress-tracker .progress-text.is-odd {*/
/*  top: 0px !important;*/
/*}*/

/*.progress-tracker {*/
/*  position: relative;*/
/*}*/

/*.webform-progress-tracker li[data-webform-page="info"] span.progress-text {*/
/*  margin-top: -6px;*/
/*}*/

.hidden {
  display: none;
}

table.dataTable thead th,
table.dataTable thead td {
  color: #fff;
}

form.transactions-form.inline-fields-group.bg-white {
  padding: 0;
  border: 0;
  box-shadow: none;
  margin-top: 0;
}


form.transactions-form fieldset[data-drupal-selector="edit-add-file"] div.js-form-item {
  width: 45%;
  float: right;
  margin-left: 50px;
}

form.transactions-form fieldset[data-drupal-selector="edit-add-file"] > legend {
  display: none;
}

form.transactions-form input[type="submit"] {
  width: auto;
  clear: both;
}

form.transactions-form .form-item-employees {
  display: none;
}

form.transactions-form fieldset[data-drupal-selector="edit-add-transaction-info"] legend span {
  font-size: 20px;
  color: #170c6b;
  border-bottom: 1px solid;
  padding-bottom: 5px;
}

.path-transactions-form div#bootstrap-panel .panel-title {
  font-size: 20px;
  color: #170c6b;
  border-bottom: 1px solid;
  padding-bottom: 5px;
  display: inline-block;
  margin-bottom: 0.5em;
}

table#filterTables tbody tr {
  display: inline-block;
  background-color: transparent !important;
}

table#filterTables tbody tr td {
  border: 0 !important;
}

.path-transactions-form .panel-default.employees_stats.row {
  margin-bottom: 1em;
}

.path-transactions-form .panel-default.employees_stats.row h3 {
  display: inline-block;
  font-size: 20px;
  color: #170c6b;
}

button.dt-button,
div.dt-button,
a.dt-button {
  background-color: #335080 !important;;
  background: #335080 !important;
  color: #fff !important;
  padding-top: 10px !important;;
}

.path-transactions-form div#transactions_info {
  font-size: 14px;
}

.path-transactions-form div#transactions_info .select-info {
  display: block;
}

.path-transactions-form .ui-datepicker {
  width: 30% !important;
}

table .print-hide .btn-xs {
  margin-top: 0.5rem;
}

.path-transactions-form .ui-datepicker-header select {
  width: 100%;
  text-align: center;
  height: 28px;
  font-size: 16px;
}

.path-transactions-form .ui-state-default,
.ui-widget-content .ui-state-default {
  text-align: center;
}

.node--type-transaction-file article.node--view-mode-full > header {
  display: none;
}

.view-transaction-files.view-display-id-page_1 .views-field-nothing a,
.view-organizations.view-display-id-transactions_files .views-field-nothing a
{
  margin-bottom: 10px;
  font-size: 10px;
  min-height: auto;
  padding: 5px 10px;
}

.btn-info {
  color: #fff;
  background-color: #7c5b7f;
  border-color: #7c5b7f;
}

.btn.print-hide {
  color: #fff;
  background-color: #437a5a;
  border-color: #437a5a;
  font-size: 0.7rem;
  padding: 0.4rem;
}

.btn.print-hide:hover {
  color: #fff;
  background-color: #48b374;
  border-color: #48b374;
}

.btn.print-pdf {
  color: #fff;
  background-color: #273957;
  border-color: #273957;
  font-size: 0.7rem;
  padding: 0.4rem;
}

.btn.print-pdf:hover {
  color: #fff;
  background-color: #335080;
  border-color: #335080;
}

.btn-delete {
  color: #fff;
  background-color: #d50c26;
  border-color: #d50c26;

}

.btn-delete:hover {
  color: #fff;
  background-color: #f73650;
  border-color: #d1354a;

}

.webform-submission-data .dataTable .tfoot td {
  color: #fff;
  background: #1684e3;
  text-align: center;
  border-color: #ccced0 !important;
  padding: 10px 18px 6px;
  border-top: 1px solid #111;
}

.webform-submission-data .standard-section {
  margin: 40px 0;
}

.webform-submission-data td {
  text-wrap: balance;
}

.page-view-transaction-files th,
.page-view-transaction-files td,
.view-id-organizations.view-display-id-transactions_files th,
.view-id-organizations.view-display-id-transactions_files td
{
  text-wrap: nowrap;
}

.path-governances th,
.path-governances td,
.path-webform th,
.path-webform td,
.page-view-transaction-files th,
.page-view-transaction-files td,
.view-id-organizations.view-display-id-transactions_files th,
.view-id-organizations.view-display-id-transactions_files td
{
  text-align: center !important;
}

.table > thead {
  vertical-align: bottom;
  background: #436398;
}

.table-striped tbody tr:nth-of-type(2n + 1) {
  background-color: #EEF2F8;
}

.nav > li > a.active {
  color: #fff;
  cursor: default;
  background-color: #8199ed;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-bottom-color: transparent;
}

.nav-tabs > li > a {
  border-radius: 4px;
  background-color: #fff;
  display: block;
  margin: 3px;
  padding: 10px 15px;
  font-weight: bold;

  padding: 15px 18px 15px 18px !important;
  background: #fff !important;
  margin: 0 5px 0px 0 !important;
  border-radius: 6px 6px 0 0 !important;

}

.path-webform h3 {
  font-size: 1rem;
  margin-top: 1rem;
  font-family: 'Tajawal' !important;
}

.path-webform h2 {
  font-size: 1.6rem;
  font-family: 'Tajawal' !important;
  font-weight: 600;
}


.view-transaction-files.view-display-id-page_1 td.views-field-nothing,
.view-organizations.view-display-id-transactions_files td.views-field-nothing
{
  text-align: center !important;
  padding: 5px;
  text-wrap: nowrap;
}

#edit-submit {
  max-width: fit-content;
  padding-right: 4rem;
  padding-left: 4rem;
}


article[class*='node--type-charity node--view-mode-'] > header,
article[class*='node--type-training node--view-mode-'] > header {
  display: none;
}

article.node--type-training.node--view-mode-attendance .node__content .field--name-field-attachment .field__label,
article.node--type-training.node--view-mode-media .node__content .field--name-field-media .field__label {
  margin-bottom: 30px;
  font-size: 30px;
}

article.node--type-training.node--view-mode-attendance .node__content .field--name-field-attachment .field__item,
article.node--type-training.node--view-mode-media .node__content .field--name-field-media .field__item {
  margin-bottom: 30px;
}

article.node--type-training.node--view-mode-full .node__content .field--name-field-media {
  width: 100%;
}

article.node--type-training.node--view-mode-full .node__content .field--name-field-media .field__items {
  /*display: flex;*/
  /*gap: 40px;*/
}

article.node--type-training.node--view-mode-full .node__content .field--name-field-media {
  width: 100%;
  clear: both;
  overflow: hidden;
}

article.node--type-training.node--view-mode-full .node__content .field--name-field-media .field__items .field__item {
  overflow: hidden;
  display: inline-flex;
}

article.node--type-training.node--view-mode-full .node__content .field--name-field-media .field__items .field__item div[class*='field--name-'] {
  width: auto;
  clear: both;
  overflow: hidden;
}

article.node--type-training.node--view-mode-full .node__content .field--name-field-media .field__items .field__item .field--name-field-media-video-file video {
  margin: 0 0 1em;
}

article.node--type-training.node--view-mode-media .node__content .field--name-field-media .field__items {
  display: inline-block;
}

article.node--type-training.node--view-mode-media .node__content .field--name-field-media .field__item {
  clear: both;
  overflow: hidden;
  width: 100%;
}

.node-training-edit-form .field--name-field-media .js-media-library-selection {
  display: flex;
  gap: 40px;
  margin-top: 30px;
}

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

#edit-cancel,
a#edit-actions-cancel {
  background-color: #345cb0;
  border-color: #345cb0;
  padding-top: 10px;
  display: inline-block;
  font-weight: 400;
  line-height: 1.5;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  color: #fff;
  border: 1px solid transparent;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  border-radius: 0.25rem;
  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  padding: 0;
  padding: 4px 25px !important;
  padding-top: 9px !important;
  max-height: 45px;
  margin-left: 10px;
  margin-right: 10px;
}

.user-form div#edit-role-change .js-form-type-checkbox,
form#role-delegation-role-assign-form div#edit-role-change .js-form-type-checkbox {
  /*float: right;*/
  /*margin-left: 15px;*/
  /*width: 300px;*/
}

.user-form div#edit-role-change .form-item-role-change-approver-hesa:after,
form#role-delegation-role-assign-form div#edit-role-change .form-item-role-change-approver-hesa:after,
.user-form div#edit-role-change .form-item-role-change-approver-housing:after,
form#role-delegation-role-assign-form div#edit-role-change .form-item-role-change-approver-housing:after,
.user-form div#edit-role-change .form-item-role-change-approver-transactions:after,
form#role-delegation-role-assign-form div#edit-role-change .form-item-role-change-approver-transactions:after,
.user-form div#edit-role-change .form-item-role-change-governance-manager:after,
form#role-delegation-role-assign-form div#edit-role-change .form-item-role-change-governance-manager:after,
.user-form div#edit-role-change .form-item-role-change-sms:after,
form#role-delegation-role-assign-form div#edit-role-change .form-item-role-change-sms:after,
.user-form div#edit-role-change .form-item-role-change-approval-transactions-empolyee:after,
form#role-delegation-role-assign-form div#edit-role-change .form-item-role-change-approval-transactions-empolyee:after
{
  content: "";
  display: block;
  width: 26%;
  height: 2px;
  background: #0983e3;
  margin-top: 1em;
  margin-right: -30px;
}

.user-form div#edit-role-change .form-item-role-change-researcher-hesa:before,
form#role-delegation-role-assign-form div#edit-role-change .form-item-role-change-researcher-hesa:before {
  content: "";
  display: block;
  width: 26%;
  height: 2px;
  background: #0983e3;
  margin-top: 1em;
  margin-right: -30px;
  margin-bottom: 1em;
}


form#role-delegation-role-assign-form small#edit-role-change--wrapper--description {
  clear: both;
  display: block;
}

.view-content-listing td.views-field.views-field-nothing,
.view-employee-s-pages td.views-field.views-field-nothing,
.view-employees td.views-field.views-field-nothing {
  padding: 9px;
  min-width: 120px;
}

.view-content-listing td.views-field.views-field-nothing .action-buttons,
.view-employee-s-pages td.views-field.views-field-nothing .action-buttons,
.view-employees td.views-field.views-field-nothing .action-buttons {
  padding: 0;
  min-width: 145px;
}

.views-element-container .view td.views-field.views-field-nothing .action-buttons .btn,
.views-element-container .view td.views-field.views-field-nothing .action-buttons .btn,
.view-employees td.views-field.views-field-nothing .action-buttons .btn {
  padding: 2px 5px;
  margin-bottom: 0;
}

.views-element-container .view td.views-field.views-field-nothing .action-buttons .btn .fa,
.views-element-container .view td.views-field.views-field-nothing .action-buttons .btn .fas,
.view-employee-s-pages td.views-field.views-field-nothing .action-buttons .btn .fas,
.view-employee-s-pages td.views-field.views-field-nothing .action-buttons .btn .fa,
.view-employees td.views-field.views-field-nothing .action-buttons .btn .fas,
.view-employees td.views-field.views-field-nothing .action-buttons .btn .fa {
  font-size: 13px;
}

input.error {
  border-color: #dc3545 !important;
}

.id-error {
  color: #dc3545;
  position: absolute;
  right: 0;
  font-size: 15px;
}

.field--name-field-location-url small.description {
  display: none;
}

form .field--name-field-media-appearance {
  padding-top: 40px;
}

h6.main-content-title {
  font-size: 23px;
}

.invalid-feedback {
  position: absolute;
}

.field--name-field-registration-date-g label {
  font-size: 17px;
}

small#edit-field-create-account-value--description {
  display: block;
}

label[for="edit-field-vacation-discount"] {
  font-size: 16px;
}

form .field--name-body,
form .field--name-field-restoration {
  width: 100% !important;
}

form .field--name-body span.field-edit-link,
form .field--name-body .js-filter-wrapper {
  display: none;
}

.taxonomy-term-form details[data-drupal-selector="edit-relations"] {
  display: none;
}


.view-display-id-beneficiaries_housing_needs_page .view-content.row,
.view-display-id-beneficiaries_hesa_needs_page .view-content.row,
.view-display-id-beneficiaries_hesa_me_page .view-content.row,
.view-display-id-beneficiaries_auditor_hesa_me_page .view-content.row,
.view-display-id-beneficiaries_housing_me_page .view-content.row,
.view-display-id-beneficiaries_auditor_housing_me_page .view-content.row,
.view-display-id-beneficiaries_approver_hesa_me_page .view-content.row,
.view-display-id-beneficiaries_hesa_needs_manager_page .view-content.row,
.view-display-id-kafalah_schedules_kafalah_page .view-content.row,
.view-display-id-kafalah_schedules_kafel_page .view-content.row,
.view-display-id-perspectives_page .view-content.row,
.view-display-id-axes_page .view-content.row,
.view-display-id-strategic_objectives_page .view-content.row
{
  display: block;
}

.view-display-id-beneficiaries_housing_needs_page .view-content.row .views-view-table > caption,
.view-display-id-beneficiaries_hesa_needs_page .view-content.row .views-view-table > caption,
.view-display-id-beneficiaries_hesa_me_page .view-content.row .views-view-table > caption,
.view-display-id-beneficiaries_auditor_hesa_me_page .view-content.row .views-view-table > caption,
.view-display-id-beneficiaries_housing_me_page .view-content.row .views-view-table > caption,
.view-display-id-beneficiaries_auditor_housing_me_page .view-content.row .views-view-table > caption,
.view-display-id-beneficiaries_approver_hesa_me_page .view-content.row .views-view-table > caption,
.view-display-id-beneficiaries_hesa_needs_manager_page .view-content.row .views-view-table > caption,
.view-display-id-kafalah_schedules_kafalah_page .view-content.row .views-view-table > caption,
.view-display-id-kafalah_schedules_kafel_page .view-content.row .views-view-table > caption,
.view-display-id-perspectives_page .view-content.row .views-view-table > caption,
.view-display-id-axes_page .view-content.row .views-view-table > caption,
.view-display-id-strategic_objectives_page .view-content.row .views-view-table > caption
{
  font-weight: bold;
  font-size: 17px;
  background-color: #b9e4b9;
  color: #000;
  border: 1px solid #ccc;
  padding: 15px;
  margin-bottom: 2em;
}

.view-display-id-beneficiaries_housing_needs_page .view-content.row .views-view-table > caption a,
.view-display-id-beneficiaries_hesa_needs_page .view-content.row .views-view-table > caption a,
.view-display-id-beneficiaries_hesa_me_page .view-content.row .views-view-table > caption a,
.view-display-id-beneficiaries_auditor_hesa_me_page .view-content.row .views-view-table > caption a,
.view-display-id-beneficiaries_housing_me_page .view-content.row .views-view-table > caption a,
.view-display-id-beneficiaries_auditor_housing_me_page .view-content.row .views-view-table > caption a,
.view-display-id-beneficiaries_approver_hesa_me_page .view-content.row .views-view-table > caption a,
.view-display-id-beneficiaries_hesa_needs_manager_page .view-content.row .views-view-table > caption a,
.view-display-id-kafalah_schedules_kafalah_page .view-content.row .views-view-table > caption a,
.view-display-id-kafalah_schedules_kafel_page .view-content.row .views-view-table > caption a,
.view-display-id-perspectives_page .view-content.row .views-view-table > caption a,
.view-display-id-axes_page .view-content.row .views-view-table > caption a,
.view-display-id-strategic_objectives_page .view-content.row .views-view-table > caption a
{
  font-weight: bold;
  font-size: 17px;
}

.font-small {
  font-size: 12px;
}

small#edit-role-change--wrapper--description {
  clear: both;
  display: block;
  margin-bottom: 1em;
  padding-top: 1em;
}


.view-display-id-users_page td.views-field.views-field-nothing-1 {
  padding: 8px;
}

.view-display-id-users_page td.views-field.views-field-operations,
.view-display-id-users_page th#view-operations-table-column {
  width: 100px;
}

.view-display-id-users_page .dropbutton-wrapper.dropbutton-multiple {
  width: 100px;
  margin: 0 !important;
  padding: 0 !important;
}

.custom-permissions-form h6.main-content-title {
  font-size: 23px;
  font-weight: bold;
  font-size: 20px;
  display: inline-block;
  border-bottom: 1px solid #ddd;
  padding-bottom: 15px;
  margin-top: 1em;
  margin-bottom: 2em;
}

.custom-permissions-form legend > span {
  font-size: 20px;
  font-weight: bold;
}

td.views-field.views-field-field-send-sms {
  text-align: center;
}

.views-bulk-operations-configure-action .vbo-info-list-wrapper.item-list h3 {
  color: #170c6b;
  font-size: 18px;
  font-weight: bold;
  border-bottom: 1px solid #ddd;
  display: inline-block;
  margin-bottom: 1em;
}

.views-bulk-operations-configure-action .vbo-info-list-wrapper.item-list ul {
  margin-bottom: 3em;
}

.views-bulk-operations-configure-action .vbo-info-list-wrapper.item-list ul li {
  padding: 10px;
}

.views-bulk-operations-configure-action fieldset legend > span {
  font-size: 19px;
  font-weight: bold;
  color: #170c6b;
}

.progress {
  height: 35px;
}

.node-volunteer-form .field--name-field-layoff {
  float: none !important;
  clear: both;
}

form .field--name-field-related,
form .field--name-field-confidential {
  padding-top: 2.3em;
}


.paragraphs-tabs-wrapper span.add-to-pragrapgh,
.paragraphs-tabs-wrapper em.placeholder {
  display: none;
}

.node-charity-edit-form a#edit-cancel {
  display: none;
}

form .field--name-field-certified,
form .field--name-field-productive-families,
form .field--name-field-orphan,
form .field--name-field-has-exceptional-code {
  padding-top: 2.5em;
}

.communication-management .views-exposed-form .form-type-select.js-form-item-field-transaction-type-value {
  display: none;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

.taxonomy-vocabulary-overview-page div#block-ghaith-primary-admin-actions,
.taxonomy-vocabulary-overview-page .tabledrag-toggle-weight-wrapper,
.taxonomy-vocabulary-overview-page input#edit-reset-alphabetical {
  display: none;
}

.shs-widget-container {
  width: 47%;
  margin-left: 6px;
}

ul.shs li {
  background: transparent;
  border: 0;
}

ul.shs {
  direction: ltr;
}

ul.shs li:after {
  content: '<';
}

.workflow-transition-beneficiaries_workflow-container fieldset,
.workflow-transition-needs_workflow-container fieldset,
.workflow-transition-employee_requests_workflow-container fieldset {
  padding: 20px;
}

.workflow-transition-beneficiaries_workflow-container fieldset .form-check,
.workflow-transition-employee_requests_workflow-container fieldset .form-check {
  margin-bottom: 5px;
}

form .field--name-field-total-income,
form .field--name-field-total-expenses {
  display: none;
}


details[data-drupal-selector="edit-group-system-settings"] div[class*='field--name-'] {
  min-height: 130px !important;
}


a[class*='nav-link--ar-unmasqueradetoken'] {
  color: #ccc !important;
}


.disable-benf-functions .view .action-buttons .edit-benf,
.disable-benf-functions .view .action-buttons .convert-benf,
.disable-benf-functions .view .action-buttons .remove-benf,
.disable-benf-functions .view .action-buttons .change-benf-status {
  opacity: 0.5;
  pointer-events: none;
}

.disallow-send-to-manager .send-need-to-manager {
  opacity: 0.5;
  pointer-events: none;
}

.allow-edit .edit-benf,
.allow-remove .remove-benf,
.allow-change-status .change-benf-status,
.allow-convert-benf .convert-benf
{
  opacity: 1 !important;
  pointer-events: auto !important;
}

.btn-danger.btn-custom {
  background-color: #8f0113;
  border-color: #8f0113;
}

.btn-danger.send-need-to-manager {
  background-color: #6e2d2d;
  border-color: #6e2d2d;
}

.btn-danger.send-need-to-manager:hover,
.btn-danger.send-need-to-manager:active,
.btn-danger.send-need-to-manager:focus {
  background-color: #6e2d2d !important;
  border-color: #6e2d2d !important;
}

.btn-danger.need_report {
  background-color: #333;
  border-color: #333;
}

.btn-danger.need_report:hover,
.btn-danger.need_report:active,
.btn-danger.need_report:focus {
  background-color: #333 !important;
  border-color: #333 !important;
}

.block-views-blocknode-workflow-beneficiaries-workflow-block {
  border-top: 2px solid #ddd;
  margin-top: 2em;
}

.block-views-blocknode-workflow-beneficiaries-workflow-block h2,
.block-views-blocktasks-workflow-tasks-workflow-block h2{
  font-size: 20px;
  margin-top: 20px;
  color: #0983e3;
  font-weight: bold;
}


.disallow-remove .remove-need,
.close-need,
.need_report {
  pointer-events: none;
  opacity: 0.5;
}

.allow-close .close-need {
  pointer-events: auto;
  opacity: 1;
}

.allow-report .need_report {
  pointer-events: auto;
  opacity: 1;
}

.closed-need-form {
  opacity: 0.8;
  pointer-events: none;
}

.closed-need-form .form-actions {
  display: none;
}

ul.nav.primary.nav-tabs li a {
  position: relative;
  box-shadow: 0 0 7px #ccc;
  transition: all 0.1s ease-in-out;
}
ul.nav.primary.nav-tabs li a:hover {
 background: #335080 !important;
  color: #fff !important;
  /*box-shadow: 0 0 12px #aaa;*/
}

ul.nav.primary.nav-tabs li a .requests-count {
  position: absolute;
  top: 0;
}

.btn.form-control:disabled,
.btn.form-control[readonly] {
  background-color: #273957;
  opacity: 0.5;
}

.content-lock-actions a:last-child {
  padding-top: 12px;
}

.content-lock-actions a:last-child:before {
  font-family: "Font Awesome 5 Free";
  content: "\f13e";
  display: inline-block;
  padding-left: 3px;
  vertical-align: middle;
  font-weight: 900;
}


.taxonomy-term-form .form-actions a[data-drupal-selector="edit-delete"],
.taxonomy-term-form .form-actions input[data-drupal-selector="edit-overview"] {
  display: none;
}

.view .views-exposed-form details[data-drupal-selector*="edit-field-age-value"] {
  margin-left: 15px;
}

.view .views-exposed-form details[data-drupal-selector*="edit-field-age-value"] .details-wrapper .form-wrapper.mb-3 {
  margin: 0 !important;
}

.view .views-exposed-form details[data-drupal-selector*="edit-field-age-value"] .details-wrapper fieldset {
  margin: 0;
  box-shadow: none;
}

.view .views-exposed-form details[data-drupal-selector*="edit-field-age-value"] .details-wrapper fieldset legend {
  display: none;
}

.view .views-exposed-form details[data-drupal-selector*="edit-field-age-value"] summary {
  color: #1d212f;
  font-weight: normal;
  font-size: 18px;
  margin: 0;
}

body.path-user .user-pag .field--label-above .field__item {}

.user-pag.inline-fields-group .field--label-above {
  width: 24%;
  float: right;
  margin-left: 0;
  /* height: 93px; */
  margin: 0;
  margin-bottom: 1em;
  min-height: 76px;
  border: 1px solid #dddddd70;
  margin-left: 10px;
  padding: 7px;
}

.user-pag.inline-fields-group .field--label-above .field__item {
  background: #fff;
}

.user-pag.inline-fields-group .field--label-above .field__label {
  color: #0983e3;
  margin-bottom: 7px;
  font-size: 16px;
  font-weight: bold;
}

.user-pag.inline-fields-group .field--name-field-signature {
  float: none;
  clear: both;
}

.income-calculator-page input[name="family_number"] {
  width: 20%;
  border-color: #000;
}

.path-income-calculator .alert-danger {
  display: none;
}

.path-income-calculator .alert-warning {
  color: #721c24;
  background-color: #f8d7da;
  border-color: #f5c6cb;
}

form .field--name-field-attachment {
  overflow: hidden;
}

.inline-fields-group .field--name-field-attachment {
  overflow: hidden;
}

input.select2-search__field {
  width: auto !important;
  direction: rtl;
}

.view-id-users_manage td.views-field.views-field-user-online-status {
  padding: 0 7px 0 0;
}

body[class*='page-user-'] .field--name-field-signature {
  border: 0 !important;
}

.views-field-views-bulk-operations-bulk-form {
  text-align: center !important;
  padding: 5px !important;
  width: 40px !important;
  padding-right: 10px !important;
}

.views-field-views-bulk-operations-bulk-form input {
  width: 20px;
  height: 20px;
  cursor: pointer;
}

div#vbo-action-form-wrapper {
  text-align: right;
  display: block;
}

div#vbo-action-form-wrapper .form-actions {
  display: block;
}

div#vbo-action-form-wrapper .form-actions input {
  font-size: 16px;
  padding: 0px 10px !important;
}

/*.views-table th,
.views-table td {
  text-wrap: nowrap !important;
}*/

.main-add-file > .fieldset-wrapper {
  display: flex;
}

form.transactions-form fieldset[data-drupal-selector="edit-add-transaction-amount"] div.js-form-item {
  width: 100%;
}

#bootstrap-panel {
  margin-top: 3rem;
}

#bootstrap-panel .panel-body .form--inline {
  justify-content: center;
}

#bootstrap-panel .panel-body .form--inline .form-item {
  flex-flow: column wrap;
  margin: 0.5rem;
}

#bootstrap-panel .persons input {
  margin: 1rem;
}

.beneficiaries_stats {
  margin: 1rem;
  text-align: center;
}

/*#block-ghaith-page-title {
  padding: 1rem;
}
*/
.table-responsive.transaction-view table th,
.table-responsive.transaction-view table td {
  color: #000;
}


td.views-field.views-field-roles-target-id {
  padding-left: 0 !important;
  padding-right: 0 !important;

}

/*
.view-transaction-files .table-responsive>table tbody {
  height: auto;
  overflow-y: auto;
  overflow-x: hidden;
}

.view-transaction-files .table-responsive>table .views-field-title-1{
text-wrap: wrap!important;
}*/
td.views-field.views-field-roles-target-id .item-list {
  height: 60px;
  overflow: hidden;
}

td.views-field.views-field-roles-target-id ul {
  list-style: circle !important;

}

td.views-field.views-field-roles-target-id ul li {
  background: transparent;
  background-color: transparent;
  border: 0;
  display: list-item;
  margin-right: 20px;
}

.more-less-btn {
  color: #345cb0 !important;
  font-weight: bold;
  float: left;
  margin-left: 7px;
  cursor: pointer;
}

.more-less-btn:after {
  font-family: "Font Awesome 5 Free";
  display: inline-block;
  padding-right: 3px;
  vertical-align: middle;
  font-weight: 900;
  font-size: 10px;
}

.more-btn:after {
  content: "\f078";
}

.less-btn:after {
  content: "\f077";
}

td.views-field.views-field-roles-target-id .item-list.expanded-height {
  height: auto;
  overflow: auto;
}

.path-transactions-form #filterTables tr.benfs-choose-filter,
.path-transactions-category-form #filterTables tr.benfs-choose-filter {
  width: 25%;
}

.node--view-mode-full .field--type-workflow fieldset.form-wrapper {
  border: 1px solid #dddddd70;
}
.node--view-mode-full .field--type-workflow fieldset.form-wrapper legend {
  font-size: 18px;
  color: #273957;
  font-weight: bold;
  margin-top: -15px;
}

.view-employee-s-pages .action-buttons .edit-btn,
.view-employee-s-pages .action-buttons .remove-btn {
  opacity: 0.5;
  pointer-events: none;
}

.view-employee-s-pages .action-buttons.employee_requests_workflow_new .edit-btn,
.view-employee-s-pages .action-buttons.employee_requests_workflow_new .remove-btn {
  opacity: 1;
  pointer-events: auto;
}

form .field--name-field-other-category {
  padding-top: 2.3em;
}

.node--type-beneficiary form input[name="field_amount[0][value]"] {
  opacity: 0.5;
  pointer-events: none;
  background-color: #dddddd8f;
}

@media (max-width: 767px) {
  .user-login-banner {
    display: none !important;
  }
}

.nav-tabs .nav-item {
  margin-left: 5px;
}
.nav-tabs.more-four-items {
  margin-bottom: -15px;
}
.nav-tabs.more-four-items .nav-item {
  margin-bottom: 15px;
}

.progress {
  font-size: 18px;
  height: auto;
  display: block;
  padding: 15px;
}

.hide-title-details legend {
  display: none;
}
.hide-title-details fieldset {
  margin-top: -20px;
}
.invalid-feedback {
  width: auto;
  /*margin-top: 60px;*/
}

.node-founding-committee-edit-form .invalid-feedback,
.node-founding-committee-form .invalid-feedback,
.node-member-form .invalid-feedback,
.node-member-edit-form .invalid-feedback,
.node-general-meeting-form .invalid-feedback,
.node-general-meeting-edit-form .invalid-feedback,
.node-board-meeting-form .invalid-feedback,
.node-board-meeting-edit-form .invalid-feedback,
.node-charity-meeting-form .invalid-feedback,
.node-charity-meeting-edit-form .invalid-feedback,
.node-supporting-organization-form .invalid-feedback,
.node-supporting-organization-edit-form .invalid-feedback,
.node-institute-form .invalid-feedback,
.node-institute-edit-form .invalid-feedback,
.node-training-form .invalid-feedback,
.node-training-edit-form .invalid-feedback,
.node-training-beneficiary-form .invalid-feedback,
.node-training-beneficiary-edit-form .invalid-feedback,
.node-volunteer-form .invalid-feedback,
.node-volunteer-edit-form .invalid-feedback,
.node-volunteer-opportunity-form .invalid-feedback,
.node-volunteer-opportunity-edit-form .invalid-feedback,
.node-volunteer-calculation-form .invalid-feedback,
.node-volunteer-calculation-edit-form .invalid-feedback,
.node-volunteer-request-form .invalid-feedback,
.node-volunteer-request-edit-form .invalid-feedback,
.node-volunteer-team-form .invalid-feedback,
.node-volunteer-team-edit-form .invalid-feedback,
.node-volunteer-disbursement-form .invalid-feedback,
.node-volunteer-disbursement-edit-form .invalid-feedback,
.node-instructor-form .invalid-feedback,
.node-instructor-edit-form .invalid-feedback {
  margin-top: 5px;
}

.node-charity-edit-form .field--name-field-license-number .invalid-feedback,
.node-charity-form .field--name-field-license-number .invalid-feedback {
  bottom: 10px;
}

.node-supporting-organization-form .clearfix,
.node-supporting-organization-edit-form .clearfix,
.node-institute-form .clearfix,
.node-institute-edit-form .clearfix,
.node-training-form .clearfix,
.node-training-edit-form .clearfix,
.node-training-beneficiary-form .clearfix,
.node-training-beneficiary-edit-form .clearfix,
.node-volunteer-form .clearfix,
.node-volunteer-edit-form .clearfix,
.node-volunteer-opportunity-form .clearfix,
.node-volunteer-opportunity-edit-form .clearfix,
.node-volunteer-calculation-form .clearfix,
.node-volunteer-calculation-edit-form .clearfix,
.node-volunteer-request-form .clearfix,
.node-volunteer-request-edit-form .clearfix,
.node-volunteer-team-form .clearfix,
.node-volunteer-team-edit-form .clearfix,
.node-volunteer-disbursement-form .clearfix,
.node-volunteer-disbursement-edit-form .clearfix,
.node-instructor-form .clearfix,
.node-instructor-edit-form .clearfix {
clear: both;
  /*display: inline-flex;*/
  /*align-items: center;*/
}

.node-volunteer-request-form .inline-fields-group .field--type-string-long.field--widget-string-textarea,
.node-volunteer-request-edit-form .inline-fields-group .field--type-string-long.field--widget-string-textarea {
  width: 100%;
  /*display: inline-block;*/
  /*float: none;*/
  /*margin: 0 !important;*/
}

.node-training-beneficiary-form .field--name-field-beneficiary-training .fieldset-legend,
.node-training-beneficiary-edit-form .field--name-field-beneficiary-training .fieldset-legend {
  font-size: 18px;
  font-weight: bold;
  padding-bottom: 5px;
  margin-bottom: 2em;
  color: #0983e3;
}

.node-training-beneficiary-form .field--name-field-beneficiary-training .fieldset-wrapper .checkbox,
.node-training-beneficiary-edit-form .field--name-field-beneficiary-training .fieldset-wrapper .checkbox {
  display: flex;
  flex-wrap: wrap;
  gap: 50px;
}

.node-training-form .field--widget-boolean-checkbox,
.node-training-edit-form .field--widget-boolean-checkbox {
  min-height: 30px !important;
}

article.node--view-mode-full .inline-fields-group .field--name-body {
  display: block;
  width: 100% !important;
}

input[id*='edit-field-guaranteed-entity-browser-entity-browser-open-modal'] {
  width: auto;
  font-size: 20px;
  height: 50px;
}

.view-filters, div#block-ghaith-page-title {
  direction: rtl;
  text-align: right;
}

.entity-browser-guaranteed-form .view-filters .js-form-item {
  max-width: 220px;
}
.ui-dialog-titlebar {
  background-color: #3f5c8f;
  color: #fff;
}
.ui-dialog .ui-dialog-title {
  float: right;
}
/*.ui-dialog .ui-dialog-content {*/
/*  overflow: hidden;*/
/*}*/
.entity-browser-modal {
  z-index: 5000 !important;
}
nav.eb-tabs {
  display: none;
}

input[name*='entity_browser_select'] {
  width: 20px;
  height: 20px;
  cursor: pointer;
}
ul.pagination.js-pager__items {
  direction: rtl;
}
button.ui-dialog-titlebar-close {
  background: #7c5b7f;
}
button.ui-dialog-titlebar-close:before {
  font-family: "Font Awesome 5 Free";
  content: "\f00d";
  display: inline-block;
  padding-right: 0px;
  vertical-align: middle;
  font-weight: 900;
  margin-top: -10px;
  font-size: 15px;
  color: #7c5b7f;
}
.ui-dialog .ui-dialog-titlebar-close{
  border-color: transparent;
}
div#block-ghaith-page-title {
  padding-top: 5px;
}

.block-views-blockreceipts-receipts-node-block h2,
.block-views-blockguaranteed-block-1 h2,
.block-views-blockkafels-kafel-related-kafalat-block h2
{
  font-size: 20px;
  font-weight: bold;
  display: inline-block;
  border-bottom: 1px solid;
}

.btn-primary.paid-btn {
  background-color: #3f5c8f !important;
  border-color: #3F6393;
}

label[for="edit-field-specialist-target-id-entityreference-filter"],
label[for="edit-field-category-target-id-entityreference-filter"],
label[for="edit-field-researcher-target-id-entityreference-filter"] {
  display: block;
}
span.page-link {
  padding-top: 4px;
}
li.page-item.active span.page-link {
  padding-top: 10px;
}
.views-exposed-form label {
  display: block !important;
}
.field--name-field-caregiver, div#edit-field-caregiver-wrapper {
  display: block !important;
}

div#block-beneficiaryheaderactionsbuttons {
  text-align: left;
  margin-bottom: 2em;
}

details#edit-group-byanat-alkhtt {
  clear: both;
}

textarea.form-control {
  color: #333;
}

.multiple-fields-columns-group .tabledrag-toggle-weight-wrapper {
  display: none;
}

.multiple-fields-columns-group .multiple-fields-remove-button {
  right: 98.3%;
  top: 22%;
  /*margin-top: -26px !important;*/
}
.has-multiple-fields-remove-button .multiple-fields-remove-button:hover, .has-multiple-fields-remove-button .multiple-fields-remove-button:focus {
  /*margin-top: -26px !important;*/
  right: 98.3% !important;
  top: 22% !important;
}

.multiple-fields-columns-group tr.draggable td.field-multiple-drag {
  width: 30px;
  padding: 0;
  padding-right: 10px;
}

.multiple-fields-columns-group table.field-multiple-table > thead {
  background: #f0f0f400;
}

.multiple-fields-columns-group table.field-multiple-table > thead tr th {
  padding-top: 5px;
  padding-bottom: 5px;
}
.multiple-fields-columns-group table.field-multiple-table > thead tr th h4 {
  font-size: 18px;
  color: #333;
}

.multiple-fields-columns-group .field-add-more-submit {
  width: auto;
}

@media only screen and (min-width: 768px) {
  .view-strategic-plans .views-exposed-form .js-form-item {
    width: 240px;
  }
}

.actvity-tracking-table-form label{
  display: block;
}
.btn-blue{
  background: #344d78;
  color: #fff;
}

.view-display-id-axes_page .view-grouping-header,
.view-display-id-strategic_objectives_page .view-grouping-header
{
  padding: 5px 20px;
  font-size: 22px;
  font-weight: bold;
  color: #fff;
  background-color: #695eb8;
  width: 97%;
  margin-right: 17px;
  border-radius: 5px;
}

.view-display-id-strategic_objectives_page .view-grouping-header{
  margin-bottom: 0.8em;
}
.view-display-id-strategic_objectives_page .view-grouping-content .view-grouping-header{
  background-color: #ca9b45;
}

.strategic-objectives-alert{
  background-color: #cce5ff;
  color: #004085;
  padding: 9px 18px;
  border-radius: 5px;
}
.strategic-objectives-alert p{
  margin: 0;
}

#main-indicator-disable-edit-field select{
  background-color: #e9ecef;
  pointer-events: none;
}

form .field--name-field-repeat-measurement fieldset legend span{
  font-size: 19px;
  color: #7c5b7f;
  font-weight: bold;
}

form .field--name-field-repeat-measurement .fieldset-wrapper .d-flex>div{
  width: 100% !important;
}
form .field--name-field-repeat-measurement .fieldset-wrapper .d-flex .js-form-type-radio{
  display: inline-block;
  margin-left: 1em;
}

article.node--view-mode-full .inline-fields-group div[class*='field--name-field-indicator-services']{
  width: 100%;
  float: none;
  clear: both;
}

.page-node-.path-tasks .inline-fields-group div[class*='field--name-'] {
  width: 24%;
  float: right;
  margin-left: 0;
  /* height: 93px; */
  margin: 0;
  margin-bottom: 1em;
  min-height: 76px;
  border: 1px solid #dddddd70;
  margin-left: 10px;
  padding: 7px;
}
.page-node-.path-tasks .inline-fields-group div[class*='field--name-field-task-workflow-state'] {
  float: none;
  width: 100%;
  padding: 20px;
}

.ch-website-prefix{
  display: inline-block;
  margin-top: 41px;
  margin-right: -10px;
  direction: ltr;
  font-weight: bold;
  color: #273957;
  font-size: 13px;
}


.main-sidebar-body .website-admin-menu.nav-sub .nav-sub-link.nav-webiste-main-link:before{
  content: none;
}

.main-sidebar-body .website-admin-menu.nav-sub .nav-sub-link >.fas,
.main-sidebar-body .website-admin-menu.nav-sub .nav-sub-link >.fa,
.main-sidebar-body .website-admin-menu.nav-sub .nav-sub-link >.fab,
.main-sidebar-body .website-admin-menu.nav-sub .nav-sub-link >.far
{
  margin-left: 5px;
}

.main-sidebar-body .website-admin-menu.nav-sub .nav-sub-link{
  font-size: 16px;
}

.media-library-widget-modal{
  z-index: 5000 !important;
}
.js-media-library-open-button,
.ui-dialog-buttonpane button
{
  display: inline-block;
  width: auto;
  color: #ffffff !important;
  background-color: var(--primary-bg-color) !important;
  border-color: var(--primary-bg-color) !important;
}

div#media-library-wrapper .view-header{
  border-bottom: 1px solid #ddd;
  padding: 15px;
  padding-bottom: 0;
  margin-bottom: 2em;
  padding-right: 0;
}
div#media-library-wrapper .view-header a{
  color: #7c5b7f;
  font-size: 16px;
  font-weight: bold;
  margin-left: 10px;
  border: 1px solid #ddd;
  padding: 15px;
  padding-bottom: 0;
  border-bottom: 0;
  display: inline-block;
  text-align: center;
  padding-top: 10px;
}

div#media-library-wrapper .view-header a:hover{
  background: #7c5b7f;
  color: #fff;
}
div#media-library-wrapper .view-header a.is-active{
  background: #7c5b7f;
  color: #fff;
}

.ui-dialog .ui-dialog-buttonpane button{
  background: #7c5b7f;
}

.view-media-library input[type="submit"]{
  display: inline-block;
  width: auto;
  color: #ffffff;
  background-color: var(--primary-bg-color);
  border-color: var(--primary-bg-color);
  background: #7c5b7f;
}

button.ui-dialog-titlebar-close{
  background: #fff;
  right: auto !important;
  left: 10px;
}


.ui-widget.ui-widget-content{
  padding:0;
}

.ui-dialog, .ui-widget, .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button{
  font-family: 'Tajawal' !important;
}

[data-drupal-selector="views-exposed-form-media-library-widget"] [data-drupal-selector="edit-actions"],
[data-drupal-selector="views-exposed-form-media-library-widget-table"] [data-drupal-selector="edit-actions"]
{
  padding-top: 2em;
}

.js-media-library-views-form{
  display: flex;
  flex-wrap: wrap;
  flex-basis: 100%;
  margin: 0 -0.5rem;
}

.js-media-library-item.js-click-to-select.views-row {
  width: 20%;
}

.js-media-library-item.js-click-to-select.views-row .views-field{
  cursor: pointer;
  border-radius: 15px;
  border: 1px solid #ddd;
  text-align: center;
  margin-left: 10px;
}

.js-media-library-item.js-click-to-select.views-row .js-form-type-checkbox{
  position: absolute;
  z-index: 99;
}
.js-media-library-item.js-click-to-select.views-row .js-form-type-checkbox input{
  width: 25px;
  height: 25px;
}

.media-library-item--disabled {
  pointer-events: none;
  opacity: 0.5;
}

.js-media-library-add-form [type="submit"]{
  display: inline-block;
  width: auto;
  color: #ffffff;
  background-color: var(--primary-bg-color);
  border-color: var(--primary-bg-color);
  background: #7c5b7f;
}
.js-media-library-add-form [name="upload_upload_button"]{
  float: left;
  margin-top: -40px;
  border-radius: 0;
}
.js-media-library-add-form [type="file"]{
  width: 95%;
}

input[aria-label*="Remove"]{
  width: auto;
  min-width: 150px;
  background: #e61818;
  font-size: 20px;
  margin-bottom: 10px;
}
.media-library-item--table .views-field-media-library-select-form{
  padding:0;
}
.media-library-item--table .views-field-media-library-select-form input{
  width: 25px;
  height: 25px;
  cursor: pointer;
  margin-right: -16px;
}

.ui-widget-content{
  padding: 0;
}

.ui-dialog-buttonset.form-actions{
  margin-top: 0;
}

.js-media-library-menu{
  padding: 0;
  border-bottom: 1px solid #ddd;
  display: inline-block;
}
.js-media-library-menu li{
  display: inline-block;
  margin-left: 15px;
}
.js-media-library-menu li a.active{
  display: block;
  border: 1px solid #ddd;
  border-bottom: 0;
  padding: 5px;
}

.field--name-field-charity-body .js-filter-wrapper{
  display: none;
}

.media-library-widget-modal .ui-dialog-content{
  min-height: 500px !important;
}
.field--name-field-charity-partners .tabledrag-toggle-weight-wrapper{
  display: none;
}

.tabledrag-changed-warning{
  color: #856404;
  background-color: #ffeeba;
  border-color: #ffeeba;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: 3px;
  border-width: 0;
  padding: 10px;
}

.manage-menu-page .js-form-item-third-party-settings-menu-trail-by-path-trail-source,
.manage-menu-page .tabledrag-toggle-weight-wrapper,
.manage-menu-page table#menu-overview tbody tr td:nth-child(5),
.manage-menu-page a#edit-delete,
.menu-link-content-form .form-item-menu-token-enabled,
.menu-link-content-form .form-item-expanded-value,
.menu-link-content-form details#edit-attributes,
.menu-link-content-form .form-item-weight-0-value
{
  display: none;
}

.manage-menu-page table#menu-overview tbody tr td input[type="checkbox"]{
  width: 25px;
  height: 25px;
  cursor: pointer;
}

.manage-menu-page table#menu-overview tbody tr td a,
.manage-menu-page table#menu-overview thead th
{
  font-size: 18px;
}

.manage-menu-page nav.action-links a{
  color: #fff !important;
  background-color: var(--primary-bg-color);
  border-color: var(--primary-bg-color);
  font-weight: bold;
  margin-bottom: 2em;
}
.manage-menu-page nav.action-links a:before {
  content: "\f055";
  font-family: "Font Awesome 5 Free";
  font-weight: bold;
  font-size: 15px;
  text-align: center;
  margin-right: -5px;
  margin-left: 5px;
}

#edit-pass{
  display: block;
}
.user-register-form .form-item-pass-pass1,
.user-register-form .form-item-pass-pass2
{
  position: relative;
}
.user-register-form button.shwpd{
  opacity: 0.5;
  position: absolute;
  left: 40px;
  top: 50px;
}
.page-user-login .form-type-password{
  position: relative;
}

.page-user-login button.shwpd{
  opacity: 0.5;
  position: absolute;
  left: 40px;
  top: 20px;
}

.charity-website-library-files-edit-form .js-media-library-selection,
.charity-website-library-files-add-form .js-media-library-selection,
.charity-website-library-images-edit-form .js-media-library-selection,
.charity-website-library-images-add-form .js-media-library-selection,
.charity-website-library-videos-edit-form .js-media-library-selection,
.charity-website-library-videos-add-form .js-media-library-selection {
  display: flex;
  flex-wrap: wrap;
}

.charity-website-library-files-edit-form .js-media-library-selection article,
.charity-website-library-files-add-form .js-media-library-selection article,
.charity-website-library-images-add-form .js-media-library-selection article,
.charity-website-library-images-edit-form .js-media-library-selection article,
.charity-website-library-videos-add-form .js-media-library-selection article,
.charity-website-library-videos-edit-form .js-media-library-selection article {
  margin: 0 0 40px 40px;
}

.charity-website-library-files-edit-form .field-suffix,
.charity-website-library-files-add-form .field-suffix,
.charity-website-library-images-add-form .field-suffix,
.charity-website-library-images-edit-form .field-suffix,
.charity-website-library-videos-add-form .field-suffix,
.charity-website-library-videos-edit-form .field-suffix {
  display: block;
}

#field_media_multiple-media-library-wrapper .fieldset-wrapper .field-prefix {
  display: block;
  margin: 20px 0;
}

.field--widget-entity-reference-autocomplete.paragraphs-content input {
  background-color: #f0f0f0;
  color: #a0a0a0;
  border: 1px solid #d0d0d0;
  cursor: not-allowed;
  opacity: 0.5;
}

.webform-submission--webform-charity-contact .webform-submission-information,
.webform-submission--webform-charity-beneficials-satisfaction .webform-submission-information {
  display: none;
}

.webform-submission--webform-charity-contact .webform-element label,
.webform-submission--webform-charity-beneficials-satisfaction .webform-element label {
  font-weight: bold;
}

.webform-submission--webform-charity-contact,
.webform-submission--webform-charity-beneficials-satisfaction {
  background-color: #f8f9fa;
}

.webform-submission--webform-charity-contact b,
.webform-submission--webform-charity-beneficials-satisfaction b {
  color: #343a40;
  font-weight: bold;
}

.webform-submission--webform-charity-contact .webform-section,
.webform-submission--webform-charity-beneficials-satisfaction .webform-section {
  margin-bottom: 15px;
  padding: 15px;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  background-color: #ffffff;
}

.field--name-field-related-news .js-form-type-entity-autocomplete {
  margin-bottom: 0 !important;
}

.field--name-field-related-news .has-multiple-fields-remove-button .multiple-fields-remove-button {
  top: 32%;
}
.website-register-alert{
  display: none;
}

span.website-register-alert.registered-1{
  display: inline-block;
}
.website-register-workflow-alert p{
  margin: 0;
}

.field-content .js-media-library-item-preview .field--name-thumbnail img{
  width: 100%;
  object-fit: cover;
}

.js-media-library-item.js-click-to-select.views-row .field-content article div:last-child{
  word-wrap: break-word;
  /* width: 150px; */
  /* overflow: hidden; */
  /*height: 27px;*/
  /*overflow: hidden;*/
}
.website-admin-menu li.nav-sub-item.active >a.nav-sub-link.nav-webiste-main-link.with-sub * {
  color: #ffffff !important;
}

.main-sidebar-body .website-admin-menu  li.active li .sidemenu-label,
.main-sidebar-body li.active li .sidemenu-label,
.main-sidebar-body li.active li i
{
  color: #ffffff !important;
}

.website-admin-menu .nav-sub-link:hover .sidemenu-label{
  font-weight: bold;
}
.view-charity-website-blocks .button.field-add-more-submit{
  width: auto;
  font-weight: bold;
  padding-right: 25px;
}
.view-charity-website-blocks .paragraphs-add-wrapper{
  position: relative;
}
.view-charity-website-blocks .paragraphs-add-wrapper:before {
  content: "\f055";
  font-family: "Font Awesome 5 Free";
  font-weight: bold;
  font-size: 15px;
  text-align: center;
  margin-right: -5px;
  margin-left: 5px;
  position: absolute;
  top: 9px;
  color: #fff;
  right: 9px;
}

.path-website-admin dt a[href="/ar/website-admin/content/add/newsletter_subscribers"]{
  display: none;
}

.webform-filter-form .details-wrapper .form-type-select{
  display: none;
}
.webform-filter-form input[type="submit"]{
  width: auto;
  display: inline-block;
}

#block-ghaith-content .poll.viewmode-full fieldset {
  display: none;
}

#block-ghaith-content .poll.viewmode-full #edit-actions input[type="submit"]:first-of-type {
  display: none;
}

#block-ghaith-content .poll.viewmode-full .vote-form {
  display: flex;
  justify-content: center;
}

#block-ghaith-content .poll.viewmode-full input[type="submit"][value="عرض التصويت"] {
  display: none;
}

.poll.viewmode-full .foreground {
  background-color: #7c5b7f;
  float: right;
}

.governance-workflow{
  border: 1px solid #ccc;
  padding: 17px;
  margin-top: 3em;
}

details[data-once="webform-details-save"]
{
  display: none;
}
.webform-progress-tracker .progress-step.is-complete .progress-marker::after{
  background-color: green;
  height: 7px;
}
.webform-submission-form .form-managed-file [name*="_remove_button"]{
  width: auto;
  background-color: #c73434;
  border-color: #c73434;
}
.webform-managed-file-preview-wrapper{
  padding-right: 30px !important;
}
.btn-info:hover,
.btn-info:active,
.btn-info:focus,
.btn-info:visited,
.btn-info:link,
.btn-info:active:hover
{
  color: #ffffff;
  background-color: #3e5d8f;
  border-color: #3e5d8f;
}

.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active {
  color: #ffffff;
  background-color: #5e3761;
  border-color: #5e3761;
}

.btn-danger.meeting-report {
  background-color: #333;
  border-color: #333;
}

.node-training-beneficiary-form .inline-fields-group .field--name-field-training-beneficiary-workf,
.node--type-training-beneficiary .node-training-beneficiary-edit-form .inline-fields-group .field--name-field-training-beneficiary-workf,
.node-volunteer-request-form .inline-fields-group .field--name-field-volunteer-request-workflow,
.node--type-volunteer-request .node-volunteer-request-edit-form .inline-fields-group .field--name-field-volunteer-request-workflow {
  width: 100%;
  margin-top: 30px;
}

.node-training-beneficiary-form .inline-fields-group .field--name-field-training-beneficiary-workf summary,
.node--type-training-beneficiary .node-training-beneficiary-edit-form .inline-fields-group .field--name-field-training-beneficiary-workf summary,
.node-volunteer-request-form .inline-fields-group .field--name-field-volunteer-request-workflow summary,
.node--type-volunteer-request .node-volunteer-request-edit-form .inline-fields-group .field--name-field-volunteer-request-workflow summary {
  margin-bottom: 0;
}

.node-volunteer-request-form .field--name-field-volunteer-request-workflow fieldset,
.node--type-volunteer-request .node-volunteer-request-edit-form .field--name-field-volunteer-request-workflow fieldset {
  padding: 10px;
  margin-top: 10px;
}

.node--type-training-beneficiary.node--view-mode-full .inline-fields-group .field--name-field-training-beneficiary-workf,
.node--type-volunteer-request.node--view-mode-full .inline-fields-group .field--name-field-volunteer-request-workflow {
  width: 100%;
}

.node--type-training-beneficiary.node--view-mode-full .inline-fields-group .field--name-field-training-beneficiary-workf form fieldset,
.node--type-volunteer-request.node--view-mode-full .inline-fields-group .field--name-field-volunteer-request-workflow form fieldset {
  border: 0;
}

.node--type-training-beneficiary.node--view-mode-full .inline-fields-group .field--name-field-training-beneficiary-workf form fieldset legend,
.node--type-volunteer-request.node--view-mode-full .inline-fields-group .field--name-field-volunteer-request-workflow form fieldset legend {
  margin-top: 0;
}

/*.node--type-training-beneficiary.node--view-mode-full .inline-fields-group .field--name-field-training-beneficiary-workf form fieldset .fieldset-wrapper #edit-to-sid div > div:first-child {*/
/*!*.node-training-beneficiary-edit-form .inline-fields-group .field--name-field-training-beneficiary-workf fieldset .fieldset-wrapper #edit-field-training-beneficiary-workf-0-to-sid div > div:first-child {*!*/
/*  display: none;*/
/*}*/

.node--type-volunteer-request.node--view-mode-full .field--type-workflow fieldset.form-wrapper legend {
  margin-top: 0
}

.page-view-beneficiary-transaction .content>h1.title{
  display: none;
}

.view-display-id-beneficiary_transaction .view-header h1.title,
.view-display-id-beneficiary_transaction .view-header p{
  display: inline-block;
}
.view-display-id-beneficiary_transaction .view-header h1.title{
  margin-left: 10px;
}

.view-display-id-beneficiary_transaction .view-header p a,
.view-display-id-beneficiary_transaction .view-header h1 a
{
  font-weight: 600;
  color: #7b6b7c;
  font-size: 24px;
  text-indent: -1px;
  line-height: 1;
  position: relative;
  margin-bottom: 20px;
}

.view-display-id-beneficiary_transaction_header_block{
  margin-bottom: 2em;
}
.view-display-id-beneficiary_transaction_header_block .table > thead{
  background: #535050;
}

.page-view-beneficiary-transaction button#print-button{
  position: absolute;
  left: 30px;
}

@media print {
  @page {
    size: landscape;
    margin: 10mm;
  }

  .page-view-beneficiary-transaction #global-loader,
  .page-view-beneficiary-transaction .main-sidebar,
  .page-view-beneficiary-transaction .main-sidebar-sticky,
  .page-view-beneficiary-transaction .sidemenu-logo,
  .page-view-beneficiary-transaction footer,
  .page-view-beneficiary-transaction #back-to-top {
    display: none !important;
  }

  .breadcrumb, #print-button, button {
    display: none;
  }

  h1.title{
    margin-top: 2em;
  }

  body{
    margin-top: 3em;
  }

  .page-view-beneficiary-transaction .main-content,
  .page-view-beneficiary-transaction .side-content,
  .page-view-beneficiary-transaction .main-container,
  .page-view-beneficiary-transaction .inner-body,
  .page-view-beneficiary-transaction .card.custom-card,
  .page-view-beneficiary-transaction .card-body,
  .page-view-beneficiary-transaction .page-main-content {
    margin: 0 !important;
    padding: 0 !important;
  }

  .page-view-beneficiary-transaction .main-header {
    display: block !important;
    position: static !important;
    inset: auto !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 0 12px !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    break-inside: avoid !important;
    break-after: avoid-page !important;
    page-break-inside: avoid !important;
  }

  .page-view-beneficiary-transaction .main-header .main-container {
    display: block !important;
    max-width: 100% !important;
  }

  .page-view-beneficiary-transaction .main-header-center,
  .page-view-beneficiary-transaction .main-header-right,
  .page-view-beneficiary-transaction .main-header-menu-icon,
  .page-view-beneficiary-transaction .responsive-logo,
  .page-view-beneficiary-transaction .desktop-logo-dark,
  .page-view-beneficiary-transaction .mobile-logo,
  .page-view-beneficiary-transaction .mobile-logo-dark {
    display: none !important;
  }

  .page-view-beneficiary-transaction .main-header-left,
  .page-view-beneficiary-transaction .main-header .hor-logo,
  .page-view-beneficiary-transaction .main-header .main-logo {
    display: block !important;
    width: 100% !important;
    text-align: center !important;
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .page-view-beneficiary-transaction .main-header .desktop-logo,
  .page-view-beneficiary-transaction .main-header .header-brand-img.desktop-logo {
    display: inline-block !important;
    width: auto !important;
    max-width: 140px !important;
    max-height: 80px !important;
    margin: 0 auto 10px !important;
  }

  .page-view-beneficiary-transaction .view-content.row,
  .page-view-beneficiary-transaction .table-responsive.col {
    display: block;
    margin: 0 !important;
    padding: 0 !important;
    max-width: 100% !important;
  }

  .page-view-beneficiary-transaction .view-header {
    text-align: center;
  }

  .page-view-beneficiary-transaction .view-header img {
    display: block;
    margin: 0 auto 1rem auto;
  }

  .page-view-beneficiary-transaction a,
  .page-view-beneficiary-transaction a:link,
  .page-view-beneficiary-transaction a:visited {
    text-decoration: none !important;
  }

  .page-view-beneficiary-transaction .table-responsive {
    overflow: visible !important;
  }

  .page-view-beneficiary-transaction table.views-table,
  .page-view-beneficiary-transaction .table-responsive > table {
    width: 100% !important;
    table-layout: auto !important;
    font-size: 11px;
  }

  .page-view-beneficiary-transaction table.views-table th,
  .page-view-beneficiary-transaction table.views-table td,
  .page-view-beneficiary-transaction .table-responsive > table th,
  .page-view-beneficiary-transaction .table-responsive > table td {
    white-space: normal !important;
    text-wrap: wrap !important;
    word-break: break-word;
  }

  table{
    border: 1px solid #ddd;
  }

  table > thead,
  table > thead th{
    background: #ddd !important;
    background-color: #ddd !important;
  }

  table th,
  table td {
    border: 1px solid #ddd;
  }
}

.views-field-nothing .benf-transaction{
  padding: 0px 6px !important;
  padding-top: 7px !important;
  background: #000;
  border-color: #000;
}
.views-field-nothing .benf-transaction i{
  font-size: 16px !important;
}
.view-content-listing td.views-field.views-field-field-workflow {
  width: 120px !important;
}

.input-w100 .field--widget-string-textarea {
  display: block;
  width: 100% !important;
}

.input-w50 .field--widget-string-textarea {
  display: block;
  width: 50% !important;
}

.input-w100 .field--name-field-notes,
.input-w100 .field--name-field-message,
.input-w100 .field--name-field-details {
  display: block;
  width: 100% !important;
}

.node--type-volunteer-team.node--view-mode-full .field--name-field-attachment,
.node--type-volunteer-team.node--view-mode-full .field--name-field-volunteers {
  width: 100% !important;
}

.node-volunteer-opportunity-edit-form #inline-entity-form-field_volunteer_calculation-form .field--name-field-branches-num input,
.node-volunteer-opportunity-edit-form #inline-entity-form-field_volunteer_calculation-form .field--name-field-amount input,
.node-volunteer-opportunity-edit-form #inline-entity-form-field_volunteer_calculation-form .field--name-field-paid-amount input,
.node-volunteer-opportunity-form #inline-entity-form-field_volunteer_calculation-form .field--name-field-branches-num input,
.node-volunteer-opportunity-form #inline-entity-form-field_volunteer_calculation-form .field--name-field-amount input,
.node-volunteer-opportunity-form #inline-entity-form-field_volunteer_calculation-form .field--name-field-paid-amount input {
  background-color: #f6f6ff;
  pointer-events: none;
}

.node--type-volunteer-opportunity.node--view-mode-full .field--name-field-volunteer-calculation {
  width: 100% !important;
}

.view-display-id-volunteers_calculations .view-content.row {
  display: block;
}

.view-display-id-volunteers_calculations .view-content.row .views-view-table > caption {
  font-weight: bold;
  font-size: 17px;
  background-color: #b9e4b9;
  color: #000;
  border: 1px solid #ccc;
  padding: 15px;
  margin-bottom: 2em;
}

.user-logged-in.path-user .user-form .form-type-password{
  position: relative;
}
.user-logged-in.path-user .user-form .shwpd{
  opacity: 0.5;
  position: absolute;
  left: 40px;
  top: 45px;
}

.path-transactions-form tr.benfs-choose-filter td span.select2.select2-container.select2-container--default:last-child{
  display: none;
}

.charity-website-faq-add-form .field--name-field-question-type,
.charity-website-faq-add-form .field--name-field-question-type .taxonomy-instructions,
.charity-website-faq-edit-form .field--name-field-question-type,
.charity-website-faq-edit-form .field--name-field-question-type .taxonomy-instructions {
  width: 25%;
}

.charity-website-faq-add-form .field--name-field-question-type .taxonomy-instructions .dropdown-menu,
.charity-website-faq-edit-form .field--name-field-question-type .taxonomy-instructions .dropdown-menu {
  left: 25px !important;
  top: 0 !important;
}

.charity-website-faq-add-form .field--name-status,
.charity-website-faq-edit-form .field--name-status {
  margin-top: 40px;
}

@media only screen and (min-width: 768px) {
  body[class*='page-node-'] .inline-fields-group .height-93 div[class*='field--name-'] {
    height: 93px;
  }
  body[class*='node--type-charity'] article.node--type-charity .inline-fields-group .height-93 div[class*='field--name-'] {
    height: 120px;
    border: 1px solid #ddd;
    margin-left: 10px;
    padding: 10px;
    overflow: hidden;
  }
}

.page-view-charity-website .highlighted ul.nav.primary.nav-tabs li{
  margin-bottom: 1em;
}
.page-view-charity-website .highlighted ul.nav.primary.nav-tabs li:nth-child(12),
.page-view-charity-website .highlighted ul.nav.primary.nav-tabs li:nth-child(13),
.page-view-charity-website .highlighted ul.nav.primary.nav-tabs li:nth-child(14),
.page-view-charity-website .highlighted ul.nav.primary.nav-tabs li:nth-child(14),
.page-view-charity-website .highlighted ul.nav.primary.nav-tabs li:nth-child(15)
{
  margin-bottom: 0;
}

input[data-drupal-selector="edit-attachment-remove-button"],
input[data-drupal-selector*="remove-button"]
{
  display: inline-block !important;
  width: auto !important;
  background-color: #cc1515 !important;
  border-color: #cc1515 !important;
}

.recover-archive-training-beneficiary-page .block-views-blocknode-workflow-beneficiaries-workflow-block {
  display: none;
}

.node--type-instructor.node--view-mode-full .field--name-field-details {
  clear: both;
  width: 100% !important;
}

.views-view-table td.views-field.views-field-field-training ul.list-group li{
  background: transparent;
  border: 0;
}
th#view-field-registered-via-website-table-column{
  width: 200px;
}
div#block-views-block-trainings-beneficiaries-block-1 h2{
  font-weight: 600;
  color: #0983e3;
  font-size: 24px;
  text-indent: -1px;
  line-height: 1;
  position: relative;
  margin-bottom: 20px;
}

nav.tabs {
  margin-bottom: 1px;
  margin-right: 2px ;
}
.main-sidebar-sticky{
  background: #273957;
}

.rtl .main-sidebar-body .nav-item.active .nav-link:before, .rtl .main-sidebar-body .nav-item.active .nav-link:before, .rtl .main-sidebar-body .nav-item.active .nav-link:after{
  border-left: 20px solid #273957 !important;
}

.main-sidebar-body li.active .sidemenu-icon{
  background: #273957;
}
.main-sidebar-body li.active .sidemenu-label, .main-sidebar-body li.active i{
  color: #2c3b59 !important;
  font-size: 19px;
  font-weight: bold;
}

.beneficiaries-landing h2.pro-user-username{
  font-size: 22px;
  font-weight: bold;
}

.beneficiaries-landing .content h1.title{
  display: none;
}

form label{
  color: #5C6B82;
}

form input{
  color: #1A1A1A;
}
.alert-danger .item-list__comma-list li:after{
  content: none;
}
.alert-danger .item-list__comma-list li{
  padding-right: 5px !important;
}

div#block-ghaith-beneficiaryheaderactionsbuttons{
  text-align: left;
}

td.views-field.views-field-field-category{
  width: 120px !important;
}

table{
  font-size: 16px;
}

.custom-warning::before {
  display: inline-block;
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg%20class%3D%27bi%20bi-info-circle%27%20width%3D%271em%27%20height%3D%271em%27%20viewBox%3D%270%200%2016%2016%27%20fill%3D%27brown%27%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%3E%3Cpath%20fill-rule%3D%27evenodd%27%20d%3D%27M8%2015A7%207%200%20108%201a7%207%200%20000%2014zm0%201A8%208%200%20108%200a8%208%200%20000%2016z%27%20clip-rule%3D%27evenodd%27/%3E%3Cpath%20d%3D%27M8.93%206.588l-2.29.287-.082.38.45.083c.294.07.352.176.288.469l-.738%203.468c-.194.897.105%201.319.808%201.319.545%200%201.178-.252%201.465-.598l.088-.416c-.2.176-.492.246-.686.246-.275%200-.375-.193-.304-.533L8.93%206.588z%27/%3E%3Ccircle%20cx%3D%278%27%20cy%3D%274.5%27%20r%3D%271%27/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: 1.5rem 1.5rem;
  background-size: 1.5rem 1.5rem;
  background-position: 0 0.4rem;
  width: 1.75rem;
  height: 1.75rem;
}
.tabayyun-beneficiaries-stats .card-body{
  padding: 10px !important;
}
.tabayyun-beneficiaries-stats{
  margin-top: 5em;
  margin-bottom: 5em;
}
.tabayyun-beneficiaries-stats.beneficiaries-landing h2.pro-user-username{
  font-size: 17px;
}

.sending-beneficiaries-to-tabayyun-form .form-actions{
  justify-content: center !important;
}
.tabayyun-beneficiaries-stats .pro-user-desc{
  margin-top: 5px;
}
.path-node.node--type-transaction-file div#block-ghaith-content >.content{
border: 1px solid #ddd;
  margin-top: 2em;
}
.path-node.node--type-transaction-file ul#myTab{
  background-color: #436398;
}

div#transactionsTabContent{
    padding: 15px;
}
.transaction-node-page .nav-tabs .nav-item{
  border-left: 1px solid #ccc;
  margin: 0;
}
.transaction-node-page .nav-tabs .nav-link{
  background-color: #436398;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  display: block;
  height: 100%;
}
.transaction-node-page .nav-tabs .nav-link.active,
.transaction-node-page .nav-tabs .nav-link:hover

{
  background: #fff !important;
  color: #000 !important;
  margin: 0;
  /* padding: 0 !important; */
  border: 0;
  display: block;
  border-bottom: none !important;
}

.card.custom-card.our-team.bg-primary-transparent{
  background-color: #2739571a;
}

.sending-transaction-to-tabayyun-form .form-actions{
  justify-content: center !important;
}

.field--name-field-id-number {
  /*position: relative;*/
}
.field--name-field-id-number .error{
  color: red;
  font-size: 15px;
  margin-top: -14px;
  /*position: absolute;*/
}


.dropdown.main-profile-menu{
  align-items: center;
  display: flex;
}
[dir="rtl"] tr td, [dir="rtl"] tr th{
  text-wrap: nowrap;
}
.field.field--name-field-signature.field--type-image.field--label-above .field__item{
  background: #fff;
  max-width: 290px;
  padding: 0;
  margin: 0;
}.field.field--name-field-signature.field--type-image.field--label-above .field__item img{
   border: 1px solid #ddd;
}
.field.field--name-field-signature .signature{
  margin-right: -30px;

}

.welcome-card img{
  position: relative;
  max-width: 100px;
  border-radius:50%;
  height: 100px;
  object-fit: cover;

}
.welcome-card .card-body{
  padding: 15px !important;
}
.path-node.node--type-charity .node--view-mode-system-settings .field--name-field-image img,
.path-node.node--type-charity .node--view-mode-system-settings .field--name-field-logo img
{
  object-fit: contain;
  max-height: 70px;
}

/* Error pages */
.error-page-wrapper {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 48px 24px;
  background: linear-gradient(135deg, #f7f9fc 0%, #eef2f7 100%);
}

.error-card {
  background: #fff;
  border-radius: 18px;
  padding: 32px;
  max-width: 760px;
  width: 100%;
  text-align: center;
  border: 1px solid #eef1f5;
  box-shadow: 0 20px 60px rgba(15, 23, 42, 0.12);
}

.error-illustration {
  width: 160px;
  height: 160px;
  margin: 0 auto 24px auto;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: radial-gradient(circle at 30% 30%, rgba(39, 57, 87, 0.14), rgba(39, 57, 87, 0));
  overflow: hidden;
}

.error-code {
  font-size: 44px;
  font-weight: 700;
  color: #273957;
  letter-spacing: 2px;
  z-index: 2;
}

.error-ring {
  position: absolute;
  inset: 10px;
  border-radius: 50%;
  border: 2px dashed rgba(39, 57, 87, 0.25);
  animation: error-ring-spin 12s linear infinite;
}

.error-illustration img {
  position: absolute;
  width: 70px;
  opacity: 0.4;
}

.error-title {
  font-size: 28px;
  margin-bottom: 10px;
  color: #1f2937;
}

.error-message {
  color: #4b5563;
  margin-bottom: 22px;
}

.error-actions .btn {
  min-width: 160px;
  margin: 6px;
}

.error-actions .btn-primary {
  background: #273957;
  border-color: #273957;
}

.error-actions .btn-primary:hover,
.error-actions .btn-primary:focus {
  background: #1f2f48;
  border-color: #1f2f48;
}

.error-actions .btn-outline-secondary {
  color: #273957 !important;
  border-color: #273957;
}

.error-actions .btn-outline-secondary:hover,
.error-actions .btn-outline-secondary:focus {
  background: #273957;
  border-color: #273957;
  color: #fff !important;
}

.error-actions .btn-outline-secondary:active,
.error-actions .btn-outline-secondary:active:focus,
.error-actions .btn-outline-secondary:focus-visible,
.error-actions .btn-outline-secondary.active,
.error-actions .btn-outline-secondary:not(:disabled):not(.disabled):active,
.error-actions .btn-outline-secondary:not(:disabled):not(.disabled).active {
  background: #273957;
  border-color: #273957 !important;
  color: #fff !important;
  box-shadow: none;
}

@media (max-width: 576px) {
  .error-card {
    padding: 24px;
  }

  .error-illustration {
    width: 130px;
    height: 130px;
  }

  .error-code {
    font-size: 36px;
  }
}

@keyframes error-ring-spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.views-exposed-form div#edit_field_district_target_id_entityreference_filter_chosen{
  min-width: 200px !important;
}
div#block-kafalahheaderactionsbuttons .content{
  text-align: left;
  padding-left: 30px;
}

form .field--name-field-charity-website input{
  direction: ltr;
}

form .field--name-field-social-status label{
  display: block;
}

.paragrpah-single-details table thead {
  display: none;
}

form .field--type-entity-reference label{
  display: block;
}