/** addtional.css */
/* CSS for paragraphs inside an element with class "bothcols" */
.bothcols p {
  display: block;
  margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
}

/* Media query for screens with a minimum width of 1200px */
@media (min-width: 1200px) {
  /* Selecting container elements and setting their maximum width to 100% */
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl {
    max-width: 100%;
  }
}

/* Media query for screens with a minimum width of 992px */
@media (min-width: 992px) {
  /* Selecting container elements and setting their maximum width to 100% */
  .container,
  .container-lg,
  .container-md,
  .container-sm {
    max-width: 100%;
  }
}

/* Media query for screens with a minimum width of 768px */
@media (min-width: 768px) {
  /* Selecting container elements and setting their maximum width to 100% */
  .container,
  .container-md,
  .container-sm {
    max-width: 100%;
  }
}

/* Media query for screens with a minimum width of 576px */
@media (min-width: 576px) {
  /* Selecting container elements and setting their maximum width to 100% */
  .container,
  .container-sm {
    max-width: 100%;
  }
}

/* Selecting elements with class "dropzone-title" and setting margin values */
.dropzone-title {
  margin: 10px 10px 0 10px;
}

/* Selecting a section element within an element with ID "agenda-item-form" and overriding the left margin */
#agenda-item-form > section {
  margin-left: 0px !important;
}

/* Selecting a section element within an element with class "wrap-workflow" and overriding the left margin */
#agenda-item-form > div.wrap-workflow > section {
  margin-left: 0px !important;
}

/* Selecting elements with class "wrap-ckeditor" and overriding the left margin */
.wrap-ckeditor {
  margin-left: -12px !important;
}

/* Selecting a section element within an element with ID "edit-agenda-item" and overriding the left margin */
#edit-agenda-item > section {
  margin-left: 0px !important;
}

/* Selecting a section element within a div within an element with ID "view-agenda-item" and overriding the left margin */
#view-agenda-item > div > section {
  margin-left: 0px !important;
}

/* Selecting a section element within an element with ID "view-agenda-item" and overriding the left margin */
#view-agenda-item > section {
  margin-left: 14px !important;
}

/* Selecting elements with multiple classes and overriding border and margin values */
.dropzone.drag-drop-files.bothcols.ui-helper-clearfix.dz-clickable.ui-sortable {
  border: 1px solid #bbb !important;
  margin-top: 2px;
}

/* Selecting a div with class "rightcol" within an element with class "wrap-minutes-fields" and overriding the left margin */
.wrap-minutes-fields > div.rightcol {
  margin-left: -15px !important;
}

/* Selecting a div with class "leftcol" within an element with class "wrap-minutes-fields" and overriding the left margin */
.wrap-minutes-fields > div.leftcol {
  margin-left: -15px !important;
}

/* Selecting an element with ID "policy-book-select" and setting maximum height and overflow properties */
#policy-book-select {
  max-height: 75vh;
  overflow-y: auto;
}

/* Media query for iPad with a resolution of 768x1024 */
@media only screen and (device-width: 768px) and (device-height: 1024px) {
  /* Selecting a viewport and setting width and height values */
  viewport {
    width: 768px;
    height: 1024px;
  }
}

/* Media query for iPad with a resolution of 1024x768 */
@media only screen and (device-width: 1024px) and (device-height: 768px) {
  /* Selecting a viewport and setting width and height values */
  viewport {
    width: 1024px;
    height: 768px;
  }
}

/* Media query for print styles */
@media print {
  /* Selecting elements with class "sectionheading" and overriding the left margin */
  .sectionheading {
    margin-left: -15px !important;
  }
}

/* Selecting definition lists, ordered lists, and unordered lists and setting margin values */
dl,
ol,
ul {
  margin-top: 0;
  margin-bottom: 0rem;
}

/* Selecting an element with ID "policy-book-select" and overriding top positioning */
#policy-book-select {
  top: unset !important;
}

/* Selecting anchors within list items within an element with ID "policy-book-select" and setting white-space and text-overflow properties */
#policy-book-select > li > a {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Selecting an element with ID "wrap-policy-book-select" and setting display, alignment, and margin properties */
#wrap-policy-book-select {
  display: inline-flex;
  align-items: center;
  margin-bottom: 10px;
}

/* Selecting an element with class "select-label" and setting margin properties */
.select-label {
  margin-right: 5px;
  margin-top: 0px;
  margin-left: 10px;
}

#ft {
  height: 7vh;
  /* Set the height as a percentage of the viewport height (you can adjust the value as needed) */
}

.navbar-nav {
  flex-direction: row !important;
}

#video-dialog {
  max-height: 100vh !important;
}

#tab-1 li[role="link"] {
  display: block !important;
}

@media print {
  #for-print li[role="link"] {
    display: block !important;
  }
}

#view-meeting > li {
  list-style-type: none;
  margin: 0;
}

