/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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-global/pec.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.a2lix_translations .tab-content {
  margin-top: 0;
  padding: 2rem !important;
  border-left: 1px solid #eff2f5;
  border-right: 1px solid #eff2f5;
  border-bottom: 1px solid #eff2f5;
  border-top: 1px solid transparent;
}

.a2lix_translationsLocales.nav.nav-tabs, .a2lix_translationsLocales.nav.nav-pills {
  margin-bottom: 0 !important;
}
.a2lix_translationsLocales.nav li.error a {
  color: #f1416c !important;
  border-left-color: #f1416c;
  border-right-color: #f1416c;
  border-top-color: #f1416c;
}
.a2lix_translationsLocales.nav li.error a.active {
  border-left-color: #eff2f5;
  border-right-color: #eff2f5;
  border-top-color: #eff2f5;
}
.a2lix_translationsLocales.nav li.error .fallback {
  color: #f1416c !important;
}
.a2lix_translationsLocales.nav .fallback {
  font-size: 90%;
  color: #c0ccd8;
}
.a2lix_translationsLocales.nav .fallback:before {
  content: "[";
}
.a2lix_translationsLocales.nav .fallback:after {
  content: "]";
}

table.a2lix_translationsTable div.input-icon > img {
  z-index: 10;
}
table.a2lix_translationsTable div.input-icon > img ~ ul.select2-choices, table.a2lix_translationsTable div.input-icon .select2-chosen {
  padding-left: 30px;
}

.bootbox .bootbox-close-button.close {
  width: 0;
  height: 0;
  overflow: hidden;
  margin-right: 0;
}

.breadcrumb-item i {
  padding-right: 0.25rem;
}

.breadcrumb .breadcrumb-item span {
  display: flex;
  align-items: center;
}

.btn.dropdown-toggle-split {
  flex-grow: 0;
}

.btn.btn-default {
  color: #3F4254;
  border-color: #f5f8fa;
  background-color: #f5f8fa;
}
.btn.btn-default i,
.btn.btn-default .svg-icon {
  color: #A1A5B7;
}
.btn.btn-default.dropdown-toggle:after {
  color: #A1A5B7;
}
.btn-check:checked + .btn.btn-default, .btn-check:active + .btn.btn-default, .btn.btn-default:focus:not(.btn-active), .btn.btn-default:hover:not(.btn-active), .btn.btn-default:active:not(.btn-active), .btn.btn-default.active, .btn.btn-default.show, .show > .btn.btn-default {
  color: #009ef7;
  border-color: #f5f8fa;
  background-color: #f5f8fa !important;
}
.btn-check:checked + .btn.btn-default i,
.btn-check:checked + .btn.btn-default .svg-icon, .btn-check:active + .btn.btn-default i,
.btn-check:active + .btn.btn-default .svg-icon, .btn.btn-default:focus:not(.btn-active) i,
.btn.btn-default:focus:not(.btn-active) .svg-icon, .btn.btn-default:hover:not(.btn-active) i,
.btn.btn-default:hover:not(.btn-active) .svg-icon, .btn.btn-default:active:not(.btn-active) i,
.btn.btn-default:active:not(.btn-active) .svg-icon, .btn.btn-default.active i,
.btn.btn-default.active .svg-icon, .btn.btn-default.show i,
.btn.btn-default.show .svg-icon, .show > .btn.btn-default i,
.show > .btn.btn-default .svg-icon {
  color: #009ef7;
}
.btn-check:checked + .btn.btn-default.dropdown-toggle:after, .btn-check:active + .btn.btn-default.dropdown-toggle:after, .btn.btn-default:focus:not(.btn-active).dropdown-toggle:after, .btn.btn-default:hover:not(.btn-active).dropdown-toggle:after, .btn.btn-default:active:not(.btn-active).dropdown-toggle:after, .btn.btn-default.active.dropdown-toggle:after, .btn.btn-default.show.dropdown-toggle:after, .show > .btn.btn-default.dropdown-toggle:after {
  color: #009ef7;
}

