@charset "utf-8";
:root {
  --foreground-white                : #FFF;
  --background-white                : #FFF;
  --background-white-opacity50      : rgba(255, 255, 255, .5);
  --foreground-white-opacity50      : rgba(255, 255, 255, 0.5);
  --foreground-white-opacity80      : rgba(255, 255, 255, 0.8);
  --foreground-white-opacity10      : rgba(255, 255, 255, .1);
  --sidebar-menu-background-color   : #171717;
  --background-color-blue           : #004F9F;
  --background-color-blue-opacity80 : rgba(0, 79, 159, 0.95);
  --background-color-darkblue       : #004388;
  --body-color                      : #515151;
  --content-background-color        : #F4F4F4;
}

.bg-color-blue {
  background-color : var(--background-color-blue);
}

html, body {
  font-family : "Montserrat Alternates", sans-serif;
  color       : var(--body-color);
  font-size   : 14px;
}

.rowarch {
  padding          : 1em;
  border-bottom    : 1px solid #EEE;
  margin-bottom    : 1em !important;
  background-color : #F5F5F5;
}

body.login, html.login {
  /*background-color  : var(--background-color-blue);*/
  background-image  : url("imagenes/backgrounds/Blue-Colorful-Waves--abstract-background-vector-PNG.png");
  background-repeat : no-repeat;
  background-size   : cover;
}

.color-blanco {
  color : #FFF !important;
}

.border-none {border : none !important;}

.bg-darkblue {
  background-color : var(--background-color-darkblue);
}

.bg-white {
  background-color : var(--background-white);
}

.cont-PerfilImage {
  height : 1em;
}

img.PerfilImage {
  height        : 2em;
  border-radius : 50%;
}

/*-----SIDEBAR AND CONTENT SETUP-----*/
#sidebar {
  min-width          : 250px;
  max-width          : 250px;
  background         : var(--background-color-blue);
  color              : var(--foreground-white);
  -webkit-transition : all 0.3s;
  -o-transition      : all 0.3s;
  transition         : all 0.3s;
  position           : relative;
  z-index            : 11
}

#sidebar a {
  color           : var(--foreground-white);
  text-decoration : none;
}

#sidebar .h6 {
  color : var(--foreground-white);
}

#sidebar.active {
  margin-right : -250px;
}

#sidebar.active .custom-menu {
  margin-right : -50px;
}

#sidebar h1 {
  margin-bottom : 20px;
  font-weight   : 700;
}

#sidebar h1 .logo {
  color : var(--foreground-white);
}

#sidebar ul.components {
  padding : 0;
}

#sidebar ul li {
}

#sidebar ul li > ul {
  margin-left : 10px;
}

#sidebar ul li > ul li {
  font-size : 14px;
}

#sidebar ul li a {
  padding       : 10px 0;
  display       : block;
  color         : var(--foreground-white-opacity80);
  border-bottom : 1px solid var(--foreground-white-opacity10);
}

#sidebar ul li a:hover {
  color : #FFF;
}

#sidebar ul li.active > a {
  background : transparent;
  color      : var(--foreground-white);
}

@media (max-width : 991.98px) {
  /*#sidebar {*/
  /*  margin-left : -250px;*/
  /*}*/
  /*#sidebar.active {*/
  /*  margin-left : 0;*/
  /*}*/
  /*#sidebar .custom-menu {*/
  /*  margin-right : -50px !important;*/
  /*  top          : 10px !important;*/
  /*}*/
}

#sidebar .custom-menu {
  display            : inline-block;
  position           : absolute;
  top                : 11px;
  right              : 8px;
  margin-right       : 0;
  -webkit-transition : 0.3s;
  -o-transition      : 0.3s;
  transition         : 0.3s;
  z-index            : 1;
}

@media (prefers-reduced-motion : reduce) {
  /*#sidebar .custom-menu {*/
  /*  -webkit-transition : none;*/
  /*  -o-transition      : none;*/
  /*  transition         : none;*/
  /*}*/
}

#sidebar .custom-menu .btn.btn-primary:hover, #sidebar .custom-menu .btn.btn-primary:focus {
}

#sidebar a[data-bs-toggle="collapse"] {
  position : relative;
}

