@charset "UTF-8";

/*!
 * +----------------------------------------------------------------------------+
 * | RETO FRAMEWORK v9.0.0
 * +----------------------------------------------------------------------------+
 * | Copyright (c) 2004 - 2024, RETOWARE.COM (www.retoware.com)
 * | Jorge Alberto Reteguin Pimentel <jorge.reteguin@retoware.com>
 * | Released under the MIT license
 * | www.retoware.com/retoframework/license/license.txt
 * | sio_custom.css v0.9.30
 * +----------------------------------------------------------------------------+
 */
:root {
  --sio-black: #000;
  --sio-emerald: #0E6D5F;
  --ct-card-bg-custom: rgba(255, 255, 255, 0.95);
  --ct-footer-bg-custom: rgba(0, 0, 0, 0.6);
}

html[data-theme=dark],
[data-theme=dark] {
  --ct-card-bg-custom: rgba(55, 64, 74, 0.95);
}

html[data-menu-color=brand] {
  --ct-menu-bg: var(--sio-black);
  --ct-menu-item-color: #b9b9b9;
  --ct-menu-item-hover-color: #fff;
  --ct-menu-item-active-color: #fff;
  --ct-menu-item-hover-bg-color: #006699;
  --ct-help-box-bg: rgba(255, 255, 255, 0.07);
}

html[data-topbar-color=brand] {
  --ct-topbar-bg: var(--sio-emerald);
  --ct-topbar-item-color: rgba(255, 255, 255, 0.7);
  --ct-topbar-item-hover-color: #ffffff;
  --ct-topbar-search-bg: rgba(255, 255, 255, 0.1);
  --ct-topbar-user-bg: rgba(255, 255, 255, 0.1);
  --ct-topbar-user-border: rgba(255, 255, 255, 0.15);
}

html[data-menu-color=brand2] {
  --ct-menu-bg: var(--sio-emerald);
  --ct-menu-item-color: #b9b9b9;
  --ct-menu-item-hover-color: #fff;
  --ct-menu-item-active-color: #fff;
  --ct-menu-item-hover-bg-color: #006699;
  --ct-help-box-bg: rgba(255, 255, 255, 0.07);
}

html[data-topbar-color=brand2] {
  --ct-topbar-bg: var(--sio-black);
  --ct-topbar-item-color: rgba(255, 255, 255, 0.7);
  --ct-topbar-item-hover-color: #ffffff;
  --ct-topbar-search-bg: rgba(255, 255, 255, 0.1);
  --ct-topbar-user-bg: rgba(255, 255, 255, 0.1);
  --ct-topbar-user-border: rgba(255, 255, 255, 0.15);
}

html[data-sidenav-size=full]:not([data-layout=topnav]) .leftside-menu .logo {
  text-align: center;
}

body {
  background-image: url('/img/SIO/sio-bg-1.jpg');
  background-size: cover;
  background-position: center;
}

.footer {
  background-color: var(--ct-footer-bg-custom);
}

.footer-copy,
.footer-copy .footer-links a {
  color: #a6a6a6;
}

.text-event-short {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 20ch;
}

.bg-wo-cr {
  background-color: #17B1A6 !important;
  color: #17B1A6 !important;
}

.bg-wo-pr {
  background-color: #3543AE !important;
  color: #3543AE !important;
}

.bg-wo-pp {
  color: #000000 !important;
}