.btn.btn-icon i.fa-fw {
  width: initial;
}

.card.collapsable .card-title {
  cursor: pointer;
}

.input-group .dropdown-menu .kt-checkbox {
  padding-left: 30px;
}

.dropdown-menu > li > a > i,
.dropdown-menu > .dropdown-item > i {
  margin-right: 0.75rem;
}
.dropdown-menu > li > a > i.fa:before, .dropdown-menu > li > a > i.fad:before, .dropdown-menu > li > a > i.far:before, .dropdown-menu > li > a > i.fas:before,
.dropdown-menu > .dropdown-item > i.fa:before,
.dropdown-menu > .dropdown-item > i.fad:before,
.dropdown-menu > .dropdown-item > i.far:before,
.dropdown-menu > .dropdown-item > i.fas:before {
  line-height: initial;
}

/***
Custom color buttons
***/
.bg-white {
  background: #ffffff !important;
}

.bg-white-opacity {
  background: rgba(255, 255, 255, 0.8) !important;
}

.bg-hover-white:hover {
  background: #ffffff !important;
}

.font-white {
  color: #ffffff !important;
}

.bg-font-white {
  color: #666 !important;
}

.bg-default {
  background: #e1e5ec !important;
}

.bg-default-opacity {
  background: rgba(225, 229, 236, 0.8) !important;
}

.bg-hover-default:hover {
  background: #e1e5ec !important;
}

.font-default {
  color: #e1e5ec !important;
}

.bg-font-default {
  color: #666 !important;
}

.bg-dark {
  background: #2f353b !important;
}

.bg-dark-opacity {
  background: rgba(47, 53, 59, 0.8) !important;
}

.bg-hover-dark:hover {
  background: #2f353b !important;
}

.font-dark {
  color: #2f353b !important;
}

.bg-font-dark {
  color: #FFFFFF !important;
}

.bg-blue {
  background: #3598dc !important;
}

.bg-blue-opacity {
  background: rgba(53, 152, 220, 0.8) !important;
}

.bg-hover-blue:hover {
  background: #3598dc !important;
}

.font-blue {
  color: #3598dc !important;
}

.bg-font-blue {
  color: #FFFFFF !important;
}

.bg-blue-madison {
  background: #578ebe !important;
}

.bg-blue-madison-opacity {
  background: rgba(87, 142, 190, 0.8) !important;
}

.bg-hover-blue-madison:hover {
  background: #578ebe !important;
}

.font-blue-madison {
  color: #578ebe !important;
}

.bg-font-blue-madison {
  color: #FFFFFF !important;
}

.bg-blue-chambray {
  background: #2C3E50 !important;
}

.bg-blue-chambray-opacity {
  background: rgba(44, 62, 80, 0.8) !important;
}

.bg-hover-blue-chambray:hover {
  background: #2C3E50 !important;
}

.font-blue-chambray {
  color: #2C3E50 !important;
}

.bg-font-blue-chambray {
  color: #FFFFFF !important;
}

.bg-blue-ebonyclay {
  background: #22313F !important;
}

.bg-blue-ebonyclay-opacity {
  background: rgba(34, 49, 63, 0.8) !important;
}

.bg-hover-blue-ebonyclay:hover {
  background: #22313F !important;
}

.font-blue-ebonyclay {
  color: #22313F !important;
}

.bg-font-blue-ebonyclay {
  color: #FFFFFF !important;
}

.bg-blue-hoki {
  background: #67809F !important;
}

.bg-blue-hoki-opacity {
  background: rgba(103, 128, 159, 0.8) !important;
}

.bg-hover-blue-hoki:hover {
  background: #67809F !important;
}

.font-blue-hoki {
  color: #67809F !important;
}

.bg-font-blue-hoki {
  color: #FFFFFF !important;
}

.bg-blue-steel {
  background: #4B77BE !important;
}

.bg-blue-steel-opacity {
  background: rgba(75, 119, 190, 0.8) !important;
}

.bg-hover-blue-steel:hover {
  background: #4B77BE !important;
}