#sidebar a[data-bs-toggle="collapse"]::after {
  display           : block;
  position          : absolute;
  top               : 50%;
  right             : 0;
  -webkit-transform : translateY(-50%);
  -ms-transform     : translateY(-50%);
  transform         : translateY(-50%);
}

@media (max-width : 991.98px) {
}

#content {
  width              : 100%;
  padding            : 0;
  min-height         : 100vh;
  -webkit-transition : all 0.3s;
  -o-transition      : all 0.3s;
  transition         : all 0.3s;
  background-color   : var(--content-background-color);
}

.btn-primary {
  border-color     : var(--background-color-blue);
  background-color : var(--background-color-blue);
}

a[data-bs-toggle]::after {
  content : "»";
}

.page-header {
  color : var(--background-color-darkblue);
}

.videoWrapper {
  position       : relative;
  /* 16:9 */
  padding-bottom : 56.25%;
  /* 4:3 */
  /*padding-bottom : 75%; */
  padding-top    : 0;
  height         : 0;
}

.videoWrapper iframe {
  position : absolute;
  top      : 0;
  left     : 0;
  width    : 100%;
  height   : 100%;
}

.aspectRatio43,
.aspectRatio1,
.aspectRatio169,
.aspectRatio164 {
  position : relative;
}

.aspectRatio43:before,
.aspectRatio1:before,
.aspectRatio169:before,
.aspectRatio164:before {
  display : block;
  content : " ";
  width   : 100%;
}

.aspectRatio1:before {
  padding-top : 100%;
}

.aspectRatio43:before {
  padding-top : calc((3 / 4) * 100%);
  /*padding-top : 75%;*/
}

.aspectRatio169:before {
  padding-top : calc((9 / 16) * 100%);
  /*padding-top : 56.25%;*/
}

.aspectRatio164:before {
  padding-top : calc((4 / 16) * 100%);
  /*padding-top : 12.25%;*/
}

.backCover {
  background-position : center;
  background-size     : cover;
  background-repeat   : no-repeat;
}

.loading-bar {
  background-color : green;
  color            : #FFF;
}

#BTguardar + div.BTguardarformError {
  line-height : 12px;
  margin-left : 6px;
}

.background-white {
  background-color : var(--background-white-opacity50);
}

.w-1 {
  width : 1px;
}

.w100 {
  width : 100%;
}

:is(textarea,select,input)[data-validation-engine^="validate[required"] {
  background-color : #FFE8E8;
}

.formError.inline {
  width : 100%;
}

.form-floating > .form-select {
  min-width : 9em;
}

*[readonly] {background-color : #E6E6E6 !important;}

tr.activa0, tr.activa0 * {
  color : #999 !important;
}

.table-responsive {
  padding-bottom : 100px;
}

.BTarticulosDestacadoImagen.destacado1 {
  background-color : #1762B6;
}

div.tagsinput {
  border-color  : #DEE2E6;
  border-radius : 8px;
}

div.tagsinput span.tag {
  border-radius : 8px;
}

@media (max-width : 768px) {
  /* Default desktop styles */
  table { width : 100%; border-collapse : collapse; }

  th, td { padding : 10px; border : 1px solid #CCC; }

  /* Mobile styles (e.g., below 768px) */
  @media screen and (max-width : 768px) {
    table, thead, tbody, th, td, tr {
      display : block; /* Makes all elements behave like divs */
    }

    thead tr {
      position : absolute;
      top      : -9999px; /* Hides the original table header visually */
      left     : -9999px;
    }

    tr {
      border        : 1px solid #CCC;
      margin-bottom : 10px;
    }

    td {
      border       : none;
      position     : relative;
      padding-left : 50%; /* Makes space for the label */
      text-align   : right;
    }

    td::before {
      content     : attr(data-label); /* Uses the data-label attribute for the label text */
      position    : absolute;
      left        : 6px;
      font-weight : bold;
      text-align  : left;
      width       : 45%;
    }
  }
}
@media (min-width : 768px) {
  .text-md-nowrap{
    white-space: nowrap!important;
  }
}
@media (max-width : 576px) {
  #sidebar {
    min-width : unset;
    max-width : unset;
    width     : 100%;
    position  : fixed;
    top       : 0;
    left      : 0;
    height    : 100vh;
    background-color : var(--background-color-blue-opacity80);
  }

  #sidebar.active {
    transform : translateX(100%);
  }
}