.header-bg {
  background: transparent; }

.in-text-desc {
  font-size: 14px; }

.img-postn {
  position: relative;
  top: -3px; }

#login .in-text-wa {
  font-size: 14px; }
#login ::-ms-input-placeholder {
  color: #a5a5a5; }
#login ::placeholder {
  color: #a5a5a5; }
#login .control-form {
  border: 1.5px solid #A5A5A5;
  border-radius: 5px;
  height: 40px;
  width: 100%;
  padding: 0px 5px; }
#login .confrim-btn {
  background-color: #27255F;
  min-height: 42px;
  color: white;
  height: 42px;
  width: 100%; }

#verifi-otp .boxx-1 {
  max-width: 600px; }
#verifi-otp .icon-ver-otp {
  position: absolute;
  top: 96px; }
#verifi-otp .confrim-btn {
  background-color: #27255F;
  min-height: 42px;
  color: white;
  height: 42px;
  width: 100%; }
#verifi-otp .otp-input {
  width: 100%;
  height: auto;
  border: 1px solid #ccc;
  font-size: 20px;
  text-align: center;
  border-radius: 5px; }
#verifi-otp .otp-container {
  display: flex;
  justify-content: space-between;
  gap: 1rem; }
#verifi-otp .otp-input {
  width: 100%;
  max-width: 100%;
  padding: 8px;
  text-align: center;
  font-size: 1.5rem;
  border: 2px solid #a5a5a5;
  border-radius: 5px; }
#verifi-otp .resend-otp {
  font-size: 14px; }

#register .in-text-reg {
  font-size: 16px; }
#register .form-label {
  font-family: 'Plus-Jakarta-Sans-bold' !important;
  margin-bottom: 6px;
  font-size: 14px; }
#register .form-control {
  border: 1px solid #a5a5a5;
  border-radius: 5px;
  padding: 7px; }
#register .form-select {
  padding: 7px;
  border: 1px solid #a5a5a5;
  border-radius: 5px; }
#register .btn-premiere {
  border: 2px solid #27255F;
  border-radius: 5px;
  color: #27255F; }

#AddFamModal .datepicker table tr td.active, #AddFamModal .datepicker table tr td.active.disabled, #AddFamModal .datepicker table tr td.active.disabled:hover, #AddFamModal .datepicker table tr td.active:hover {
  background-image: linear-gradient(to bottom, #27255f, #27255f) !important; }
#AddFamModal .datepicker table tr td.today, #AddFamModal .datepicker table tr td.today.disabled, #AddFamModal .datepicker table tr td.today.disabled:hover, #AddFamModal .datepicker table tr td.today:hover {
  background-color: #c5c5c5;
  background-image: linear-gradient(to bottom, #d5d5d5, #e6e6e6); }
#AddFamModal .datepicker td, #AddFamModal .datepicker th {
  text-align: center;
  -moz-border-radius: 4px;
  border-radius: 4px !important;
  border: none;
  height: 50px !important;
  padding: 5px !important;
  width: 40px !important; }

#appointment .datepicker table tr td.active, #appointment .datepicker table tr td.active.disabled, #appointment .datepicker table tr td.active.disabled:hover, #appointment .datepicker table tr td.active:hover {
  background-image: linear-gradient(to bottom, #27255f, #27255f) !important; }
#appointment .btn-check:checked + .btn, #appointment .btn.active, #appointment .btn.show, #appointment .btn:first-child:active, #appointment :not(.btn-check) + .btn:active {
  color: #ffff;
  background-color: #27255F;
  border-color: #27255F; }
#appointment .timeslot-input-radios {
  border: 1px solid #a5a5a5;
  font-size: 14px;
  width: 100%;
  margin-bottom: 10px; }
#appointment table.table-condensed {
  width: 100% !important; }
#appointment .datepicker td, #appointment .datepicker th {
  text-align: center;
  -moz-border-radius: 4px;
  border-radius: 4px !important;
  border: none;
  height: 50px !important;
  padding: 5px !important;
  width: 40px !important; }
#appointment .form-label {
  font-family: 'Plus-Jakarta-Sans-bold' !important;
  margin-bottom: 6px;
  font-size: 14px; }
