body {
  margin: 0;
  padding: 0;
  direction: rtl;
  font: normal 12px "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #333;
  background: #fff;
}
form { margin: 0; padding: 0; }
button { font: normal 12px "Helvetica Neue", Helvetica, Arial, sans-serif; }
.topbar { background: #1d4a6d; }
.header-row { height: 38px; }
.navigator-cell { width: 32px; }
.header-control { display: inline-block; position: relative; }
.navigator {
  font: normal 12px "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #fff;
  text-decoration: none;
  white-space: nowrap;
  display: inline-block;
  text-align: center;
  padding-left: 0;
  padding-right: 20px;
}
.launcher-space { display: inline-block; height: 0; width: 5px; }
.banner-cell { padding-right: 20px; width: 110px; }
.branding-cell { color: #fff; }
.branding-cell span {
  font: bold 15px "Helvetica Neue", Helvetica, Arial, sans-serif;
  white-space: nowrap;
  margin: 0;
  padding: 0 4px 0 30px;
}
.header-link {
  padding: 0 20px 0 8px;
  font: normal 12px "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-decoration: none;
  color: #fff;
  white-space: nowrap;
  display: inline-block;
  text-align: center;
}
.header-link:hover { color: #fff; text-decoration: underline; }
.header-link:active, .header-link:visited { color: #fff; text-decoration: none; }
.divider-cell { padding: 0 10px 0 0; }
.divider { border-left: 1px solid #4b96dc; display: inline; }
.settings-cell { padding: 1px 2px 0 2px; }
.guest-text { padding: 0 8px; }
.guest-text span, .guest-text strong {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  color: #fff;
}
.header-space { height: 15px; }
.tab-space {
  font: normal 12px "Helvetica Neue", Helvetica, Arial, sans-serif;
  background: #fff;
  margin: 0;
  padding: 6px 3px 0;
}
.tab-space td { position: relative; z-index: 1; border-bottom: 1px solid #c4ced7; padding: 13px 8px 7px; }
.under-header { height: 5px; margin: 0 3px; background: #fff; border-radius: 0 5px 0 0; }
.page-shell { margin: 0 9px; background: #fff; }
.content-card { height: 100%; padding: 0 10px; }
.page-layout, #resultTable { border-collapse: collapse; }
.page-title, .table-title { font: bold 9pt Arial, Helvetica, sans-serif; color: #000; }
.page-title { text-align: center; }
.report-search {
  width: 50%;
  background: #f8f2fe;
  color: #333;
  padding: 10px;
  margin: 0;
  border: 3px solid #b8b6ba;
  border-radius: 8px;
}
.search-fields, .results { width: 100%; }
.field-label { font: bold 9pt Arial, Helvetica, sans-serif; text-align: left; color: #369; }
.field-input { font: 9pt Arial, Helvetica, sans-serif; text-align: right; color: #000061; }
.mandatory { background-color: #ffffd4; }
.actions { font: 9pt Arial, Helvetica, sans-serif; text-align: center; }
.btn, .contract-btn {
  box-shadow: inset 0 1px 0 0 #97c4fe;
  background-color: #3d94f6;
  border-radius: 42px;
  border: 1px solid #337fed;
  display: inline-block;
  cursor: pointer;
  color: #fff;
  font: bold 14px Arial;
  padding: 4px 10px;
  text-decoration: none;
  text-shadow: 0 1px 0 #1570cd;
}
.btn:hover, .contract-btn:hover { background-color: #1e62d0; }
.btn:active, .contract-btn:active { position: relative; top: 1px; }
#searchBtn { width: 60px; }
#newSearchBtn { width: 70px; }
#statusNote { color: red; font-size: 12px; text-align: center; margin: 10px 0 0; }
#statusNote:empty { display: none; }
.table-title { text-align: right; }
#resultTable th { background: #369; font: bold 8pt Arial, Helvetica, sans-serif; text-align: center; color: #fff; height: 20px; }
#resultTable tbody tr { background: #effbfb; font: 8pt Arial, Helvetica, Geneva, sans-serif; }
#resultTable td { text-align: center; }
.footer { background: #1d4a6d; color: #fff; padding: 5px 0; overflow: auto; }
.copyright { font: normal 12px "Helvetica Neue", Helvetica, Arial, sans-serif; float: right; }
.footer-right { text-align: left; }
.footer-right span { font: normal 12px "Helvetica Neue", Helvetica, Arial, sans-serif; color: #2b6187; }

.ui-dialog {
  border: 1px solid #6aa7d8 !important;
  border-radius: 3px;
  overflow: hidden;
  width: 90% !important;
  left: 0 !important;
  right: 0 !important;
  margin: 0 auto !important;
}
.ui-dialog-titlebar {
  background: linear-gradient(#6fa8dc, #5b8fc7) !important;
  color: #fff !important;
  border: none !important;
  padding: 8px 12px;
  font-weight: bold;
}
.ui-dialog-title { color: #fff !important; font-size: 16px; }
.ui-dialog .ui-dialog-title { text-align: left !important; }
.ui-dialog .ui-dialog-titlebar-close {
  text-indent: 0 !important;
  font-size: 14px !important;
  color: #000 !important;
  visibility: visible !important;
  opacity: 1 !important;
}
@media (max-width: 768px) {
  .ui-dialog { width: 90% !important; left: 50% !important; transform: translateX(-50%); margin: 0 !important; }
}
@media screen and (max-width: 667px) {
  html, body { width: 100% !important; max-width: 100% !important; overflow-x: hidden !important; }
  .OraBody { width: 100% !important; max-width: 100% !important; }
  table { max-width: 100% !important; }
  img { max-width: 100% !important; height: auto !important; }
  #search_panel { width: 95% !important; }
  .field-input .mandatory { display: block; }
}