/*
 * WebEngine CMS - Bootstrap Dark Aqua Overrides
 * Estilo adaptado al theme oscuro con fondo elfa / aqua gamer.
 * Cargar DESPUÉS de Bootstrap.
 */

:root,
[data-bs-theme="dark"]{
  --bs-body-color:#b7c9c8;
  --bs-body-color-rgb:183,201,200;
  --bs-body-bg:#05090c;
  --bs-body-bg-rgb:5,9,12;

  --bs-secondary-color:#7e9695;
  --bs-secondary-color-rgb:126,150,149;
  --bs-secondary-bg:#0b1317;
  --bs-secondary-bg-rgb:11,19,23;

  --bs-tertiary-bg:#0a1115;
  --bs-tertiary-bg-rgb:10,17,21;

  --bs-emphasis-color:#f2ffff;
  --bs-emphasis-color-rgb:242,255,255;

  --bs-border-color:rgba(71,223,209,.13);
  --bs-border-color-translucent:rgba(255,255,255,.055);

  --bs-primary:#25dfcf;
  --bs-primary-rgb:37,223,207;

  --bs-link-color:#25dfcf;
  --bs-link-hover-color:#61eee1;

  --bs-success:#39c98b;
  --bs-danger:#ef5364;
  --bs-warning:#e6ba57;
  --bs-info:#45c8df;

  --mu-aqua:#25dfcf;
  --mu-aqua-rgb:37,223,207;
  --mu-bg:#05090c;
  --mu-bg-soft:#091015;
  --mu-panel:#0b1217;
  --mu-panel-2:#0d161b;
  --mu-panel-3:#101b20;
  --mu-border:rgba(37,223,207,.13);
  --mu-border-strong:rgba(37,223,207,.28);
  --mu-border-soft:rgba(255,255,255,.06);
  --mu-text:#d6e5e4;
  --mu-muted:#7e9695;
  --mu-white:#f4ffff;
}

/* ============================================================
   BASE
============================================================ */

body,
.mu-module{
  color:var(--mu-text);
}

.mu-module{
  color-scheme:dark;
}

.mu-module,
.mu-module *{
  scrollbar-color:rgba(37,223,207,.28) rgba(255,255,255,.025);
}

.mu-module ::selection{
  background:rgba(37,223,207,.28);
  color:#fff;
}

/* ============================================================
   CARDS / PANELS / WELLS
============================================================ */

.mu-module .card,
.mu-module .panel,
.mu-module .well,
.mu-module .list-group-item,
.mu-module .modal-content,
.mu-module .dropdown-menu,
.mu-module .accordion-item,
.mu-module .offcanvas,
.mu-module .toast{
  background:
    linear-gradient(145deg,rgba(7,13,17,.96),rgba(10,18,22,.92))!important;
  border-color:var(--mu-border)!important;
  color:var(--mu-text)!important;
  box-shadow:0 10px 30px rgba(0,0,0,.16);
}

.mu-module .card,
.mu-module .panel,
.mu-module .well,
.mu-module .modal-content{
  border-radius:12px!important;
}

.mu-module .card:hover,
.mu-module .panel:hover{
  border-color:rgba(37,223,207,.18)!important;
}

/* ============================================================
   HEADERS / FOOTERS DE MODULOS
============================================================ */

.mu-module .card-header,
.mu-module .card-footer,
.mu-module .panel-heading,
.mu-module .panel-footer,
.mu-module .modal-header,
.mu-module .modal-footer,
.mu-module .accordion-button,
.mu-module .dropdown-header{
  background:
    linear-gradient(180deg,rgba(15,27,32,.88),rgba(10,18,22,.88))!important;
  border-color:var(--mu-border-soft)!important;
  color:var(--mu-white)!important;
}

.mu-module .card-header,
.mu-module .panel-heading,
.mu-module .modal-header{
  font-weight:700;
}

