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

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

  /*Primary Color for Company*/
    --primary-color: #7FBC03;
  --primary-color-light: #B1D435;
  --primary-color-lighter: #e1FF78;
  --primary-color-disabled: #6F794E;

  /*Secondary Color for Company*/
  --secondary-color: #696969;
  --secondary-color-light: #868686;
  --secondary-color-lighter: #C0C2C3;
  --secondary-color-disabled: #7e93bc;
  
	/*Background Navbar for Company*/
  --navbar-background-color: #9bbf1d;

  /* Alert Colors*/
  --alert-primary-color:  #7FBC03;
  --alert-secondary-color: #696969;
  --alert-success-color: #82963e;
  --alert-success-color-light: #e4eec2;
  --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: #9bbf1d;

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

  /*Success Color*/
  --success-color: #9bbf1d;
  --success-color-dark: #8bac1a;
  --success-color-light: #b1c07d;
  --success-color-lighter: #c3d977;

  /*Danger Color*/
  --danger-color: #d7192d;
  --danger-color-dark: #c11628;
  --danger-color-light: #cc7e86;
  --danger-color-lighter: #ffaaaa;

  /*Warning Color*/
  --warning-color: #f8b500;
  --warning-color-dark: #dfa300;
  --warning-color-light: #dbc075;
  --warning-color-lighter: #fbd366;

  /*Information Color*/
  --info-color: #59b5e4;
  --info-color-dark: #50a3cd;
  --info-color-light: #a2c8db;
  --info-color-lighter: #9bd3ef;

  /* Neutro Color*/
  --neutro-color-black: #000000;
  --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: #f0f0f0;
  --neutro-color-white: #ffffff;
}
/* End of variables by theme */

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

/* region *****LOGIN***** */
.auth.auth-bg-1::before {
	position: absolute;
	content: "";
	left: 33%;
	top: 18%;
	width: 34%;
	height: 60%;
    opacity: 0.2;
	background: #7FBC03;
	border-radius: 62% 47% 82% 35% / 45% 45% 80% 66%;
	will-change: border-radius, transform, opacity;
	animation: sliderShape 7s linear infinite;
	display: block;
	z-index: -1;
	-webkit-animation: sliderShape 7s linear infinite;
}
@keyframes sliderShape{
  0%,100%{
  border-radius: 42% 58% 70% 30% / 45% 45% 55% 55%;
    transform: translate3d(0,0,0) rotateZ(0.01deg);
  }
  34%{
      border-radius: 70% 30% 46% 54% / 30% 29% 71% 70%;
    transform:  translate3d(0,5px,0) rotateZ(0.01deg);
  }
  50%{
    transform: translate3d(0,0,0) rotateZ(0.01deg);
  }
  67%{
    border-radius: 100% 60% 60% 100% / 100% 100% 60% 60% ;
    transform: translate3d(0,-3px,0) rotateZ(0.01deg);
  }
}

.auth.auth-bg-1::after {
	position: absolute;
	content: "";
	left: 33%;
	top: 18%;
	width: 34%;
	height: 60%;
    opacity: 0.2;
	background: #7FBC03;
	border-radius: 52% 37% 22% 35% / 65% 45% 80% 46%;
	will-change: border-radius, transform, opacity;
	animation: sliderShape 6s linear infinite;
	display: block;
	z-index: -1;
	-webkit-animation: sliderShape 6s linear infinite;
}
@keyframes sliderShape{
  0%,100%{
  border-radius: 42% 58% 70% 30% / 45% 45% 55% 55%;
    transform: translate3d(0,0,0) rotateZ(0.01deg);
  }
  32%{
      border-radius: 70% 30% 46% 54% / 30% 29% 71% 70%;
    transform:  translate3d(0,5px,0) rotateZ(0.01deg);
  }
  60%{
    transform: translate3d(0,0,0) rotateZ(0.01deg);
  }
  77%{
    border-radius: 100% 60% 60% 100% / 100% 100% 60% 60% ;
    transform: translate3d(0,-3px,0) rotateZ(0.01deg);
  }
}

/* endregion END LOGIN */

/* region *****NAVBAR***** */
.navbar.default-layout {
background: #9bbf1d;
background: -moz-linear-gradient(270deg, rgba(155,191,29,1) 30%, rgba(127,188,3,1) 96%);
background: -webkit-linear-gradient(270deg, rgba(155,191,29,1) 30%, rgba(127,188,3,1) 96%);
background: linear-gradient(270deg, rgba(155,191,29,1) 30%, rgba(127,188,3,1) 96%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#9bbf1d",endColorstr="#7fbc03",GradientType=1);
}
/* endregion END NAVBAR */