#appointment .form-control {
  border: 1px solid #a5a5a5;
  border-radius: 5px;
  padding: 7px; }
#appointment .form-select {
  padding: 7px;
  border: 1px solid #a5a5a5;
  border-radius: 5px;
  font-size: 15px; }
#appointment .btn-premiere {
  border: 2px solid #27255F;
  border-radius: 5px;
  color: #27255F; }
#appointment .h-74 {
  height: 74px; }
#appointment .form-control::placeholder {
  color: var(--bs-secondary-color);
  opacity: 1;
  font-size: 14px; }
#appointment .btn-secondary-2 {
  height: 40px;
  border: #a5a5a5 1px solid;
  width: 100%;
  position: relative; }
#appointment .table-condensed {
  width: 100%; }

#confirm .label-confirm {
  font-size: 14px;
  color: #a5a5a5; }
#confirm .confirm-field2 {
  font-size: 16px; }
#confirm .max-h-79 {
  max-width: 79px; }
#confirm .img-border-confirm {
  border: 1px solid #f0f0f0; }
#confirm .form-check-label {
  font-size: 12px; }

#success .card-success-qr, #appointment-failed .card-success-qr, #appointment-success .card-success-qr {
  border-radius: 5px;
  background-color: #eaf6fb; }
  #success .card-success-qr .card-body, #appointment-failed .card-success-qr .card-body, #appointment-success .card-success-qr .card-body {
    padding: 20px; }
#success .label-success, #appointment-failed .label-success, #appointment-success .label-success {
  font-size: 12px;
  font-family: 'Plus-Jakarta-Sans-medium'; }
#success .field-success, #appointment-failed .field-success, #appointment-success .field-success {
  color: #27255F;
  font-family: 'Plus-Jakarta-Sans-bold' !important;
  font-size: 25px; }
#success .field-success2, #appointment-failed .field-success2, #appointment-success .field-success2 {
  font-size: 16px;
  color: #27255F;
  font-family: 'Plus-Jakarta-Sans-bold' !important; }
#success .label-success, #appointment-failed .label-success, #appointment-success .label-success {
  font-size: 12px;
  font-family: 'Plus-Jakarta-Sans-medium'; }
#success .success-field, #appointment-failed .success-field, #appointment-success .success-field {
  font-size: 16px;
  color: #27255F;
  font-family: 'Plus-Jakarta-Sans-bold' !important; }
#success .success-point, #appointment-failed .success-point, #appointment-success .success-point {
  font-size: 10px;
  margin-bottom: 16px; }

#modalkonfirm .modal-header {
  border-bottom: none !important; }
#modalkonfirm .modal-title-otp {
  font-size: 20px;
  color: #27255F;
  margin-bottom: 20px;
  text-align: center;
  font-weight: 800; }
#modalkonfirm .modal-lg {
  --bs-modal-width: 600px; }
#modalkonfirm .modal-body {
  padding: 50px 60px; }
#modalkonfirm .btn-close-position {
  position: absolute;
  right: 3%;
  top: 5%; }
#modalkonfirm .desc-modal-otp {
  color: #a5a5a5;
  font-size: 14px;
  line-height: 1.7; }
  #modalkonfirm .desc-modal-otp a {
    color: #27255F; }

#PriorityModal .modal-header {
  border-bottom: none !important; }

.icon-ver-otp {
  position: absolute;
  top: 90px; }

.addfam label {
  font-family: 'Plus-Jakarta-Sans-bold' !important;
  margin-bottom: 6px;
  font-size: 14px; }
.addfam .form-select, .addfam .form-control {
  padding: 7px;
  border: 1px solid #a5a5a5;
  border-radius: 5px;
  font-size: 15px; }

.addfam .modal-header {
  border-bottom: 0px solid transparent;
  padding-bottom: 0px; }

.title-page {
  font-size: 28px; }

.text-descript {
  font-size: 14px; }