.mu-module .accordion-button:not(.collapsed){
  background:rgba(37,223,207,.075)!important;
  color:#fff!important;
  box-shadow:inset 0 -1px 0 rgba(37,223,207,.10)!important;
}

.mu-module .accordion-button::after{
  filter:invert(1) opacity(.6);
}

/* ============================================================
   TABLAS
============================================================ */

.mu-module .table{
  --bs-table-color:#c7d7d6;
  --bs-table-bg:transparent;
  --bs-table-border-color:rgba(255,255,255,.055);
  --bs-table-striped-color:#c7d7d6;
  --bs-table-striped-bg:rgba(37,223,207,.018);
  --bs-table-hover-color:#fff;
  --bs-table-hover-bg:rgba(37,223,207,.055);

  color:#c7d7d6!important;
  border-color:rgba(255,255,255,.055)!important;
}

.mu-module .table > :not(caption) > * > *{
  background-color:transparent!important;
  border-bottom-color:rgba(255,255,255,.055)!important;
  color:inherit!important;
}

.mu-module .table thead th,
.mu-module .table thead td{
  background:rgba(14,25,30,.95)!important;
  color:#eafffd!important;
  border-color:rgba(37,223,207,.10)!important;
  font-size:.78em;
  font-weight:800;
  letter-spacing:.025em;
}

.mu-module .table tbody tr{
  transition:background-color .15s ease;
}

.mu-module .table tbody tr:hover{
  background:rgba(37,223,207,.035)!important;
}

/* ============================================================
   FORMULARIOS
============================================================ */

.mu-module .form-control,
.mu-module .form-select,
.mu-module .input-group-text,
.mu-module textarea,
.mu-module input[type="text"],
.mu-module input[type="email"],
.mu-module input[type="password"],
.mu-module input[type="number"],
.mu-module input[type="search"],
.mu-module input[type="url"],
.mu-module select{
  background-color:rgba(5,10,13,.96)!important;
  border-color:rgba(255,255,255,.085)!important;
  color:#e8f5f4!important;
  border-radius:8px!important;
}

.mu-module .form-control:hover,
.mu-module .form-select:hover,
.mu-module textarea:hover,
.mu-module input:hover,
.mu-module select:hover{
  border-color:rgba(37,223,207,.20)!important;
}

.mu-module .form-control::placeholder,
.mu-module textarea::placeholder,
.mu-module input::placeholder{
  color:#627675!important;
  opacity:1;
}

.mu-module .form-control:focus,
.mu-module .form-select:focus,
.mu-module textarea:focus,
.mu-module input:focus,
.mu-module select:focus{
  background-color:#071014!important;
  color:#fff!important;
  border-color:rgba(37,223,207,.64)!important;
  box-shadow:0 0 0 .2rem rgba(37,223,207,.085)!important;
}

.mu-module .form-check-input{
  background-color:#081015;
  border-color:rgba(255,255,255,.16);
}

.mu-module .form-check-input:checked{
  background-color:var(--mu-aqua);
  border-color:var(--mu-aqua);
}

.mu-module .form-check-input:focus{
  border-color:var(--mu-aqua);
  box-shadow:0 0 0 .2rem rgba(37,223,207,.10);
}

.mu-module .form-label,
.mu-module label{
  color:#aabdbc;
}

/* ============================================================
   BOTONES
============================================================ */

.mu-module .btn-primary{
  --bs-btn-color:#02100f;
  --bs-btn-bg:#25dfcf;
  --bs-btn-border-color:#25dfcf;
  --bs-btn-hover-color:#02100f;
  --bs-btn-hover-bg:#5beadf;
  --bs-btn-hover-border-color:#5beadf;
  --bs-btn-focus-shadow-rgb:37,223,207;
  --bs-btn-active-color:#02100f;
  --bs-btn-active-bg:#1fc8ba;
  --bs-btn-active-border-color:#1fc8ba;
  --bs-btn-disabled-color:#02100f;
  --bs-btn-disabled-bg:#25dfcf;
  --bs-btn-disabled-border-color:#25dfcf;

  font-weight:800;
}