#for-print u,
#generic-dialog u {
  font-family: inherit;
}

@media print {
  #for-print {
    display: block;
  }
}

@media screen {
  #for-print {
    display: none;
  }
}

/* Printing  */
.for-print .category {
  color: #000;
  font-size: 12px;
  padding: 10px 0px 0px 0px;
  margin: 0;
  font-weight: bold;
  border-bottom: 1px solid #000;
}

.for-print .item {
  color: #000;
  font-size: 12px;
  font-weight: normal;
  padding: 10px 0px 0px 0px;
  margin: 0px 10px 5px 0px;
  font-weight: normal;
}

.for-print .actiontype {
  display: none;
}

.for-print section {
  color: #000;
  font-size: 12px;
  padding: 10px 0px 0px 0px;
  margin: 0;
  font-weight: bold;
  border-bottom: 0px solid #000;
}

.for-print .leftcol {
  margin-left: 0;
  font-size: 12px;
}

.for-print .rightcol {
  margin-left: 0;
  font-size: 12px;
}

.for-print .bothcols {
  margin-left: 0px;
  font-size: 12px;
}

.for-print .logo {
  text-align: center;
}

.for-print .agenda-footer-text {
  margin-top: 40px;
  font-weight: bold;
  font-size: 12px;
  color: #000;
}

.for-print .agenda-item-header-text {
  margin-bottom: 40px;
  font-weight: bold;
  font-size: 12px;
  color: #000;
}

.for-print .agenda-item-footer-text {
  margin-top: 40px;
  font-weight: bold;
  font-size: 12px;
  color: #000;
}

.for-print .print-meeting-date {
  font-size: 15px;
  font-weight: bold;
  margin-top: 12px;
}

.for-print .print-meeting-name {
  font-size: 15px;
  font-weight: bold;
  margin-bottom: 22px;
}

.for-print .print-meeting-description {
  font-size: 13px;
  font-weight: bold;
  margin-bottom: 22px;
}

.for-print .print-meeting-footer {
  font-size: 13px;
  font-weight: bold;
  margin: 22px 0;
}

.for-print .itembody {
  margin: 0 0 10px 0;
  padding: 0;
  overflow: auto;
}

.for-print .print-files {
  border: 1px solid gray;
  margin: 0 0 20px 0px;
  padding: 10px;
  background: #eee;
  overflow: auto;
}

.for-print .motions .motion {
  margin: 7px 0px 17px 0px;
}

.for-print .motions a {
  display: none !important;
}

@media print {
  /* bootstrap fix  */
  a[href]:after {
    content: none !important;
  }
}

#for-print {
  margin-left: 0.25in !important;
  /* Set the left margin */
  margin-right: 0.25in !important;
  /* Set the right margin */
  margin-top: initial !important;
  /* Reset the top margin to its default value */
  margin-bottom: initial !important;
  /* Reset the bottom margin to its default value */
  line-height: normal;
}

@media print {
  table {
    table-layout: unset !important;
    /* width: 100% !important; */
  }
}

#intro-page .title {
  word-break: break-word;
}

[id^="pane-content-"] .text-focus,
#edit-agenda-item .text-focus {
  background-color: none !important;
  border: 1px solid black !important;
}

div#edit-agenda-item.pane-wrap {
  background-color: none !important;
  border: 1px solid black !important;
}

.ui-accordion-content {
  height: auto !important;
  overflow: auto; /* Allows content to scroll if needed */
}

.search-results.pane-wrap {
  height: 75vh;
}

#policy-books.pane-wrap {
  height: revert !important;
}
@media print {
  #for-print .print-logo {
    justify-content: center !important;
    display: flex !important;
  }
}
#policy-copy-from-book-select {
  margin-left: 6.1vh !important;
  margin-top: 1vh;
}

@media print {
  img {
    display: revert !important;
    visibility: visible !important;
    -webkit-print-color-adjust: exact;
    object-fit: contain !important;
    print-color-adjust: exact;
  }
}

/* Print Image Centering Styles */
@media print {
  /* Center images within centered paragraphs */
  p[style*="text-align:center"] img,
  p[style*="text-align: center"] img,
  p[align="center"] img {
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
  }

  /* Ensure parent paragraphs maintain center alignment */
  p[style*="text-align:center"],
  p[style*="text-align: center"],
  p[align="center"] {
    text-align: center !important;
  }

  /* Force centering for any image that should be centered */
  .print-center-image {
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  /* Additional centering for common image patterns */
  img[style*="width"][style*="height"] {
    object-fit: contain !important;
  }

  /* Ensure images maintain visibility and color in print */
  img {
    display: revert !important;
    visibility: visible !important;
    -webkit-print-color-adjust: exact !important;
    print-color-adjust: exact !important;
  }
}

#policy-books-dialog {
  height: fit-content !important;
}