@charset "UTF-8";
html, body {
  height: 100%;
}

body {
  padding: 1em;
  display: flex;
  flex-direction: column;
  background: rgb(180, 190, 50);
  color: rgb(50, 25, 0);
  font-family: "IBM Plex Sans", Arial, Verdana, sans-serif;
}

.navbar {
  font-family: "Kepler Std", "Times New Roman", serif;
  font-weight: bold;
}

header {
  background: rgb(220, 190, 150);
  font-family: "Bookman Old Style", "Times New Roman", serif;
}

.br-items li {
  border: solid 2px rgba(50, 25, 0, 0.25);
  border-radius: 5px;
  margin-left: 1em;
  background-image: radial-gradient(rgba(220, 190, 150, 0.75), rgba(220, 190, 150, 0.25) 45%, rgba(50, 25, 0, 0.5));
}

.br-subitems li {
  border: none;
  margin-left: 0;
  background-image: none;
}

.br-subitems li a {
  font-weight: bold;
  font-size: 95%;
}

.br-subitems li a:hover {
  background: rgb(180, 190, 50);
}

div.head_name {
  font-weight: bold;
  font-style: italic;
  font-size: 160%;
  line-height: 1.25em;
  margin: 0.25em auto 0.25em auto;
  padding-left: 2em;
  color: rgb(180, 190, 50);
  text-stroke: 4px rgba(50, 25, 0, 0.85);
  -webkit-text-stroke: 1px rgba(50, 25, 0, 0.85);
  text-shadow: -2px -2px 2px rgba(50, 25, 0, 0.85), 1px -1px 1px rgba(50, 25, 0, 0.75), -1px 1px 1px rgba(50, 25, 0, 0.75), 2px 2px 2px rgb(50, 25, 0);
}

span#date {
  color: rgb(150, 10, 20);
  font-weight: bold;
  font-size: 85%;
  float: right;
  white-space: nowrap;
  margin-top: 2em;
  margin-left: 2em;
}

span#time {
  color: rgb(150, 10, 20);
  font-weight: bold;
  font-size: 85%;
  float: right;
  white-space: nowrap;
}

h1, h3 {
  padding-left: 10px;
}

h3 {
  font-size: 1.2em;
  font-weight: bold;
}

a, a:visited {
  color: rgb(50, 25, 0);
  text-decoration: none;
  outline: none;
}

a img {
  border: none;
}

a.und {
  color: rgb(120, 50, 30);
}

a.und:hover {
  color: rgb(180, 190, 50);
}

a.und:hover span {
  color: rgb(50, 25, 0);
  border-bottom: 1px solid rgb(150, 10, 20);
}

.n_txt {
  margin: 0.5em auto 0 auto;
  text-align: justify;
  text-indent: 1em;
  white-space: normal;
}

button.btn-img {
  display: flex;
  align-items: center;
}

.left_column {
  background-color: rgb(220, 190, 150);
  border-right: solid 0.5em rgb(180, 190, 50);
}

.left_column nav {
  font-family: "Kepler Std", "Times New Roman", serif;
  font-style: italic;
  font-weight: bold;
  font-size: 120%;
  line-height: 1.25em;
}

.left_column nav .nav-link {
  color: rgb(50, 25, 0);
  padding-top: 0;
  padding-bottom: 0;
}

ul.left_menu {
  padding-left: 16pt;
  list-style-image: url(../img/mi_gr46.png);
}

.main_column {
  background-color: rgb(220, 190, 150);
  border-left: solid 0.5em rgb(180, 190, 50);
}

.main_column p {
  text-align: justify;
  text-indent: 1.25em;
  margin-bottom: 0.25em;
}

.main_column h2 {
  font-style: italic;
}

#main_content {
  padding-bottom: 0.25em;
  margin-bottom: 0.5em;
  flex: 1 0 auto;
}

footer {
  border-top: solid 2px rgb(50, 25, 0);
  border-bottom: solid 1em rgb(180, 190, 50);
  background: linear-gradient(rgb(220, 190, 150), rgb(220, 190, 150) 20%, rgb(50, 25, 0));
}

