html body {
  font-family: 'Segoe UI', 'Segoe UI Web (West European)', -apple-system, BlinkMacSystemFont, Roboto, 'Helvetica Neue', sans-serif;
  font-size: 14px;
}

table {
  font-family: 'Segoe UI', 'Segoe UI Web (West European)', -apple-system, BlinkMacSystemFont, Roboto, 'Helvetica Neue', sans-serif;
  font-size: 14px;
}

#header-wrapper {
  background-color: #001e49;
}

#main-navbar {
  background-color: #053171;
}

.errorMessage, .help-block-error {
  color : red;
}

.required label:after {
  content : ' *';
  color :red;
}

.alert-xs {
  padding: 3px;
}

.form-control {
  max-width: 600px;
}

.table td, .table th {
    padding: 0.5rem;
}

table th {
    font-weight: 500;
}
.btn-xs {
    padding: 0.1rem 0.5rem;
}

.delete-container {
  margin: 0;
}

.item-container {
  border: 1px solid gainsboro;
  border-radius: 5px;
  padding: 10px;
  cursor: pointer;
  z-index: 2000;
}

.arrow-container {
  padding: 20px 0;
}
.trash-container {
  padding: 20px;
  background-color: #f2f2f2;
  border-radius: 5px;
}

.trash-can-highlight {
  background-color: #ffcfa7;
}

.alert-xs {
  max-width: 120px;
}

#eye, #eye2 {
  cursor: pointer;
  color: #0e99ea;
  margin-left: 10px;
  float: right;
}
#eye:hover, #eye2:hover {
  text-decoration: underline;
}
.password-hint-block {
  font-size: 0.9em;
  color: #666;
  background-color: #f2f2f2;
  border: 1px solid #d9d9d9;
  padding: 10px 20px;
  margin-bottom: 20px;
  border-radius: 3px;
  margin-top: 10px;
  max-width: 600px;
}

input[type="text"].datepicker {
  background-image: url(/images/icons/calendar_input_icon.png);
  background-position-y: center;
  background-position-x: 100%;
  background-repeat: no-repeat;
}

.dropdown-menu {
  background-color: #0a4090;
  padding: 10px 20px;
  min-width: 200px;
  font-size: 14px;
}

.dropdown-menu a {
  border-bottom: 1px solid #0a2c5f;
}

.dropdown-menu a:last-child {
  border-bottom: 0;
}

.navbar-dark .navbar-nav .nav-link {
    color: #fff;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
    border: 1px solid #fff !important;
    text-align: center !important;
}

.datepicker-dropdown {
      background-color: #fff !important;
}

#login-info-wrapper .nav-item {
  display: inline-flex;
}

.table thead th {
    background-color: #eff9ff;
}

.table-bordered thead td, .table-bordered thead th {
    border-bottom-width: 1px;
}



@media (min-width: 768px){
  .navbar-expand-md .navbar-nav .dropdown-profile-menu {
      left: -70px;
  }
}