/** https://developer.mozilla.org/en-US/docs/Web/CSS/named-color  */
.bs-color-aqua {
  color: #00ffff !important;
}

.bs-color-beige {
  color: #f5f5dc !important;
}

.bs-color-black {
  color: #000000 !important;
}

.bs-color-blue {
  color: #0000ff !important;
}

.bs-color-blueviolet {
  color: #8a2be2 !important;
}

.bs-color-brown {
  color: #a52a2a !important;
}

.bs-color-chocolate {
  color: #d2691e !important;
}

.bs-color-coral {
  color: #ff7f50 !important;
}

.bs-color-cyan {
  color: #00ffff !important;
}

.bs-color-darkblue {
  color: #00008b !important;
}

.bs-color-darkgray {
  color: #a9a9a9 !important;
}

.bs-color-darkgreen {
  color: #006400 !important;
}

.bs-color-darkmagenta {
  color: #8b008b !important;
}

.bs-color-darkorange {
  color: #ff8c00 !important;
}

.bs-color-fuchsia {
  color: #ff00ff !important;
}

.bs-color-gold {
  color: #ffd700 !important;
}

.bs-color-gray {
  color: #808080 !important;
}

.bs-color-green {
  color: #008000 !important;
}

.bs-color-indigo {
  color: #4b0082 !important;
}

.bs-color-lavender {
  color: #e6e6fa !important;
}

.bs-color-lime {
  color: #00ff00 !important;
}

.bs-color-magenta {
  color: #ff00ff !important;
}

.bs-color-maroon {
  color: #800000 !important;
}

.bs-color-navy {
  color: #000080 !important;
}

.bs-color-olive {
  color: #808000 !important;
}

.bs-color-orange {
  color: #ffa500 !important;
}

.bs-color-orchid {
  color: #da70d6 !important;
}

.bs-color-pink {
  color: #ffc0cb !important;
}

.bs-color-plum {
  color: #dda0dd !important;
}

.bs-color-purple {
  color: #800080 !important;
}

.bs-color-red {
  color: #ff0000 !important;
}

.bs-color-silver {
  color: #c0c0c0 !important;
}

.bs-color-teal {
  color: #008080 !important;
}

.bs-color-turquoise {
  color: #40e0d0 !important;
}

.bs-color-violet {
  color: #ee82ee !important;
}

.bs-color-white {
  color: #ffffff !important;
}

.bs-color-whitesmoke {
  color: #f5f5f5 !important;
}

.bs-color-yellow {
  color: #ffff00 !important;
}

.bs-color-yellowgreen {
  color: #9acd32 !important;
}

.bs-color-gray-100 {
  color: #f8f9fa !important;
}

.bs-color-gray-200 {
  color: #e9ecef !important;
}

.bs-color-gray-300 {
  color: #dee2e6 !important;
}

.bs-color-gray-400 {
  color: #ced4da !important;
}

.bs-color-gray-500 {
  color: #adb5bd !important;
}

.bs-color-gray-600 {
  color: #6c757d !important;
}

.bs-color-gray-700 {
  color: #495057 !important;
}

.bs-color-gray-800 {
  color: #343a40 !important;
}

.bs-color-gray-900 {
  color: #212529 !important;
}

.bs-color-alert-danger {
  color: #ff0000 !important;
}

.bs-color-alert-general {
  color: #212529 !important;
}

.bs-color-alert-neutral {
  color: #212529 !important;
}

.bs-color-alert-info {
  color: #0d6efd !important;
}

.bs-color-alert-success {
  color: #008000 !important;
}

.bs-color-alert-warning {
  color: #ffa500 !important;
}

/** to be modified based on template: */
.link-color {
  color: #0d6efd !important;
}

/**/
.error-color {
  color: #852032 !important;
}

.warning-color {
  color: #836017 !important;
}

.notice-color {
  color: #836017 !important;
}

.success-color {
  color: #0f6149 !important;
}

.info-color {
  color: #265585 !important;
}