.bi-secondary-color {
  color: #a5a5a5; }

.top-nav-lead {
  height: 100px; }

.mobile-view {
  display: none; }

.desktop-view {
  display: block; }

.position-object {
  position: relative;
  top: -90px;
  overflow-x: hidden; }

.card-cutom-3 {
  border: 2px solid #d8d8d8;
  border-radius: 10px;
  padding-bottom: 100px;
  padding-top: 30px;
  padding-left: 100px;
  padding-right: 100px;
  background-color: #fff; }

.card-primary {
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
  border: none;
  border-radius: 10px;
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 1rem;
  overflow: hidden;
  background-color: #fff; }

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

.mb-topnav-desc {
  margin-bottom: 16px; }

.qr-width {
  width: 100%; }

#appointment .datepicker table tr td.today, .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:hover, .datepicker table tr td.today:hover {
  background-color: #c5c5c5;
  background-image: linear-gradient(to bottom, #d5d5d5, #e6e6e6); }

div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-confirm) {
  background-color: #27255F !important; }

div:where(.swal2-container) button:where(.swal2-styled) {
  padding: .625em 3em !important; }

.specify-nav {
  padding-top: 5px !important;
  padding-bottom: 5px !important; }

.col-lg-5.col-md-4.col-sm-12.mx-auto.d-block.p-0 {
  overflow-x: hidden; }

.btn-mb-otp2 {
  margin-bottom: 100px; }

#dob.form-control.is-invalid, .was-validated .form-control:invalid {
  background-position: right calc(2rem) center; }

#dob.form-control {
  cursor: pointer; }

.fk-btn {
  border: var(--bs-border-width) solid var(--bs-border-color);
  background: #fff;
  width: 1em;
  height: 1rem;
  margin-right: 0.5rem;
  border-radius: 100%; }

.fk-btn:focus {
  border-color: #86b7fe;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); }

.otp-input-notrev {
  font-size: 14px !important; }

.icon-profile {
  font-size: 20px;
  margin-left: 0.4rem;
  position: relative;
  top: 2px; }

.profile-account-side1 {
  font-family: 'Plus-Jakarta-Sans-bold' !important;
  color: #27255f;
  text-align: center;
  font-size: 20px; }

.apointment-profile {
  color: #27255f;
  font-family: 'Plus-Jakarta-Sans-bold';
  font-weight: 800;
  text-align: left;
  font-size: 16px;
  line-height: 1.4; }

.sub-apointment-profile {
  color: #a5a5a5;
  font-size: 14px;
  line-height: 1.4;
  text-align: left; }

.fcontrol-edit-profile {
  color: #27255f;
  font-size: 18px;
  margin-bottom: 10px;
  border: 0px solid transparent;
  border-bottom: 2px solid #27255f;
  font-weight: bold;
  outline: none;
  box-shadow: none; }

.fcontrol-edit-profile:focus {
  border: 0px solid transparent;
  border-bottom: 2px solid #18164f;
  outline: none; }

.lcontrol-edit-profile {
  font-size: 12px;
  color: #a5a5a5; }

.edited-profile {
  font-size: 14px;
  color: #a5a5a5; }

.p-fcontrol-edit-profile {
  color: #535353;
  font-size: 14px;
  margin-bottom: 10px;
  border: 0px solid transparent;
  font-weight: bold;
  outline: none;
  box-shadow: none; }

.btn-change-hp {
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
  background: #fff;
  color: #535353;
  font-family: 'Plus-Jakarta-Sans-bold' !important;
  border: 1px solid #e1e1e1;
  border-radius: 3px;
  font-size: 14px;
  position: relative;
  top: -1px; }

.btn-add-famProfile {
  border: 1px solid #27255F;
  color: #27255F;
  background-color: #fff;
  margin-left: auto;
  display: block;
  border-radius: 5px;
  padding: 3px 12px; }

.fg-family-98 {
  border-bottom: 1px solid #27255f;
  padding-bottom: 12px; }

.main-acccount-profile {
  color: #27255f;
  font-size: 18px;
  margin-bottom: 10px;
  font-weight: bold; }

.hr-detail-profile {
  width: 100%;
  color: #27255f;
  background: #27255f;
  border-top: 2px solid #27255F !important;
  opacity: 1; }

.Fmain-acccount-profile {
  color: #535353;
  font-size: 16px;
  font-family: 'Plus-Jakarta-Sans-bold' !important; }

.footerPost {
  position: absolute;
  bottom: 0;
  left: 0; }
  .footerPost .dropdown-item.active,
  .footerPost .dropdown-item:active {
    background-color: #eeedff !important; }
  .footerPost .dropdown-menu {
    min-width: 57px; }
  .footerPost ul.dropdown-menu.show {
    left: 8px !important;
    padding-top: 0px;
    padding-bottom: 0px; }
  .footerPost a.dropdown-item:first-child {
    border-top-left-radius: 0.375rem;
    border-top-right-radius: 0.375rem; }
  .footerPost a.dropdown-item:last-child {
    border-bottom-left-radius: 0.375rem;
    border-bottom-right-radius: 0.375rem; }

.fz-custom-footer {
  font-size: 11px; }

.bg-primary-gradient {
  background: linear-gradient(to bottom, #27255f 0%, #403e8a 100%); }

.bdr-lang-1 {
  border: 1px solid rgba(255, 255, 255, 0.2) !important; }

#accordionPatient {
  margin-bottom: 1rem; }
  #accordionPatient .accordion-item {
    border: none; }
  #accordionPatient .accordion-button {
    padding: 8px 0px;
    font-size: 14px;
    border: none;
    border-radius: 0; }
  #accordionPatient .accordion-button::after {
    transform: scale(0.7); }
  #accordionPatient .btn-option-radios {
    border: 1px solid #e1e1e1;
    border-radius: 5px;
    padding: 7px;
    width: 100%; }
  #accordionPatient .form-check-label {
    font-size: 14px;
    width: 100%; }
  #accordionPatient .sub-date-radios {
    width: 32.5%;
    text-align: center;
    border-left: #A5A5A5 1px solid;
    border-right: #A5A5A5 1px solid; }
  #accordionPatient .sub-date-radios2 {
    width: 35%;
    text-align: center; }
  #accordionPatient .sub-date-radios:first-child {
    border-left: none; }
  #accordionPatient .sub-date-radios:last-child {
    border-right: none; }

