/** 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;
}