.font-blue-steel {
  color: #4B77BE !important;
}

.bg-font-blue-steel {
  color: #FFFFFF !important;
}

.bg-blue-soft {
  background: #4c87b9 !important;
}

.bg-blue-soft-opacity {
  background: rgba(76, 135, 185, 0.8) !important;
}

.bg-hover-blue-soft:hover {
  background: #4c87b9 !important;
}

.font-blue-soft {
  color: #4c87b9 !important;
}

.bg-font-blue-soft {
  color: #FFFFFF !important;
}

.bg-blue-dark {
  background: #5e738b !important;
}

.bg-blue-dark-opacity {
  background: rgba(94, 115, 139, 0.8) !important;
}

.bg-hover-blue-dark:hover {
  background: #5e738b !important;
}

.font-blue-dark {
  color: #5e738b !important;
}

.bg-font-blue-dark {
  color: #FFFFFF !important;
}

.bg-blue-sharp {
  background: #5C9BD1 !important;
}

.bg-blue-sharp-opacity {
  background: rgba(92, 155, 209, 0.8) !important;
}

.bg-hover-blue-sharp:hover {
  background: #5C9BD1 !important;
}

.font-blue-sharp {
  color: #5C9BD1 !important;
}

.bg-font-blue-sharp {
  color: #FFFFFF !important;
}

.bg-blue-oleo {
  background: #94A0B2 !important;
}

.bg-blue-oleo-opacity {
  background: rgba(148, 160, 178, 0.8) !important;
}

.bg-hover-blue-oleo:hover {
  background: #94A0B2 !important;
}

.font-blue-oleo {
  color: #94A0B2 !important;
}

.bg-font-blue-oleo {
  color: #FFFFFF !important;
}

.bg-green {
  background: #32c5d2 !important;
}

.bg-green-opacity {
  background: rgba(50, 197, 210, 0.8) !important;
}

.bg-hover-green:hover {
  background: #32c5d2 !important;
}

.font-green {
  color: #32c5d2 !important;
}

.bg-font-green {
  color: #FFFFFF !important;
}

.bg-green-meadow {
  background: #1BBC9B !important;
}

.bg-green-meadow-opacity {
  background: rgba(27, 188, 155, 0.8) !important;
}

.bg-hover-green-meadow:hover {
  background: #1BBC9B !important;
}

.font-green-meadow {
  color: #1BBC9B !important;
}

.bg-font-green-meadow {
  color: #FFFFFF !important;
}

.bg-green-seagreen {
  background: #1BA39C !important;
}

.bg-green-seagreen-opacity {
  background: rgba(27, 163, 156, 0.8) !important;
}

.bg-hover-green-seagreen:hover {
  background: #1BA39C !important;
}

.font-green-seagreen {
  color: #1BA39C !important;
}

.bg-font-green-seagreen {
  color: #FFFFFF !important;
}

.bg-green-turquoise {
  background: #36D7B7 !important;
}

.bg-green-turquoise-opacity {
  background: rgba(54, 215, 183, 0.8) !important;
}

.bg-hover-green-turquoise:hover {
  background: #36D7B7 !important;
}

.font-green-turquoise {
  color: #36D7B7 !important;
}

.bg-font-green-turquoise {
  color: #FFFFFF !important;
}

.bg-green-haze {
  background: #44b6ae !important;
}

.bg-green-haze-opacity {
  background: rgba(68, 182, 174, 0.8) !important;
}

.bg-hover-green-haze:hover {
  background: #44b6ae !important;
}

.font-green-haze {
  color: #44b6ae !important;
}

.bg-font-green-haze {
  color: #FFFFFF !important;
}

.bg-green-jungle {
  background: #26C281 !important;
}

.bg-green-jungle-opacity {
  background: rgba(38, 194, 129, 0.8) !important;
}

.bg-hover-green-jungle:hover {
  background: #26C281 !important;
}

.font-green-jungle {
  color: #26C281 !important;
}

