/* NOTE: This section was copied from clients/cloud/src/assets/theme/aspire/theme-lightv13.0.0.css during the Angular/PrimeNG upgrade in December 2024. */
html {
  font-size: 14px;
}

@media screen and (max-width: 768px) {
  html {
    font-size: 16px;
  }
}

body h1 {
  font-size: 26px;
  font-weight: bold;
  font-style: normal;
  line-height: 30px;
  margin: 18px 0;
}
body h2 {
  font-size: 22px;
  font-weight: bold;
  font-style: normal;
  line-height: 26px;
}
body h3 {
  font-size: 18px;
  font-weight: bold;
  font-style: normal;
  line-height: 21px;
}
body h4 {
  font-size: 16px;
  font-weight: bold;
  font-style: normal;
  line-height: 19px;
}
body h5 {
  font-size: 14px;
  font-weight: bold;
  font-style: normal;
  line-height: 16px;
}
body h6 {
  font-size: 12px;
  font-weight: bold;
  font-style: normal;
  line-height: 14px;
}

.layout-main {
  margin-left: 64px;
  padding-top: 84px;
}

.layout-sidebar {
  width: 255px;
}

.layout-wrapper-static .layout-main {
  margin-left: 256px;
}

body .p-component,
body .p-component .p-component {
  text-decoration: none;
}

body, body a {
  text-decoration: none;
}

body a {
  color: #176BAD;
}
body a:hover {
  color: #125386;
}
body .ajax-loader {
  font-size: 28px;
  color: #5E81AC;
}
body .pi {
  font-size: 1em;
}

.p-button {
  font-size: 14px;
}

.p-component p-header {
  width: 100%;
}

.p-panel .p-panel-header {
  background: #fff;
  border: none;
}

.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover {
  color: #ffffff;
  background: #5E81AC; /*  to do */
}

.p-button-dropdown-menu .p-button:enabled:hover{
  background: #fff !important;
}

.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight {
  color: #fff;
  background: #5E81AC;
}

.p-dropdown:not(.p-disabled):hover {
  border-color: #9EB3CD;
}
.p-dropdown:not(.p-disabled).p-focus {
  box-shadow: 0 0 0 0.2rem rgba(22, 107, 212, 0.25);
  border-color: #9EB3CD;
}

.p-fileupload .p-fileupload-buttonbar .p-button {
  border: none;
  padding: 6px 12px;
}

.p-fileupload .p-fileupload-content {
  padding: 1rem 1rem;
}

.p-autocomplete-dropdown {
  padding: 0.06em;
}

.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
  padding: 0.2em;
  width: 100%;
  box-sizing: border-box;
  text-indent: 1.5em;
}

.p-calendar-w-btn .p-inputtext {
  border-right: none !important;
}

.p-datepicker-trigger {
  color: #7f7f82;
  background: #fff;
  border: 1px solid #ced4da;
  border-left: none !important;
}

.p-inputtext:enabled:hover {
  border-color: #cccccc;
}
.p-inputtext:enabled:focus {
  border-color: #9EB3CD;
  box-shadow: 0 0 0 0.2rem rgba(22, 107, 212, 0.25);
}

.p-dialog .p-dialog-header .p-dialog-title {
  margin: 0;
  float: none;
  color: #336fad;
  font-weight: bold;
  vertical-align: middle;
  font-size: 22px;
}

.p-dialog {
  box-shadow: none;
  max-width: 90%;
}

.p-dialog .p-dialog-content {
  padding: 0px 15px 15px 15px;
}

.p-radiobutton .p-radiobutton-box.p-highlight {
  border: 1px solid;
  border-color: #459F49;
  background: #fff;
}


.p-radiobutton .p-radiobutton-box.p-highlight > .p-radiobutton-icon {
  background: #459F49;
  width: 10px;
  height: 10px;
}

.p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover {
  border-color:#cccccc;
}
.p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.2rem rgba(22, 107, 212, 0.25);
  border-color: #459F49;
}
.p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
  border-color: #459F49;
  background: #fff;
  color: #ffffff;
}

.p-autocomplete .p-autocomplete-multiple-container {
  padding: 0.286em 0.857em;
}

.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus {
  box-shadow: none;
}

.header-row{
  height: fit-content;
}

.p-button:focus {
  box-shadow: 0 0 0 0.2rem #166bd440;
}

.p-button-dropdown-menu:active{
  border-color: #cccccd !important;
}

.p-menuitem-text:hover {
  background-color: transparent !important;
}

.p-menu.p-menu-overlay {
  border: 1px solid #cccccc !important;
  box-shadow: none;
}

.p-autocomplete-panel {
  border: 1px solid #cccccc;
  box-shadow: none;
}

.p-contextmenu {
  border: 1px solid #dddddd;
  box-shadow: none;
}

.p-multiselect:not(.p-disabled):hover {
  border-color: #ddd;
}

.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight {
  background: #5E81AC;
}

.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container {
  width: 80px;
}

.p-multiselect-panel .p-multiselect-header {
  background: #f5f5f5;
  border-bottom: 1px solid #dddddd;
}

.p-multiselect-panel {
  border: 1px solid #dddddd;
  box-shadow: none;
}