@font-face {
  font-family: 'Plus-Jakarta-Sans';
  src: url("../fonts/PlusJakartaSans-Regular.ttf"); }
@font-face {
  font-family: 'Plus-Jakarta-Sans-Light';
  src: url("../fonts/PlusJakartaSans-Light.ttf"); }
@font-face {
  font-family: 'Plus-Jakarta-Sans-medium';
  src: url("../fonts/PlusJakartaSans-Medium.ttf"); }
@font-face {
  font-family: 'Plus-Jakarta-Sans-bold';
  src: url("../fonts/PlusJakartaSans-Bold.ttf"); }
@font-face {
  font-family: 'Plus-Jakarta-Sans-semibold';
  src: url("../fonts/PlusJakartaSans-SemiBold.ttf"); }
@font-face {
  font-family: 'Plus-Jakarta-Sans-bolditalic';
  src: url("../fonts/PlusJakartaSans-BoldItalic.ttf"); }
@font-face {
  font-family: 'Plus-Jakarta-Sans-italic';
  src: url("../fonts/PlusJakartaSans-Italic.ttf"); }
body {
  font-family: 'Plus-Jakarta-Sans-medium'; }

.jakarta-reg, .jakarta-regular {
  font-family: 'Plus-Jakarta-Sans' !important; }

.jakarta-light {
  font-family: 'Plus-Jakarta-Sans-Light' !important; }

.jakarta-medium {
  font-family: 'Plus-Jakarta-Sans-medium' !important; }

.jakarta-bold {
  font-family: 'Plus-Jakarta-Sans-bold' !important; }

.jakarta-semibold {
  font-family: 'Plus-Jakarta-Sans-semibold' !important; }

.jakarta-bolditalic {
  font-family: 'Plus-Jakarta-Sans-bolditalic' !important; }

.jakarta-italic {
  font-family: 'Plus-Jakarta-Sans-italic' !important; }

.fz-9 {
  font-size: 9px; }

.fz-10 {
  font-size: 10px; }

.fz-11 {
  font-size: 11px; }

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

.fz-13 {
  font-size: 13px; }

.fz-14 {
  font-size: 14px; }

.fz-15 {
  font-size: 15px; }

.fz-17 {
  font-size: 17px; }

.fz-20 {
  font-size: 20px; }