.bg-font-green-jungle {
  color: #FFFFFF !important;
}

.bg-green-soft {
  background: #3faba4 !important;
}

.bg-green-soft-opacity {
  background: rgba(63, 171, 164, 0.8) !important;
}

.bg-hover-green-soft:hover {
  background: #3faba4 !important;
}

.font-green-soft {
  color: #3faba4 !important;
}

.bg-font-green-soft {
  color: #FFFFFF !important;
}

.bg-green-dark {
  background: #4DB3A2 !important;
}

.bg-green-dark-opacity {
  background: rgba(77, 179, 162, 0.8) !important;
}

.bg-hover-green-dark:hover {
  background: #4DB3A2 !important;
}

.font-green-dark {
  color: #4DB3A2 !important;
}

.bg-font-green-dark {
  color: #FFFFFF !important;
}

.bg-green-sharp {
  background: #2ab4c0 !important;
}

.bg-green-sharp-opacity {
  background: rgba(42, 180, 192, 0.8) !important;
}

.bg-hover-green-sharp:hover {
  background: #2ab4c0 !important;
}

.font-green-sharp {
  color: #2ab4c0 !important;
}

.bg-font-green-sharp {
  color: #FFFFFF !important;
}

.bg-green-steel {
  background: #29b4b6 !important;
}

.bg-green-steel-opacity {
  background: rgba(41, 180, 182, 0.8) !important;
}

.bg-hover-green-steel:hover {
  background: #29b4b6 !important;
}

.font-green-steel {
  color: #29b4b6 !important;
}

.bg-font-green-steel {
  color: #FFFFFF !important;
}

.bg-grey {
  background: #E5E5E5 !important;
}

.bg-grey-opacity {
  background: rgba(229, 229, 229, 0.8) !important;
}

.bg-hover-grey:hover {
  background: #E5E5E5 !important;
}

.font-grey {
  color: #E5E5E5 !important;
}

.bg-font-grey {
  color: #333333 !important;
}

.bg-grey-steel {
  background: #e9edef !important;
}

.bg-grey-steel-opacity {
  background: rgba(233, 237, 239, 0.8) !important;
}

.bg-hover-grey-steel:hover {
  background: #e9edef !important;
}

.font-grey-steel {
  color: #e9edef !important;
}

.bg-font-grey-steel {
  color: #80898e !important;
}

.bg-grey-cararra {
  background: #fafafa !important;
}

.bg-grey-cararra-opacity {
  background: rgba(250, 250, 250, 0.8) !important;
}

.bg-hover-grey-cararra:hover {
  background: #fafafa !important;
}

.font-grey-cararra {
  color: #fafafa !important;
}

.bg-font-grey-cararra {
  color: #333333 !important;
}

.bg-grey-gallery {
  background: #555555 !important;
}

.bg-grey-gallery-opacity {
  background: rgba(85, 85, 85, 0.8) !important;
}

.bg-hover-grey-gallery:hover {
  background: #555555 !important;
}

.font-grey-gallery {
  color: #555555 !important;
}

.bg-font-grey-gallery {
  color: #ffffff !important;
}

.bg-grey-cascade {
  background: #95A5A6 !important;
}

.bg-grey-cascade-opacity {
  background: rgba(149, 165, 166, 0.8) !important;
}

.bg-hover-grey-cascade:hover {
  background: #95A5A6 !important;
}

.font-grey-cascade {
  color: #95A5A6 !important;
}

.bg-font-grey-cascade {
  color: #FFFFFF !important;
}

.bg-grey-silver {
  background: #BFBFBF !important;
}

.bg-grey-silver-opacity {
  background: rgba(191, 191, 191, 0.8) !important;
}

.bg-hover-grey-silver:hover {
  background: #BFBFBF !important;
}

.font-grey-silver {
  color: #BFBFBF !important;
}

.bg-font-grey-silver {
  color: #FAFCFB !important;
}

.bg-grey-salsa {
  background: #ACB5C3 !important;
}

.bg-grey-salsa-opacity {
  background: rgba(172, 181, 195, 0.8) !important;
}

