body {
  font-size: 1rem;
  letter-spacing: 0;
}
a {
  color: #27738d;
}
a:hover,
a:focus {
  color: #183d4a;
}
.f1 {
  padding: 25px;
  background: #fff;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}

.f1-steps {
  overflow: hidden;
  position: relative;
  margin-top: 20px;
}

.f1-progress {
  position: absolute;
  top: 24px;
  left: 0;
  width: 100%;
  height: 1px;
  background: #ddd;
}

.f1-progress-line {
  position: absolute;
  top: 0;
  left: 0;
  height: 1px;
  background: #2597da;
}

.f1-step {
  position: relative;
  float: left;
  width: 33.333333%;
  padding: 0 5px;
  text-align: center;
}

.f1-step-icon {
  display: inline-block;
  width: 40px;
  height: 40px;
  margin-top: 4px;
  background: #ddd;
  font-size: 16px;
  color: #fff;
  line-height: 40px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}

.f1-step p {
  color: #ccc;
}

.f1-step.active .f1-step-icon {
  width: 48px;
  height: 48px;
  margin-top: 0;
  background: #2597da;
  font-size: 22px;
  line-height: 48px;
}

.f1-buttons {
  text-align: right;
}
button.btn.btn-next,
button.btn.btn-next:focus,
button.btn.btn-next:active:focus,
button.btn.btn-next.active:focus {
  background: #f35b3f;
  color: white !important;
}

button.btn.btn-previous,
button.btn.btn-previous:focus,
button.btn.btn-previous:active:focus,
button.btn.btn-previous.active:focus {
  background: #bbb;
}

button.btn.btn-submit,
button.btn.btn-submit:focus,
button.btn.btn-submit:active:focus,
button.btn.btn-submit.active:focus {
  color: white !important;
  background: #f35b3f;
}
.btn-lg,
.btn-group-lg > .btn {
  padding: 0.65rem 1.5rem;
  font-size: 1rem;
  line-height: 1.2rem;
}
.btn-smart-dark {
  background-color: rgba(0, 0, 0, 0.3);
  color: white;
}
.btn-smart-dark:hover,
.btn-smart-dark:focus {
  background-color: aqua;
  color: black;
}
.btn-primary {
  color: #fff;
  background-color: #155e8d;
  border-color: #155e8d;
}
.btn-primary:hover,
.btn-primary:focus {
  background-color: #124769;
  border-color: #124769;
}

.btn-danger {
  color: #fff;
  background-color: #fd3995;
  border-color: #fd3995;
}
.btn-danger:hover,
.btn-danger:focus {
  background-color: #fd1381;
  border-color: #fc077a;
}
.text-danger {
  color: #fd3995 !important;
}
.wizard-footer {
  padding: 15px;
}

.wizard-footer:first-child {
  border-bottom: 1px solid rgba(243, 91, 63, 0.3);
}

a:hover {
  cursor: pointer;
}

.bg-brand-gradient {
  background: rgb(140, 229, 137);
  background: -moz-linear-gradient(45deg, rgba(140, 229, 137, 1) 0%, rgba(33, 148, 220, 1) 100%);
  background: -webkit-linear-gradient(45deg, rgba(140, 229, 137, 1) 0%, rgba(33, 148, 220, 1) 100%);
  background: linear-gradient(45deg, rgba(140, 229, 137, 1) 0%, rgba(33, 148, 220, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#8ce589",endColorstr="#2194dc",GradientType=1);
  border: none !important;
}
.btn-smart {
  background-color: #28748d !important;
  background: #28748d !important;
  border-color: #28748d !important;
  color: white;
}
.btn-smart:hover,
.btn-smart:focus {
  background-color: #7ad797 !important;
  background: #7ad797 !important;
  border-color: #7ad797 !important;
  color: black;
}
.text-dark {
  color: #191818 !important;
}
.bg-dark {
  background-color: #191818 !important;
}

.text-smart {
  color: #2597da;
}
.ls-2 {
  letter-spacing: -2px;
}
label,
.label {
  text-transform: uppercase;
  color: #27738d;
  font-size: 0.8rem;
  line-height: 150%;
}
.form-control {
  border-radius: 0;
}

.datepicker .form-control[readonly] {
  background-color: white;
}

.left-pill {
  border-radius: 50rem 0px 0px 50rem;
  -moz-border-radius: 50rem 0px 0px 50rem;
  -webkit-border-radius: 50rem 0px 0px 50rem;
}
.right-pill {
  border-radius: 0px 50rem 50rem 0px;
  -moz-border-radius: 0px 50rem 50rem 0px;
  -webkit-border-radius: 0px 50rem 50rem 0px;
}
.form-control:focus {
  border-color: #28748d;
}
.table-responsive .table tr .actions {
  text-align: right;
}
@media (min-width: 992px) {
  .page-content {
    padding: 1.5rem 2rem;
    margin: auto;
    min-width: 900px;
  }
}
.btn-view {
  background-color: #2597da !important;
  color: white !important;
}
.btn-roles {
  background-color: #a74500 !important;
  color: white !important;
}
.btn-edit {
  background-color: #7ad797 !important;
  color: black !important;
}
.btn-delete {
  color: #fff !important;
  background-color: #fd3995 !important;
}
.btn-add {
  background-color: #28748d !important;
  color: #ffffff !important;
}
.btn-key {
  background-color: #ffc107 !important;
  color: black !important;
}
.btn-medical-examination {
  background-color: #2597da !important;
  color: white !important;
}
.btn-exam-result {
  background-color: #a74500 !important;
  color: white !important;
}
.btn-create-account,
.btn-grant-permissions {
  background-color: #ffc107 !important;
  color: black !important;
}
.modal-footer .btn.btn-danger {
  color: #fff !important;
  background-color: #4e4e4e !important;
  border-color: #4e4e4e !important;
  padding: 0.65rem 1.5rem;
  font-size: 1rem;
  line-height: 1.2rem;
  border-radius: 50rem !important;
}
.modal-footer .btn.btn-primary {
  background-color: #28748d !important;
  background: #28748d !important;
  border-color: #28748d !important;
  color: white !important;
  padding: 0.65rem 1.5rem;
  font-size: 1rem;
  line-height: 1.2rem;
  border-radius: 50rem !important;
}
.modal-footer .btn.btn-primary:hover,
.modal-footer .btn.btn-primary:focus {
  background-color: #7ad797 !important;
  background: #7ad797 !important;
  border-color: #7ad797 !important;
  color: black;
}

.card-actions > button {
  margin-left: 0;
  margin-right: 0.5em;
}
.card-actions > button:last-of-type {
  margin-right: 0;
}
.fc-widget-content {
  cursor: pointer;
}
.scroll-text {
  overflow-y: scroll;
  height: 180px;
  width: 100%;
  border: 1px solid #ddd;
  padding: 10px;
}