#eoi-list{
  display: flex;
  flex-wrap: wrap;
  gap: 18px;
  flex-direction: column;
}
.eoi-item h1{
  font-size: 1.2rem;
  margin-top: 0;
  line-height: 1.7rem;
  margin-bottom: 1rem;
}
.eoi-item{
  /* flex: 1; */
  padding: 18px;
  background: #fff;
  border-radius: 8px;
  min-width: 230px;
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1);
}
.website-list:has(#eoi-list){
  background: transparent;
  padding: 0;
  margin: 0 !important; 
}
.eoi-item .post-by{
  margin-bottom: 0;
}
body{
  /* min-height: 100vh; */
  display: flex;
  flex-direction: column;
}
.web-footer {
  max-height: 90px !important;
  min-height: 90px;
  margin: 0;
  padding: 0;
  margin-top: auto;
  align-items: center;
  display: flex;
}

html[lang="ar"]{
  direction: rtl !important;
}

.formio-component .datagrid-table thead{
  border-top: 1px solid #e2e2e2 !important;
  border-right: 1px solid #e2e2e2 !important;
  border-left: 1px solid #e2e2e2 !important;
}

.formio-form .formio-component-datagrid .datagrid-table tbody tr td:first-of-type{
  border: 1px solid #e2e2e2 !important;
  border-right: 1px solid #e2e2e2 !important;
  border-left: 1px solid #e2e2e2 !important;
}
.formio-form .formio-component-datagrid .datagrid-table tbody tr td:last-of-type{
  border-right: 1px solid #e2e2e2 !important;
  border-left: 1px solid #e2e2e2 !important;
  text-align: center;
}
.formio-form .formio-component-datagrid .datagrid-table td .form-control{
  background: #f4f5f6 !important;
}
.formio-form .formio-component-datagrid .datagrid-table tbody tr td{
  padding: 4px 6px !important;
}
.formio-form .tab-pane {
  border: 1px solid #c7ced2;
  border-top: none;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
.formio-form .card.border{
  border: 1px solid #c7ced2;
}
.formio-form .card.border .card-header{
  border-bottom: 1px solid #c7ced2;
}
.formio-form .card-header .nav-tabs .nav-link{
  /* padding: 0 16px 8px; */
  padding: 3px 16px 10px;
  margin-right: 5px;
  margin-left: 5px;
  cursor: pointer;
  font-size: 15px;
}

.formio-form .nav-tabs .nav-link.active, .formio-form .nav-tabs .nav-item.show .nav-link {
  color: #000000;
  background-color: transparent;
  /* border-bottom: 2px solid #000000; */
  border-bottom: none;
  background: #ffffff;
  padding: 6px 16px 7px;
}
.formio-form .nav-tabs .nav-link{
  color: #fff;
}
/* .formio-form .nav-tabs .nav-link:hover{
  color: #fff;
} */

.formio-form .formio-component-tabs .card-header{
  /* background-color: #fff; */
  background-color: #222f4b;
  /* border: 1px solid #e2e6e9; */
  border-bottom: 1px solid #fff;
}

.editgrid-listgroup .list-group-item.list-group-header .row{
  display:flex;
  flex-wrap: wrap;
}