.bg-hover-grey-salsa:hover {
  background: #ACB5C3 !important;
}

.font-grey-salsa {
  color: #ACB5C3 !important;
}

.bg-font-grey-salsa {
  color: #FAFCFB !important;
}

.bg-grey-salt {
  background: #bfcad1 !important;
}

.bg-grey-salt-opacity {
  background: rgba(191, 202, 209, 0.8) !important;
}

.bg-hover-grey-salt:hover {
  background: #bfcad1 !important;
}

.font-grey-salt {
  color: #bfcad1 !important;
}

.bg-font-grey-salt {
  color: #FAFCFB !important;
}

.bg-grey-mint {
  background: #525e64 !important;
}

.bg-grey-mint-opacity {
  background: rgba(82, 94, 100, 0.8) !important;
}

.bg-hover-grey-mint:hover {
  background: #525e64 !important;
}

.font-grey-mint {
  color: #525e64 !important;
}

.bg-font-grey-mint {
  color: #FFFFFF !important;
}

.bg-red {
  background: #e7505a !important;
}

.bg-red-opacity {
  background: rgba(231, 80, 90, 0.8) !important;
}

.bg-hover-red:hover {
  background: #e7505a !important;
}

.font-red {
  color: #e7505a !important;
}

.bg-font-red {
  color: #ffffff !important;
}

.bg-red-pink {
  background: #E08283 !important;
}

.bg-red-pink-opacity {
  background: rgba(224, 130, 131, 0.8) !important;
}

.bg-hover-red-pink:hover {
  background: #E08283 !important;
}

.font-red-pink {
  color: #E08283 !important;
}

.bg-font-red-pink {
  color: #ffffff !important;
}

.bg-red-sunglo {
  background: #E26A6A !important;
}

.bg-red-sunglo-opacity {
  background: rgba(226, 106, 106, 0.8) !important;
}

.bg-hover-red-sunglo:hover {
  background: #E26A6A !important;
}

.font-red-sunglo {
  color: #E26A6A !important;
}

.bg-font-red-sunglo {
  color: #ffffff !important;
}

.bg-red-intense {
  background: #e35b5a !important;
}

.bg-red-intense-opacity {
  background: rgba(227, 91, 90, 0.8) !important;
}

.bg-hover-red-intense:hover {
  background: #e35b5a !important;
}

.font-red-intense {
  color: #e35b5a !important;
}

.bg-font-red-intense {
  color: #ffffff !important;
}

.bg-red-thunderbird {
  background: #D91E18 !important;
}

.bg-red-thunderbird-opacity {
  background: rgba(217, 30, 24, 0.8) !important;
}

.bg-hover-red-thunderbird:hover {
  background: #D91E18 !important;
}

.font-red-thunderbird {
  color: #D91E18 !important;
}

.bg-font-red-thunderbird {
  color: #ffffff !important;
}

.bg-red-flamingo {
  background: #EF4836 !important;
}

.bg-red-flamingo-opacity {
  background: rgba(239, 72, 54, 0.8) !important;
}

.bg-hover-red-flamingo:hover {
  background: #EF4836 !important;
}

.font-red-flamingo {
  color: #EF4836 !important;
}

.bg-font-red-flamingo {
  color: #ffffff !important;
}

.bg-red-soft {
  background: #d05454 !important;
}

.bg-red-soft-opacity {
  background: rgba(208, 84, 84, 0.8) !important;
}

.bg-hover-red-soft:hover {
  background: #d05454 !important;
}

.font-red-soft {
  color: #d05454 !important;
}

.bg-font-red-soft {
  color: #ffffff !important;
}

.bg-red-haze {
  background: #f36a5a !important;
}

.bg-red-haze-opacity {
  background: rgba(243, 106, 90, 0.8) !important;
}

.bg-hover-red-haze:hover {
  background: #f36a5a !important;
}

.font-red-haze {
  color: #f36a5a !important;
}

.bg-font-red-haze {
  color: #ffffff !important;
}