.help-color {
  color: #6610f2 !important;
}

.general-color {
  color: #7a8083 !important;
}

.alert {
  padding-right: inherit;
}
.alert .close {
  color: #000;
  opacity: 0.5;
  font-weight: normal;
  line-height: 1;
  text-shadow: 0 1px 0 #fff;
  font-size: 24px;
  top: 0;
  right: 0;
}
.alert .close:hover {
  color: #000;
  opacity: 0.75;
}
.alert.alert-success {
  border-color: #bfecdf;
  background-color: #d2f1e8;
  color: #0f6149;
}
.alert.alert-info {
  border-color: #cce5ff;
  background-color: #dbedff;
  color: #265585;
}
.alert.alert-warning {
  border-color: #feebc4;
  background-color: #fef1d5;
  color: #836017;
}
.alert.alert-danger, .alert.alert-error {
  border-color: #ffc9d2;
  background-color: #ffd8df;
  color: #852032;
}
.alert.alert-neutral, .alert.alert-general {
  border-color: #e6eaec;
  background-color: #e6eaec;
  color: #7a8083;
}
.alert.alert-help {
  border-color: #ece3fb;
  background-color: #ece3fb;
  color: #6610f2;
}

.admin-form .alert .close {
  top: -5px;
}

/* mixin for multiline */
/** Media queries (boostrap like) */
/* xs */
@media only screen and (max-width: 575px) {
  .xs-hidden {
    display: none;
  }
}
/* sm */
/* md */
/* lg */
@media only screen and (min-width: 992px) {
  /*
  #mainMenu {
      .container {
          text-align: center;
          nav {
              float: none;
              margin: 0 auto;
              display: inline-block;
          }
      }
  }
   */
}
/* not-xs */
@media only screen and (min-width: 576px) {
  .not-xs-hidden {
    display: none;
  }
}
/** END Media queries */
/* template breakpoints added to body as class: (change between breakpoint-ms and breakpoint-lg does not occur at the same width as md - lg)
change between horizontal menu to hamburger one does occur when lg - md
breakpoint-xl
breakpoint-lg
breakpoint-md
breakpoint-sm
breakpoint-xs
 */
.bootstrap-datetimepicker-widget {
  background-color: white !important;
}
.bootstrap-datetimepicker-widget table thead tr th {
  font-size: 14px !important;
}
.bootstrap-datetimepicker-widget table tbody tr td {
  font-size: 14px !important;
}
.bootstrap-datetimepicker-widget table tbody tr td span {
  font-size: 14px !important;
}

.btn span {
  font-size: 14px;
  color: white !important;
}
.btn span i {
  color: white !important;
}
.btn.btn-2x {
  padding: 15px 20px;
}
.btn.btn-2x span {
  font-size: 16px;
}
.btn.btn-primary {
  background-color: #0000ff !important;
  border: 1px solid #0000ff !important;
}

/** Alert  for error._alert.blade.php. Take some styles from _variables */
.alert {
  padding: 10px 20px;
  position: relative;
}
.alert .close {
  position: absolute;
  top: 10px;
  right: 10px;
  display: inline-block;
}
.alert p {
  font-size: 13px;
  color: #852032;
}

