.navbar-static-top {
  background-color: #e1ecec;
}

.navbar-default .navbar-nav>li>a,
.navbar-default .navbar-text {
  color: #3a7b86;
}

@media (min-width: 768px) {
  .navbar-default .navbar-nav .open .dropdown-menu>li>a {
    color: #3a7b86;
  }
}

.crmEntityFormView td.cell {
  padding-left: 0 !important
}

.iti {
  display: flex !important;
}

.picklist.horizontal label {
  margin-right: 10px;

}

/* Calendar Styling */
.datepicker .datepicker-days table {
  background-color: #fff !important;
  border-collapse: separate !important;
  /* Optional: avoids collapsed borders that might expose background */
}

fieldset>p {
  font-size: 1.125rem !important;
}

fieldset .section-title {
  border-bottom: 1px solid #000 !important;
  color: #000 !important;
}

/* Desktop Left Nav Alignment */
.nav.nav-pills.nav-stacked {
  margin-top: 21px;
}

pre code,
table {
  background-color: transparent
}

/* Footer */
footer {
  background-color: #2f444c;
  color: #e1ecec;
  margin-left: 0;
  padding: 5px 0 !important;
  /*position: fixed;
  width: 100%;
  bottom: 0;
  z-index: 999;*/
}

.footer-icons {
  padding: 10px 0px;
}

.footer-icons a {
  color: #ffffff;
}

/* Making Grid Action Button Inline */
.toolbar.dropdown>.btn,
.dropdown.action>.btn {
  display: none;
}

.toolbar.dropdown ul.dropdown-menu,
.toolbar.dropdown ul.dropdown-menu:hover,
.dropdown.action ul.dropdown-menu,
.dropdown.action ul.dropdown-menu:hover {
  display: block;
  position: initial !important;
  border: 0;
  padding: 0;
  margin: 0;
  background: transparent;
  box-shadow: none;
  text-align: center;
  max-width: 95px;
  min-width: 95px;
  width: 95px;
  left: auto !important;
  top: auto !important;
}

.dropdown.action ul.dropdown-menu>li>a:focus,
.dropdown.action ul.dropdown-menu>li>a:hover {
  border: 0px;
  background: transparent;
}

.toolbar.dropdown .dropdown-menu li a,
.toolbar.dropdown .dropdown-menu li a:hover,
.dropdown.action .dropdown-menu li a,
.dropdown.action .dropdown-menu li a:hover {
  padding: 2px;
  margin: 0;
}

/* Notes Toolbar in Timeline View Theming */
.entity-notes {
  padding: 0;
}

@media (min-width: 768px) {
  .entity-notes .col-sm-12 {
    float: none;
  }

  .entity-notes .note .metadata {
    padding: 0 15px;
  }
}

.entity-notes .page-header {
  margin: 5px 0;
  padding: 0;
}

.entity-notes .page-header h3 {
  margin-top: 5px;
}

.entity-notes .note {
  margin-bottom: 5px
}

.entity-notes .note .metadata {
  margin-bottom: 0px;
}

.entity-notes .note .toolbar {
  padding: 15px 0;
  margin: 0;
}

.table-responsive {
  width: 100%;
  overflow-x: auto;
}

.entity-notes .note .toolbar.dropdown .dropdown-menu li a {
  color: #fbfbfb;
  background-color: #932c78;
  border-color: #932c78;
  border-radius: 2.875rem !important;
  padding: 0.625rem 1.25rem !important;
}

.entity-notes .note .toolbar.dropdown .dropdown-menu li a .fa {
  display: none;
}

.entity-notes .note .toolbar.dropdown .dropdown-menu li a:hover {
  color: #fff;
  background-color: #2a6570;
  border-color: #204e56;
}

/* Dynamics Grid Pagination is ignoring theme due to !important by Standard Power Pages. Fixed below. */
.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
  background-color: #388795 !important;
}

/* Dynamics Form Fixes below. */
/* Fixed the form action buttons to be left aligned in desktop view */
.crmEntityFormView .form-custom-actions .col-sm-6,
.crmEntityFormView .actions .col-sm-6 {
  padding: 0;
}

.crmEntityFormView .form-custom-actions,
.crmEntityFormView .actions {
  border-top: 0px;
  margin: 0 0 20px 0;
}

@media (min-width: 768px) {

  .crmEntityFormView .form-custom-actions,
  .crmEntityFormView .actions {
    padding: 0 28px;
    padding-left: 0;
  }
}

/* Fixed the form bottom spacing */
.crmEntityFormView .tab,
.crmEntityFormView fieldset {
  margin-bottom: 0px;
}

/* Drop down menus theming */
.dropdown-menu {
  background-color: #e1ecec;
  border-radius: 0;
  border: none;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}

.dropdown-menu>li>a {
  color: #2f444c;
  padding: 8px 20px;
}

.dropdown-menu .divider {
  background-color: #c1cccc;
  margin: 5px 0;
}

.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus,
.dropdown-menu>li>a:active {
  background-color: #2f444c;
  color: #fff;
  border: none;
  padding: 8px 20px;
}

.dropdown-menu>.active>a,
.dropdown-menu>.active>a:focus,
.dropdown-menu>.active>a:hover {
  padding: 8px 20px;
}

/* Making footer float to the bottom. Had to use body back due to lack of class at body level */
/* Refer https://philipwalton.github.io/solved-by-flexbox/demos/sticky-footer/ for details */
body {
  display: flex;
  min-height: 100vh;
  flex-direction: column;
}

.wrapper-body {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
  width: 100%;
  flex: 1;
  padding-top: 48px;
}

@media(min-width: 768px) {
  .wrapper-body {
    width: 750px
  }
}

