/**
* Author: Luis Miguel Sovero
* Date: 21/10/2025
*/

/* Variables by theme */
:root {
  /* Login - Change folder to company name */ 
  --login-background-image-mobile: url("/themes/default/images/loginBackgroundMobile.jpg");
  --login-background-image-desktop: url("/themes/default/images/loginBackground.jpg");

  /*Primary Color for Company*/
  --primary-color: #00CE93;
  --primary-color-light: #00CE93;
  --primary-color-lighter: #d1ffc8;
  --primary-color-disabled: #718d85;
  --primary-color-dark: #09C48D;
  --primary-color-darker: #0AA678;

  /*Secondary Color for Company*/
  --secondary-color: #696969;
  --secondary-color-light: #868686;
  --secondary-color-lighter: #CDCDCD;
  --secondary-color-disabled: #999898;
  
	/*Background Navbar for Company*/
  --navbar-background-color: #00CE93;

  /* Alert Colors*/
  --alert-primary-color:  #00CE93;
  --alert-secondary-color: #696969;
  --alert-success-color: #13a471;
  --alert-success-color-light: #95fbc2;
  --alert-danger-color: #b5434f;
  --alert-danger-color-light: #F4C1C7;
  --alert-warning-color: #b5912e;
  --alert-warning-color-light: #fdebba;
  --alert-info-color: #5f91aa;
  --alert-info-color-light: #d3ebf8;

  /*Radio Input Checks & Radio*/
  --input-check-color: #9CEE8C;

  /*Radio Input Border Color*/
  --input-border-color: #152022;

  /*Success Color*/
  --success-color: #13BA4D;
  --success-color-dark: #19C655;
  --success-color-light: #A9D8BF;
  --success-color-lighter: #C3D977;

  /*Danger Color*/
  --danger-color: #D64545;
  --danger-color-dark: #c11628;
  --danger-color-light: #EE6C67;
  --danger-color-lighter: #E8ADAA;

  /*Warning Color*/
  --warning-color: #E3B740;
  --warning-color-dark: #dfa300;
  --warning-color-light: #F4CD5C;
  --warning-color-lighter: #E9DAA5;

  /*Information Color*/
  --info-color: #1FBABF;
  --info-color-dark: #50a3cd;
  --info-color-light: #A2C8DB;
  --info-color-lighter: #9BD3EF;

  /* Neutro Color*/
  --neutro-color-black: #152022;
  --neutro-color-900: #212529;
  --neutro-color-800: #383838;
  --neutro-color-700: #757575;
  --neutro-color-600: #9d9d9d;
  --neutro-color-500: #9f9f9f;
  --neutro-color-400: #c0c2c3;
  --neutro-color-300: #cdcdcd;
  --neutro-color-200: #bfbfbf;
  --neutro-color-100: #f0f6f6;
  --neutro-color-white: #ffffff;
}
/* End of variables by theme */

/* FROM THIS POINT ON, CUSTOM CSS GOES HERE */

/* region *****NAVBAR***** */
.navbar.default-layout {
  background: linear-gradient(45deg, #00CE93, #9CEE8C, #00CE93);
  background-size: 400% 100%;
  animation: moveGradient 20s ease infinite;
}

@keyframes moveGradient {
  0%   { background-position: 0% 50%; }
  50%  { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}

/* endregion END NAVBAR */

/* region *****BUTTONS***** */
.btn-primary {
    background: linear-gradient(45deg, rgba(0, 206, 147, 1) 0%, rgba(156, 238, 140, 1) 100%);
    background-size: 300% 100%;
    background-position: left center; /* estado inicial */
    transition: background-position 0.25s ease, color 0.25s ease;
    color: #FAFAFA;
    border: none!important;
    font-weight: 300;
}

/* Hover a mitad del gradiente */
.btn-primary:hover {
    background-color: #00CE93;
    background-position: center center;
}

/* Active en el extremo final */
.btn-primary:active {
    background-color: #00CE93;
    background-position: right center;
    box-shadow: 0 0 1px 3px #d1ffc8!important;
}

/* Focus igual que active */
.btn-primary:focus {
    background-color: #00CE93;
    background-position: right center;
    box-shadow: 0 0 1px 3px #d1ffc8;
}

/* region *****BACKGROUND COLORS***** */

.bg-success {
    background: #2de06b!important;
    color: var(--neutro-color-black);
}

.bg-danger {
    color: var(--neutro-color-black);

}

.bg-warning {
    color: var(--neutro-color-black);
}

.bg-info {
    color: var(--neutro-color-black);
}

/* endregion END BACKGROUND COLORS */

/* region *****LIST GROUP ITEMS***** */
.list-group-item.active {
    color: var(--neutro-color-black);
}
/* endregion END LIST GROUP ITEMS */