.bg-red-mint {
  background: #e43a45 !important;
}

.bg-red-mint-opacity {
  background: rgba(228, 58, 69, 0.8) !important;
}

.bg-hover-red-mint:hover {
  background: #e43a45 !important;
}

.font-red-mint {
  color: #e43a45 !important;
}

.bg-font-red-mint {
  color: #ffffff !important;
}

.bg-yellow {
  background: #c49f47 !important;
}

.bg-yellow-opacity {
  background: rgba(196, 159, 71, 0.8) !important;
}

.bg-hover-yellow:hover {
  background: #c49f47 !important;
}

.font-yellow {
  color: #c49f47 !important;
}

.bg-font-yellow {
  color: #ffffff !important;
}

.bg-yellow-gold {
  background: #E87E04 !important;
}

.bg-yellow-gold-opacity {
  background: rgba(232, 126, 4, 0.8) !important;
}

.bg-hover-yellow-gold:hover {
  background: #E87E04 !important;
}

.font-yellow-gold {
  color: #E87E04 !important;
}

.bg-font-yellow-gold {
  color: #ffffff !important;
}

.bg-yellow-casablanca {
  background: #f2784b !important;
}

.bg-yellow-casablanca-opacity {
  background: rgba(242, 120, 75, 0.8) !important;
}

.bg-hover-yellow-casablanca:hover {
  background: #f2784b !important;
}

.font-yellow-casablanca {
  color: #f2784b !important;
}

.bg-font-yellow-casablanca {
  color: #ffffff !important;
}

.bg-yellow-crusta {
  background: #f3c200 !important;
}

.bg-yellow-crusta-opacity {
  background: rgba(243, 194, 0, 0.8) !important;
}

.bg-hover-yellow-crusta:hover {
  background: #f3c200 !important;
}

.font-yellow-crusta {
  color: #f3c200 !important;
}

.bg-font-yellow-crusta {
  color: #ffffff !important;
}

.bg-yellow-lemon {
  background: #F7CA18 !important;
}

.bg-yellow-lemon-opacity {
  background: rgba(247, 202, 24, 0.8) !important;
}

.bg-hover-yellow-lemon:hover {
  background: #F7CA18 !important;
}

.font-yellow-lemon {
  color: #F7CA18 !important;
}

.bg-font-yellow-lemon {
  color: #ffffff !important;
}

.bg-yellow-saffron {
  background: #F4D03F !important;
}

.bg-yellow-saffron-opacity {
  background: rgba(244, 208, 63, 0.8) !important;
}

.bg-hover-yellow-saffron:hover {
  background: #F4D03F !important;
}

.font-yellow-saffron {
  color: #F4D03F !important;
}

.bg-font-yellow-saffron {
  color: #ffffff !important;
}

.bg-yellow-soft {
  background: #c8d046 !important;
}

.bg-yellow-soft-opacity {
  background: rgba(200, 208, 70, 0.8) !important;
}

.bg-hover-yellow-soft:hover {
  background: #c8d046 !important;
}

.font-yellow-soft {
  color: #c8d046 !important;
}

.bg-font-yellow-soft {
  color: #ffffff !important;
}

.bg-yellow-haze {
  background: #c5bf66 !important;
}

.bg-yellow-haze-opacity {
  background: rgba(197, 191, 102, 0.8) !important;
}

.bg-hover-yellow-haze:hover {
  background: #c5bf66 !important;
}

.font-yellow-haze {
  color: #c5bf66 !important;
}

.bg-font-yellow-haze {
  color: #ffffff !important;
}

.bg-yellow-mint {
  background: #c5b96b !important;
}

.bg-yellow-mint-opacity {
  background: rgba(197, 185, 107, 0.8) !important;
}

.bg-hover-yellow-mint:hover {
  background: #c5b96b !important;
}

.font-yellow-mint {
  color: #c5b96b !important;
}

.bg-font-yellow-mint {
  color: #ffffff !important;
}

.bg-purple {
  background: #8E44AD !important;
}

