/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@symfony/webpack-encore/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].oneOf[1].use[1]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[4].oneOf[1].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].oneOf[1].use[3]!./vendor/pec-resources/keen-admin-theme-bundle/Pec/Bundle/KeenAdminThemeBundle/Resources/public/scss/pec-layouts/layout1/style.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * `@property` is required for the animation to work.
 * Without it, the angle values won’t interpolate properly.
 *
 * @see https://dev.to/afif/we-can-finally-animate-css-gradient-kdk
 */
@property --bg-angle {
  inherits: false;
  initial-value: 0deg;
  syntax: "<angle>";
}
/**
 * To animate the gradient, we set the custom property to 1 full
 * rotation. The animation starts at the default value of `0deg`.
 */
@keyframes animategradient {
  to {
    --bg-angle: 360deg;
  }
}
.pec-border-gradient-purple {
  border-image: linear-gradient(to left, #743ad5, #d53a9d) 1;
  animation: animategradient 1.5s infinite linear running;
}
.pec-border-gradient-purple.border-hover:not(:hover):not(:focus):not(.active):not(:active) {
  border-image: unset;
}

.pec-border-gradient-green {
  border-image: linear-gradient(to left, #00C853, #B2FF59) 1;
  animation: animategradient 1.5s infinite linear running;
}
.pec-border-gradient-green.border-hover:not(:hover):not(:focus):not(.active):not(:active) {
  border-image: unset;
}

.pec-border-gradient-greenblue {
  border-image: linear-gradient(to left, #577af6, #87e9a7) 1;
  animation: animategradient 1.5s infinite linear running;
}
.pec-border-gradient-greenblue.border-hover:not(:hover):not(:focus):not(.active):not(:active) {
  border-image: unset;
}

.pec-border-gradient-bluegreen {
  border-image: linear-gradient(to left, #87e9a7, #577af6) 1;
  animation: animategradient 1.5s infinite linear running;
}
.pec-border-gradient-bluegreen.border-hover:not(:hover):not(:focus):not(.active):not(:active) {
  border-image: unset;
}

.pec-border-gradient-purple-vertical {
  border-image: linear-gradient(to top, #743ad5, #d53a9d) 1;
  animation: animategradient 1.5s infinite linear running;
}
.pec-border-gradient-purple-vertical.border-hover:not(:hover):not(:focus):not(.active):not(:active) {
  border-image: unset;
}

.pec-border-gradient-green-vertical {
  border-image: linear-gradient(to top, #00C853, #B2FF59) 1;
  animation: animategradient 1.5s infinite linear running;
}
.pec-border-gradient-green-vertical.border-hover:not(:hover):not(:focus):not(.active):not(:active) {
  border-image: unset;
}

.pec-border-gradient-greenblue-vertical {
  border-image: linear-gradient(to top, #577af6, #87e9a7) 1;
  animation: animategradient 1.5s infinite linear running;
}
.pec-border-gradient-greenblue-vertical.border-hover:not(:hover):not(:focus):not(.active):not(:active) {
  border-image: unset;
}

.pec-border-gradient-purple-animated {
  border-image: linear-gradient(var(--bg-angle), #743ad5, #d53a9d) 1;
  animation: animategradient 1.5s infinite linear running;
}
.pec-border-gradient-purple-animated.border-hover:not(:hover):not(:focus):not(.active):not(:active) {
  border-image: unset;
}

.pec-border-gradient-green-animated {
  border-image: linear-gradient(var(--bg-angle), #00C853, #B2FF59) 1;
  animation: animategradient 1.5s infinite linear running;
}
.pec-border-gradient-green-animated.border-hover:not(:hover):not(:focus):not(.active):not(:active) {
  border-image: unset;
}

.pec-border-gradient-greenblue-animated {
  border-image: linear-gradient(var(--bg-angle), #577af6, #87e9a7) 1;
  animation: animategradient 1.5s infinite linear running;
}
.pec-border-gradient-greenblue-animated.border-hover:not(:hover):not(:focus):not(.active):not(:active) {
  border-image: unset;
}

@media (min-width: 992px) {
  .kt-header--fixed.kt-subheader--fixed .kt-subheader {
    line-height: 37px;
    height: auto;
  }
  .kt-header--fixed.kt-subheader--fixed .kt-subheader .kt-subheader__toolbar {
    line-height: initial;
  }
}