@media(min-width: 992px) {
  .wrapper-body {
    width: 970px
  }
}

@media(min-width: 1200px) {
  .wrapper-body {
    width: 1170px
  }
}
@media (min-width: 1400px) {
  .wrapper-body {
    width: 1320px;
  }
}
@media (min-width: 1600px) {
  .wrapper-body {
    max-width: 1440px; /* or 1600px if you prefer */
  }
}


.col-sm-4.placeholder img.hero-card {
  border-radius: 6px;
}

.col-sm-4.placeholder .link-column a.card-link {
  padding: 20px;
  border-radius: 6px;
  margin: 8px 0px;
  background: #932c78;
  border: 2px solid #932c78;
  color: #fbfbfb;
  text-decoration: none;
  font-weight: bold;
  display: inline;
  display: block;
  font-size: 18px;
}

.col-sm-4.placeholder .link-column a.card-link:hover,
.col-sm-4.placeholder .link-column a.card-link:focus {
  background-color: transparent;
  color: #932c78;
}

.col-sm-4.placeholder .link-column a.card-link span {
  position: relative;
  top: 3px;
  left: 10px;
}

.ts-dropdown-content .ts-dropdown-option {
  color: #898989 !important;
  width: 100% !important;
}

.ts-control,
.ts-control input,
.ts-dropdown {
  color: #898989 !important;
}

/* Hover effect */
.option {
  color: #898989 !important;
}

.option:hover,
.option.active {
  color: white !important;
  background-color: #898989 !important;
}

html[dir=ltr] .crmEntityFormView .tab .tab-column:first-child {
  width: 100% !important;
}

.iti iti--show-flags {
  width: 100% !important;
}

/* .jumbotron {
  padding-top: 20px !important;
  padding-left: 20px !important;
  padding-bottom: 5px !important;
  background-color: #e1ecec;
} */

.jumbotron {
  background-color: #f9f9f9 !important;
  border: 2px solid #00a0af;
  border-radius: 0.5rem;
  color: #2f444c;

  display: flex;
  flex-direction: column;
  justify-content: space-between;

  padding: 1.5rem;
  padding-top: 20px !important;
  padding-left: 20px !important;
  padding-bottom: 5px !important;
}

/* Align login columns on tablet screens */
@media (min-width: 769px) and (max-width: 991px) {

  /* Try to align both login sections at the top */
  .row>.col-md-6 {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
  }

  /* Fix margin between headings */
  h2.login-heading-section {
    margin-top: 0 !important;
    margin-bottom: 10px !important;
  }

  /* Remove extra spacing above the "Sign in via Email" info */
  #external-login-info {
    margin-top: 0 !important;
  }

  /* Optional: add spacing under Azure button to match sign-in buttons */
  .btn-line {
    margin-top: 10px !important;
  }

  /* Keep both forms' heights equal if needed */
  .row {
    align-items: flex-start;
  }
}
#aces_iscontinuingmedicalcare_label,
#aces_isinsurance_label,
#aces_ispersonal_label,
#aces_islegal_label,
#aces_isotherverificationofbenefits_label,
#aces_specify_label,
#aces_isbillinginformation_label,
#aces_isdatesoftreatmentattendance_label,
#aces_isdiagnosis_label,
#aces_ismedicaleducationalreports_label,
#aces_istestresults_label,
#aces_isverbalandwrittencommunication_label,
#aces_istreatmentnotesrecords_label,
#aces_isotherhealthinformation_label,
#aces_specifyauthorizationscope_label,
#aces_ismentalhealthtreatment_label,
#aces_isalcoholdrugtreatment_label,
#aces_ishivtestresults_label,
#aces_isindividualfamilyserviceplan_label,
#aces_isindividualprogramplan_label,
#aces_isindividualizededucationprogram_label,
#aces_islosclinic_label,
#aces_isloshome_label,
#aces_islosschool_label,
#aces_islostelehealth_label,
#aces_isloscommunity_label,
#aces_islosother_label
#aces_isccopcontinuingmedicalcare_label,
#aces_isccopinsurance_label,
#aces_isccoppersonal_label,
#aces_isccopother_label,
#aces_isccoplegal_label,
#aces_islosother_label
{
  font-weight: normal !important;
}

#main-content
{
  width: 100% !important;
}
#side-nav
{
  display: none;
}
/* Mobile + iPad */
@media (max-width: 1024px) {

    .days-grid-table thead {
        display: none;
    }

    .days-grid-table,
    .days-grid-table tbody,
    .days-grid-table tr {
        display: block;
        width: 100%;
    }

    /* Morning / Afternoon headers */
    .days-grid-table tr.morning::before {
        content: "Morning (8:00 AM - 1:00 PM)";
        display: block;
        font-weight: 700;
        margin-bottom: 10px;
    }

    .days-grid-table tr.afternoon::before {
        content: "Afternoon (2:00 PM - 7:00 PM)";
        display: block;
        font-weight: 700;
        margin-bottom: 10px;
    }

    /* Card styling */
    .days-grid-table tr {
        margin-bottom: 16px;
        border: 1px solid #ddd;
        border-radius: 8px;
        padding: 12px;
        background: #fff;
    }

    /* Hide original label column */
    .days-grid-table td:first-child {
        display: none;
    }

    /* TWO COLUMN ROW: Day | Checkbox */
    .days-grid-table td {
        display: grid;
        grid-template-columns: 1fr auto;
        align-items: center;
        padding: 10px 0;
        border: none;
    }

    /* Day label */
    .days-grid-table td::before {
        content: attr(data-day);
        font-weight: 600;
    }

    /* Checkbox sizing */
    .days-grid-table input[type="checkbox"] {
        transform: scale(1.3);
        justify-self: end;
    }
}