.bg-purple-opacity {
  background: rgba(142, 68, 173, 0.8) !important;
}

.bg-hover-purple:hover {
  background: #8E44AD !important;
}

.font-purple {
  color: #8E44AD !important;
}

.bg-font-purple {
  color: #ffffff !important;
}

.bg-purple-plum {
  background: #8775a7 !important;
}

.bg-purple-plum-opacity {
  background: rgba(135, 117, 167, 0.8) !important;
}

.bg-hover-purple-plum:hover {
  background: #8775a7 !important;
}

.font-purple-plum {
  color: #8775a7 !important;
}

.bg-font-purple-plum {
  color: #ffffff !important;
}

.bg-purple-medium {
  background: #BF55EC !important;
}

.bg-purple-medium-opacity {
  background: rgba(191, 85, 236, 0.8) !important;
}

.bg-hover-purple-medium:hover {
  background: #BF55EC !important;
}

.font-purple-medium {
  color: #BF55EC !important;
}

.bg-font-purple-medium {
  color: #ffffff !important;
}

.bg-purple-studio {
  background: #8E44AD !important;
}

.bg-purple-studio-opacity {
  background: rgba(142, 68, 173, 0.8) !important;
}

.bg-hover-purple-studio:hover {
  background: #8E44AD !important;
}

.font-purple-studio {
  color: #8E44AD !important;
}

.bg-font-purple-studio {
  color: #ffffff !important;
}

.bg-purple-wisteria {
  background: #9B59B6 !important;
}

.bg-purple-wisteria-opacity {
  background: rgba(155, 89, 182, 0.8) !important;
}

.bg-hover-purple-wisteria:hover {
  background: #9B59B6 !important;
}

.font-purple-wisteria {
  color: #9B59B6 !important;
}

.bg-font-purple-wisteria {
  color: #ffffff !important;
}

.bg-purple-seance {
  background: #9A12B3 !important;
}

.bg-purple-seance-opacity {
  background: rgba(154, 18, 179, 0.8) !important;
}

.bg-hover-purple-seance:hover {
  background: #9A12B3 !important;
}

.font-purple-seance {
  color: #9A12B3 !important;
}

.bg-font-purple-seance {
  color: #ffffff !important;
}

.bg-purple-intense {
  background: #8775a7 !important;
}

.bg-purple-intense-opacity {
  background: rgba(135, 117, 167, 0.8) !important;
}

.bg-hover-purple-intense:hover {
  background: #8775a7 !important;
}

.font-purple-intense {
  color: #8775a7 !important;
}

.bg-font-purple-intense {
  color: #ffffff !important;
}

.bg-purple-sharp {
  background: #796799 !important;
}

.bg-purple-sharp-opacity {
  background: rgba(121, 103, 153, 0.8) !important;
}

.bg-hover-purple-sharp:hover {
  background: #796799 !important;
}

.font-purple-sharp {
  color: #796799 !important;
}

.bg-font-purple-sharp {
  color: #ffffff !important;
}

.bg-purple-soft {
  background: #8877a9 !important;
}

.bg-purple-soft-opacity {
  background: rgba(136, 119, 169, 0.8) !important;
}

.bg-hover-purple-soft:hover {
  background: #8877a9 !important;
}

.font-purple-soft {
  color: #8877a9 !important;
}

.bg-font-purple-soft {
  color: #ffffff !important;
}

.switch-handle {
  background-color: #ffffff !important;
}

.slow .switch-group {
  transition: left 0.7s;
  -webkit-transition: left 0.7s;
}
.fast .switch-group {
  transition: left 0.1s;
  -webkit-transition: left 0.1s;
}
.immediate .switch-group {
  transition: none;
  -webkit-transition: none;
}