.p-dropdown-panel {
  border: 1px solid #dddddd;
  box-shadow: none;
}

.p-dropdown {
  min-height: 32px;
  min-width: 8em;
}
.p-dropdown:not(.p-disabled):hover {
  border-color: #ddd;
}

.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
  border-color: #ddd;
}
.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.2rem rgb(22 107 212 / 25%);
  border-color: transparent;
}

.p-menu {
  min-width: 12.5em;
}

.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus {
  box-shadow: 0 0 0 0.2rem #e4f2d3;
}

.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight{
  color: #fff;
}

.p-tabview .p-tabview-nav {
  background: #ffffff;
  border-width:0;
}

.p-tabview .p-tabview-nav li .p-tabview-nav-link {
  border: none;
  border-width: 0;
  border-color: transparent;
  font-weight: normal;
}

.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus {
  box-shadow: none;
}

.p-tabview .p-tabview-nav-btn.p-link:focus {
  box-shadow: none;
}

.p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link > .p-tabview-title {
  border-bottom: 2px solid #459F49;
  padding-bottom: 4px;
  color: #336fad !important;
}

.ag-center-cols-clipper{
  min-height: 150px !important;
}

.p-dropdown .p-dropdown-label {
  text-overflow: clip; 
}

.p-tree {
  border:none;
}

.p-datepicker .p-datepicker-buttonbar {
  background-color: #f5f5f5;
  border: 1px solid #dddddd;
  padding: 0.5em;
}

.p-datepicker .p-datepicker-buttonbar .p-button {
  background-color: #5E81AC;
  border-color: #5E81AC;
  color: #fff;
}

.p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
  background: #f5f5f5;
}

.p-datepicker table td > span {
  border-radius: 3px;
}

.p-datepicker table td.p-datepicker-today > span {
  background: rgba(145, 153, 169, 0.3);
  color: #4c566a;
}

.p-datepicker table td.p-datepicker-today > span.p-highlight,
.p-datepicker table td > span.p-highlight {
  color: #ffffff;
  background: #5E81AC;
}

.p-datepicker table td > span:focus {
  box-shadow: none;
}

.p-datepicker:not(.p-datepicker-inline) {
  padding: 0;
  box-shadow: none;
  border: 1px solid #dddddd;
}

.p-datepicker .p-datepicker-header .p-datepicker-title select:focus {
  box-shadow: none;
  border:none
}

.p-datepicker table td > span {
  width: 2em;
  height: 2em;
}

.p-datepicker table td {
  padding: 2px;
}

.p-calendar-w-btn .p-datepicker-trigger:hover {
  background-color: #fff !important;
}

.p-checkbox-label {
  background-color: transparent !important;
}

.p-accordion-header-text {
  font-size: 16px;
}

.p-accordion .p-accordion-header .p-accordion-header-link {
  border: none;
  background: #fff;
  color: #4c566a;
}

.p-fileupload .p-fileupload-buttonbar .p-button {
  padding: 12px 12px;
}

.p-button-dropdown-menu:enabled:hover{
  background: #fff;
}

.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus {
  box-shadow: none;
}

.p-tree .p-tree-container .p-treenode .p-treenode-content:focus {
  box-shadow: none;
}

.p-button.p-button-success:active {
  background-color: #4F7131 !important;
  border-color: #4F7131 !important;
  box-shadow:none !important;
}

.p-dropdown.p-disabled > .p-dropdown-trigger{
  background: #eeeeee;
}

.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
  padding: 0 0;
}

.text-cell-component{
  word-break: break-word !important;
}

.p-autocomplete-dropdown.p-button:disabled {
  opacity: 1;
}

.p-autocomplete-dropdown.p-button:disabled,
.p-calendar-disabled > .p-datepicker-trigger {
  background-color: #f2f2f2 !important;
}

.p-datepicker{
  min-width: 0 !important;
  max-width:285px !important;
}

.auto-pointer{
  pointer-events: auto !important;
}

.p-inputtext.ng-dirty.ng-invalid,
p-dropdown.ng-dirty.ng-invalid > .p-dropdown,
app-auto-complete.ng-dirty.ng-invalid .p-inputtext,
app-auto-complete.ng-dirty.ng-invalid .p-autocomplete-dropdown.p-button,
p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext,
p-chips.ng-dirty.ng-invalid > .p-inputtext,
p-inputmask.ng-dirty.ng-invalid > .p-inputtext,
p-checkbox.ng-dirty.ng-invalid .p-checkbox-box,
p-radiobutton.ng-dirty.ng-invalid .p-radiobutton-box,
p-inputswitch.ng-dirty.ng-invalid .p-inputswitch,
p-listbox.ng-dirty.ng-invalid .p-inputtext,
p-multiselect.ng-dirty.ng-invalid > .p-multiselect,
p-spinner.ng-dirty.ng-invalid > .p-inputtext,
p-selectbutton.ng-dirty.ng-invalid .p-button,
p-togglebutton.ng-dirty.ng-invalid .p-button {
  border-color: #a94442;
}

.route-certification-validation-overlay-panel .p-listbox .p-listbox-list .p-listbox-item.p-highlight {
	background-color: #e9ecef !important;
}