.fz-kuota {
  font-size: 14px; }

.max-h-32 {
  max-height: 32px; }

.max-w-53 {
  max-width: 53px; }

.max-w-155 {
  max-width: 155px; }

.mt-24 {
  margin-top: 24px; }

.mt-50 {
  margin-top: 50px; }

.mt-20 {
  margin-top: 20px; }

.mb-11 {
  margin-bottom: 11px; }

.mb-20 {
  margin-bottom: 20px; }

.mb-24 {
  margin-bottom: 24px; }

.mb-40 {
  margin-bottom: 40px; }

.mb-50 {
  margin-bottom: 50px; }

.mb-100 {
  margin-bottom: 100px; }

.mt-30 {
  margin-top: 30px; }

.mb-30 {
  margin-bottom: 30px; }

.my-14 {
  margin-top: 14px;
  margin-bottom: 14px; }

.my-17 {
  margin-top: 17px;
  margin-bottom: 17px; }

.my-30 {
  margin-top: 30px;
  margin-bottom: 30px; }

.min-h-100 {
  min-height: 100px; }

.py-12 {
  padding-top: 12px;
  padding-bottom: 12px; }

.py-4px {
  padding-top: 3px !important;
  padding-bottom: 4px !important; }

.pdy-11 {
  padding-top: 10px !important;
  padding-bottom: 10px !important; }

.max-h-42 {
  max-width: 42px; }

.lh-14 {
  line-height: 1.4; }

.secondary-text, .secondary-txt {
  color: #a5a5a5 !important; }

.btn-outline-secondary-2 {
  background-color: #fff;
  color: #a5a5a5;
  border: 1px solid #e1e1e1;
  font-family: 'Plus-Jakarta-Sans-bold';
  border-radius: 5px;
  margin-bottom: 40px; }

.modal-dialog-bottom {
  display: flex;
  align-items: flex-end;
  min-height: calc(100% - 1rem); }

.relative {
  position: relative; }

.position-header-dest {
  position: relative;
  top: -100px; }

.mt-otp-verification-text {
  margin-top: 50px;
  margin-bottom: 30px; }

.h-20 {
  height: 20px; }

.ch-765 {
  padding: 5px 10px;
  margin-top: 5px; }

.mt-5px {
  margin-top: 5px; }

.py-7px {
  padding-top: 7px;
  padding-bottom: 7px; }

.edited-profile {
  font-size: 14px;
  color: #a5a5a5; }

.edited-profile-l {
  font-size: 14px;
  color: #a5a5a5; }

.midle-align {
  vertical-align: middle;
  display: inline; }

.jc-sa {
  justify-content: space-around; }

.bg-light-primary-2 {
  background-color: #f1f3ff !important; }

.d-flex-payment {
  display: flex !important;
  align-items: center;
  justify-content: flex-end; }

.fz-11-italic {
  font-size: 11px;
  font-style: italic; }

.payments-modal-priority {
  padding-left: 25px; }

@media only screen and (max-width: 480px) {
  .form-check-label {
    font-size: 13px !important; }

  .in-text-desc, .text-descript {
    font-size: 12px !important; }

  #login .in-text-wa {
    font-size: 12px !important; }

  #verifi-otp .otp-input {
    height: 43px !important;
    border: 2px solid #a5a5a5 !important;
    font-size: 14px !important;
    text-align: center !important;
    border-radius: 5px !important; }
  #verifi-otp .resend-otp {
    font-size: 12px !important; }

  #appointment .form-select {
    font-size: 14px !important; }
  #appointment .form-label {
    font-size: 12px !important; }
  #appointment .timeslot-input-radios {
    font-size: 12px !important; }
  #appointment .datepicker td, #appointment .datepicker th {
    text-align: center;
    -moz-border-radius: 4px;
    border-radius: 4px !important;
    border: none;
    height: 37px !important;
    padding: 5px !important;
    width: 40px !important;
    font-size: 12px; }

  #confirm .label-confirm {
    font-size: 12px;
    color: #a5a5a5; } }