.mu-module .btn-outline-primary{
  --bs-btn-color:#25dfcf;
  --bs-btn-border-color:rgba(37,223,207,.58);
  --bs-btn-hover-color:#02100f;
  --bs-btn-hover-bg:#25dfcf;
  --bs-btn-hover-border-color:#25dfcf;
  --bs-btn-focus-shadow-rgb:37,223,207;
  --bs-btn-active-color:#02100f;
  --bs-btn-active-bg:#25dfcf;
  --bs-btn-active-border-color:#25dfcf;
}

.mu-module .btn-light,
.mu-module .btn-default,
.mu-module .btn-secondary{
  background:#111b20!important;
  border-color:rgba(255,255,255,.10)!important;
  color:#d8e7e6!important;
  font-weight:700;
}

.mu-module .btn-light:hover,
.mu-module .btn-default:hover,
.mu-module .btn-secondary:hover{
  background:#17272c!important;
  border-color:rgba(37,223,207,.22)!important;
  color:#fff!important;
}

.mu-module .btn-outline-light{
  border-color:rgba(255,255,255,.22)!important;
  color:#dcebea!important;
}

.mu-module .btn-outline-light:hover{
  background:rgba(37,223,207,.10)!important;
  border-color:rgba(37,223,207,.34)!important;
  color:#fff!important;
}

/* ============================================================
   LINKS / TEXTO
============================================================ */

.mu-module a:not(.btn){
  color:var(--mu-aqua);
}

.mu-module a:not(.btn):hover{
  color:#64efe3;
}

.mu-module .text-dark,
.mu-module .text-body{
  color:#cbdad9!important;
}

.mu-module .text-muted,
.mu-module .text-body-secondary{
  color:var(--mu-muted)!important;
}

.mu-module .text-primary{
  color:var(--mu-aqua)!important;
}

.mu-module hr{
  border-color:rgba(37,223,207,.08)!important;
  opacity:1;
}

/* ============================================================
   ALERTAS
============================================================ */

.mu-module .alert{
  border-radius:9px;
  border-width:1px;
}

.mu-module .alert-primary{
  --bs-alert-color:#a5f5ed;
  --bs-alert-bg:rgba(37,223,207,.07);
  --bs-alert-border-color:rgba(37,223,207,.18);
}

.mu-module .alert-success{
  --bs-alert-bg:rgba(57,201,139,.08);
  --bs-alert-border-color:rgba(57,201,139,.18);
}

.mu-module .alert-danger{
  --bs-alert-bg:rgba(239,83,100,.08);
  --bs-alert-border-color:rgba(239,83,100,.18);
}

.mu-module .alert-warning{
  --bs-alert-bg:rgba(230,186,87,.08);
  --bs-alert-border-color:rgba(230,186,87,.18);
}

/* ============================================================
   BADGES
============================================================ */

.mu-module .badge.bg-primary,
.mu-module .badge.text-bg-primary,
.mu-module .label-primary{
  background:#25dfcf!important;
  color:#02100f!important;
}

.mu-module .badge.bg-secondary,
.mu-module .badge.text-bg-secondary,
.mu-module .label-default{
  background:#172126!important;
  color:#b9caca!important;
}

.mu-module .label-success{
  background:#269a70!important;
  color:#fff!important;
}

.mu-module .label-danger{
  background:#dd4658!important;
  color:#fff!important;
}

.mu-module .label-info{
  background:#248ca0!important;
  color:#fff!important;
}

.mu-module .label-warning{
  background:#b88932!important;
  color:#111!important;
}

/* ============================================================
   DROPDOWNS
============================================================ */

.mu-module .dropdown-menu{
  background:rgba(7,13,17,.98)!important;
  border:1px solid var(--mu-border)!important;
  box-shadow:0 15px 35px rgba(0,0,0,.32)!important;
}