footer p {
  font-family: "Bookman Old Style", "Times New Roman", serif;
  font-weight: bold;
  font-style: italic;
  font-size: 90%;
  line-height: 1.25em;
  margin: 0.25em auto 0.25em auto;
  padding-left: 2em;
  color: rgb(180, 190, 50);
  text-shadow: -1px -1px 1px rgba(50, 25, 0, 0.85), 1px -1px 1px rgba(50, 25, 0, 0.75), -1px 1px 1px rgba(50, 25, 0, 0.75), 1px 1px 1px rgb(50, 25, 0);
}

.ft-left {
  font-style: italic;
  font-size: 85%;
  text-align: right;
}

img.img_hr {
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 5px;
}

.docs {
  list-style-type: none;
}

.docs li:before {
  content: "\f15c";
  font-family: "Font Awesome 6 Free";
  float: left;
  font-size: 120%;
  margin-left: -1.5em;
}

.docs li {
  margin-bottom: 3px;
}

.docs li a span {
  vertical-align: top;
}

.docs li a span del {
  vertical-align: top;
}

.docs li a span i {
  vertical-align: top;
}

.h_n {
  text-align: left;
  counter-increment: ch;
  counter-reset: pr;
}

.h_n:before {
  content: counter(ch, decimal) ". ";
}

.h_r {
  text-align: left;
  counter-increment: ch;
  counter-reset: pr;
}

.h_r:before {
  content: counter(ch, upper-roman) ". ";
}

.p_n {
  margin: 0.2em 0.5em 0 0.5em;
  white-space: normal;
  text-align: justify;
  text-indent: 1em;
  word-spacing: -0.1ex;
  counter-increment: pr;
}

.p_n:before {
  content: counter(ch, decimal) "." counter(pr, decimal) ".  ";
}

h3.hlp {
  text-align: left;
  margin-top: 0.5em;
  margin-bottom: 0.8em;
}