@media only screen and (max-width: 600px) {
  .fz-custom-footer {
    font-size: 10px !important; }

  .otp-input-notrev {
    font-size: 12px !important; }

  #modalkonfirm .modal-body {
    padding: 50px 20px !important; }

  #modalkonfirm .modal-title-otp {
    font-size: 16px !important; }

  #modalkonfirm .btn-close-position {
    right: 5% !important;
    top: 3% !important;
    width: 8px !important;
    height: 8px !important; }

  #modalkonfirm .desc-modal-otp {
    font-size: 12px !important; }

  .btn-mb-otp2 {
    margin-bottom: 50px !important; }

  .card-cutom-3 {
    padding-left: 0px !important;
    padding-right: 0px !important; }

  .addfam label {
    font-size: 12px !important; } }
@media only screen and (max-width: 767px) {
  .fz-custom-footer {
    font-size: 9px !important; }

  .py-4px {
    padding-top: 0px !important;
    padding-bottom: 2px !important; }

  .edited-profile {
    font-size: 12px !important; }

  .apointment-profile {
    font-size: 14px !important; }

  .sub-apointment-profile {
    font-size: 12px !important; }

  .mt-otp-verification-text {
    margin-top: 30px !important; }

  .specify-nav {
    padding-top: 10px !important;
    padding-bottom: 10px !important; }

  .fluid-p-left-0 {
    padding-left: calc(var(--bs-gutter-x) * .5); }

  .adjust-title {
    text-align: left; }

  .card-primary {
    border: none !important;
    box-shadow: none !important; }

  .position-header-dest {
    top: 0px !important; }

  .header-bg {
    background: linear-gradient(to bottom, #27255f 0%, #403e8a 100%) !important; }

  .form-select, .form-control {
    font-size: 14px !important; }

  .addfam label {
    font-size: 13px !important; }

  .fz-kuota {
    font-size: 12px !important; }

  .mobile-view {
    display: block !important; }

  .desktop-view {
    display: none !important; }

  .position-object {
    position: relative;
    top: 0px !important;
    z-index: 5; }

  .card-cutom-3 {
    border: none !important;
    border-radius: 0px !important;
    padding-bottom: 0px !important;
    padding-top: 0px !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
    background-color: #fff; }

  .mb-topnav-desc {
    margin-bottom: 0px !important; } }
@media screen and (min-width: 992px) and (max-width: 1200px) {
  .col-lg-5 {
    flex: 0 0 auto;
    width: 48% !important; } }
@media only screen and (max-width: 992px) {
  .card-cutom-3 {
    padding-left: 40px;
    padding-right: 40px; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
  #verifi-otp .otp-input {
    padding: 3px !important; } }
@media only screen and (max-width: 1400px) {
  .card-cutom-3 {
    border: 2px solid #d8d8d8;
    border-radius: 10px;
    padding-bottom: 100px;
    padding-top: 30px;
    padding-left: 50px;
    padding-right: 50px;
    background-color: #fff; }

  .fz-kuota {
    font-size: 13px !important; } }
.modal-open .datepicker td,
.modal-open .datepicker th, .registerArea .datepicker td,
.registerArea .datepicker th {
  width: 40px;
  height: 40px; }
.modal-open .datepicker.datepicker-dropdown.dropdown-menu.datepicker-orient-left.datepicker-orient-bottom, .registerArea .datepicker.datepicker-dropdown.dropdown-menu.datepicker-orient-left.datepicker-orient-bottom {
  width: 18%; }
.modal-open .datepicker.datepicker-dropdown.dropdown-menu.datepicker-orient-left.datepicker-orient-bottom, .registerArea .datepicker.datepicker-dropdown.dropdown-menu.datepicker-orient-left.datepicker-orient-bottom {
  padding: 1rem; }
.modal-open td.day, .registerArea td.day {
  width: 40px;
  height: 40px; }
.modal-open .datepicker table tr td span, .registerArea .datepicker table tr td span {
  width: 31%;
  height: auto; }
.modal-open span.month, .registerArea span.month {
  width: 40px;
  height: 40px; }
.modal-open .table-condensed, .registerArea .table-condensed {
  width: 100%; }
.modal-open .datepicker table tr td.today,
.modal-open .datepicker table tr td.today.disabled,
.modal-open .datepicker table tr td.today.disabled:hover,
.modal-open .datepicker table tr td.today:hover, .registerArea .datepicker table tr td.today,
.registerArea .datepicker table tr td.today.disabled,
.registerArea .datepicker table tr td.today.disabled:hover,
.registerArea .datepicker table tr td.today:hover {
  background-image: linear-gradient(to bottom, #d0d0d0, #fff); }
.modal-open .datepicker table tr td.active.active,
.modal-open .datepicker table tr td.active.disabled,
.modal-open .datepicker table tr td.active.disabled.active,
.modal-open .datepicker table tr td.active.disabled.disabled,
.modal-open .datepicker table tr td.active.disabled:active,
.modal-open .datepicker table tr td.active.disabled:hover,
.modal-open .datepicker table tr td.active.disabled:hover.active,
.modal-open .datepicker table tr td.active.disabled:hover.disabled,
.modal-open .datepicker table tr td.active.disabled:hover:active,
.modal-open .datepicker table tr td.active.disabled:hover:hover,
.modal-open .datepicker table tr td.active.disabled:hover[disabled],
.modal-open .datepicker table tr td.active.disabled[disabled],
.modal-open .datepicker table tr td.active:active,
.modal-open .datepicker table tr td.active:hover,
.modal-open .datepicker table tr td.active:hover.active,
.modal-open .datepicker table tr td.active:hover.disabled,
.modal-open .datepicker table tr td.active:hover:active,
.modal-open .datepicker table tr td.active:hover:hover,
.modal-open .datepicker table tr td.active:hover[disabled],
.modal-open .datepicker table tr td.active[disabled], .registerArea .datepicker table tr td.active.active,
.registerArea .datepicker table tr td.active.disabled,
.registerArea .datepicker table tr td.active.disabled.active,
.registerArea .datepicker table tr td.active.disabled.disabled,
.registerArea .datepicker table tr td.active.disabled:active,
.registerArea .datepicker table tr td.active.disabled:hover,
.registerArea .datepicker table tr td.active.disabled:hover.active,
.registerArea .datepicker table tr td.active.disabled:hover.disabled,
.registerArea .datepicker table tr td.active.disabled:hover:active,
.registerArea .datepicker table tr td.active.disabled:hover:hover,
.registerArea .datepicker table tr td.active.disabled:hover[disabled],
.registerArea .datepicker table tr td.active.disabled[disabled],
.registerArea .datepicker table tr td.active:active,
.registerArea .datepicker table tr td.active:hover,
.registerArea .datepicker table tr td.active:hover.active,
.registerArea .datepicker table tr td.active:hover.disabled,
.registerArea .datepicker table tr td.active:hover:active,
.registerArea .datepicker table tr td.active:hover:hover,
.registerArea .datepicker table tr td.active:hover[disabled],
.registerArea .datepicker table tr td.active[disabled] {
  background-color: #27255f !important; }
.modal-open .datepicker table tr td.active,
.modal-open .datepicker table tr td.active.disabled,
.modal-open .datepicker table tr td.active.disabled:hover,
.modal-open .datepicker table tr td.active:hover, .registerArea .datepicker table tr td.active,
.registerArea .datepicker table tr td.active.disabled,
.registerArea .datepicker table tr td.active.disabled:hover,
.registerArea .datepicker table tr td.active:hover {
  background-image: linear-gradient(to bottom, #27255f, #27255f) !important; }
.modal-open .datepicker table tr td span.active, .registerArea .datepicker table tr td span.active {
  background-image: linear-gradient(to bottom, #27255f, #27255f) !important; }
.modal-open .datepicker-switch, .registerArea .datepicker-switch {
  margin-bottom: 8px; }
@media only screen and (max-width: 768px) {
  .modal-open .datepicker.datepicker-dropdown.dropdown-menu.datepicker-orient-left.datepicker-orient-bottom, .registerArea .datepicker.datepicker-dropdown.dropdown-menu.datepicker-orient-left.datepicker-orient-bottom {
    width: 85%; } }
.modal-open .familyForm .datepicker td,
.modal-open .datepicker th, .registerArea .familyForm .datepicker td,
.registerArea .datepicker th {
  width: 40px !important;
  height: 40px !important; }

/*# sourceMappingURL=app.css.map */