.mu-module .dropdown-item{
  color:#b9c9c8!important;
}

.mu-module .dropdown-item:hover,
.mu-module .dropdown-item:focus{
  background:rgba(37,223,207,.07)!important;
  color:#fff!important;
}

.mu-module .dropdown-item.active,
.mu-module .dropdown-item:active{
  background:rgba(37,223,207,.14)!important;
  color:var(--mu-aqua)!important;
}

/* ============================================================
   TABS / NAV PILLS
============================================================ */

.mu-module .nav-tabs{
  border-bottom-color:rgba(37,223,207,.10)!important;
}

.mu-module .nav-tabs .nav-link{
  color:#7f9997;
  border-color:transparent!important;
}

.mu-module .nav-tabs .nav-link:hover{
  color:#d9e9e8;
  background:rgba(255,255,255,.025);
}

.mu-module .nav-tabs .nav-link.active{
  color:var(--mu-aqua)!important;
  background:rgba(37,223,207,.055)!important;
  border-color:rgba(37,223,207,.18)!important;
}

.mu-module .nav-pills .nav-link{
  color:#8da3a2;
}

.mu-module .nav-pills .nav-link.active{
  background:var(--mu-aqua)!important;
  color:#02100f!important;
}

/* ============================================================
   PAGINACIÓN
============================================================ */

.mu-module .pagination > li > a,
.mu-module .pagination > li > span,
.mu-module .page-link{
  background:#0b1317!important;
  border-color:rgba(255,255,255,.08)!important;
  color:#b7c8c7!important;
}

.mu-module .pagination > li > a:hover,
.mu-module .page-link:hover{
  background:rgba(37,223,207,.07)!important;
  border-color:rgba(37,223,207,.18)!important;
  color:#fff!important;
}

.mu-module .pagination > .active > a,
.mu-module .pagination > .active > span,
.mu-module .page-item.active .page-link{
  background:#25dfcf!important;
  border-color:#25dfcf!important;
  color:#02100f!important;
}

/* ============================================================
   LIST GROUP
============================================================ */

.mu-module .list-group-item{
  border-color:rgba(255,255,255,.055)!important;
}

.mu-module .list-group-item-action:hover{
  background:rgba(37,223,207,.045)!important;
  color:#fff!important;
}

/* ============================================================
   MODALES
============================================================ */

.mu-module .modal-backdrop.show{
  opacity:.72;
}

.mu-module .modal-content{
  box-shadow:0 25px 80px rgba(0,0,0,.45);
}

.mu-module .btn-close{
  filter:invert(1) opacity(.65);
}

/* ============================================================
   PROGRESS
============================================================ */

.mu-module .progress{
  background:rgba(255,255,255,.055)!important;
}

.mu-module .progress-bar{
  background-color:var(--mu-aqua);
}

/* ============================================================
   ADAPTACIONES DE MODULOS MMOCMS
============================================================ */

.mu-module [class*="module-"] .guild-card,
.mu-module [class*="module-"] .guild-header,
.mu-module [class*="module-"] .myacc-card,
.mu-module [class*="module-"] .myacc-header,
.mu-module [class*="module-"] .email-card,
.mu-module [class*="module-"] .password-card,
.mu-module [class*="module-"] .rk-topbar,
.mu-module [class*="module-"] .rankings-wrap,
.mu-module [class*="module-"] .guild-members-card{
  background:
    linear-gradient(145deg,rgba(7,13,17,.96),rgba(10,18,22,.92))!important;
  border-color:var(--mu-border)!important;
  color:var(--mu-text)!important;
  box-shadow:0 10px 30px rgba(0,0,0,.14)!important;
}