.custom-file-label {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.custom-file-label::after {
  content: attr(data-button) !important;
}

@media (min-width: 992px) {
  .kt-form.kt-form--label-right .form-group label:not(.checkbox):not(.radio):not(.option) {
    text-align: right;
  }
}
form label {
  cursor: pointer;
}
form label.disabled {
  cursor: not-allowed !important;
}
form label.required {
  font-weight: 700;
}

.input-group > .cke {
  position: relative;
  flex: 1 1 auto;
  width: 1% !important;
  margin-bottom: 0;
}
.input-group > .cke:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.input-group > .cke:not(:first-child) .cke_bottom {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.input-group > .cke:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group > .cke:not(:last-child) .cke_bottom {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.cke {
  border: 1px solid #E4E6EF !important;
  border-radius: 0.475rem;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) !important;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out !important;
}
@media (prefers-reduced-motion: reduce) {
  .cke {
    transition: none;
  }
}
.cke .cke_inner {
  margin-top: 0.475rem;
  border-bottom-right-radius: 0.475rem !important;
  border-bottom-left-radius: 0.475rem !important;
}
.cke .cke_bottom {
  border-top: 1px solid #E4E6EF !important;
  border-bottom-right-radius: 0.475rem;
  border-bottom-left-radius: 0.475rem;
  background: #f5f8fa;
}
.cke .cke_bottom a {
  color: #5E6278;
}
.cke .cke_bottom .cke_resizer {
  border-color: transparent #5E6278 transparent transparent;
}

.dropzone {
  border-radius: 0.475rem;
  border: 1px solid #E4E6EF !important;
}
.dropzone.dz-drag-hover {
  background: #f5f8fa;
  color: #5E6278;
  box-shadow: 0 0 0.2rem 0.2rem inset rgba(0, 0, 0, 0.2);
}

.kt-iconbox .kt-iconbox__body .kt-iconbox__icon i {
  font-size: 400%;
}

.modal-dialog.modal-xxl {
  max-width: calc(97vw - 50px);
}

.next-prev-pagination .next {
  float: right;
}
.next-prev-pagination .previous {
  float: left;
}

.kt-portlet.kt-portlet--tabs .kt-portlet:not(.kt-portlet--tabs) .kt-portlet__head-toolbar {
  align-items: center;
}

.kt-portlet.collapsable .kt-portlet__head-label {
  cursor: pointer;
}

.resize-toggler {
  position: absolute;
  top: 10px;
  right: -10px;
  width: 22px;
  text-align: center;
}
.resize-toggler a.resize-left, .resize-toggler a.resize-right {
  cursor: pointer;
  display: block;
  padding: 3px;
  margin-bottom: 5px;
  border: 1px solid transparent;
  border-left: 0;
}
.resize-toggler a.resize-left i, .resize-toggler a.resize-right i {
  font-size: 0.9rem;
}
.resize-toggler a.resize-left:hover, .resize-toggler a.resize-right:hover {
  background-color: #ffffff;
  border: 1px solid rgba(128, 128, 128, 0.25);
  border-left: 0;
  box-shadow: 6px 0 5px -4px rgba(0, 0, 0, 0.2);
}

.popover.user {
  max-width: 28rem;
  width: 28rem;
}
.popover.user .user-popover {
  font-family: Inter, Helvetica, "sans-serif";
  overflow: hidden;
}
.popover.user .user-popover > div.user-information {
  width: 20rem;
  float: left;
}
.popover.user .user-popover > div.user-information h4 {
  margin-top: 0;
  margin-bottom: 2px;
}
.popover.user .user-popover > div.user-information h4 a {
  color: inherit !important;
}
.popover.user .user-popover > div.user-information em a {
  color: inherit !important;
  font-size: 12px;
}
.popover.user .user-popover > div.user-information ul {
  margin-top: 5px;
  padding-left: 0;
  list-style: none;
  font-size: 12px;
}
.popover.user .user-popover > div.user-information ul li i {
  margin-right: 2px;
}
.popover.user .user-popover > div.user-image {
  width: 5rem;
  float: left;
}
.popover.user .user-popover > div.user-image > div {
  position: relative;
}
.popover.user .user-popover > div.user-image > div img {
  max-width: 100%;
  max-height: 100%;
  padding: 3px;
  margin: auto;
}