.alert.alert-dismissable {
  padding: 10px 40px 10px 20px;
  position: relative;
}
.alert.alert-dismissable .close {
  font-size: 28px;
  position: absolute;
  top: 12px;
  right: 10px;
  display: inline-block;
}
.alert.alert-dismissable .alert-text {
  position: relative;
  font-size: 14px;
  padding: 4px 0 4px 30px;
}
.alert.alert-dismissable .alert-text .alert-icon {
  position: absolute;
  font-size: 20px;
  top: 0;
  left: -2px;
}
.alert.alert-dismissable .alert-text .title {
  display: block;
  font-weight: 600;
}
.alert.alert-dismissable.alert-error .alert-text {
  color: #852032;
}
.alert.alert-dismissable.alert-error .alert-text .alert-icon::before {
  color: #bb0b2a;
}
.alert.alert-dismissable.alert-error .alert-text .title {
  color: #bb0b2a;
}
.alert.alert-dismissable.alert-warning .alert-text {
  color: #836017;
}
.alert.alert-dismissable.alert-warning .alert-text .alert-icon::before {
  color: #fd7e14;
}
.alert.alert-dismissable.alert-warning .alert-text .title {
  color: #fd7e14;
}
.alert.alert-dismissable.alert-success .alert-text {
  color: #0f6149;
}
.alert.alert-dismissable.alert-success .alert-text .alert-icon::before {
  color: #198754;
}
.alert.alert-dismissable.alert-success .alert-text .title {
  color: #198754;
}
.alert.alert-dismissable.alert-info .alert-text {
  color: #265585;
}
.alert.alert-dismissable.alert-info .alert-text .alert-icon {
  color: #0d6efd;
}
.alert.alert-dismissable.alert-info .alert-text .title {
  color: #0d6efd;
}
.alert.alert-dismissable.alert-help .alert-text {
  color: #6610f2;
}
.alert.alert-dismissable.alert-help .alert-text .alert-icon::before {
  color: #6610f2;
}
.alert.alert-dismissable.alert-help .alert-text .title {
  color: #6610f2;
}
.alert.alert-dismissable.alert-general .alert-text {
  color: #7a8083;
}
.alert.alert-dismissable.alert-general .alert-text .alert-icon::before {
  color: #7a8083;
}

body.xs .alert.alert-dismissable {
  padding: 8px 30px 8px 12px;
}
body.xs .alert.alert-dismissable .close {
  font-size: 26px;
  top: 10px;
  right: 4px;
}
body.xs .alert.alert-dismissable .alert-text {
  padding: 4px 0 4px 28px;
  font-size: 13px;
}
body.xs .alert.alert-dismissable .alert-text .alert-icon {
  font-size: 20px;
  top: -2px;
  left: 0;
}

/** END alert */
/* Pagination styles for bulletin page */
#pag > nav > div > a,
#pag > nav > div > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.42857143;
  color: #D4AC2A;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd;
}
#pag > nav > .active > a,
#pag > nav > .active > a:focus,
#pag > nav > .active > a:hover,
#pag > nav > .active > span,
#pag > nav > .active > span:focus,
#pag > nav > .active > span:hover {
  z-index: 2;
  color: #fff;
  cursor: default;
  background-color: #D4AC2A;
  border-color: #D4AC2A;
}

/* END Pagination styles for bulletin page */
/* Testimony form styles */
.form-group .text-red-600 {
  color: #e3342f;
}

/* END Testimony form styles */
/* Submit buttons styles */
#register-user-button > span,
#resend-verification-email-button > span,
#save-contact-us-button > span,
#send-comment-button > span {
  font-size: 16px;
  color: #0173a8 !important;
}
#register-user-button > span > span,
#resend-verification-email-button > span > span,
#save-contact-us-button > span > span,
#send-comment-button > span > span {
  font-size: 16px;
  color: #0173a8 !important;
}
#register-user-button:hover > span,
#resend-verification-email-button:hover > span,
#save-contact-us-button:hover > span,
#send-comment-button:hover > span {
  color: white !important;
}
#register-user-button:hover > span > span,
#resend-verification-email-button:hover > span > span,
#save-contact-us-button:hover > span > span,
#send-comment-button:hover > span > span {
  color: white !important;
}

/* END Submit buttons styles */
/* Notification Toast */
#notificationToast {
  position: fixed;
  top: 20px;
  right: 20px;
  z-index: 9999;
  min-width: 300px;
  max-width: 400px;
  padding: 15px;
  border-radius: 5px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}
#notificationToast.show {
  display: block !important;
  opacity: 1;
}

/* END Notification Toast */
/* User Options Menu */
.show-user {
  cursor: pointer;
}

/* END User Options Menu */