.mu-module [class*="module-"] .guild-card-title,
.mu-module [class*="module-"] .guild-members-head,
.mu-module [class*="module-"] .myacc-card-header,
.mu-module [class*="module-"] .email-header,
.mu-module [class*="module-"] .password-header,
.mu-module [class*="module-"] .rankings-wrap thead th{
  background:rgba(14,25,30,.94)!important;
  border-color:rgba(37,223,207,.09)!important;
  color:#ecffff!important;
}

/* ============================================================
   WEBENGINE LEGACY
============================================================ */

.mu-module .panel-default > .panel-heading,
.mu-module .panel-primary > .panel-heading{
  background:rgba(14,25,30,.94)!important;
  color:#ecffff!important;
  border-color:rgba(37,223,207,.09)!important;
}

.mu-module .panel-primary{
  border-color:rgba(37,223,207,.16)!important;
}

.mu-module .panel-primary > .panel-heading{
  color:var(--mu-aqua)!important;
}

/* Bootstrap 3 legacy */
.mu-module .input-group-addon{
  background:#101a1f!important;
  border-color:rgba(255,255,255,.08)!important;
  color:#9ab0af!important;
}

.mu-module .nav-tabs > li > a{
  color:#849b99!important;
}

.mu-module .nav-tabs > li.active > a,
.mu-module .nav-tabs > li.active > a:hover,
.mu-module .nav-tabs > li.active > a:focus{
  background:rgba(37,223,207,.055)!important;
  border-color:rgba(37,223,207,.15)!important;
  color:var(--mu-aqua)!important;
}

.mu-module .breadcrumb{
  background:rgba(7,13,17,.72)!important;
  border:1px solid rgba(37,223,207,.08);
}

.mu-module .breadcrumb > li + li:before{
  color:#536968!important;
}

/* ============================================================
   SELECT2 / PLUGINS COMUNES
============================================================ */

.mu-module .select2-container--default .select2-selection--single,
.mu-module .select2-container--default .select2-selection--multiple{
  background:#071014!important;
  border-color:rgba(255,255,255,.09)!important;
}

.mu-module .select2-container--default .select2-selection--single .select2-selection__rendered{
  color:#d7e7e6!important;
}

.mu-module .select2-dropdown{
  background:#081014!important;
  border-color:rgba(37,223,207,.13)!important;
}

.mu-module .select2-results__option{
  color:#b7c8c7!important;
}

.mu-module .select2-results__option--highlighted{
  background:rgba(37,223,207,.11)!important;
  color:#fff!important;
}

/* ============================================================
   SCROLLBAR
============================================================ */

.mu-module ::-webkit-scrollbar{
  width:7px;
  height:7px;
}

.mu-module ::-webkit-scrollbar-track{
  background:rgba(255,255,255,.02);
}

.mu-module ::-webkit-scrollbar-thumb{
  background:rgba(37,223,207,.20);
  border-radius:20px;
}

.mu-module ::-webkit-scrollbar-thumb:hover{
  background:rgba(37,223,207,.32);
}

/* ============================================================
   UTILIDADES
============================================================ */

.mu-module .bg-white,
.mu-module .bg-light{
  background-color:#0b1317!important;
}

.mu-module .border,
.mu-module .border-top,
.mu-module .border-end,
.mu-module .border-bottom,
.mu-module .border-start{
  border-color:rgba(255,255,255,.065)!important;
}

.mu-module .shadow,
.mu-module .shadow-sm{
  box-shadow:0 10px 30px rgba(0,0,0,.16)!important;
}

.mu-module code{
  color:#6df1e5;
  background:rgba(37,223,207,.06);
}

.mu-module pre{
  background:#05090c;
  border:1px solid rgba(37,223,207,.08);
  color:#c7d7d6;
}

/* ============================================================
   RESPONSIVE
============================================================ */

@media(max-width:767.98px){
  .mu-module .card,
  .mu-module .panel,
  .mu-module .well,
  .mu-module .modal-content{
    border-radius:10px!important;
  }

  .mu-module .table{
    font-size:12px;
  }
}