h4.hlp {
  text-align: left;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.tooltip .tooltip-inner {
  background-color: rgb(150, 10, 20);
}

.tooltip.right > .tooltip-arrow {
  border-bottom-color: rgb(150, 10, 20);
}

.f-icon::before {
  display: inline-block;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}

.f-loc::before {
  font: var(--fa-font-solid);
  content: "\f3c5";
}

.accordion-item {
  background-color: rgb(220, 190, 150);
}

.accordion-header {
  padding: 0;
  line-height: 1.25em;
}

.accordion-button {
  background-color: rgb(180, 190, 50) !important;
  color: rgb(50, 25, 0) !important;
  font-weight: bold;
  font-size: 110%;
}

div.accordion {
  margin-bottom: 0.25em;
}

.card-dashboard {
  margin-bottom: 1em;
}

.pagination-dashboard {
  margin: 0.1em auto 0.1em auto;
}

.card-news {
  background-color: rgb(220, 190, 150);
  margin-top: 1em;
}

.card-news div.card-footer {
  padding-bottom: 0.05em;
  padding-top: 0.05em;
  text-align: right;
}

.card-news div.card-header {
  padding-bottom: 0.05em;
  padding-top: 0.75em;
}

p.news_date {
  font-size: 75%;
  font-weight: bold;
  font-style: italic;
  text-align: right;
}

div.news_date {
  font-size: 75%;
  font-weight: bold;
  font-style: italic;
  margin-bottom: 5px;
  text-align: right;
}

div.news_date span.day {
  font-size: 185%;
  margin-right: 4px;
}

div.news_date span.mn_yr {
  text-align: left;
  float: right;
  border-left: solid 1px rgb(150, 10, 20);
  padding-left: 2px;
}

div.news_date div {
  margin-top: 5px;
}

div.news_date div.wday {
  font-size: 110%;
  padding-right: 0.75em;
}

.news-thumbnail {
  background-color: rgb(180, 190, 50);
  border-color: rgb(180, 190, 50);
}

.org_name {
  font-weight: bold;
}

.org_adr, .org_tel, .org_mail, .org_site {
  text-indent: 0.2em;
  margin-bottom: 1px;
}

.vcnt {
  border-collapse: collapse;
}

.vcnt th {
  border: 1px solid rgb(50, 25, 0);
  padding: 2px 1em 2px 1em;
  text-align: center;
  font-size: 85%;
}

.vcnt td {
  border: 1px solid rgb(180, 190, 50);
  padding: 0.25px 0.5em 0.25px 0.5em;
  text-align: right;
  vertical-align: top;
}

.vcnt td.text_cell {
  text-align: left;
}

.vcnt td.row2_cell {
  background-color: rgb(180, 190, 50);
}

.data_tbl {
  font-size: 85%;
  border-collapse: collapse;
  border-spacing: 0;
  margin: 1em auto 2em auto;
}

.data_tbl th {
  padding: 2px 1em 2px 1em;
  border: 1px solid rgb(50, 25, 0);
}

.data_tbl td {
  vertical-align: top;
  padding: 0.25px 0.5em 0.25px 0.5em;
  border: 1px solid rgb(180, 190, 50);
}

.data_tbl td.r_hd {
  text-align: center;
  padding: 2px 1em 2px 1em;
  font-size: 125%;
  font-weight: bold;
}

.data_tbl ul {
  padding-left: 1.5em;
}

.btn-login {
  margin: 0.5em auto 1em auto;
}

.year-pages {
  margin: 0.25em auto 0.25em auto;
}

.year-pages li a {
  background: rgb(220, 190, 150);
  color: rgb(50, 25, 0);
  border: 1px solid rgb(180, 190, 50);
}

.year-pages li a:hover {
  background: rgb(180, 190, 50);
  color: rgb(50, 25, 0);
  border: 1px solid rgb(220, 190, 150);
}

.card-imagelist {
  background-color: rgb(220, 190, 150);
  margin-top: 0.5em;
  padding: 0.25em 0.1em 0.1em 0.25em;
}

.note-toolbar {
  border-bottom: rgb(150, 10, 20) solid 2px;
}

.input-group-text {
  background-color: rgb(180, 190, 50);
}

.note-editor .dropdown-toggle::after {
  all: unset;
}

.note-editor .note-dropdown-menu {
  box-sizing: content-box;
}

.note-editor .note-modal-footer {
  box-sizing: content-box;
}

.custom-control.image-checkbox {
  position: relative;
  padding-left: 0;
}

.custom-control-label {
  position: relative;
  margin-bottom: 0;
  vertical-align: top;
}

.custom-control-input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}

.custom-control-label:before {
  position: absolute;
  top: 0.25em;
  left: 0.25em;
  display: block;
  width: 1em;
  height: 1em;
  pointer-events: none;
  content: "";
  background-color: rgb(150, 10, 20);
  border: rgb(150, 10, 20) solid 1px;
}

.custom-control-label:after {
  position: absolute;
  top: 0.25em;
  left: 0.25em;
  display: block;
  width: 1em;
  height: 1em;
  content: "";
  background: no-repeat 25%;
}

.custom-control.image-checkbox .custom-control-input:checked ~ .custom-control-label:after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e");
}

.custom-control.image-checkbox .custom-control-input:checked ~ .custom-control-label:after, .custom-control.image-checkbox .custom-control-input:checked ~ .custom-control-label:before {
  opacity: 1;
}

.custom-control.image-checkbox label {
  cursor: pointer;
}

.custom-control.image-checkbox label:before {
  border-color: rgb(150, 10, 20);
  background-color: rgb(150, 10, 20);
}

.custom-control.image-checkbox label:after, .custom-control.image-checkbox label:before {
  transition: opacity 0.3s ease;
  opacity: 0;
  left: 0.25em;
}

.custom-control.image-checkbox label:focus, .custom-control.image-checkbox label:hover {
  opacity: 0.8;
}

.custom-control.image-checkbox label img {
  border-radius: 2.5px;
}

.form-group-image-checkbox.is-invalid label {
  color: #dc3545;
}

.form-group-image-checkbox.is-invalid .invalid-feedback {
  display: block;
}