mekari_ui_toolkit 1.0.0

data/lib/css/components/mekari-ui-dropdown.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../scss/vendors/_dropdown.scss","mekari-ui-dropdown.css","../../../scss/vendors/mixins/_caret.scss","../../../scss/vendor-extensions/_dropdown.scss","../../../scss/vendor-extensions/_tooltip.scss","../../../scss/vendors/_rfs.scss","../../../scss/vendor-extensions/_color.scss","../../../scss/vendors/mixins/_border-radius.scss","../../../scss/vendors/mixins/_breakpoints.scss","../../../scss/vendors/mixins/_nav-divider.scss","../../../scss/vendor-extensions/_typography.scss","../../../scss/vendors/mixins/_hover.scss","../../../scss/vendors/mixins/_gradients.scss","../../../scss/components/config/_dropdowns.scss","../../../scss/mixins/_scroll.scss"],"names":[],"mappings":"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","file":"mekari-ui-dropdown.css","sourcesContent":["// The dropdown wrapper (`<div>`)\n.#{$prefix}dropup,\n.#{$prefix}dropright,\n.#{$prefix}dropdown,\n.#{$prefix}dropleft {\n  position: relative;\n}\n\n.#{$prefix}dropdown-toggle {\n  white-space: nowrap;\n\n  // Generate the caret automatically\n  @include caret;\n}\n\n// The dropdown menu\n.#{$prefix}dropdown-menu {\n  position: absolute;\n  top: 100%;\n  left: 0;\n  z-index: $zindex-dropdown;\n  display: none; // none by default, but block on \"open\" of the menu\n  float: left;\n  min-width: $dropdown-min-width;\n  padding: $dropdown-padding-y 0;\n  margin: $dropdown-spacer 0 0; // override default ul\n  @include font-size($dropdown-font-size);\n  color: $dropdown-color;\n  text-align: left; // Ensures proper alignment if parent has it changed (e.g., modal footer)\n  list-style: none;\n  background-color: $dropdown-bg;\n  background-clip: padding-box;\n  border: $dropdown-border-width solid $dropdown-border-color;\n  @include border-radius($dropdown-border-radius);\n  @include box-shadow($dropdown-box-shadow);\n}\n\n@each $breakpoint in map-keys($grid-breakpoints) {\n  @include media-breakpoint-up($breakpoint) {\n    $infix: breakpoint-infix($breakpoint, $grid-breakpoints);\n\n    .#{$prefix}dropdown-menu#{$infix}-left {\n      right: auto;\n      left: 0;\n    }\n\n    .#{$prefix}dropdown-menu#{$infix}-right {\n      right: 0;\n      left: auto;\n    }\n  }\n}\n\n// Allow for dropdowns to go bottom up (aka, dropup-menu)\n// Just add .#{$prefix}dropup after the standard .#{$prefix}dropdown class and you're set.\n.#{$prefix}dropup {\n  .#{$prefix}dropdown-menu {\n    top: auto;\n    bottom: 100%;\n    margin-top: 0;\n    margin-bottom: $dropdown-spacer;\n  }\n\n  .#{$prefix}dropdown-toggle {\n    @include caret(up);\n  }\n}\n\n.#{$prefix}dropright {\n  .#{$prefix}dropdown-menu {\n    top: 0;\n    right: auto;\n    left: 100%;\n    margin-top: 0;\n    margin-left: $dropdown-spacer;\n  }\n\n  .#{$prefix}dropdown-toggle {\n    @include caret(right);\n    &::after {\n      vertical-align: 0;\n    }\n  }\n}\n\n.#{$prefix}dropleft {\n  .#{$prefix}dropdown-menu {\n    top: 0;\n    right: 100%;\n    left: auto;\n    margin-top: 0;\n    margin-right: $dropdown-spacer;\n  }\n\n  .#{$prefix}dropdown-toggle {\n    @include caret(left);\n    &::before {\n      vertical-align: 0;\n    }\n  }\n}\n\n// When enabled Popper.js, reset basic dropdown position\n// stylelint-disable-next-line no-duplicate-selectors\n.#{$prefix}dropdown-menu {\n  &[x-placement^=\"top\"],\n  &[x-placement^=\"right\"],\n  &[x-placement^=\"bottom\"],\n  &[x-placement^=\"left\"] {\n    right: auto;\n    bottom: auto;\n  }\n}\n\n// Dividers (basically an `<hr>`) within the dropdown\n.#{$prefix}dropdown-divider {\n  @include nav-divider($dropdown-divider-bg, $dropdown-divider-margin-y);\n}\n\n// Links, buttons, and more within the dropdown menu\n//\n// `<button>`-specific styles are denoted with `// For <button>s`\n.#{$prefix}dropdown-item {\n  display: block;\n  width: 100%; // For `<button>`s\n  padding: $dropdown-item-padding-y $dropdown-item-padding-x;\n  clear: both;\n  font-weight: $font-weight-normal;\n  color: $dropdown-link-color;\n  text-align: inherit; // For `<button>`s\n  white-space: nowrap; // prevent links from randomly breaking onto new lines\n  background-color: transparent; // For `<button>`s\n  border: 0; // For `<button>`s\n\n  // Prevent dropdown overflow if there's no padding\n  // See https://github.com/twbs/bootstrap/pull/27703\n  @if $dropdown-padding-y == 0 {\n    &:first-child {\n      @include border-top-radius($dropdown-inner-border-radius);\n    }\n\n    &:last-child {\n      @include border-bottom-radius($dropdown-inner-border-radius);\n    }\n  }\n\n  @include hover-focus {\n    color: $dropdown-link-hover-color;\n    text-decoration: none;\n    @include gradient-bg($dropdown-link-hover-bg);\n  }\n\n  &.active,\n  &:active {\n    color: $dropdown-link-active-color;\n    text-decoration: none;\n    @include gradient-bg($dropdown-link-active-bg);\n  }\n\n  &.disabled,\n  &:disabled {\n    color: $dropdown-link-disabled-color;\n    pointer-events: none;\n    background-color: transparent;\n    // Remove CSS gradients if they're enabled\n    @if $enable-gradients {\n      background-image: none;\n    }\n  }\n}\n\n.#{$prefix}dropdown-menu.show {\n  display: block;\n}\n\n// Dropdown section headers\n.#{$prefix}dropdown-header {\n  display: block;\n  padding: $dropdown-padding-y $dropdown-item-padding-x;\n  margin-bottom: 0; // for use with heading elements\n  @include font-size($font-size-sm);\n  color: $dropdown-header-color;\n  white-space: nowrap; // as with > li > a\n}\n\n// Dropdown text\n.#{$prefix}dropdown-item-text {\n  display: block;\n  padding: $dropdown-item-padding-y $dropdown-item-padding-x;\n  color: $dropdown-link-color;\n}\n",".dropup,\n.dropright,\n.dropdown,\n.dropleft {\n  position: relative;\n}\n\n.dropdown-toggle {\n  white-space: nowrap;\n}\n\n.dropdown-toggle::after {\n  display: inline-block;\n  margin-left: 0.255em;\n  vertical-align: 0.255em;\n  content: \"\";\n  border-top: 0.3em solid;\n  border-right: 0.3em solid transparent;\n  border-bottom: 0;\n  border-left: 0.3em solid transparent;\n}\n\n.dropdown-toggle:empty::after {\n  margin-left: 0;\n}\n\n.dropdown-menu {\n  position: absolute;\n  top: 100%;\n  left: 0;\n  z-index: 1000;\n  display: none;\n  float: left;\n  min-width: 10rem;\n  padding: 0.5rem 0;\n  margin: 0.125rem 0 0;\n  font-size: 0.875rem;\n  color: #212121;\n  text-align: left;\n  list-style: none;\n  background-color: #fff;\n  background-clip: padding-box;\n  border: 1px solid rgba(0, 0, 0, 0.15);\n  border-radius: 4px;\n}\n\n.dropdown-menu-left {\n  right: auto;\n  left: 0;\n}\n\n.dropdown-menu-right {\n  right: 0;\n  left: auto;\n}\n\n@media (min-width: 576px) {\n  .dropdown-menu-sm-left {\n    right: auto;\n    left: 0;\n  }\n  .dropdown-menu-sm-right {\n    right: 0;\n    left: auto;\n  }\n}\n\n@media (min-width: 768px) {\n  .dropdown-menu-md-left {\n    right: auto;\n    left: 0;\n  }\n  .dropdown-menu-md-right {\n    right: 0;\n    left: auto;\n  }\n}\n\n@media (min-width: 992px) {\n  .dropdown-menu-lg-left {\n    right: auto;\n    left: 0;\n  }\n  .dropdown-menu-lg-right {\n    right: 0;\n    left: auto;\n  }\n}\n\n@media (min-width: 1272px) {\n  .dropdown-menu-xl-left {\n    right: auto;\n    left: 0;\n  }\n  .dropdown-menu-xl-right {\n    right: 0;\n    left: auto;\n  }\n}\n\n.dropup .dropdown-menu {\n  top: auto;\n  bottom: 100%;\n  margin-top: 0;\n  margin-bottom: 0.125rem;\n}\n\n.dropup .dropdown-toggle::after {\n  display: inline-block;\n  margin-left: 0.255em;\n  vertical-align: 0.255em;\n  content: \"\";\n  border-top: 0;\n  border-right: 0.3em solid transparent;\n  border-bottom: 0.3em solid;\n  border-left: 0.3em solid transparent;\n}\n\n.dropup .dropdown-toggle:empty::after {\n  margin-left: 0;\n}\n\n.dropright .dropdown-menu {\n  top: 0;\n  right: auto;\n  left: 100%;\n  margin-top: 0;\n  margin-left: 0.125rem;\n}\n\n.dropright .dropdown-toggle::after {\n  display: inline-block;\n  margin-left: 0.255em;\n  vertical-align: 0.255em;\n  content: \"\";\n  border-top: 0.3em solid transparent;\n  border-right: 0;\n  border-bottom: 0.3em solid transparent;\n  border-left: 0.3em solid;\n}\n\n.dropright .dropdown-toggle:empty::after {\n  margin-left: 0;\n}\n\n.dropright .dropdown-toggle::after {\n  vertical-align: 0;\n}\n\n.dropleft .dropdown-menu {\n  top: 0;\n  right: 100%;\n  left: auto;\n  margin-top: 0;\n  margin-right: 0.125rem;\n}\n\n.dropleft .dropdown-toggle::after {\n  display: inline-block;\n  margin-left: 0.255em;\n  vertical-align: 0.255em;\n  content: \"\";\n}\n\n.dropleft .dropdown-toggle::after {\n  display: none;\n}\n\n.dropleft .dropdown-toggle::before {\n  display: inline-block;\n  margin-right: 0.255em;\n  vertical-align: 0.255em;\n  content: \"\";\n  border-top: 0.3em solid transparent;\n  border-right: 0.3em solid;\n  border-bottom: 0.3em solid transparent;\n}\n\n.dropleft .dropdown-toggle:empty::after {\n  margin-left: 0;\n}\n\n.dropleft .dropdown-toggle::before {\n  vertical-align: 0;\n}\n\n.dropdown-menu[x-placement^=\"top\"], .dropdown-menu[x-placement^=\"right\"], .dropdown-menu[x-placement^=\"bottom\"], .dropdown-menu[x-placement^=\"left\"] {\n  right: auto;\n  bottom: auto;\n}\n\n.dropdown-divider {\n  height: 0;\n  margin: 8px 0;\n  overflow: hidden;\n  border-top: 1px solid #e9ecef;\n}\n\n.dropdown-item {\n  display: block;\n  width: 100%;\n  padding: 0.25rem 1.5rem;\n  clear: both;\n  font-weight: 400;\n  color: #212529;\n  text-align: inherit;\n  white-space: nowrap;\n  background-color: transparent;\n  border: 0;\n}\n\n.dropdown-item:hover, .dropdown-item:focus {\n  color: #16181b;\n  text-decoration: none;\n  background-color: #f8f9fa;\n}\n\n.dropdown-item.active, .dropdown-item:active {\n  color: #fff;\n  text-decoration: none;\n  background-color: #005fbf;\n}\n\n.dropdown-item.disabled, .dropdown-item:disabled {\n  color: #b4b4b4;\n  pointer-events: none;\n  background-color: transparent;\n}\n\n.dropdown-menu.show {\n  display: block;\n}\n\n.dropdown-header {\n  display: block;\n  padding: 0.5rem 1.5rem;\n  margin-bottom: 0;\n  font-size: 0.75rem;\n  color: #6c757d;\n  white-space: nowrap;\n}\n\n.dropdown-item-text {\n  display: block;\n  padding: 0.25rem 1.5rem;\n  color: #212529;\n}\n\n.dropdown-toggle::after {\n  vertical-align: 2px;\n}\n\n.dropdown-menu {\n  width: auto;\n  min-width: 242px;\n  max-width: 684px;\n  max-height: 185px;\n  padding: 0;\n  margin: 4px 0 0;\n  overflow-y: auto;\n  background-color: #fff;\n  border: 1px solid #e2e2e2;\n  box-shadow: 0 4px 8px 0 rgba(119, 119, 119, 0.24);\n  border-radius: 4px;\n}\n\n.dropdown-menu::-webkit-scrollbar {\n  width: 12px;\n  background-color: transparent;\n}\n\n.dropdown-menu::-webkit-scrollbar-thumb {\n  background-color: #777;\n  background-clip: padding-box;\n  border: 4px solid transparent;\n  border-radius: 16px;\n}\n\n.dropdown-menu::-webkit-scrollbar-track {\n  background-color: #fff;\n  border-radius: 4px;\n}\n\n.dropdown-item {\n  padding: 8px 12px;\n  color: #212121;\n  cursor: pointer;\n  outline: none;\n}\n\n.dropdown-item:hover {\n  background-color: #f2f4f7;\n}\n\n.dropdown-item:hover:active {\n  color: #212121;\n}\n\n.dropdown-item.active:hover {\n  background-color: #00468c;\n}\n\n.dropdown-item.is-selected {\n  background-color: #f2f4f7;\n}\n\n.dropdown-divider {\n  margin: 0;\n}\n\n.dropdown-not-found {\n  display: block;\n  padding: 8px 12px;\n  color: #b4b4b4;\n  text-align: center;\n}\n\n.dropdown-selected-list {\n  margin-top: 4px;\n}\n\n.dropdown-selected-list .badge {\n  margin-top: 4px;\n  margin-right: 8px;\n}\n\n.dropdown-selected-list .badge:last-child {\n  margin-right: 0;\n}\n\n.dropdown-action {\n  padding: 8px;\n}\n\n.dropdown-action input {\n  width: 100%;\n  margin: 0;\n}\n\n.dropdown-action:hover {\n  background-color: inherit;\n}\n\n.dropdown-with-action .dropdown-menu {\n  max-height: none;\n  overflow: hidden;\n}\n\n.dropdown-with-action .dropdown-menu .dropdown-action:hover {\n  background-color: inherit;\n}\n\n.dropdown-with-action .dropdown-menu-list {\n  height: auto;\n  max-height: 126px;\n  overflow-y: auto;\n}\n\n.dropdown-with-action .dropdown-menu-list::-webkit-scrollbar {\n  width: 12px;\n  background-color: transparent;\n}\n\n.dropdown-with-action .dropdown-menu-list::-webkit-scrollbar-thumb {\n  background-color: #777;\n  background-clip: padding-box;\n  border: 4px solid transparent;\n  border-radius: 16px;\n}\n\n.dropdown-with-action .dropdown-menu-list::-webkit-scrollbar-track {\n  background-color: #fff;\n  border-radius: 4px;\n}\n\n.dropdown-with-avatar span {\n  vertical-align: middle;\n}\n\n.dropdown-with-pill .dropdown-menu-list .dropdown-item.is-selected {\n  color: #b4b4b4;\n  pointer-events: none;\n  background-color: transparent;\n}\n\n/*# sourceMappingURL=mekari-ui-dropdown.css.map */","@mixin caret-down {\n  border-top: $caret-width solid;\n  border-right: $caret-width solid transparent;\n  border-bottom: 0;\n  border-left: $caret-width solid transparent;\n}\n\n@mixin caret-up {\n  border-top: 0;\n  border-right: $caret-width solid transparent;\n  border-bottom: $caret-width solid;\n  border-left: $caret-width solid transparent;\n}\n\n@mixin caret-right {\n  border-top: $caret-width solid transparent;\n  border-right: 0;\n  border-bottom: $caret-width solid transparent;\n  border-left: $caret-width solid;\n}\n\n@mixin caret-left {\n  border-top: $caret-width solid transparent;\n  border-right: $caret-width solid;\n  border-bottom: $caret-width solid transparent;\n}\n\n@mixin caret($direction: down) {\n  @if $enable-caret {\n    &::after {\n      display: inline-block;\n      margin-left: $caret-spacing;\n      vertical-align: $caret-vertical-align;\n      content: \"\";\n      @if $direction == down {\n        @include caret-down;\n      } @else if $direction == up {\n        @include caret-up;\n      } @else if $direction == right {\n        @include caret-right;\n      }\n    }\n\n    @if $direction == left {\n      &::after {\n        display: none;\n      }\n\n      &::before {\n        display: inline-block;\n        margin-right: $caret-spacing;\n        vertical-align: $caret-vertical-align;\n        content: \"\";\n        @include caret-left;\n      }\n    }\n\n    &:empty::after {\n      margin-left: 0;\n    }\n  }\n}\n","$dropdown-link-disabled-color: $muted;\n$caret-width:                 .3em !default;\n$caret-vertical-align:        $caret-width * .85 !default;\n$caret-spacing:               $caret-width * .85 !default;\n\n\n$dropdown-min-width:                10rem !default;\n$dropdown-padding-y:                .5rem !default;\n$dropdown-spacer:                   .125rem !default;\n$dropdown-font-size:                $font-size-base !default;\n$dropdown-color:                    $body-color !default;\n$dropdown-bg:                       $white !default;\n$dropdown-border-color:             rgba($black, .15) !default;\n$dropdown-border-radius:            4px !default;\n$dropdown-border-width:             1px !default;\n$dropdown-inner-border-radius:      calc(#{$dropdown-border-radius} - #{$dropdown-border-width}) !default;\n$dropdown-divider-bg:               $gray-200 !default;\n$dropdown-divider-margin-y:         8px !default;\n$dropdown-box-shadow:               0 .5rem 1rem rgba($black, .175) !default;\n\n$dropdown-link-color:               $gray-900 !default;\n$dropdown-link-hover-color:         darken($gray-900, 5%) !default;\n$dropdown-link-hover-bg:            $gray-100 !default;\n\n$dropdown-link-active-color:        $white !default;\n$dropdown-link-active-bg:           $primary !default;\n\n$dropdown-link-disabled-color:      $gray-600 !default;\n\n$dropdown-item-padding-y:           .25rem !default;\n$dropdown-item-padding-x:           1.5rem !default;\n\n$dropdown-header-color:             $gray-600 !default;\n","$tooltip-bg:            $dark;\n$tooltip-color: $white;\n$tooltip-arrow-width:   0;\n$tooltip-arrow-height:  0;\n$zindex-dropdown:                   1000;\n$zindex-sticky:                     1020;\n$zindex-fixed:                      1030;\n$zindex-modal-backdrop:             1040;\n$zindex-modal:                      1050;\n$zindex-popover:                    1060;\n$zindex-tooltip:                    1070;\n$tooltip-font-size: $font-size-sm;\n$tooltip-opacity: .9;\n$tooltip-arrow-color: $tooltip-bg;\n$tooltip-max-width: 200px;\n$tooltip-padding-y:                 .25rem;\n$tooltip-padding-x:                 .5rem;\n$tooltip-margin:        .5rem;\n$tooltip-border-radius: 4px;\n","// stylelint-disable property-blacklist, scss/dollar-variable-default\n\n// SCSS RFS mixin\n//\n// Automated font-resizing\n//\n// See https://github.com/twbs/rfs\n\n// Configuration\n\n// Base font size\n$rfs-base-font-size: 1.25rem !default;\n$rfs-font-size-unit: rem !default;\n\n// Breakpoint at where font-size starts decreasing if screen width is smaller\n$rfs-breakpoint: 1200px !default;\n$rfs-breakpoint-unit: px !default;\n\n// Resize font-size based on screen height and width\n$rfs-two-dimensional: false !default;\n\n// Factor of decrease\n$rfs-factor: 10 !default;\n\n@if type-of($rfs-factor) != \"number\" or $rfs-factor <= 1 {\n  @error \"`#{$rfs-factor}` is not a valid  $rfs-factor, it must be greater than 1.\";\n}\n\n// Generate enable or disable classes. Possibilities: false, \"enable\" or \"disable\"\n$rfs-class: false !default;\n\n// 1 rem = $rfs-rem-value px\n$rfs-rem-value: 16 !default;\n\n// Safari iframe resize bug: https://github.com/twbs/rfs/issues/14\n$rfs-safari-iframe-resize-bug-fix: false !default;\n\n// Disable RFS by setting $enable-responsive-font-sizes to false\n$enable-responsive-font-sizes: true !default;\n\n// Cache $rfs-base-font-size unit\n$rfs-base-font-size-unit: unit($rfs-base-font-size);\n\n// Remove px-unit from $rfs-base-font-size for calculations\n@if $rfs-base-font-size-unit == \"px\" {\n  $rfs-base-font-size: $rfs-base-font-size / ($rfs-base-font-size * 0 + 1);\n}\n@else if $rfs-base-font-size-unit == \"rem\" {\n  $rfs-base-font-size: $rfs-base-font-size / ($rfs-base-font-size * 0 + 1 / $rfs-rem-value);\n}\n\n// Cache $rfs-breakpoint unit to prevent multiple calls\n$rfs-breakpoint-unit-cache: unit($rfs-breakpoint);\n\n// Remove unit from $rfs-breakpoint for calculations\n@if $rfs-breakpoint-unit-cache == \"px\" {\n  $rfs-breakpoint: $rfs-breakpoint / ($rfs-breakpoint * 0 + 1);\n}\n@else if $rfs-breakpoint-unit-cache == \"rem\" or $rfs-breakpoint-unit-cache == \"em\" {\n  $rfs-breakpoint: $rfs-breakpoint / ($rfs-breakpoint * 0 + 1 / $rfs-rem-value);\n}\n\n// Responsive font-size mixin\n@mixin rfs($fs, $important: false) {\n  // Cache $fs unit\n  $fs-unit: if(type-of($fs) == \"number\", unit($fs), false);\n\n  // Add !important suffix if needed\n  $rfs-suffix: if($important, \" !important\", \"\");\n\n  // If $fs isn't a number (like inherit) or $fs has a unit (not px or rem, like 1.5em) or $ is 0, just print the value\n  @if not $fs-unit or $fs-unit != \"\" and $fs-unit != \"px\" and $fs-unit != \"rem\" or $fs == 0 {\n    font-size: #{$fs}#{$rfs-suffix};\n  }\n  @else {\n    // Variables for storing static and fluid rescaling\n    $rfs-static: null;\n    $rfs-fluid: null;\n\n    // Remove px-unit from $fs for calculations\n    @if $fs-unit == \"px\" {\n      $fs: $fs / ($fs * 0 + 1);\n    }\n    @else if $fs-unit == \"rem\" {\n      $fs: $fs / ($fs * 0 + 1 / $rfs-rem-value);\n    }\n\n    // Set default font-size\n    @if $rfs-font-size-unit == rem {\n      $rfs-static: #{$fs / $rfs-rem-value}rem#{$rfs-suffix};\n    }\n    @else if $rfs-font-size-unit == px {\n      $rfs-static: #{$fs}px#{$rfs-suffix};\n    }\n    @else {\n      @error \"`#{$rfs-font-size-unit}` is not a valid unit for $rfs-font-size-unit. Use `px` or `rem`.\";\n    }\n\n    // Only add media query if font-size is bigger as the minimum font-size\n    // If $rfs-factor == 1, no rescaling will take place\n    @if $fs > $rfs-base-font-size and $enable-responsive-font-sizes {\n      $min-width: null;\n      $variable-unit: null;\n\n      // Calculate minimum font-size for given font-size\n      $fs-min: $rfs-base-font-size + ($fs - $rfs-base-font-size) / $rfs-factor;\n\n      // Calculate difference between given font-size and minimum font-size for given font-size\n      $fs-diff: $fs - $fs-min;\n\n      // Base font-size formatting\n      // No need to check if the unit is valid, because we did that before\n      $min-width: if($rfs-font-size-unit == rem, #{$fs-min / $rfs-rem-value}rem, #{$fs-min}px);\n\n      // If two-dimensional, use smallest of screen width and height\n      $variable-unit: if($rfs-two-dimensional, vmin, vw);\n\n      // Calculate the variable width between 0 and $rfs-breakpoint\n      $variable-width: #{$fs-diff * 100 / $rfs-breakpoint}#{$variable-unit};\n\n      // Set the calculated font-size.\n      $rfs-fluid: calc(#{$min-width} + #{$variable-width}) #{$rfs-suffix};\n    }\n\n    // Rendering\n    @if $rfs-fluid == null {\n      // Only render static font-size if no fluid font-size is available\n      font-size: $rfs-static;\n    }\n    @else {\n      $mq-value: null;\n\n      // RFS breakpoint formatting\n      @if $rfs-breakpoint-unit == em or $rfs-breakpoint-unit == rem {\n        $mq-value: #{$rfs-breakpoint / $rfs-rem-value}#{$rfs-breakpoint-unit};\n      }\n      @else if $rfs-breakpoint-unit == px {\n        $mq-value: #{$rfs-breakpoint}px;\n      }\n      @else {\n        @error \"`#{$rfs-breakpoint-unit}` is not a valid unit for $rfs-breakpoint-unit. Use `px`, `em` or `rem`.\";\n      }\n\n      @if $rfs-class == \"disable\" {\n        // Adding an extra class increases specificity,\n        // which prevents the media query to override the font size\n        &,\n        .disable-responsive-font-size &,\n        &.disable-responsive-font-size {\n          font-size: $rfs-static;\n        }\n      }\n      @else {\n        font-size: $rfs-static;\n      }\n\n      @if $rfs-two-dimensional {\n        @media (max-width: #{$mq-value}), (max-height: #{$mq-value}) {\n          @if $rfs-class == \"enable\" {\n            .enable-responsive-font-size &,\n            &.enable-responsive-font-size {\n              font-size: $rfs-fluid;\n            }\n          }\n          @else {\n            font-size: $rfs-fluid;\n          }\n\n          @if $rfs-safari-iframe-resize-bug-fix {\n            // stylelint-disable-next-line length-zero-no-unit\n            min-width: 0vw;\n          }\n        }\n      }\n      @else {\n        @media (max-width: #{$mq-value}) {\n          @if $rfs-class == \"enable\" {\n            .enable-responsive-font-size &,\n            &.enable-responsive-font-size {\n              font-size: $rfs-fluid;\n            }\n          }\n          @else {\n            font-size: $rfs-fluid;\n          }\n\n          @if $rfs-safari-iframe-resize-bug-fix {\n            // stylelint-disable-next-line length-zero-no-unit\n            min-width: 0vw;\n          }\n        }\n      }\n    }\n  }\n}\n\n// The font-size & responsive-font-size mixin uses RFS to rescale font sizes\n@mixin font-size($fs, $important: false) {\n  @include rfs($fs, $important);\n}\n\n@mixin responsive-font-size($fs, $important: false) {\n  @include rfs($fs, $important);\n}\n","// Neutrals color variables\n$dark:  #212121;\n$slate: #777;\n$muted: #b4b4b4;\n$smoke: #e2e2e2;\n$snow:  #fbfbfb;\n$white: #fff;\n$cloud: #f2f4f7;\n\n// UI color variables\n$red:           #d74022;\n$green:         #009f61;\n$light-yellow:  #ffeb99;\n$blue:          #1357ff;\n$orange:        #ffb700;\n$sapphire:      #005fbf;\n\n// Branding color variables\n$crimson:     #c02a34;\n$azure:       #009bde;\n$salamander:  #f96d01;\n$purple:      #6d48e5;\n\n// Bootstrap dependencies color\n$black:    #000 !default;\n$gray-100: #f8f9fa !default;\n$gray-200: #e9ecef !default;\n$gray-300: #dee2e6 !default;\n$gray-400: #ced4da !default;\n$gray-500: #adb5bd !default;\n$gray-600: #6c757d !default;\n$gray-700: #495057 !default;\n$gray-800: #343a40 !default;\n$gray-900: #212529 !default;\n\n// The yiq lightness value that determines when the lightness of color changes from \"dark\" to \"light\". Acceptable values are between 0 and 255.\n$yiq-contrasted-threshold:  150 !default;\n\n// Customize the light and dark text colors for use in our YIQ color contrast function.\n$yiq-text-dark:             $gray-900 !default;\n$yiq-text-light:            $white !default;\n\n\n$grays: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$grays: map-merge(\n  (\n    \"100\": $gray-100,\n    \"200\": $gray-200,\n    \"300\": $gray-300,\n    \"400\": $gray-400,\n    \"500\": $gray-500,\n    \"600\": $gray-600,\n    \"700\": $gray-700,\n    \"800\": $gray-800,\n    \"900\": $gray-900\n  ),\n  $grays\n);\n\n// register mekari color variables too bootstrap\n$colors: ();\n$colors: map-merge(\n  (\n    \"noir\"         : $dark, // going to deprecated\n    \"dark\"         : $dark,\n    \"slate\"        : $slate,\n    \"muted\"        : $muted,\n    \"smoke\"        : $smoke,\n    \"snow\"         : $snow,\n    \"cloud\"        : $cloud,\n    \"crimson\"      : $crimson,\n    \"azure\"        : $azure,\n    \"salamander\"   : $salamander,\n    \"purple\"       : $purple,\n    \"sapphire\"     : $sapphire,\n    \"white\"        : $white,\n    \"red\"          : $red,\n    \"orange\"       : $orange,\n    \"green\"        : $green,\n    \"blue\"         : $blue,\n    \"light-yellow\" : $light-yellow\n  ),\n  $colors\n);\n\n//extend bootstrap class\n$danger:    $red;\n$success:   $green;\n$info:      $light-yellow;\n$warning:   $orange;\n$primary:   $sapphire;\n$jurnal:    $azure;\n$talenta:   $crimson;\n$klikpajak: $salamander;\n$mekari:    $purple;\n\n$link: $blue;\n\n$text-muted:  $muted;\n$body-color:  $dark;\n$dark:        $dark;\n$secondary:   $slate;\n$light:       $snow;\n\n// Add more theme color variables\n$theme-colors: ();\n$theme-colors: map-merge(\n  (\n    \"danger\"    : $danger,\n    \"success\"   : $success,\n    \"info\"      : $info,\n    \"warning\"   : $warning,\n    \"primary\"   : $primary,\n    \"jurnal\"    : $jurnal,\n    \"talenta\"   : $talenta,\n    \"klikpajak\" : $klikpajak,\n    \"mekari\"    : $mekari,\n    \"dark\"      : $dark,\n    \"slate\"     : $slate,\n    \"muted\"     : $muted,\n    \"smoke\"     : $smoke,\n    \"light\"     : $light,\n    \"cloud\"     : $cloud,\n    \"link\"      : $blue,\n    \"white\"     : $white\n  ),\n  $theme-colors\n);\n\n$card-border-color: $smoke;\n$body-bg: $white;\n","// stylelint-disable property-blacklist\n// Single side border-radius\n\n@mixin border-radius($radius: $border-radius, $fallback-border-radius: false) {\n  @if $enable-rounded {\n    border-radius: $radius;\n  }\n  @else if $fallback-border-radius != false {\n    border-radius: $fallback-border-radius;\n  }\n}\n\n@mixin border-top-radius($radius) {\n  @if $enable-rounded {\n    border-top-left-radius: $radius;\n    border-top-right-radius: $radius;\n  }\n}\n\n@mixin border-right-radius($radius) {\n  @if $enable-rounded {\n    border-top-right-radius: $radius;\n    border-bottom-right-radius: $radius;\n  }\n}\n\n@mixin border-bottom-radius($radius) {\n  @if $enable-rounded {\n    border-bottom-right-radius: $radius;\n    border-bottom-left-radius: $radius;\n  }\n}\n\n@mixin border-left-radius($radius) {\n  @if $enable-rounded {\n    border-top-left-radius: $radius;\n    border-bottom-left-radius: $radius;\n  }\n}\n\n@mixin border-top-left-radius($radius) {\n  @if $enable-rounded {\n    border-top-left-radius: $radius;\n  }\n}\n\n@mixin border-top-right-radius($radius) {\n  @if $enable-rounded {\n    border-top-right-radius: $radius;\n  }\n}\n\n@mixin border-bottom-right-radius($radius) {\n  @if $enable-rounded {\n    border-bottom-right-radius: $radius;\n  }\n}\n\n@mixin border-bottom-left-radius($radius) {\n  @if $enable-rounded {\n    border-bottom-left-radius: $radius;\n  }\n}\n","// Breakpoint viewport sizes and media queries.\n//\n// Breakpoints are defined as a map of (name: minimum width), order from small to large:\n//\n//    (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px)\n//\n// The map defined in the `$grid-breakpoints` global variable is used as the `$breakpoints` argument by default.\n\n// Name of the next breakpoint, or null for the last breakpoint.\n//\n//    >> breakpoint-next(sm)\n//    md\n//    >> breakpoint-next(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n//    md\n//    >> breakpoint-next(sm, $breakpoint-names: (xs sm md lg xl))\n//    md\n@function breakpoint-next($name, $breakpoints: $grid-breakpoints, $breakpoint-names: map-keys($breakpoints)) {\n  $n: index($breakpoint-names, $name);\n  @return if($n != null and $n < length($breakpoint-names), nth($breakpoint-names, $n + 1), null);\n}\n\n// Minimum breakpoint width. Null for the smallest (first) breakpoint.\n//\n//    >> breakpoint-min(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n//    576px\n@function breakpoint-min($name, $breakpoints: $grid-breakpoints) {\n  $min: map-get($breakpoints, $name);\n  @return if($min != 0, $min, null);\n}\n\n// Maximum breakpoint width. Null for the largest (last) breakpoint.\n// The maximum value is calculated as the minimum of the next one less 0.02px\n// to work around the limitations of `min-` and `max-` prefixes and viewports with fractional widths.\n// See https://www.w3.org/TR/mediaqueries-4/#mq-min-max\n// Uses 0.02px rather than 0.01px to work around a current rounding bug in Safari.\n// See https://bugs.webkit.org/show_bug.cgi?id=178261\n//\n//    >> breakpoint-max(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n//    767.98px\n@function breakpoint-max($name, $breakpoints: $grid-breakpoints) {\n  $next: breakpoint-next($name, $breakpoints);\n  @return if($next, breakpoint-min($next, $breakpoints) - .02, null);\n}\n\n// Returns a blank string if smallest breakpoint, otherwise returns the name with a dash in front.\n// Useful for making responsive utilities.\n//\n//    >> breakpoint-infix(xs, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n//    \"\"  (Returns a blank string)\n//    >> breakpoint-infix(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n//    \"-sm\"\n@function breakpoint-infix($name, $breakpoints: $grid-breakpoints) {\n  @return if(breakpoint-min($name, $breakpoints) == null, \"\", \"-#{$name}\");\n}\n\n// Media of at least the minimum breakpoint width. No query for the smallest breakpoint.\n// Makes the @content apply to the given breakpoint and wider.\n@mixin media-breakpoint-up($name, $breakpoints: $grid-breakpoints) {\n  $min: breakpoint-min($name, $breakpoints);\n  @if $min {\n    @media (min-width: $min) {\n      @content;\n    }\n  } @else {\n    @content;\n  }\n}\n\n// Media of at most the maximum breakpoint width. No query for the largest breakpoint.\n// Makes the @content apply to the given breakpoint and narrower.\n@mixin media-breakpoint-down($name, $breakpoints: $grid-breakpoints) {\n  $max: breakpoint-max($name, $breakpoints);\n  @if $max {\n    @media (max-width: $max) {\n      @content;\n    }\n  } @else {\n    @content;\n  }\n}\n\n// Media that spans multiple breakpoint widths.\n// Makes the @content apply between the min and max breakpoints\n@mixin media-breakpoint-between($lower, $upper, $breakpoints: $grid-breakpoints) {\n  $min: breakpoint-min($lower, $breakpoints);\n  $max: breakpoint-max($upper, $breakpoints);\n\n  @if $min != null and $max != null {\n    @media (min-width: $min) and (max-width: $max) {\n      @content;\n    }\n  } @else if $max == null {\n    @include media-breakpoint-up($lower, $breakpoints) {\n      @content;\n    }\n  } @else if $min == null {\n    @include media-breakpoint-down($upper, $breakpoints) {\n      @content;\n    }\n  }\n}\n\n// Media between the breakpoint's minimum and maximum widths.\n// No minimum for the smallest breakpoint, and no maximum for the largest one.\n// Makes the @content apply only to the given breakpoint, not viewports any wider or narrower.\n@mixin media-breakpoint-only($name, $breakpoints: $grid-breakpoints) {\n  $min: breakpoint-min($name, $breakpoints);\n  $max: breakpoint-max($name, $breakpoints);\n\n  @if $min != null and $max != null {\n    @media (min-width: $min) and (max-width: $max) {\n      @content;\n    }\n  } @else if $max == null {\n    @include media-breakpoint-up($name, $breakpoints) {\n      @content;\n    }\n  } @else if $min == null {\n    @include media-breakpoint-down($name, $breakpoints) {\n      @content;\n    }\n  }\n}\n","// Horizontal dividers\n//\n// Dividers (basically an hr) within dropdowns and nav lists\n\n@mixin nav-divider($color: $nav-divider-color, $margin-y: $nav-divider-margin-y) {\n  height: 0;\n  margin: $margin-y 0;\n  overflow: hidden;\n  border-top: 1px solid $color;\n}\n","$font-family-roboto:                  \"Roboto\", \"Oxygen\", \"Ubuntu\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\", sans-serif;\n$font-family-base:                    $font-family-roboto;\n$font-family-monospace: monospace;\n\n// 1 rem = 16px\n$font-size-base:                      .875rem; // 14px\n$font-size-lg:                        1.25rem; // 20px\n$font-size-sm:                        .75rem; // 12px\n\n$line-height-base:                    1.4285; // The closest value to Mekari design\n$line-height-lg:                      1.4285;\n$line-height-sm:                      1.4285;\n$letter-spacing:                      .2px;\n\n$font-weight-lighter:                 400;\n$font-weight-light:                   400;\n$font-weight-normal:                  400;\n$font-weight-base:                    400;\n$font-weight-bold:                    500;\n$font-weight-bolder:                  500;\n\n$dt-font-weight: $font-weight-bold;\n\n// Text color\n$body-color:                          $dark;\n$link-color:                          $blue;\n$link-hover-color:                    darken($link-color, 15%) !default;\n$link-decoration:                     none;\n$link-hover-decoration:               underline;\n\n$input-placeholder-color:             $text-muted;\n$custom-select-disabled-color:        $text-muted;\n$custom-control-label-disabled-color: $text-muted;\n","// Hover mixin and `$enable-hover-media-query` are deprecated.\n//\n// Originally added during our alphas and maintained during betas, this mixin was\n// designed to prevent `:hover` stickiness on iOS-an issue where hover styles\n// would persist after initial touch.\n//\n// For backward compatibility, we've kept these mixins and updated them to\n// always return their regular pseudo-classes instead of a shimmed media query.\n//\n// Issue: https://github.com/twbs/bootstrap/issues/25195\n\n@mixin hover {\n  &:hover { @content; }\n}\n\n@mixin hover-focus {\n  &:hover,\n  &:focus {\n    @content;\n  }\n}\n\n@mixin plain-hover-focus {\n  &,\n  &:hover,\n  &:focus {\n    @content;\n  }\n}\n\n@mixin hover-focus-active {\n  &:hover,\n  &:focus,\n  &:active {\n    @content;\n  }\n}\n","// Gradients\n\n@mixin gradient-bg($color) {\n  @if $enable-gradients {\n    background: $color linear-gradient(180deg, mix($body-bg, $color, 15%), $color) repeat-x;\n  } @else {\n    background-color: $color;\n  }\n}\n\n// Horizontal gradient, from left to right\n//\n// Creates two color stops, start and end, by specifying a color and position for each color stop.\n@mixin gradient-x($start-color: $gray-700, $end-color: $gray-800, $start-percent: 0%, $end-percent: 100%) {\n  background-image: linear-gradient(to right, $start-color $start-percent, $end-color $end-percent);\n  background-repeat: repeat-x;\n}\n\n// Vertical gradient, from top to bottom\n//\n// Creates two color stops, start and end, by specifying a color and position for each color stop.\n@mixin gradient-y($start-color: $gray-700, $end-color: $gray-800, $start-percent: 0%, $end-percent: 100%) {\n  background-image: linear-gradient(to bottom, $start-color $start-percent, $end-color $end-percent);\n  background-repeat: repeat-x;\n}\n\n@mixin gradient-directional($start-color: $gray-700, $end-color: $gray-800, $deg: 45deg) {\n  background-image: linear-gradient($deg, $start-color, $end-color);\n  background-repeat: repeat-x;\n}\n@mixin gradient-x-three-colors($start-color: $blue, $mid-color: $purple, $color-stop: 50%, $end-color: $red) {\n  background-image: linear-gradient(to right, $start-color, $mid-color $color-stop, $end-color);\n  background-repeat: no-repeat;\n}\n@mixin gradient-y-three-colors($start-color: $blue, $mid-color: $purple, $color-stop: 50%, $end-color: $red) {\n  background-image: linear-gradient($start-color, $mid-color $color-stop, $end-color);\n  background-repeat: no-repeat;\n}\n@mixin gradient-radial($inner-color: $gray-700, $outer-color: $gray-800) {\n  background-image: radial-gradient(circle, $inner-color, $outer-color);\n  background-repeat: no-repeat;\n}\n@mixin gradient-striped($color: rgba($white, .15), $angle: 45deg) {\n  background-image: linear-gradient($angle, $color 25%, transparent 25%, transparent 50%, $color 50%, $color 75%, transparent 75%, transparent);\n}\n",".#{$prefix}dropdown {\n  &-toggle {\n    &::after {\n      vertical-align: 2px;\n    }\n  }\n\n  &-menu {\n    width: auto;\n    min-width: 242px;\n    max-width: 684px;\n    max-height: 185px;\n    padding: 0;\n    margin: 4px 0 0;\n    overflow-y: auto;\n    background-color: $white;\n    border: 1px solid $smoke;\n    box-shadow: 0 4px 8px 0 rgba(119, 119, 119, .24);\n    @include border-radius(4px);\n    @include scroll-default;\n  }\n\n  &-item {\n    padding: 8px 12px;\n    color: $dark;\n    cursor: pointer;\n    outline: none;\n\n    &:hover {\n      background-color: $cloud;\n      &:active {\n        color: $dark;\n      }\n    }\n\n    &.active {\n      &:hover {\n        background-color: darken($primary, 10%);\n      }\n    }\n\n    &.is-selected {\n      background-color: $cloud;\n    }\n  }\n\n  &-divider {\n    margin: 0;\n  }\n\n  &-not-found {\n    display: block;\n    padding: 8px 12px;\n    color: $muted;\n    text-align: center;\n  }\n\n  &-selected-list {\n    margin-top: 4px;\n\n    .#{$prefix}badge {\n      margin-top: 4px;\n      margin-right: 8px;\n      &:last-child {\n        margin-right: 0;\n      }\n    }\n  }\n\n  &-action {\n    padding: 8px;\n\n    input {\n      width: 100%;\n      margin: 0;\n    }\n\n    &:hover {\n      background-color: inherit;\n    }\n  }\n\n  &-with-action {\n    .#{$prefix}dropdown-menu {\n      max-height: none;\n      overflow: hidden;\n\n      .#{$prefix}dropdown-action {\n        &:hover {\n          background-color: inherit;\n        }\n      }\n\n      &-list {\n        height: auto;\n        max-height: 126px;\n        overflow-y: auto;\n        @include scroll-default;\n      }\n    }\n  }\n\n  &-with-avatar {\n    span {\n      vertical-align: middle;\n    }\n  }\n\n  &-with-pill {\n    .#{$prefix}dropdown-menu-list {\n      .#{$prefix}dropdown-item {\n        &.is-selected {\n          color: $muted;\n          pointer-events: none;\n          background-color: transparent;\n        }\n      }\n    }\n  }\n}\n","@mixin scroll-default {\n  &::-webkit-scrollbar {\n    width: 12px;\n    background-color: transparent;\n  }\n\n  &::-webkit-scrollbar-thumb {\n    background-color: $slate;\n    background-clip: padding-box;\n    border: 4px solid transparent;\n    @include border-radius(16px);\n  }\n\n  &::-webkit-scrollbar-track {\n    background-color: $white;\n    @include border-radius(4px);\n  }\n}\n"]}

data/lib/css/components/mekari-ui-form-min.css

@@ -0,0 +1,2 @@
+.form-control{display:block;width:100%;height:36px;padding:.375rem .75rem;font-size:.875rem;font-weight:400;line-height:1.4285;color:#212121;background-color:#fff;background-clip:padding-box;border:1px solid #e2e2e2;border-radius:4px;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-control{transition:none}}.form-control::-ms-expand{background-color:transparent;border:0}.form-control:focus{color:#212121;background-color:#fff;border-color:#005fbf;outline:0;box-shadow:0 0 4px 1px rgba(0,95,191,.3)}.form-control::-webkit-input-placeholder{color:#b4b4b4;opacity:1}.form-control::-moz-placeholder{color:#b4b4b4;opacity:1}.form-control:-ms-input-placeholder{color:#b4b4b4;opacity:1}.form-control::-ms-input-placeholder{color:#b4b4b4;opacity:1}.form-control::placeholder{color:#b4b4b4;opacity:1}.form-control:disabled,.form-control[readonly]{background-color:#f2f4f7;opacity:1}select.form-control:focus::-ms-value{color:#212121;background-color:#fff}.form-control-file,.form-control-range{display:block;width:100%}.col-form-label{padding-top:calc(.375rem + 1px);padding-bottom:calc(.375rem + 1px);margin-bottom:0;font-size:inherit;line-height:1.4285}.col-form-label-lg{padding-top:calc(.5rem + 1px);padding-bottom:calc(.5rem + 1px);font-size:1.25rem;line-height:1.4285}.col-form-label-sm{padding-top:calc(.25rem + 1px);padding-bottom:calc(.25rem + 1px);font-size:.75rem;line-height:1.4285}.form-control-plaintext{display:block;width:100%;padding-top:.375rem;padding-bottom:.375rem;margin-bottom:0;line-height:1.4285;color:#212121;background-color:transparent;border:solid transparent;border-width:1px 0}.form-control-plaintext.form-control-lg,.form-control-plaintext.form-control-sm{padding-right:0;padding-left:0}.form-control-sm{height:calc(1.4285em + .5rem + 2px);padding:.25rem .5rem;font-size:.75rem;line-height:1.4285;border-radius:4px}.form-control-lg{height:calc(1.4285em + 1rem + 2px);padding:.5rem 1rem;font-size:1.25rem;line-height:1.4285;border-radius:4px}select.form-control[multiple],select.form-control[size]{height:auto}textarea.form-control{height:auto}.form-group{margin-bottom:20px}.form-text{display:block;margin-top:0}.form-row{display:flex;flex-wrap:wrap;margin-right:-5px;margin-left:-5px}.form-row>.col,.form-row>[class*=col-]{padding-right:5px;padding-left:5px}.form-check{position:relative;display:block;padding-left:1.25rem}.form-check-input{position:absolute;margin-top:.3rem;margin-left:-1.25rem}.form-check-input:disabled~.form-check-label{color:#b4b4b4}.form-check-label{margin-bottom:0}.form-check-inline{display:inline-flex;align-items:center;padding-left:0;margin-right:.75rem}.form-check-inline .form-check-input{position:static;margin-top:0;margin-right:.3125rem;margin-left:0}.valid-feedback{display:none;width:100%;margin-top:0;font-size:.75rem;color:#009f61}.valid-tooltip{position:absolute;top:100%;z-index:5;display:none;max-width:100%;padding:.25rem .5rem;margin-top:.1rem;font-size:.75rem;line-height:1.4285;color:#fff;background-color:rgba(0,159,97,.9);border-radius:4px}.form-control.is-valid,.was-validated .form-control:valid{border-color:#009f61}.form-control.is-valid:focus,.was-validated .form-control:valid:focus{border-color:#009f61;box-shadow:0 0 0 .2rem rgba(0,159,97,.25)}.form-control.is-valid~.valid-feedback,.form-control.is-valid~.valid-tooltip,.was-validated .form-control:valid~.valid-feedback,.was-validated .form-control:valid~.valid-tooltip{display:block}.custom-select.is-valid,.was-validated .custom-select:valid{border-color:#009f61}.custom-select.is-valid:focus,.was-validated .custom-select:valid:focus{border-color:#009f61;box-shadow:0 0 0 .2rem rgba(0,159,97,.25)}.custom-select.is-valid~.valid-feedback,.custom-select.is-valid~.valid-tooltip,.was-validated .custom-select:valid~.valid-feedback,.was-validated .custom-select:valid~.valid-tooltip{display:block}.form-control-file.is-valid~.valid-feedback,.form-control-file.is-valid~.valid-tooltip,.was-validated .form-control-file:valid~.valid-feedback,.was-validated .form-control-file:valid~.valid-tooltip{display:block}.form-check-input.is-valid~.form-check-label,.was-validated .form-check-input:valid~.form-check-label{color:#009f61}.form-check-input.is-valid~.valid-feedback,.form-check-input.is-valid~.valid-tooltip,.was-validated .form-check-input:valid~.valid-feedback,.was-validated .form-check-input:valid~.valid-tooltip{display:block}.custom-control-input.is-valid~.custom-control-label,.was-validated .custom-control-input:valid~.custom-control-label{color:#009f61}.custom-control-input.is-valid~.custom-control-label::before,.was-validated .custom-control-input:valid~.custom-control-label::before{border-color:#009f61}.custom-control-input.is-valid~.valid-feedback,.custom-control-input.is-valid~.valid-tooltip,.was-validated .custom-control-input:valid~.valid-feedback,.was-validated .custom-control-input:valid~.valid-tooltip{display:block}.custom-control-input.is-valid:checked~.custom-control-label::before,.was-validated .custom-control-input:valid:checked~.custom-control-label::before{border-color:#00d280;background-color:#00d280}.custom-control-input.is-valid:focus~.custom-control-label::before,.was-validated .custom-control-input:valid:focus~.custom-control-label::before{box-shadow:0 0 0 .2rem rgba(0,159,97,.25)}.custom-control-input.is-valid:focus:not(:checked)~.custom-control-label::before,.was-validated .custom-control-input:valid:focus:not(:checked)~.custom-control-label::before{border-color:#009f61}.custom-file-input.is-valid~.custom-file-label,.was-validated .custom-file-input:valid~.custom-file-label{border-color:#009f61}.custom-file-input.is-valid~.valid-feedback,.custom-file-input.is-valid~.valid-tooltip,.was-validated .custom-file-input:valid~.valid-feedback,.was-validated .custom-file-input:valid~.valid-tooltip{display:block}.custom-file-input.is-valid:focus~.custom-file-label,.was-validated .custom-file-input:valid:focus~.custom-file-label{border-color:#009f61;box-shadow:0 0 0 .2rem rgba(0,159,97,.25)}.invalid-feedback{display:none;width:100%;margin-top:0;font-size:.75rem;color:#d74022}.invalid-tooltip{position:absolute;top:100%;z-index:5;display:none;max-width:100%;padding:.25rem .5rem;margin-top:.1rem;font-size:.75rem;line-height:1.4285;color:#fff;background-color:rgba(215,64,34,.9);border-radius:4px}.form-control.is-invalid,.was-validated .form-control:invalid{border-color:#d74022}.form-control.is-invalid:focus,.was-validated .form-control:invalid:focus{border-color:#d74022;box-shadow:0 0 0 .2rem rgba(215,64,34,.25)}.form-control.is-invalid~.invalid-feedback,.form-control.is-invalid~.invalid-tooltip,.was-validated .form-control:invalid~.invalid-feedback,.was-validated .form-control:invalid~.invalid-tooltip{display:block}.custom-select.is-invalid,.was-validated .custom-select:invalid{border-color:#d74022}.custom-select.is-invalid:focus,.was-validated .custom-select:invalid:focus{border-color:#d74022;box-shadow:0 0 0 .2rem rgba(215,64,34,.25)}.custom-select.is-invalid~.invalid-feedback,.custom-select.is-invalid~.invalid-tooltip,.was-validated .custom-select:invalid~.invalid-feedback,.was-validated .custom-select:invalid~.invalid-tooltip{display:block}.form-control-file.is-invalid~.invalid-feedback,.form-control-file.is-invalid~.invalid-tooltip,.was-validated .form-control-file:invalid~.invalid-feedback,.was-validated .form-control-file:invalid~.invalid-tooltip{display:block}.form-check-input.is-invalid~.form-check-label,.was-validated .form-check-input:invalid~.form-check-label{color:#d74022}.form-check-input.is-invalid~.invalid-feedback,.form-check-input.is-invalid~.invalid-tooltip,.was-validated .form-check-input:invalid~.invalid-feedback,.was-validated .form-check-input:invalid~.invalid-tooltip{display:block}.custom-control-input.is-invalid~.custom-control-label,.was-validated .custom-control-input:invalid~.custom-control-label{color:#d74022}.custom-control-input.is-invalid~.custom-control-label::before,.was-validated .custom-control-input:invalid~.custom-control-label::before{border-color:#d74022}.custom-control-input.is-invalid~.invalid-feedback,.custom-control-input.is-invalid~.invalid-tooltip,.was-validated .custom-control-input:invalid~.invalid-feedback,.was-validated .custom-control-input:invalid~.invalid-tooltip{display:block}.custom-control-input.is-invalid:checked~.custom-control-label::before,.was-validated .custom-control-input:invalid:checked~.custom-control-label::before{border-color:#e2634a;background-color:#e2634a}.custom-control-input.is-invalid:focus~.custom-control-label::before,.was-validated .custom-control-input:invalid:focus~.custom-control-label::before{box-shadow:0 0 0 .2rem rgba(215,64,34,.25)}.custom-control-input.is-invalid:focus:not(:checked)~.custom-control-label::before,.was-validated .custom-control-input:invalid:focus:not(:checked)~.custom-control-label::before{border-color:#d74022}.custom-file-input.is-invalid~.custom-file-label,.was-validated .custom-file-input:invalid~.custom-file-label{border-color:#d74022}.custom-file-input.is-invalid~.invalid-feedback,.custom-file-input.is-invalid~.invalid-tooltip,.was-validated .custom-file-input:invalid~.invalid-feedback,.was-validated .custom-file-input:invalid~.invalid-tooltip{display:block}.custom-file-input.is-invalid:focus~.custom-file-label,.was-validated .custom-file-input:invalid:focus~.custom-file-label{border-color:#d74022;box-shadow:0 0 0 .2rem rgba(215,64,34,.25)}.form-inline{display:flex;flex-flow:row wrap;align-items:center}.form-inline .form-check{width:100%}@media (min-width:576px){.form-inline label{display:flex;align-items:center;justify-content:center;margin-bottom:0}.form-inline .form-group{display:flex;flex:0 0 auto;flex-flow:row wrap;align-items:center;margin-bottom:0}.form-inline .form-control{display:inline-block;width:auto;vertical-align:middle}.form-inline .form-control-plaintext{display:inline-block}.form-inline .custom-select,.form-inline .input-group{width:auto}.form-inline .form-check{display:flex;align-items:center;justify-content:center;width:auto;padding-left:0}.form-inline .form-check-input{position:relative;flex-shrink:0;margin-top:0;margin-right:.25rem;margin-left:0}.form-inline .custom-control{align-items:center;justify-content:center}.form-inline .custom-control-label{margin-bottom:0}}.custom-control{position:relative;display:block;min-height:1.249938rem;padding-left:1.5rem}.custom-control-inline{display:inline-flex;margin-right:1rem}.custom-control-input{position:absolute;z-index:-1;opacity:0}.custom-control-input:checked~.custom-control-label::before{color:#fff;border-color:#005fbf;background-color:#005fbf}.custom-control-input:focus~.custom-control-label::before{box-shadow:0 0 0 2px rgba(0,95,191,.3)}.custom-control-input:focus:not(:checked)~.custom-control-label::before{border-color:#409fff}.custom-control-input:not(:disabled):active~.custom-control-label::before{color:#fff;background-color:#73b8ff;border-color:#73b8ff}.custom-control-input:disabled~.custom-control-label{color:#b4b4b4}.custom-control-input:disabled~.custom-control-label::before{background-color:#f2f4f7}.custom-control-label{position:relative;margin-bottom:0;vertical-align:top}.custom-control-label::before{position:absolute;top:.124969rem;left:-1.5rem;display:block;width:1rem;height:1rem;pointer-events:none;content:"";background-color:#fff;border:#e2e2e2 solid 1px}.custom-control-label::after{position:absolute;top:.124969rem;left:-1.5rem;display:block;width:1rem;height:1rem;content:"";background:no-repeat 50%/50% 50%}.custom-checkbox .custom-control-label::before{border-radius:2px}.custom-checkbox .custom-control-input:checked~.custom-control-label::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23ffffff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e")}.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::before{border-color:#e2e2e2;background-color:#005fbf}.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3e%3cpath stroke='%23ffffff' d='M0 2h4'/%3e%3c/svg%3e")}.custom-checkbox .custom-control-input:disabled:checked~.custom-control-label::before{background-color:rgba(0,95,191,.5)}.custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label::before{background-color:rgba(0,95,191,.5)}.custom-radio .custom-control-label::before{border-radius:100%}.custom-radio .custom-control-input:checked~.custom-control-label::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23ffffff'/%3e%3c/svg%3e")}.custom-radio .custom-control-input:disabled:checked~.custom-control-label::before{background-color:rgba(0,95,191,.5)}.custom-switch{padding-left:2.25rem}.custom-switch .custom-control-label::before{left:-2.25rem;width:1.75rem;pointer-events:all;border-radius:.5rem}.custom-switch .custom-control-label::after{top:calc(.124969rem + 2px);left:calc(-2.25rem + 2px);width:calc(1rem - 4px);height:calc(1rem - 4px);background-color:#e2e2e2;border-radius:.5rem;transition:transform .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.custom-switch .custom-control-label::after{transition:none}}.custom-switch .custom-control-input:checked~.custom-control-label::after{background-color:#fff;transform:translateX(.75rem)}.custom-switch .custom-control-input:disabled:checked~.custom-control-label::before{background-color:rgba(0,95,191,.5)}.custom-select{display:inline-block;width:100%;height:calc(1.4285em + .75rem + 2px);padding:8px 1.75rem 8px .75rem;font-size:.875rem;font-weight:400;line-height:1.4285;color:#777;vertical-align:middle;background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='%23777' d='M6.28178611,7.34112994 C5.98969924,7.04743259 5.5148273,7.04612703 5.22112994,7.33821389 C4.92743259,7.63030076 4.92612703,8.1051727 5.21821389,8.39887006 L9.44490899,12.6488701 C9.73699896,12.9425705 10.2118771,12.9438725 10.5055731,12.6517782 L14.7788781,8.40177816 C15.072571,8.10968687 15.0738694,7.63481492 14.7817782,7.34112195 C14.4896869,7.04742898 14.0148149,7.04613056 13.7211219,7.33822184 L9.9796032,11.0593358 L6.28178611,7.34112994 Z'/%3e%3c/svg%3e") no-repeat right .75rem center/24px;background-color:#fff;border:1px solid #e2e2e2;border-radius:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none}.custom-select:focus{border-color:#409fff;outline:0;box-shadow:0 0 0 .2rem rgba(19,87,255,.25)}.custom-select:focus::-ms-value{color:#212121;background-color:#fff}.custom-select[multiple],.custom-select[size]:not([size="1"]){height:auto;padding-right:.75rem;background-image:none}.custom-select:disabled{color:#b4b4b4;background-color:#f2f4f7}.custom-select::-ms-expand{display:none}.custom-select-sm{height:calc(1.4285em + .5rem + 2px);padding-top:.25rem;padding-bottom:.25rem;padding-left:.5rem;font-size:.75rem}.custom-select-lg{height:calc(1.4285em + 1rem + 2px);padding-top:.5rem;padding-bottom:.5rem;padding-left:1rem;font-size:1.25rem}.custom-file{position:relative;display:inline-block;width:100%;height:calc(1.4285em + .75rem + 2px);margin-bottom:0}.custom-file-input{position:relative;z-index:2;width:100%;height:calc(1.4285em + .75rem + 2px);margin:0;opacity:0}.custom-file-input:focus~.custom-file-label{border-color:#409fff;box-shadow:0 0 0 .2rem rgba(19,87,255,.25)}.custom-file-input:disabled~.custom-file-label{background-color:#f2f4f7}.custom-file-input:lang(en)~.custom-file-label::after{content:"Choose file"}.custom-file-input:lang(id)~.custom-file-label::after{content:"Pilih file"}.custom-file-input~.custom-file-label[data-browse]::after{content:attr(data-browse)}.custom-file-label{position:absolute;top:0;right:0;left:0;z-index:1;height:calc(1.4285em + .75rem + 2px);padding:.375rem .75rem;font-weight:400;line-height:1.4285;color:#212121;background-color:#fff;border:1px solid #e2e2e2;border-radius:4px}.custom-file-label::after{position:absolute;top:0;right:0;bottom:0;z-index:3;display:block;height:calc(1.4285em + .75rem);padding:.375rem .75rem;line-height:1.4285;color:#212121;content:"Browse";background-color:#f2f4f7;border-left:inherit;border-radius:0 4px 4px 0}.custom-range{width:100%;height:calc(1rem + .4rem);padding:0;background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none}.custom-range:focus{outline:0}.custom-range:focus::-webkit-slider-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(19,87,255,.25)}.custom-range:focus::-moz-range-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(19,87,255,.25)}.custom-range:focus::-ms-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(19,87,255,.25)}.custom-range::-moz-focus-outer{border:0}.custom-range::-webkit-slider-thumb{width:1rem;height:1rem;margin-top:-.25rem;background-color:#005fbf;border:0;border-radius:1rem;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;-webkit-appearance:none;appearance:none}@media (prefers-reduced-motion:reduce){.custom-range::-webkit-slider-thumb{transition:none}}.custom-range::-webkit-slider-thumb:active{background-color:#73b8ff}.custom-range::-webkit-slider-runnable-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:#dee2e6;border-color:transparent;border-radius:1rem}.custom-range::-moz-range-thumb{width:1rem;height:1rem;background-color:#005fbf;border:0;border-radius:1rem;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;-moz-appearance:none;appearance:none}@media (prefers-reduced-motion:reduce){.custom-range::-moz-range-thumb{transition:none}}.custom-range::-moz-range-thumb:active{background-color:#73b8ff}.custom-range::-moz-range-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:#dee2e6;border-color:transparent;border-radius:1rem}.custom-range::-ms-thumb{width:1rem;height:1rem;margin-top:0;margin-right:.2rem;margin-left:.2rem;background-color:#005fbf;border:0;border-radius:1rem;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;appearance:none}@media (prefers-reduced-motion:reduce){.custom-range::-ms-thumb{transition:none}}.custom-range::-ms-thumb:active{background-color:#73b8ff}.custom-range::-ms-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:transparent;border-color:transparent;border-width:.5rem}.custom-range::-ms-fill-lower{background-color:#dee2e6;border-radius:1rem}.custom-range::-ms-fill-upper{margin-right:15px;background-color:#dee2e6;border-radius:1rem}.custom-range:disabled::-webkit-slider-thumb{background-color:#adb5bd}.custom-range:disabled::-webkit-slider-runnable-track{cursor:default}.custom-range:disabled::-moz-range-thumb{background-color:#adb5bd}.custom-range:disabled::-moz-range-track{cursor:default}.custom-range:disabled::-ms-thumb{background-color:#adb5bd}.custom-control-label::before,.custom-file-label,.custom-select{transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.custom-control-label::before,.custom-file-label,.custom-select{transition:none}}.input-group{position:relative;display:flex;flex-wrap:wrap;align-items:stretch;width:100%}.input-group>.custom-file,.input-group>.custom-select,.input-group>.form-control,.input-group>.form-control-plaintext{position:relative;flex:1 1 auto;width:1%;margin-bottom:0}.input-group>.custom-file+.custom-file,.input-group>.custom-file+.custom-select,.input-group>.custom-file+.form-control,.input-group>.custom-select+.custom-file,.input-group>.custom-select+.custom-select,.input-group>.custom-select+.form-control,.input-group>.form-control+.custom-file,.input-group>.form-control+.custom-select,.input-group>.form-control+.form-control,.input-group>.form-control-plaintext+.custom-file,.input-group>.form-control-plaintext+.custom-select,.input-group>.form-control-plaintext+.form-control{margin-left:-1px}.input-group>.custom-file .custom-file-input:focus~.custom-file-label,.input-group>.custom-select:focus,.input-group>.form-control:focus{z-index:3}.input-group>.custom-file .custom-file-input:focus{z-index:4}.input-group>.custom-select:not(:last-child),.input-group>.form-control:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.input-group>.custom-select:not(:first-child),.input-group>.form-control:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.input-group>.custom-file{display:flex;align-items:center}.input-group>.custom-file:not(:last-child) .custom-file-label,.input-group>.custom-file:not(:last-child) .custom-file-label::after{border-top-right-radius:0;border-bottom-right-radius:0}.input-group>.custom-file:not(:first-child) .custom-file-label{border-top-left-radius:0;border-bottom-left-radius:0}.input-group-append,.input-group-prepend{display:flex}.input-group-append .btn,.input-group-prepend .btn{position:relative;z-index:2}.input-group-append .btn:focus,.input-group-prepend .btn:focus{z-index:3}.input-group-append .btn+.btn,.input-group-append .btn+.input-group-text,.input-group-append .input-group-text+.btn,.input-group-append .input-group-text+.input-group-text,.input-group-prepend .btn+.btn,.input-group-prepend .btn+.input-group-text,.input-group-prepend .input-group-text+.btn,.input-group-prepend .input-group-text+.input-group-text{margin-left:-1px}.input-group-prepend{margin-right:-1px}.input-group-append{margin-left:-1px}.input-group-text{display:flex;align-items:center;padding:.375rem .75rem;margin-bottom:0;font-size:.875rem;font-weight:400;line-height:1.4285;color:#212121;text-align:center;white-space:nowrap;background-color:#f2f4f7;border:1px solid #e2e2e2;border-radius:4px}.input-group-text input[type=checkbox],.input-group-text input[type=radio]{margin-top:0}.input-group-lg>.custom-select,.input-group-lg>.form-control:not(textarea){height:calc(1.4285em + 1rem + 2px)}.input-group-lg>.custom-select,.input-group-lg>.form-control,.input-group-lg>.input-group-append>.btn,.input-group-lg>.input-group-append>.input-group-text,.input-group-lg>.input-group-prepend>.btn,.input-group-lg>.input-group-prepend>.input-group-text{padding:.5rem 1rem;font-size:1.25rem;line-height:1.4285;border-radius:4px}.input-group-sm>.custom-select,.input-group-sm>.form-control:not(textarea){height:calc(1.4285em + .5rem + 2px)}.input-group-sm>.custom-select,.input-group-sm>.form-control,.input-group-sm>.input-group-append>.btn,.input-group-sm>.input-group-append>.input-group-text,.input-group-sm>.input-group-prepend>.btn,.input-group-sm>.input-group-prepend>.input-group-text{padding:.25rem .5rem;font-size:.75rem;line-height:1.4285;border-radius:4px}.input-group-lg>.custom-select,.input-group-sm>.custom-select{padding-right:1.75rem}.input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle),.input-group>.input-group-append:last-child>.input-group-text:not(:last-child),.input-group>.input-group-append:not(:last-child)>.btn,.input-group>.input-group-append:not(:last-child)>.input-group-text,.input-group>.input-group-prepend>.btn,.input-group>.input-group-prepend>.input-group-text{border-top-right-radius:0;border-bottom-right-radius:0}.input-group>.input-group-append>.btn,.input-group>.input-group-append>.input-group-text,.input-group>.input-group-prepend:first-child>.btn:not(:first-child),.input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child),.input-group>.input-group-prepend:not(:first-child)>.btn,.input-group>.input-group-prepend:not(:first-child)>.input-group-text{border-top-left-radius:0;border-bottom-left-radius:0}.form-control{padding:8px 12px;margin-top:4px;margin-bottom:4px;line-height:20px;color:#212121}.form-control:hover:not(:disabled):not([readonly]){border:1px solid #005fbf}.form-control:disabled,.form-control[readonly]:not(.input-datepicker){color:#b4b4b4;cursor:not-allowed;background-color:#f2f4f7;border-color:#e2e2e2;outline:0;box-shadow:none}.form-control:focus{color:#212121}.form-control.prefix-icon{padding-left:36px}.form-control.suffix-icon{padding-right:36px}.form-control-plaintext:focus{outline:0;box-shadow:none}.form-group label{margin-bottom:0}.form-row label{margin-bottom:0}.custom-file-input,.custom-select{height:36px;padding:8px 8px 8px 12px;margin:4px 0;line-height:20px;color:#212121}.custom-file-input:hover:not(:disabled),.custom-select:hover:not(:disabled){cursor:pointer;border:1px solid #005fbf}.custom-file-input:focus,.custom-select:focus{box-shadow:0 0 4px 1px rgba(0,95,191,.3)}.custom-file-input:disabled,.custom-select:disabled{color:#b4b4b4;cursor:not-allowed;background-color:#f2f4f7;border-color:#e2e2e2}.custom-file-input:not(:focus):invalid,.custom-select:not(:focus):invalid{color:#b4b4b4}input[type=file]{cursor:pointer}input[type=file]::-webkit-file-upload-button{cursor:pointer}.custom-file{display:flex;flex-wrap:wrap;align-items:center;height:auto;margin-bottom:20px}.custom-file:hover .custom-file-label::before{border:1px solid #b4b4b4}.custom-file .form-text{margin-top:4px}.custom-file~.custom-file-list-wrapper{margin-bottom:12px}.custom-file-input{margin:0}.custom-file-label{display:flex;align-items:flex-end;height:36px;padding:8px 12px;margin-bottom:0;color:#b4b4b4}.custom-file-label::after{display:none}.custom-file-label::before{position:relative;top:3px;bottom:0;z-index:3;display:flex;align-items:center;height:24px;padding:2px 8px;margin-right:12px;line-height:20px;color:#777;content:"Choose File";background-color:#fbfbfb;border:1px solid #e2e2e2;border-radius:4px}.invalid-feedback,.valid-feedback{font-size:12px}.form-group-label{margin-bottom:0;font-weight:600;line-height:20px}.custom-control{margin-bottom:4px}.form-group-label+.custom-control,.form-group-label+.custom-file{margin-top:4px}.custom-control-input:focus{box-shadow:0 0 0 2px rgba(0,95,191,.3)}.custom-control-input:hover~.custom-control-label::before{cursor:pointer;border-color:#005fbf}.custom-control-input:hover~.custom-control-label,.custom-control-input:hover~.custom-control-label::after{cursor:pointer}.custom-control-input:disabled~.custom-control-label::after{cursor:not-allowed;border:none}.custom-control-input:disabled~.custom-control-label::before{cursor:not-allowed;background-color:#f2f4f7;border:1px solid #e2e2e2}.custom-control-input:disabled~.custom-control-label{cursor:not-allowed}.custom-control-label{font-weight:400;color:#212121}.custom-control-label::before{top:2px}.custom-control-label::after{top:2px}.form-check{margin-bottom:4px}textarea.form-control{min-width:184px;height:80px;min-height:36px;max-height:200px;padding-right:12px;padding-left:12px}textarea.form-control::-webkit-scrollbar{width:12px;background-color:transparent}textarea.form-control::-webkit-scrollbar-thumb{background-color:#777;background-clip:padding-box;border:4px solid transparent;border-radius:16px}textarea.form-control::-webkit-scrollbar-track{background-color:#fff;border-radius:4px}.form-text{font-size:12px;color:#777}.input-group{margin-top:4px;margin-bottom:4px}.input-group .form-control{margin-top:0;margin-bottom:0}.input-group .invalid-feedback,.input-group .valid-feedback{margin-top:4px}.custom-select,.custom-select-sm{-webkit-appearance:none;-moz-appearance:none;appearance:none}.form-xs{width:80px;max-width:80px}.form-sm{width:184px;max-width:184px}.form-md{width:288px;max-width:288px}.form-lg{width:392px;max-width:392px}.form-xl{width:600px;max-width:600px}.counter-label{float:right;font-weight:400}.input-group-text{display:flex;align-items:center;padding:.375rem .75rem;margin-bottom:0;font-size:.875rem;font-weight:400;line-height:1.4285;color:#212121;text-align:center;white-space:nowrap;background-color:#f2f4f7;border:1px solid #e2e2e2;border-radius:4px}.input-datepicker{cursor:pointer;background-color:#fff!important}.input-datepicker:hover:not(:disabled){border:1px solid #005fbf}.input-with-icon-container{margin-bottom:-20px}
+/*# sourceMappingURL=mekari-ui-form-min.css.map */

data/lib/css/components/mekari-ui-form-min.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../scss/vendors/_forms.scss","../../../scss/vendors/_rfs.scss","../../../scss/vendors/mixins/_border-radius.scss","../../../scss/vendors/mixins/_transition.scss","../../../scss/vendors/mixins/_forms.scss","dist/css/components/mekari-ui-form.css","../../../scss/vendors/mixins/_gradients.scss","../../../scss/vendors/mixins/_breakpoints.scss","../../../scss/vendors/_custom-forms.scss","../../../scss/vendors/_input-group.scss","../../../scss/components/config/_form.scss","../../../scss/mixins/_scroll.scss"],"names":[],"mappings":"AAMA,cACE,QAAA,MACA,MAAA,KACA,OAAA,KACA,QAAA,QAAA,OCqHI,UAAA,QDlHJ,YAAA,IACA,YAAA,OACA,MAAA,QACA,iBAAA,KACA,gBAAA,YACA,OAAA,IAAA,MAAA,QEbE,cAAA,ICCE,WAAA,aAAA,KAAA,WAAA,CAAA,WAAA,KAAA,YAKF,uCHLJ,cGMM,WAAA,MHNN,0BAsBI,iBAAA,YACA,OAAA,EIhBF,oBACE,MAAA,QACA,iBAAA,KACA,aAAA,QACA,QAAA,EAKE,WAAA,EAAA,EAAA,IAAA,IAAA,kBJhBN,yCA+BI,MAAA,QAEA,QAAA,EAjCJ,gCA+BI,MAAA,QAEA,QAAA,EAjCJ,oCA+BI,MAAA,QAEA,QAAA,EAjCJ,qCA+BI,MAAA,QAEA,QAAA,EAjCJ,2BA+BI,MAAA,QAEA,QAAA,EAjCJ,uBAAA,wBA2CI,iBAAA,QAEA,QAAA,EAIJ,qCAOI,MAAA,QACA,iBAAA,KAKJ,mBKGA,oBLDE,QAAA,MACA,MAAA,KAUF,gBACE,YAAA,oBACA,eAAA,oBACA,cAAA,ECZE,UAAA,QDcF,YAAA,OAGF,mBACE,YAAA,kBACA,eAAA,kBCoCI,UAAA,QDlCJ,YAAA,OAGF,mBACE,YAAA,mBACA,eAAA,mBC6BI,UAAA,OD3BJ,YAAA,OASF,wBACE,QAAA,MACA,MAAA,KACA,YAAA,QACA,eAAA,QACA,cAAA,EACA,YAAA,OACA,MAAA,QACA,iBAAA,YACA,OAAA,MAAA,YACA,aAAA,IAAA,EAVF,wCAAA,wCAcI,cAAA,EACA,aAAA,EAYJ,iBACE,OAAA,6BACA,QAAA,OAAA,MCXI,UAAA,ODaJ,YAAA,OEvIE,cAAA,IF2IJ,iBACE,OAAA,4BACA,QAAA,MAAA,KCnBI,UAAA,QDqBJ,YAAA,OE/IE,cAAA,IFoJJ,8BAAA,0BAGI,OAAA,KAIJ,sBACE,OAAA,KAQF,YACE,cAAA,KAGF,WACE,QAAA,MACA,WAAA,EAQF,UACE,QAAA,KACA,UAAA,KACA,aAAA,KACA,YAAA,KAJF,eK1BA,wBLkCI,cAAA,IACA,aAAA,IASJ,YACE,SAAA,SACA,QAAA,MACA,aAAA,QAGF,kBACE,SAAA,SACA,WAAA,MACA,YAAA,SAHF,6CAMI,MAAA,QAIJ,kBACE,cAAA,EAGF,mBACE,QAAA,YACA,YAAA,OACA,aAAA,EACA,aAAA,OAJF,qCAQI,SAAA,OACA,WAAA,EACA,aAAA,SACA,YAAA,EI3MF,gBACE,QAAA,KACA,MAAA,KACA,WAAA,EH+FE,UAAA,OG7FF,MAAA,QAGF,eACE,SAAA,SACA,IAAA,KACA,QAAA,EACA,QAAA,KACA,UAAA,KACA,QAAA,OAAA,MACA,WAAA,MHmFE,UAAA,OGjFF,YAAA,OACA,MAAA,KACA,iBAAA,kBF3CA,cAAA,IEgDA,uBAAA,mCAEE,aAAA,QAFF,6BAAA,yCAaI,aAAA,QACA,WAAA,EAAA,EAAA,EAAA,MAAA,mBCkK6C,uCACrD,sCDjLI,mDCgLJ,kDD7JQ,QAAA,MAiBJ,wBAAA,oCAEE,aAAA,QAFF,8BAAA,0CAUI,aAAA,QACA,WAAA,EAAA,EAAA,EAAA,MAAA,mBCgJ8C,wCACtD,uCD5JI,oDC2JJ,mDD3IQ,QAAA,MCiJkD,4CAC1D,2CD3II,wDC0IJ,uDDtIQ,QAAA,MAMJ,6CAAA,yDAGI,MAAA,QCuIiD,2CACzD,0CD3II,uDC0IJ,sDDlIQ,QAAA,MAMJ,qDAAA,iEAGI,MAAA,QAHJ,6DAAA,yEAMM,aAAA,QCoImD,+CAC7D,8CD3II,2DC0IJ,0DD9HQ,QAAA,MAZJ,qEAAA,iFAiBM,aAAA,QEnJN,iBAAA,QFkIA,mEAAA,+EAwBM,WAAA,EAAA,EAAA,EAAA,MAAA,mBAxBN,iFAAA,6FA4BM,aAAA,QAQN,+CAAA,2DAGI,aAAA,QC0HkD,4CAC1D,2CD9HI,wDC6HJ,uDDrHQ,QAAA,MARJ,qDAAA,iEAaM,aAAA,QACA,WAAA,EAAA,EAAA,EAAA,MAAA,mBA7JR,kBACE,QAAA,KACA,MAAA,KACA,WAAA,EH+FE,UAAA,OG7FF,MAAA,QAGF,iBACE,SAAA,SACA,IAAA,KACA,QAAA,EACA,QAAA,KACA,UAAA,KACA,QAAA,OAAA,MACA,WAAA,MHmFE,UAAA,OGjFF,YAAA,OACA,MAAA,KACA,iBAAA,mBF3CA,cAAA,IEgDA,yBAAA,qCAEE,aAAA,QAFF,+BAAA,2CAaI,aAAA,QACA,WAAA,EAAA,EAAA,EAAA,MAAA,oBCiRiD,2CACzD,0CDhSI,uDC+RJ,sDD5QQ,QAAA,MAiBJ,0BAAA,sCAEE,aAAA,QAFF,gCAAA,4CAUI,aAAA,QACA,WAAA,EAAA,EAAA,EAAA,MAAA,oBC+PkD,4CAC1D,2CD3QI,wDC0QJ,uDD1PQ,QAAA,MCgQsD,gDAC9D,+CD1PI,4DCyPJ,2DDrPQ,QAAA,MAMJ,+CAAA,2DAGI,MAAA,QCsPqD,+CAC7D,8CD1PI,2DCyPJ,0DDjPQ,QAAA,MAMJ,uDAAA,mEAGI,MAAA,QAHJ,+DAAA,2EAMM,aAAA,QCmPuD,mDACjE,kDD1PI,+DCyPJ,8DD7OQ,QAAA,MAZJ,uEAAA,mFAiBM,aAAA,QEnJN,iBAAA,QFkIA,qEAAA,iFAwBM,WAAA,EAAA,EAAA,EAAA,MAAA,oBAxBN,mFAAA,+FA4BM,aAAA,QAQN,iDAAA,6DAGI,aAAA,QCyOsD,gDAC9D,+CD7OI,4DC4OJ,2DDpOQ,QAAA,MARJ,uDAAA,mEAaM,aAAA,QACA,WAAA,EAAA,EAAA,EAAA,MAAA,oBJuEV,aACE,QAAA,KACA,UAAA,IAAA,KACA,YAAA,OAHF,yBASI,MAAA,KO9MA,yBPqMJ,mBAeM,QAAA,KACA,YAAA,OACA,gBAAA,OACA,cAAA,EAlBN,yBAuBM,QAAA,KACA,KAAA,EAAA,EAAA,KACA,UAAA,IAAA,KACA,YAAA,OACA,cAAA,EA3BN,2BAgCM,QAAA,aACA,MAAA,KACA,eAAA,OAlCN,qCAuCM,QAAA,aK2JJ,4BLlMF,0BA4CM,MAAA,KA5CN,yBAkDM,QAAA,KACA,YAAA,OACA,gBAAA,OACA,MAAA,KACA,aAAA,EAtDN,+BAyDM,SAAA,SACA,YAAA,EACA,WAAA,EACA,aAAA,OACA,YAAA,EA7DN,6BAiEM,YAAA,OACA,gBAAA,OAlEN,mCAqEM,cAAA,GQ7TN,gBACE,SAAA,SACA,QAAA,MACA,WAAA,YACA,aAAA,OAGF,uBACE,QAAA,YACA,aAAA,KAGF,sBACE,SAAA,SACA,QAAA,GACA,QAAA,EAHF,4DAMI,MAAA,KACA,aAAA,QFtBA,iBAAA,QEeJ,0DAiBM,WAAA,EAAA,EAAA,EAAA,IAAA,kBAjBN,wEAsBI,aAAA,QAtBJ,0EA0BI,MAAA,KACA,iBAAA,QACA,aAAA,QA5BJ,qDAkCM,MAAA,QAlCN,6DAqCQ,iBAAA,QAUR,sBACE,SAAA,SACA,cAAA,EACA,eAAA,IAHF,8BAOI,SAAA,SACA,IAAA,WACA,KAAA,QACA,QAAA,MACA,MAAA,KACA,OAAA,KACA,eAAA,KACA,QAAA,GACA,iBAAA,KACA,OAAA,QAAA,MAAA,IAhBJ,6BAsBI,SAAA,SACA,IAAA,WACA,KAAA,QACA,QAAA,MACA,MAAA,KACA,OAAA,KACA,QAAA,GACA,WAAA,UAAA,GAAA,CAAA,IAAA,IASJ,+CNrGI,cAAA,IMqGJ,4EAOM,iBAAA,+LAPN,mFAaM,aAAA,QFjHF,iBAAA,QEoGJ,kFAkBM,iBAAA,4IAlBN,sFAwBM,iBAAA,kBAxBN,4FA2BM,iBAAA,kBASN,4CAGI,cAAA,KAHJ,yEAQM,iBAAA,yIARN,mFAcM,iBAAA,kBAUN,eACE,aAAA,QADF,6CAKM,KAAA,SACA,MAAA,QACA,eAAA,IAEA,cAAA,MATN,4CAaM,IAAA,uBACA,KAAA,qBACA,MAAA,iBACA,OAAA,iBACA,iBAAA,QAEA,cAAA,MLnLA,WAAA,UAAA,KAAA,WAAA,CAAA,iBAAA,KAAA,WAAA,CAAA,aAAA,KAAA,WAAA,CAAA,WAAA,KAAA,YAKF,uCK2JJ,4CL1JM,WAAA,MK0JN,0EA0BM,iBAAA,KACA,UAAA,mBA3BN,oFAiCM,iBAAA,kBAYN,eACE,QAAA,aACA,MAAA,KACA,OAAA,8BACA,QAAA,IAAA,QAAA,IAAA,OPxFI,UAAA,QO2FJ,YAAA,IACA,YAAA,OACA,MAAA,KACA,eAAA,OACA,WAAA,kkBAAA,UAAA,MAAA,OAAA,MAAA,CAAA,KACA,iBAAA,KACA,OAAA,IAAA,MAAA,QN3NE,cAAA,IM8NF,mBAAA,KAAA,gBAAA,KAAA,WAAA,KAhBF,qBAmBI,aAAA,QACA,QAAA,EAIE,WAAA,EAAA,EAAA,EAAA,MAAA,oBAxBN,gCAiCM,MAAA,QACA,iBAAA,KAlCN,yBAAA,qCAwCI,OAAA,KACA,cAAA,OACA,iBAAA,KA1CJ,wBA8CI,MAAA,QACA,iBAAA,QA/CJ,2BAoDI,QAAA,KAIJ,kBACE,OAAA,6BACA,YAAA,OACA,eAAA,OACA,aAAA,MPhJI,UAAA,OOoJN,kBACE,OAAA,4BACA,YAAA,MACA,eAAA,MACA,aAAA,KPxJI,UAAA,QOiKN,aACE,SAAA,SACA,QAAA,aACA,MAAA,KACA,OAAA,8BACA,cAAA,EAGF,mBACE,SAAA,SACA,QAAA,EACA,MAAA,KACA,OAAA,8BACA,OAAA,EACA,QAAA,EANF,4CASI,aAAA,QACA,WAAA,EAAA,EAAA,EAAA,MAAA,oBAVJ,+CAcI,iBAAA,QAdJ,sDAmBM,QAAA,cAnBN,sDAmBM,QAAA,aAnBN,0DAwBI,QAAA,kBAIJ,mBACE,SAAA,SACA,IAAA,EACA,MAAA,EACA,KAAA,EACA,QAAA,EACA,OAAA,8BACA,QAAA,QAAA,OAEA,YAAA,IACA,YAAA,OACA,MAAA,QACA,iBAAA,KACA,OAAA,IAAA,MAAA,QN5UE,cAAA,IM+TJ,0BAkBI,SAAA,SACA,IAAA,EACA,MAAA,EACA,OAAA,EACA,QAAA,EACA,QAAA,MACA,OAAA,wBACA,QAAA,QAAA,OACA,YAAA,OACA,MAAA,QACA,QAAA,SF1VA,iBAAA,QE4VA,YAAA,QN7VA,cAAA,EAAA,IAAA,IAAA,EMwWJ,cACE,MAAA,KACA,OAAA,mBACA,QAAA,EACA,iBAAA,YACA,mBAAA,KAAA,gBAAA,KAAA,WAAA,KALF,oBAQI,QAAA,EARJ,0CAY8B,WAAA,EAAA,EAAA,EAAA,IAAA,IAAA,CAAA,EAAA,EAAA,EAAA,MAAA,oBAZ9B,sCAa8B,WAAA,EAAA,EAAA,EAAA,IAAA,IAAA,CAAA,EAAA,EAAA,EAAA,MAAA,oBAb9B,+BAc8B,WAAA,EAAA,EAAA,EAAA,IAAA,IAAA,CAAA,EAAA,EAAA,EAAA,MAAA,oBAd9B,gCAkBI,OAAA,EAlBJ,oCAsBI,MAAA,KACA,OAAA,KACA,WAAA,QF/XA,iBAAA,QEiYA,OAAA,ENlYA,cAAA,KCCE,WAAA,iBAAA,KAAA,WAAA,CAAA,aAAA,KAAA,WAAA,CAAA,WAAA,KAAA,YKqYF,mBAAA,KAAA,WAAA,KLhYA,uCKkWJ,oCLjWM,WAAA,MKiWN,2CFvWI,iBAAA,QEuWJ,6CAsCI,MAAA,KACA,OAAA,MACA,MAAA,YACA,OAAA,QACA,iBAAA,QACA,aAAA,YNnZA,cAAA,KMwWJ,gCAiDI,MAAA,KACA,OAAA,KFzZA,iBAAA,QE2ZA,OAAA,EN5ZA,cAAA,KCCE,WAAA,iBAAA,KAAA,WAAA,CAAA,aAAA,KAAA,WAAA,CAAA,WAAA,KAAA,YK+ZF,gBAAA,KAAA,WAAA,KL1ZA,uCKkWJ,gCLjWM,WAAA,MKiWN,uCFvWI,iBAAA,QEuWJ,gCAgEI,MAAA,KACA,OAAA,MACA,MAAA,YACA,OAAA,QACA,iBAAA,QACA,aAAA,YN7aA,cAAA,KMwWJ,yBA2EI,MAAA,KACA,OAAA,KACA,WAAA,EACA,aAAA,MACA,YAAA,MFtbA,iBAAA,QEwbA,OAAA,ENzbA,cAAA,KCCE,WAAA,iBAAA,KAAA,WAAA,CAAA,aAAA,KAAA,WAAA,CAAA,WAAA,KAAA,YK4bF,WAAA,KLvbA,uCKkWJ,yBLjWM,WAAA,MKiWN,gCFvWI,iBAAA,QEuWJ,yBA6FI,MAAA,KACA,OAAA,MACA,MAAA,YACA,OAAA,QACA,iBAAA,YACA,aAAA,YACA,aAAA,MAnGJ,8BAwGI,iBAAA,QNhdA,cAAA,KMwWJ,8BA6GI,aAAA,KACA,iBAAA,QNtdA,cAAA,KMwWJ,6CAoHM,iBAAA,QApHN,sDAwHM,OAAA,QAxHN,yCA4HM,iBAAA,QA5HN,yCAgIM,OAAA,QAhIN,kCAoIM,iBAAA,QAKN,8BH8ZA,mBACA,eF/4BM,WAAA,iBAAA,KAAA,WAAA,CAAA,aAAA,KAAA,WAAA,CAAA,WAAA,KAAA,YAKF,uCK2eJ,8BHqaE,mBACA,eFh5BI,WAAA,MMNN,aACE,SAAA,SACA,QAAA,KACA,UAAA,KACA,YAAA,QACA,MAAA,KJi6BF,0BADA,4BIr6BA,2BJo6BA,qCIz5BI,SAAA,SACA,KAAA,EAAA,EAAA,KAGA,MAAA,GACA,cAAA,EJw6BJ,uCADA,yCADA,wCADA,yCADA,2CADA,0CAJA,wCADA,0CI96BA,yCJk7BA,kDADA,oDADA,mDI35BM,YAAA,KJy6BN,sEADA,kCI77BA,iCA6BI,QAAA,EA7BJ,mDAkCI,QAAA,EJq6BJ,6CIv8BA,4CPeI,wBAAA,EACA,2BAAA,EG67BJ,8CI78BA,6CP6BI,uBAAA,EACA,0BAAA,EO9BJ,0BA8CI,QAAA,KACA,YAAA,OA/CJ,8DJw9BA,qEHz8BI,wBAAA,EACA,2BAAA,EOhBJ,+DP6BI,uBAAA,EACA,0BAAA,EGq8BJ,oBIr6BA,qBAEE,QAAA,KJw6BF,yBI16BA,0BAQI,SAAA,SACA,QAAA,EJu6BJ,+BIh7BA,gCAYM,QAAA,EJ46BN,8BACA,2CAEA,2CADA,wDI17BA,+BJq7BA,4CAEA,4CADA,yDIl6BI,YAAA,KAIJ,qBAAiC,aAAA,KACjC,oBAAgC,YAAA,KAQhC,kBACE,QAAA,KACA,YAAA,OACA,QAAA,QAAA,OACA,cAAA,ERsBI,UAAA,QQpBJ,YAAA,IACA,YAAA,OACA,MAAA,QACA,WAAA,OACA,YAAA,OACA,iBAAA,QACA,OAAA,IAAA,MAAA,QP5GE,cAAA,IGuhCJ,uCIv7BA,oCAkBI,WAAA,EJ06BJ,+BIh6BA,4CAEE,OAAA,4BJm6BF,+BIh6BA,8BJo6BA,yCAFA,sDACA,0CAFA,uDI35BE,QAAA,MAAA,KRbI,UAAA,QQeJ,YAAA,OPzIE,cAAA,IG6iCJ,+BIh6BA,4CAEE,OAAA,6BJm6BF,+BIh6BA,8BJo6BA,yCAFA,sDACA,0CAFA,uDI35BE,QAAA,OAAA,MR9BI,UAAA,OQgCJ,YAAA,OP1JE,cAAA,IO8JJ,+BJg6BA,+BI95BE,cAAA,QJs6BF,wFACA,+EAHA,uDACA,oEI15BA,uCJw5BA,oDHnjCI,wBAAA,EACA,2BAAA,EOmKJ,sCJy5BA,mDAGA,qEACA,kFAHA,yDACA,sEHjjCI,uBAAA,EACA,0BAAA,EQ7BJ,cACE,QAAA,IAAA,KACA,WAAA,IACA,cAAA,IACA,YAAA,KACA,MAAA,QALF,mDAQI,OAAA,IAAA,MAAA,QARJ,uBAAA,+CAaI,MAAA,QACA,OAAA,YACA,iBAAA,QACA,aAAA,QACA,QAAA,EACA,WAAA,KAlBJ,oBAsBI,MAAA,QAtBJ,0BA0BI,aAAA,KA1BJ,0BA8BI,cAAA,KAKJ,8BAEI,QAAA,EACA,WAAA,KAKJ,kBAEI,cAAA,EAKJ,gBAEI,cAAA,EL+kCJ,mBK1kCA,eAEE,OAAA,KACA,QAAA,IAAA,IAAA,IAAA,KACA,OAAA,IAAA,EACA,YAAA,KACA,MAAA,QL6kCF,wCKnlCA,oCASI,OAAA,QACA,OAAA,IAAA,MAAA,QL+kCJ,yBKzlCA,qBAcI,WAAA,EAAA,EAAA,IAAA,IAAA,kBLglCJ,4BK9lCA,wBAkBI,MAAA,QACA,OAAA,YACA,iBAAA,QACA,aAAA,QLilCJ,uCKtmCA,mCAyBI,MAAA,QAKJ,iBACE,OAAA,QAEF,6CACE,OAAA,QAEF,aACE,QAAA,KACA,UAAA,KACA,YAAA,OACA,OAAA,KACA,cAAA,KALF,8CAOI,OAAA,IAAA,MAAA,QAPJ,wBAUI,WAAA,IAGJ,uCACE,cAAA,KAGF,mBACE,OAAA,EAGF,mBACE,QAAA,KACA,YAAA,SACA,OAAA,KACA,QAAA,IAAA,KACA,cAAA,EACA,MAAA,QANF,0BASI,QAAA,KATJ,2BAcI,SAAA,SACA,IAAA,IACA,OAAA,EACA,QAAA,EACA,QAAA,KACA,YAAA,OACA,OAAA,KACA,QAAA,IAAA,IACA,aAAA,KACA,YAAA,KACA,MAAA,KACA,QAAA,cACA,iBAAA,QACA,OAAA,IAAA,MAAA,QAEA,cAAA,ILolCJ,kBK/kCA,gBAEE,UAAA,KAGF,kBACE,cAAA,EACA,YAAA,IACA,YAAA,KAGF,gBACE,cAAA,IAGF,kCL+kCA,+BK7kCE,WAAA,IAKF,4BAEI,WAAA,EAAA,EAAA,EAAA,IAAA,kBAFJ,0DAMI,OAAA,QACA,aAAA,QL+kCJ,kDKtlCA,yDAYI,OAAA,QAZJ,4DAgBI,OAAA,YACA,OAAA,KAjBJ,6DAqBI,OAAA,YACA,iBAAA,QACA,OAAA,IAAA,MAAA,QAvBJ,qDA2BI,OAAA,YAIJ,sBACE,YAAA,IACA,MAAA,QAGF,8BACE,IAAA,IAGF,6BACE,IAAA,IAIF,YACE,cAAA,IAIF,sBACE,UAAA,MACA,OAAA,KACA,WAAA,KACA,WAAA,MACA,cAAA,KACA,aAAA,KCxOA,yCACE,MAAA,KACA,iBAAA,YAGF,+CACE,iBAAA,KACA,gBAAA,YACA,OAAA,IAAA,MAAA,YTJA,cAAA,KSQF,+CACE,iBAAA,KTTA,cAAA,IQyOJ,WACE,UAAA,KACA,MAAA,KAIF,aACE,WAAA,IACA,cAAA,IAFF,2BAKI,WAAA,EACA,cAAA,EL2lCJ,+BKjmCA,6BAWI,WAAA,IAKJ,eLulCA,kBKrlCE,mBAAA,KACA,gBAAA,KACA,WAAA,KAIF,SACE,MAAA,KACA,UAAA,KAGF,SACE,MAAA,MACA,UAAA,MAGF,SACE,MAAA,MACA,UAAA,MAGF,SACE,MAAA,MACA,UAAA,MAGF,SACE,MAAA,MACA,UAAA,MAGF,eACE,MAAA,MACA,YAAA,IAGF,kBACE,QAAA,KACA,YAAA,OACA,QAAA,QAAA,OACA,cAAA,ET/KI,UAAA,QSiLJ,YAAA,IACA,YAAA,OACA,MAAA,QACA,WAAA,OACA,YAAA,OACA,iBAAA,QACA,OAAA,IAAA,MAAA,QRjTE,cAAA,IQqTJ,kBACE,OAAA,QACA,iBAAA,eAFF,uCAII,OAAA,IAAA,MAAA,QAIJ,2BACE,cAAA","sourcesContent":["// stylelint-disable selector-no-qualifying-type\n\n//\n// Textual form controls\n//\n\n.#{$prefix}form-control {\n  display: block;\n  width: 100%;\n  height: $input-height;\n  padding: $input-padding-y $input-padding-x;\n  font-family: $input-font-family;\n  @include font-size($input-font-size);\n  font-weight: $input-font-weight;\n  line-height: $input-line-height;\n  color: $input-color;\n  background-color: $input-bg;\n  background-clip: padding-box;\n  border: $input-border-width solid $input-border-color;\n\n  // Note: This has no effect on <select>s in some browsers, due to the limited stylability of `<select>`s in CSS.\n  @include border-radius($input-border-radius, 0);\n\n  @include box-shadow($input-box-shadow);\n  @include transition($input-transition);\n\n  // Unstyle the caret on `<select>`s in IE10+.\n  &::-ms-expand {\n    background-color: transparent;\n    border: 0;\n  }\n\n  // Customize the `:focus` state to imitate native WebKit styles.\n  @include form-control-focus;\n\n  // Placeholder\n  &::placeholder {\n    color: $input-placeholder-color;\n    // Override Firefox's unusual default opacity; see https://github.com/twbs/bootstrap/pull/11526.\n    opacity: 1;\n  }\n\n  // Disabled and read-only inputs\n  //\n  // HTML5 says that controls under a fieldset > legend:first-child won't be\n  // disabled if the fieldset is disabled. Due to implementation difficulty, we\n  // don't honor that edge case; we style them as disabled anyway.\n  &:disabled,\n  &[readonly] {\n    background-color: $input-disabled-bg;\n    // iOS fix for unreadable disabled content; see https://github.com/twbs/bootstrap/issues/11655.\n    opacity: 1;\n  }\n}\n\nselect.#{$prefix}form-control {\n  &:focus::-ms-value {\n    // Suppress the nested default white text on blue background highlight given to\n    // the selected option text when the (still closed) <select> receives focus\n    // in IE and (under certain conditions) Edge, as it looks bad and cannot be made to\n    // match the appearance of the native widget.\n    // See https://github.com/twbs/bootstrap/issues/19398.\n    color: $input-color;\n    background-color: $input-bg;\n  }\n}\n\n// Make file inputs better match text inputs by forcing them to new lines.\n.#{$prefix}form-control-file,\n.#{$prefix}form-control-range {\n  display: block;\n  width: 100%;\n}\n\n\n//\n// Labels\n//\n\n// For use with horizontal and inline forms, when you need the label (or legend)\n// text to align with the form controls.\n.#{$prefix}col-form-label {\n  padding-top: calc(#{$input-padding-y} + #{$input-border-width});\n  padding-bottom: calc(#{$input-padding-y} + #{$input-border-width});\n  margin-bottom: 0; // Override the `<label>/<legend>` default\n  @include font-size(inherit); // Override the `<legend>` default\n  line-height: $input-line-height;\n}\n\n.#{$prefix}col-form-label-lg {\n  padding-top: calc(#{$input-padding-y-lg} + #{$input-border-width});\n  padding-bottom: calc(#{$input-padding-y-lg} + #{$input-border-width});\n  @include font-size($input-font-size-lg);\n  line-height: $input-line-height-lg;\n}\n\n.#{$prefix}col-form-label-sm {\n  padding-top: calc(#{$input-padding-y-sm} + #{$input-border-width});\n  padding-bottom: calc(#{$input-padding-y-sm} + #{$input-border-width});\n  @include font-size($input-font-size-sm);\n  line-height: $input-line-height-sm;\n}\n\n\n// Readonly controls as plain text\n//\n// Apply class to a readonly input to make it appear like regular plain\n// text (without any border, background color, focus indicator)\n\n.#{$prefix}form-control-plaintext {\n  display: block;\n  width: 100%;\n  padding-top: $input-padding-y;\n  padding-bottom: $input-padding-y;\n  margin-bottom: 0; // match inputs if this class comes on inputs with default margins\n  line-height: $input-line-height;\n  color: $input-plaintext-color;\n  background-color: transparent;\n  border: solid transparent;\n  border-width: $input-border-width 0;\n\n  &.#{$prefix}form-control-sm,\n  &.#{$prefix}form-control-lg {\n    padding-right: 0;\n    padding-left: 0;\n  }\n}\n\n\n// Form control sizing\n//\n// Build on `.#{$prefix}form-control` with modifier classes to decrease or increase the\n// height and font-size of form controls.\n//\n// Repeated in `_input_group.scss` to avoid Sass extend issues.\n\n.#{$prefix}form-control-sm {\n  height: $input-height-sm;\n  padding: $input-padding-y-sm $input-padding-x-sm;\n  @include font-size($input-font-size-sm);\n  line-height: $input-line-height-sm;\n  @include border-radius($input-border-radius-sm);\n}\n\n.#{$prefix}form-control-lg {\n  height: $input-height-lg;\n  padding: $input-padding-y-lg $input-padding-x-lg;\n  @include font-size($input-font-size-lg);\n  line-height: $input-line-height-lg;\n  @include border-radius($input-border-radius-lg);\n}\n\n// stylelint-disable-next-line no-duplicate-selectors\nselect.#{$prefix}form-control {\n  &[size],\n  &[multiple] {\n    height: auto;\n  }\n}\n\ntextarea.#{$prefix}form-control {\n  height: auto;\n}\n\n// Form groups\n//\n// Designed to help with the organization and spacing of vertical forms. For\n// horizontal forms, use the predefined grid classes.\n\n.#{$prefix}form-group {\n  margin-bottom: $form-group-margin-bottom;\n}\n\n.#{$prefix}form-text {\n  display: block;\n  margin-top: $form-text-margin-top;\n}\n\n\n// Form grid\n//\n// Special replacement for our grid system's `.row` for tighter form layouts.\n\n.#{$prefix}form-row {\n  display: flex;\n  flex-wrap: wrap;\n  margin-right: -$form-grid-gutter-width / 2;\n  margin-left: -$form-grid-gutter-width / 2;\n\n  > .col,\n  > [class*=\"col-\"] {\n    padding-right: $form-grid-gutter-width / 2;\n    padding-left: $form-grid-gutter-width / 2;\n  }\n}\n\n\n// Checkboxes and radios\n//\n// Indent the labels to position radios/checkboxes as hanging controls.\n\n.#{$prefix}form-check {\n  position: relative;\n  display: block;\n  padding-left: $form-check-input-gutter;\n}\n\n.#{$prefix}form-check-input {\n  position: absolute;\n  margin-top: $form-check-input-margin-y;\n  margin-left: -$form-check-input-gutter;\n\n  &:disabled ~ .#{$prefix}form-check-label {\n    color: $text-muted;\n  }\n}\n\n.#{$prefix}form-check-label {\n  margin-bottom: 0; // Override default `<label>` bottom margin\n}\n\n.#{$prefix}form-check-inline {\n  display: inline-flex;\n  align-items: center;\n  padding-left: 0; // Override base .#{$prefix}form-check\n  margin-right: $form-check-inline-margin-x;\n\n  // Undo .#{$prefix}form-check-input defaults and add some `margin-right`.\n  .#{$prefix}form-check-input {\n    position: static;\n    margin-top: 0;\n    margin-right: $form-check-inline-input-margin-x;\n    margin-left: 0;\n  }\n}\n\n\n// Form validation\n//\n// Provide feedback to users when form field values are valid or invalid. Works\n// primarily for client-side validation via scoped `:invalid` and `:valid`\n// pseudo-classes but also includes `.is-invalid` and `.is-valid` classes for\n// server side validation.\n\n@each $state, $data in $form-validation-states {\n  @include form-validation-state($state, map-get($data, color), map-get($data, icon));\n}\n\n// Inline forms\n//\n// Make forms appear inline(-block) by adding the `.#{$prefix}form-inline` class. Inline\n// forms begin stacked on extra small (mobile) devices and then go inline when\n// viewports reach <768px.\n//\n// Requires wrapping inputs and labels with `.#{$prefix}form-group` for proper display of\n// default HTML form controls and our custom form controls (e.g., input groups).\n\n.#{$prefix}form-inline {\n  display: flex;\n  flex-flow: row wrap;\n  align-items: center; // Prevent shorter elements from growing to same height as others (e.g., small buttons growing to normal sized button height)\n\n  // Because we use flex, the initial sizing of checkboxes is collapsed and\n  // doesn't occupy the full-width (which is what we want for xs grid tier),\n  // so we force that here.\n  .#{$prefix}form-check {\n    width: 100%;\n  }\n\n  // Kick in the inline\n  @include media-breakpoint-up(sm) {\n    label {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      margin-bottom: 0;\n    }\n\n    // Inline-block all the things for \"inline\"\n    .#{$prefix}form-group {\n      display: flex;\n      flex: 0 0 auto;\n      flex-flow: row wrap;\n      align-items: center;\n      margin-bottom: 0;\n    }\n\n    // Allow folks to *not* use `.#{$prefix}form-group`\n    .#{$prefix}form-control {\n      display: inline-block;\n      width: auto; // Prevent labels from stacking above inputs in `.#{$prefix}form-group`\n      vertical-align: middle;\n    }\n\n    // Make static controls behave like regular ones\n    .#{$prefix}form-control-plaintext {\n      display: inline-block;\n    }\n\n    .input-group,\n    .#{$prefix}custom-select {\n      width: auto;\n    }\n\n    // Remove default margin on radios/checkboxes that were used for stacking, and\n    // then undo the floating of radios and checkboxes to match.\n    .#{$prefix}form-check {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      width: auto;\n      padding-left: 0;\n    }\n    .#{$prefix}form-check-input {\n      position: relative;\n      flex-shrink: 0;\n      margin-top: 0;\n      margin-right: $form-check-input-margin-x;\n      margin-left: 0;\n    }\n\n    .#{$prefix}custom-control {\n      align-items: center;\n      justify-content: center;\n    }\n    .#{$prefix}custom-control-label {\n      margin-bottom: 0;\n    }\n  }\n}\n","// stylelint-disable property-blacklist, scss/dollar-variable-default\n\n// SCSS RFS mixin\n//\n// Automated font-resizing\n//\n// See https://github.com/twbs/rfs\n\n// Configuration\n\n// Base font size\n$rfs-base-font-size: 1.25rem !default;\n$rfs-font-size-unit: rem !default;\n\n// Breakpoint at where font-size starts decreasing if screen width is smaller\n$rfs-breakpoint: 1200px !default;\n$rfs-breakpoint-unit: px !default;\n\n// Resize font-size based on screen height and width\n$rfs-two-dimensional: false !default;\n\n// Factor of decrease\n$rfs-factor: 10 !default;\n\n@if type-of($rfs-factor) != \"number\" or $rfs-factor <= 1 {\n  @error \"`#{$rfs-factor}` is not a valid  $rfs-factor, it must be greater than 1.\";\n}\n\n// Generate enable or disable classes. Possibilities: false, \"enable\" or \"disable\"\n$rfs-class: false !default;\n\n// 1 rem = $rfs-rem-value px\n$rfs-rem-value: 16 !default;\n\n// Safari iframe resize bug: https://github.com/twbs/rfs/issues/14\n$rfs-safari-iframe-resize-bug-fix: false !default;\n\n// Disable RFS by setting $enable-responsive-font-sizes to false\n$enable-responsive-font-sizes: true !default;\n\n// Cache $rfs-base-font-size unit\n$rfs-base-font-size-unit: unit($rfs-base-font-size);\n\n// Remove px-unit from $rfs-base-font-size for calculations\n@if $rfs-base-font-size-unit == \"px\" {\n  $rfs-base-font-size: $rfs-base-font-size / ($rfs-base-font-size * 0 + 1);\n}\n@else if $rfs-base-font-size-unit == \"rem\" {\n  $rfs-base-font-size: $rfs-base-font-size / ($rfs-base-font-size * 0 + 1 / $rfs-rem-value);\n}\n\n// Cache $rfs-breakpoint unit to prevent multiple calls\n$rfs-breakpoint-unit-cache: unit($rfs-breakpoint);\n\n// Remove unit from $rfs-breakpoint for calculations\n@if $rfs-breakpoint-unit-cache == \"px\" {\n  $rfs-breakpoint: $rfs-breakpoint / ($rfs-breakpoint * 0 + 1);\n}\n@else if $rfs-breakpoint-unit-cache == \"rem\" or $rfs-breakpoint-unit-cache == \"em\" {\n  $rfs-breakpoint: $rfs-breakpoint / ($rfs-breakpoint * 0 + 1 / $rfs-rem-value);\n}\n\n// Responsive font-size mixin\n@mixin rfs($fs, $important: false) {\n  // Cache $fs unit\n  $fs-unit: if(type-of($fs) == \"number\", unit($fs), false);\n\n  // Add !important suffix if needed\n  $rfs-suffix: if($important, \" !important\", \"\");\n\n  // If $fs isn't a number (like inherit) or $fs has a unit (not px or rem, like 1.5em) or $ is 0, just print the value\n  @if not $fs-unit or $fs-unit != \"\" and $fs-unit != \"px\" and $fs-unit != \"rem\" or $fs == 0 {\n    font-size: #{$fs}#{$rfs-suffix};\n  }\n  @else {\n    // Variables for storing static and fluid rescaling\n    $rfs-static: null;\n    $rfs-fluid: null;\n\n    // Remove px-unit from $fs for calculations\n    @if $fs-unit == \"px\" {\n      $fs: $fs / ($fs * 0 + 1);\n    }\n    @else if $fs-unit == \"rem\" {\n      $fs: $fs / ($fs * 0 + 1 / $rfs-rem-value);\n    }\n\n    // Set default font-size\n    @if $rfs-font-size-unit == rem {\n      $rfs-static: #{$fs / $rfs-rem-value}rem#{$rfs-suffix};\n    }\n    @else if $rfs-font-size-unit == px {\n      $rfs-static: #{$fs}px#{$rfs-suffix};\n    }\n    @else {\n      @error \"`#{$rfs-font-size-unit}` is not a valid unit for $rfs-font-size-unit. Use `px` or `rem`.\";\n    }\n\n    // Only add media query if font-size is bigger as the minimum font-size\n    // If $rfs-factor == 1, no rescaling will take place\n    @if $fs > $rfs-base-font-size and $enable-responsive-font-sizes {\n      $min-width: null;\n      $variable-unit: null;\n\n      // Calculate minimum font-size for given font-size\n      $fs-min: $rfs-base-font-size + ($fs - $rfs-base-font-size) / $rfs-factor;\n\n      // Calculate difference between given font-size and minimum font-size for given font-size\n      $fs-diff: $fs - $fs-min;\n\n      // Base font-size formatting\n      // No need to check if the unit is valid, because we did that before\n      $min-width: if($rfs-font-size-unit == rem, #{$fs-min / $rfs-rem-value}rem, #{$fs-min}px);\n\n      // If two-dimensional, use smallest of screen width and height\n      $variable-unit: if($rfs-two-dimensional, vmin, vw);\n\n      // Calculate the variable width between 0 and $rfs-breakpoint\n      $variable-width: #{$fs-diff * 100 / $rfs-breakpoint}#{$variable-unit};\n\n      // Set the calculated font-size.\n      $rfs-fluid: calc(#{$min-width} + #{$variable-width}) #{$rfs-suffix};\n    }\n\n    // Rendering\n    @if $rfs-fluid == null {\n      // Only render static font-size if no fluid font-size is available\n      font-size: $rfs-static;\n    }\n    @else {\n      $mq-value: null;\n\n      // RFS breakpoint formatting\n      @if $rfs-breakpoint-unit == em or $rfs-breakpoint-unit == rem {\n        $mq-value: #{$rfs-breakpoint / $rfs-rem-value}#{$rfs-breakpoint-unit};\n      }\n      @else if $rfs-breakpoint-unit == px {\n        $mq-value: #{$rfs-breakpoint}px;\n      }\n      @else {\n        @error \"`#{$rfs-breakpoint-unit}` is not a valid unit for $rfs-breakpoint-unit. Use `px`, `em` or `rem`.\";\n      }\n\n      @if $rfs-class == \"disable\" {\n        // Adding an extra class increases specificity,\n        // which prevents the media query to override the font size\n        &,\n        .disable-responsive-font-size &,\n        &.disable-responsive-font-size {\n          font-size: $rfs-static;\n        }\n      }\n      @else {\n        font-size: $rfs-static;\n      }\n\n      @if $rfs-two-dimensional {\n        @media (max-width: #{$mq-value}), (max-height: #{$mq-value}) {\n          @if $rfs-class == \"enable\" {\n            .enable-responsive-font-size &,\n            &.enable-responsive-font-size {\n              font-size: $rfs-fluid;\n            }\n          }\n          @else {\n            font-size: $rfs-fluid;\n          }\n\n          @if $rfs-safari-iframe-resize-bug-fix {\n            // stylelint-disable-next-line length-zero-no-unit\n            min-width: 0vw;\n          }\n        }\n      }\n      @else {\n        @media (max-width: #{$mq-value}) {\n          @if $rfs-class == \"enable\" {\n            .enable-responsive-font-size &,\n            &.enable-responsive-font-size {\n              font-size: $rfs-fluid;\n            }\n          }\n          @else {\n            font-size: $rfs-fluid;\n          }\n\n          @if $rfs-safari-iframe-resize-bug-fix {\n            // stylelint-disable-next-line length-zero-no-unit\n            min-width: 0vw;\n          }\n        }\n      }\n    }\n  }\n}\n\n// The font-size & responsive-font-size mixin uses RFS to rescale font sizes\n@mixin font-size($fs, $important: false) {\n  @include rfs($fs, $important);\n}\n\n@mixin responsive-font-size($fs, $important: false) {\n  @include rfs($fs, $important);\n}\n","// stylelint-disable property-blacklist\n// Single side border-radius\n\n@mixin border-radius($radius: $border-radius, $fallback-border-radius: false) {\n  @if $enable-rounded {\n    border-radius: $radius;\n  }\n  @else if $fallback-border-radius != false {\n    border-radius: $fallback-border-radius;\n  }\n}\n\n@mixin border-top-radius($radius) {\n  @if $enable-rounded {\n    border-top-left-radius: $radius;\n    border-top-right-radius: $radius;\n  }\n}\n\n@mixin border-right-radius($radius) {\n  @if $enable-rounded {\n    border-top-right-radius: $radius;\n    border-bottom-right-radius: $radius;\n  }\n}\n\n@mixin border-bottom-radius($radius) {\n  @if $enable-rounded {\n    border-bottom-right-radius: $radius;\n    border-bottom-left-radius: $radius;\n  }\n}\n\n@mixin border-left-radius($radius) {\n  @if $enable-rounded {\n    border-top-left-radius: $radius;\n    border-bottom-left-radius: $radius;\n  }\n}\n\n@mixin border-top-left-radius($radius) {\n  @if $enable-rounded {\n    border-top-left-radius: $radius;\n  }\n}\n\n@mixin border-top-right-radius($radius) {\n  @if $enable-rounded {\n    border-top-right-radius: $radius;\n  }\n}\n\n@mixin border-bottom-right-radius($radius) {\n  @if $enable-rounded {\n    border-bottom-right-radius: $radius;\n  }\n}\n\n@mixin border-bottom-left-radius($radius) {\n  @if $enable-rounded {\n    border-bottom-left-radius: $radius;\n  }\n}\n","// stylelint-disable property-blacklist\n@mixin transition($transition...) {\n  @if $enable-transitions {\n    @if length($transition) == 0 {\n      transition: $transition-base;\n    } @else {\n      transition: $transition;\n    }\n  }\n\n  @if $enable-prefers-reduced-motion-media-query {\n    @media (prefers-reduced-motion: reduce) {\n      transition: none;\n    }\n  }\n}\n","// Form control focus state\n//\n// Generate a customized focus state and for any input with the specified color,\n// which defaults to the `$input-focus-border-color` variable.\n//\n// We highly encourage you to not customize the default value, but instead use\n// this to tweak colors on an as-needed basis. This aesthetic change is based on\n// WebKit's default styles, but applicable to a wider range of browsers. Its\n// usability and accessibility should be taken into account with any change.\n//\n// Example usage: change the default blue border and shadow to white for better\n// contrast against a dark gray background.\n@mixin form-control-focus() {\n  &:focus {\n    color: $input-focus-color;\n    background-color: $input-focus-bg;\n    border-color: $input-focus-border-color;\n    outline: 0;\n    // Avoid using mixin so we can pass custom focus shadow properly\n    @if $enable-shadows {\n      box-shadow: $input-box-shadow, $input-focus-box-shadow;\n    } @else {\n      box-shadow: $input-focus-box-shadow;\n    }\n  }\n}\n\n\n@mixin form-validation-state($state, $color, $icon) {\n  .#{$state}-feedback {\n    display: none;\n    width: 100%;\n    margin-top: $form-feedback-margin-top;\n    @include font-size($form-feedback-font-size);\n    color: $color;\n  }\n\n  .#{$state}-tooltip {\n    position: absolute;\n    top: 100%;\n    z-index: 5;\n    display: none;\n    max-width: 100%; // Contain to parent when possible\n    padding: $form-feedback-tooltip-padding-y $form-feedback-tooltip-padding-x;\n    margin-top: .1rem;\n    @include font-size($form-feedback-tooltip-font-size);\n    line-height: $form-feedback-tooltip-line-height;\n    color: color-yiq($color);\n    background-color: rgba($color, $form-feedback-tooltip-opacity);\n    @include border-radius($form-feedback-tooltip-border-radius);\n  }\n\n  .#{$prefix}form-control {\n    .was-validated &:#{$state},\n    &.is-#{$state} {\n      border-color: $color;\n\n      @if $enable-validation-icons {\n        padding-right: $input-height-inner;\n        background-image: $icon;\n        background-repeat: no-repeat;\n        background-position: center right $input-height-inner-quarter;\n        background-size: $input-height-inner-half $input-height-inner-half;\n      }\n\n      &:focus {\n        border-color: $color;\n        box-shadow: 0 0 0 $input-focus-width rgba($color, .25);\n      }\n\n      ~ .#{$state}-feedback,\n      ~ .#{$state}-tooltip {\n        display: block;\n      }\n    }\n  }\n\n  // stylelint-disable-next-line selector-no-qualifying-type\n  textarea.#{$prefix}form-control {\n    .was-validated &:#{$state},\n    &.is-#{$state} {\n      @if $enable-validation-icons {\n        padding-right: $input-height-inner;\n        background-position: top $input-height-inner-quarter right $input-height-inner-quarter;\n      }\n    }\n  }\n\n  .#{$prefix}custom-select {\n    .was-validated &:#{$state},\n    &.is-#{$state} {\n      border-color: $color;\n\n      @if $enable-validation-icons {\n        padding-right: $custom-select-feedback-icon-padding-right;\n        background: $custom-select-background, $icon $custom-select-bg no-repeat $custom-select-feedback-icon-position / $custom-select-feedback-icon-size;\n      }\n\n      &:focus {\n        border-color: $color;\n        box-shadow: 0 0 0 $input-focus-width rgba($color, .25);\n      }\n\n      ~ .#{$state}-feedback,\n      ~ .#{$state}-tooltip {\n        display: block;\n      }\n    }\n  }\n\n\n  .#{$prefix}form-control-file {\n    .was-validated &:#{$state},\n    &.is-#{$state} {\n      ~ .#{$state}-feedback,\n      ~ .#{$state}-tooltip {\n        display: block;\n      }\n    }\n  }\n\n  .#{$prefix}form-check-input {\n    .was-validated &:#{$state},\n    &.is-#{$state} {\n      ~ .#{$prefix}form-check-label {\n        color: $color;\n      }\n\n      ~ .#{$state}-feedback,\n      ~ .#{$state}-tooltip {\n        display: block;\n      }\n    }\n  }\n\n  .#{$prefix}custom-control-input {\n    .was-validated &:#{$state},\n    &.is-#{$state} {\n      ~ .#{$prefix}custom-control-label {\n        color: $color;\n\n        &::before {\n          border-color: $color;\n        }\n      }\n\n      ~ .#{$state}-feedback,\n      ~ .#{$state}-tooltip {\n        display: block;\n      }\n\n      &:checked {\n        ~ .#{$prefix}custom-control-label::before {\n          border-color: lighten($color, 10%);\n          @include gradient-bg(lighten($color, 10%));\n        }\n      }\n\n      &:focus {\n        ~ .#{$prefix}custom-control-label::before {\n          box-shadow: 0 0 0 $input-focus-width rgba($color, .25);\n        }\n\n        &:not(:checked) ~ .#{$prefix}custom-control-label::before {\n          border-color: $color;\n        }\n      }\n    }\n  }\n\n  // custom file\n  .#{$prefix}custom-file-input {\n    .was-validated &:#{$state},\n    &.is-#{$state} {\n      ~ .#{$prefix}custom-file-label {\n        border-color: $color;\n      }\n\n      ~ .#{$state}-feedback,\n      ~ .#{$state}-tooltip {\n        display: block;\n      }\n\n      &:focus {\n        ~ .#{$prefix}custom-file-label {\n          border-color: $color;\n          box-shadow: 0 0 0 $input-focus-width rgba($color, .25);\n        }\n      }\n    }\n  }\n}\n",".form-control {\n  display: block;\n  width: 100%;\n  height: 36px;\n  padding: 0.375rem 0.75rem;\n  font-size: 0.875rem;\n  font-weight: 400;\n  line-height: 1.4285;\n  color: #212121;\n  background-color: #fff;\n  background-clip: padding-box;\n  border: 1px solid #e2e2e2;\n  border-radius: 4px;\n  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .form-control {\n    transition: none;\n  }\n}\n\n.form-control::-ms-expand {\n  background-color: transparent;\n  border: 0;\n}\n\n.form-control:focus {\n  color: #212121;\n  background-color: #fff;\n  border-color: #005fbf;\n  outline: 0;\n  box-shadow: 0 0 4px 1px rgba(0, 95, 191, 0.3);\n}\n\n.form-control::-webkit-input-placeholder {\n  color: #b4b4b4;\n  opacity: 1;\n}\n\n.form-control::-moz-placeholder {\n  color: #b4b4b4;\n  opacity: 1;\n}\n\n.form-control:-ms-input-placeholder {\n  color: #b4b4b4;\n  opacity: 1;\n}\n\n.form-control::-ms-input-placeholder {\n  color: #b4b4b4;\n  opacity: 1;\n}\n\n.form-control::placeholder {\n  color: #b4b4b4;\n  opacity: 1;\n}\n\n.form-control:disabled, .form-control[readonly] {\n  background-color: #f2f4f7;\n  opacity: 1;\n}\n\nselect.form-control:focus::-ms-value {\n  color: #212121;\n  background-color: #fff;\n}\n\n.form-control-file,\n.form-control-range {\n  display: block;\n  width: 100%;\n}\n\n.col-form-label {\n  padding-top: calc(0.375rem + 1px);\n  padding-bottom: calc(0.375rem + 1px);\n  margin-bottom: 0;\n  font-size: inherit;\n  line-height: 1.4285;\n}\n\n.col-form-label-lg {\n  padding-top: calc(0.5rem + 1px);\n  padding-bottom: calc(0.5rem + 1px);\n  font-size: 1.25rem;\n  line-height: 1.4285;\n}\n\n.col-form-label-sm {\n  padding-top: calc(0.25rem + 1px);\n  padding-bottom: calc(0.25rem + 1px);\n  font-size: 0.75rem;\n  line-height: 1.4285;\n}\n\n.form-control-plaintext {\n  display: block;\n  width: 100%;\n  padding-top: 0.375rem;\n  padding-bottom: 0.375rem;\n  margin-bottom: 0;\n  line-height: 1.4285;\n  color: #212121;\n  background-color: transparent;\n  border: solid transparent;\n  border-width: 1px 0;\n}\n\n.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg {\n  padding-right: 0;\n  padding-left: 0;\n}\n\n.form-control-sm {\n  height: calc(1.4285em + 0.5rem + 2px);\n  padding: 0.25rem 0.5rem;\n  font-size: 0.75rem;\n  line-height: 1.4285;\n  border-radius: 4px;\n}\n\n.form-control-lg {\n  height: calc(1.4285em + 1rem + 2px);\n  padding: 0.5rem 1rem;\n  font-size: 1.25rem;\n  line-height: 1.4285;\n  border-radius: 4px;\n}\n\nselect.form-control[size], select.form-control[multiple] {\n  height: auto;\n}\n\ntextarea.form-control {\n  height: auto;\n}\n\n.form-group {\n  margin-bottom: 20px;\n}\n\n.form-text {\n  display: block;\n  margin-top: 0;\n}\n\n.form-row {\n  display: flex;\n  flex-wrap: wrap;\n  margin-right: -5px;\n  margin-left: -5px;\n}\n\n.form-row > .col,\n.form-row > [class*=\"col-\"] {\n  padding-right: 5px;\n  padding-left: 5px;\n}\n\n.form-check {\n  position: relative;\n  display: block;\n  padding-left: 1.25rem;\n}\n\n.form-check-input {\n  position: absolute;\n  margin-top: 0.3rem;\n  margin-left: -1.25rem;\n}\n\n.form-check-input:disabled ~ .form-check-label {\n  color: #b4b4b4;\n}\n\n.form-check-label {\n  margin-bottom: 0;\n}\n\n.form-check-inline {\n  display: inline-flex;\n  align-items: center;\n  padding-left: 0;\n  margin-right: 0.75rem;\n}\n\n.form-check-inline .form-check-input {\n  position: static;\n  margin-top: 0;\n  margin-right: 0.3125rem;\n  margin-left: 0;\n}\n\n.valid-feedback {\n  display: none;\n  width: 100%;\n  margin-top: 0;\n  font-size: 0.75rem;\n  color: #009f61;\n}\n\n.valid-tooltip {\n  position: absolute;\n  top: 100%;\n  z-index: 5;\n  display: none;\n  max-width: 100%;\n  padding: 0.25rem 0.5rem;\n  margin-top: .1rem;\n  font-size: 0.75rem;\n  line-height: 1.4285;\n  color: #fff;\n  background-color: rgba(0, 159, 97, 0.9);\n  border-radius: 4px;\n}\n\n.was-validated .form-control:valid, .form-control.is-valid {\n  border-color: #009f61;\n}\n\n.was-validated .form-control:valid:focus, .form-control.is-valid:focus {\n  border-color: #009f61;\n  box-shadow: 0 0 0 0.2rem rgba(0, 159, 97, 0.25);\n}\n\n.was-validated .form-control:valid ~ .valid-feedback,\n.was-validated .form-control:valid ~ .valid-tooltip, .form-control.is-valid ~ .valid-feedback,\n.form-control.is-valid ~ .valid-tooltip {\n  display: block;\n}\n\n.was-validated .custom-select:valid, .custom-select.is-valid {\n  border-color: #009f61;\n}\n\n.was-validated .custom-select:valid:focus, .custom-select.is-valid:focus {\n  border-color: #009f61;\n  box-shadow: 0 0 0 0.2rem rgba(0, 159, 97, 0.25);\n}\n\n.was-validated .custom-select:valid ~ .valid-feedback,\n.was-validated .custom-select:valid ~ .valid-tooltip, .custom-select.is-valid ~ .valid-feedback,\n.custom-select.is-valid ~ .valid-tooltip {\n  display: block;\n}\n\n.was-validated .form-control-file:valid ~ .valid-feedback,\n.was-validated .form-control-file:valid ~ .valid-tooltip, .form-control-file.is-valid ~ .valid-feedback,\n.form-control-file.is-valid ~ .valid-tooltip {\n  display: block;\n}\n\n.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {\n  color: #009f61;\n}\n\n.was-validated .form-check-input:valid ~ .valid-feedback,\n.was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback,\n.form-check-input.is-valid ~ .valid-tooltip {\n  display: block;\n}\n\n.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label {\n  color: #009f61;\n}\n\n.was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before {\n  border-color: #009f61;\n}\n\n.was-validated .custom-control-input:valid ~ .valid-feedback,\n.was-validated .custom-control-input:valid ~ .valid-tooltip, .custom-control-input.is-valid ~ .valid-feedback,\n.custom-control-input.is-valid ~ .valid-tooltip {\n  display: block;\n}\n\n.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before {\n  border-color: #00d280;\n  background-color: #00d280;\n}\n\n.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before {\n  box-shadow: 0 0 0 0.2rem rgba(0, 159, 97, 0.25);\n}\n\n.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before {\n  border-color: #009f61;\n}\n\n.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label {\n  border-color: #009f61;\n}\n\n.was-validated .custom-file-input:valid ~ .valid-feedback,\n.was-validated .custom-file-input:valid ~ .valid-tooltip, .custom-file-input.is-valid ~ .valid-feedback,\n.custom-file-input.is-valid ~ .valid-tooltip {\n  display: block;\n}\n\n.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label {\n  border-color: #009f61;\n  box-shadow: 0 0 0 0.2rem rgba(0, 159, 97, 0.25);\n}\n\n.invalid-feedback {\n  display: none;\n  width: 100%;\n  margin-top: 0;\n  font-size: 0.75rem;\n  color: #d74022;\n}\n\n.invalid-tooltip {\n  position: absolute;\n  top: 100%;\n  z-index: 5;\n  display: none;\n  max-width: 100%;\n  padding: 0.25rem 0.5rem;\n  margin-top: .1rem;\n  font-size: 0.75rem;\n  line-height: 1.4285;\n  color: #fff;\n  background-color: rgba(215, 64, 34, 0.9);\n  border-radius: 4px;\n}\n\n.was-validated .form-control:invalid, .form-control.is-invalid {\n  border-color: #d74022;\n}\n\n.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus {\n  border-color: #d74022;\n  box-shadow: 0 0 0 0.2rem rgba(215, 64, 34, 0.25);\n}\n\n.was-validated .form-control:invalid ~ .invalid-feedback,\n.was-validated .form-control:invalid ~ .invalid-tooltip, .form-control.is-invalid ~ .invalid-feedback,\n.form-control.is-invalid ~ .invalid-tooltip {\n  display: block;\n}\n\n.was-validated .custom-select:invalid, .custom-select.is-invalid {\n  border-color: #d74022;\n}\n\n.was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus {\n  border-color: #d74022;\n  box-shadow: 0 0 0 0.2rem rgba(215, 64, 34, 0.25);\n}\n\n.was-validated .custom-select:invalid ~ .invalid-feedback,\n.was-validated .custom-select:invalid ~ .invalid-tooltip, .custom-select.is-invalid ~ .invalid-feedback,\n.custom-select.is-invalid ~ .invalid-tooltip {\n  display: block;\n}\n\n.was-validated .form-control-file:invalid ~ .invalid-feedback,\n.was-validated .form-control-file:invalid ~ .invalid-tooltip, .form-control-file.is-invalid ~ .invalid-feedback,\n.form-control-file.is-invalid ~ .invalid-tooltip {\n  display: block;\n}\n\n.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {\n  color: #d74022;\n}\n\n.was-validated .form-check-input:invalid ~ .invalid-feedback,\n.was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback,\n.form-check-input.is-invalid ~ .invalid-tooltip {\n  display: block;\n}\n\n.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label {\n  color: #d74022;\n}\n\n.was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before {\n  border-color: #d74022;\n}\n\n.was-validated .custom-control-input:invalid ~ .invalid-feedback,\n.was-validated .custom-control-input:invalid ~ .invalid-tooltip, .custom-control-input.is-invalid ~ .invalid-feedback,\n.custom-control-input.is-invalid ~ .invalid-tooltip {\n  display: block;\n}\n\n.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before {\n  border-color: #e2634a;\n  background-color: #e2634a;\n}\n\n.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before {\n  box-shadow: 0 0 0 0.2rem rgba(215, 64, 34, 0.25);\n}\n\n.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before {\n  border-color: #d74022;\n}\n\n.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label {\n  border-color: #d74022;\n}\n\n.was-validated .custom-file-input:invalid ~ .invalid-feedback,\n.was-validated .custom-file-input:invalid ~ .invalid-tooltip, .custom-file-input.is-invalid ~ .invalid-feedback,\n.custom-file-input.is-invalid ~ .invalid-tooltip {\n  display: block;\n}\n\n.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label {\n  border-color: #d74022;\n  box-shadow: 0 0 0 0.2rem rgba(215, 64, 34, 0.25);\n}\n\n.form-inline {\n  display: flex;\n  flex-flow: row wrap;\n  align-items: center;\n}\n\n.form-inline .form-check {\n  width: 100%;\n}\n\n@media (min-width: 576px) {\n  .form-inline label {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    margin-bottom: 0;\n  }\n  .form-inline .form-group {\n    display: flex;\n    flex: 0 0 auto;\n    flex-flow: row wrap;\n    align-items: center;\n    margin-bottom: 0;\n  }\n  .form-inline .form-control {\n    display: inline-block;\n    width: auto;\n    vertical-align: middle;\n  }\n  .form-inline .form-control-plaintext {\n    display: inline-block;\n  }\n  .form-inline .input-group,\n  .form-inline .custom-select {\n    width: auto;\n  }\n  .form-inline .form-check {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: auto;\n    padding-left: 0;\n  }\n  .form-inline .form-check-input {\n    position: relative;\n    flex-shrink: 0;\n    margin-top: 0;\n    margin-right: 0.25rem;\n    margin-left: 0;\n  }\n  .form-inline .custom-control {\n    align-items: center;\n    justify-content: center;\n  }\n  .form-inline .custom-control-label {\n    margin-bottom: 0;\n  }\n}\n\n.custom-control {\n  position: relative;\n  display: block;\n  min-height: 1.249938rem;\n  padding-left: 1.5rem;\n}\n\n.custom-control-inline {\n  display: inline-flex;\n  margin-right: 1rem;\n}\n\n.custom-control-input {\n  position: absolute;\n  z-index: -1;\n  opacity: 0;\n}\n\n.custom-control-input:checked ~ .custom-control-label::before {\n  color: #fff;\n  border-color: #005fbf;\n  background-color: #005fbf;\n}\n\n.custom-control-input:focus ~ .custom-control-label::before {\n  box-shadow: 0 0 0 2px rgba(0, 95, 191, 0.3);\n}\n\n.custom-control-input:focus:not(:checked) ~ .custom-control-label::before {\n  border-color: #409fff;\n}\n\n.custom-control-input:not(:disabled):active ~ .custom-control-label::before {\n  color: #fff;\n  background-color: #73b8ff;\n  border-color: #73b8ff;\n}\n\n.custom-control-input:disabled ~ .custom-control-label {\n  color: #b4b4b4;\n}\n\n.custom-control-input:disabled ~ .custom-control-label::before {\n  background-color: #f2f4f7;\n}\n\n.custom-control-label {\n  position: relative;\n  margin-bottom: 0;\n  vertical-align: top;\n}\n\n.custom-control-label::before {\n  position: absolute;\n  top: 0.124969rem;\n  left: -1.5rem;\n  display: block;\n  width: 1rem;\n  height: 1rem;\n  pointer-events: none;\n  content: \"\";\n  background-color: #fff;\n  border: #e2e2e2 solid 1px;\n}\n\n.custom-control-label::after {\n  position: absolute;\n  top: 0.124969rem;\n  left: -1.5rem;\n  display: block;\n  width: 1rem;\n  height: 1rem;\n  content: \"\";\n  background: no-repeat 50% / 50% 50%;\n}\n\n.custom-checkbox .custom-control-label::before {\n  border-radius: 2px;\n}\n\n.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {\n  background-image: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23ffffff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e\");\n}\n\n.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {\n  border-color: #e2e2e2;\n  background-color: #005fbf;\n}\n\n.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after {\n  background-image: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3e%3cpath stroke='%23ffffff' d='M0 2h4'/%3e%3c/svg%3e\");\n}\n\n.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {\n  background-color: rgba(0, 95, 191, 0.5);\n}\n\n.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {\n  background-color: rgba(0, 95, 191, 0.5);\n}\n\n.custom-radio .custom-control-label::before {\n  border-radius: 100%;\n}\n\n.custom-radio .custom-control-input:checked ~ .custom-control-label::after {\n  background-image: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23ffffff'/%3e%3c/svg%3e\");\n}\n\n.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before {\n  background-color: rgba(0, 95, 191, 0.5);\n}\n\n.custom-switch {\n  padding-left: 2.25rem;\n}\n\n.custom-switch .custom-control-label::before {\n  left: -2.25rem;\n  width: 1.75rem;\n  pointer-events: all;\n  border-radius: 0.5rem;\n}\n\n.custom-switch .custom-control-label::after {\n  top: calc(0.124969rem + 2px);\n  left: calc(-2.25rem + 2px);\n  width: calc(1rem - 4px);\n  height: calc(1rem - 4px);\n  background-color: #e2e2e2;\n  border-radius: 0.5rem;\n  transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .custom-switch .custom-control-label::after {\n    transition: none;\n  }\n}\n\n.custom-switch .custom-control-input:checked ~ .custom-control-label::after {\n  background-color: #fff;\n  transform: translateX(0.75rem);\n}\n\n.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before {\n  background-color: rgba(0, 95, 191, 0.5);\n}\n\n.custom-select {\n  display: inline-block;\n  width: 100%;\n  height: calc(1.4285em + 0.75rem + 2px);\n  padding: 8px 1.75rem 8px 0.75rem;\n  font-size: 0.875rem;\n  font-weight: 400;\n  line-height: 1.4285;\n  color: #777;\n  vertical-align: middle;\n  background: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='%23777' d='M6.28178611,7.34112994 C5.98969924,7.04743259 5.5148273,7.04612703 5.22112994,7.33821389 C4.92743259,7.63030076 4.92612703,8.1051727 5.21821389,8.39887006 L9.44490899,12.6488701 C9.73699896,12.9425705 10.2118771,12.9438725 10.5055731,12.6517782 L14.7788781,8.40177816 C15.072571,8.10968687 15.0738694,7.63481492 14.7817782,7.34112195 C14.4896869,7.04742898 14.0148149,7.04613056 13.7211219,7.33822184 L9.9796032,11.0593358 L6.28178611,7.34112994 Z'/%3e%3c/svg%3e\") no-repeat right 0.75rem center/24px;\n  background-color: #fff;\n  border: 1px solid #e2e2e2;\n  border-radius: 4px;\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n}\n\n.custom-select:focus {\n  border-color: #409fff;\n  outline: 0;\n  box-shadow: 0 0 0 0.2rem rgba(19, 87, 255, 0.25);\n}\n\n.custom-select:focus::-ms-value {\n  color: #212121;\n  background-color: #fff;\n}\n\n.custom-select[multiple], .custom-select[size]:not([size=\"1\"]) {\n  height: auto;\n  padding-right: 0.75rem;\n  background-image: none;\n}\n\n.custom-select:disabled {\n  color: #b4b4b4;\n  background-color: #f2f4f7;\n}\n\n.custom-select::-ms-expand {\n  display: none;\n}\n\n.custom-select-sm {\n  height: calc(1.4285em + 0.5rem + 2px);\n  padding-top: 0.25rem;\n  padding-bottom: 0.25rem;\n  padding-left: 0.5rem;\n  font-size: 0.75rem;\n}\n\n.custom-select-lg {\n  height: calc(1.4285em + 1rem + 2px);\n  padding-top: 0.5rem;\n  padding-bottom: 0.5rem;\n  padding-left: 1rem;\n  font-size: 1.25rem;\n}\n\n.custom-file {\n  position: relative;\n  display: inline-block;\n  width: 100%;\n  height: calc(1.4285em + 0.75rem + 2px);\n  margin-bottom: 0;\n}\n\n.custom-file-input {\n  position: relative;\n  z-index: 2;\n  width: 100%;\n  height: calc(1.4285em + 0.75rem + 2px);\n  margin: 0;\n  opacity: 0;\n}\n\n.custom-file-input:focus ~ .custom-file-label {\n  border-color: #409fff;\n  box-shadow: 0 0 0 0.2rem rgba(19, 87, 255, 0.25);\n}\n\n.custom-file-input:disabled ~ .custom-file-label {\n  background-color: #f2f4f7;\n}\n\n.custom-file-input:lang(en) ~ .custom-file-label::after {\n  content: \"Choose file\";\n}\n\n.custom-file-input:lang(id) ~ .custom-file-label::after {\n  content: \"Pilih file\";\n}\n\n.custom-file-input ~ .custom-file-label[data-browse]::after {\n  content: attr(data-browse);\n}\n\n.custom-file-label {\n  position: absolute;\n  top: 0;\n  right: 0;\n  left: 0;\n  z-index: 1;\n  height: calc(1.4285em + 0.75rem + 2px);\n  padding: 0.375rem 0.75rem;\n  font-weight: 400;\n  line-height: 1.4285;\n  color: #212121;\n  background-color: #fff;\n  border: 1px solid #e2e2e2;\n  border-radius: 4px;\n}\n\n.custom-file-label::after {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  z-index: 3;\n  display: block;\n  height: calc(1.4285em + 0.75rem);\n  padding: 0.375rem 0.75rem;\n  line-height: 1.4285;\n  color: #212121;\n  content: \"Browse\";\n  background-color: #f2f4f7;\n  border-left: inherit;\n  border-radius: 0 4px 4px 0;\n}\n\n.custom-range {\n  width: 100%;\n  height: calc(1rem + 0.4rem);\n  padding: 0;\n  background-color: transparent;\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n}\n\n.custom-range:focus {\n  outline: none;\n}\n\n.custom-range:focus::-webkit-slider-thumb {\n  box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(19, 87, 255, 0.25);\n}\n\n.custom-range:focus::-moz-range-thumb {\n  box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(19, 87, 255, 0.25);\n}\n\n.custom-range:focus::-ms-thumb {\n  box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(19, 87, 255, 0.25);\n}\n\n.custom-range::-moz-focus-outer {\n  border: 0;\n}\n\n.custom-range::-webkit-slider-thumb {\n  width: 1rem;\n  height: 1rem;\n  margin-top: -0.25rem;\n  background-color: #005fbf;\n  border: 0;\n  border-radius: 1rem;\n  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\n  -webkit-appearance: none;\n  appearance: none;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .custom-range::-webkit-slider-thumb {\n    transition: none;\n  }\n}\n\n.custom-range::-webkit-slider-thumb:active {\n  background-color: #73b8ff;\n}\n\n.custom-range::-webkit-slider-runnable-track {\n  width: 100%;\n  height: 0.5rem;\n  color: transparent;\n  cursor: pointer;\n  background-color: #dee2e6;\n  border-color: transparent;\n  border-radius: 1rem;\n}\n\n.custom-range::-moz-range-thumb {\n  width: 1rem;\n  height: 1rem;\n  background-color: #005fbf;\n  border: 0;\n  border-radius: 1rem;\n  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\n  -moz-appearance: none;\n  appearance: none;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .custom-range::-moz-range-thumb {\n    transition: none;\n  }\n}\n\n.custom-range::-moz-range-thumb:active {\n  background-color: #73b8ff;\n}\n\n.custom-range::-moz-range-track {\n  width: 100%;\n  height: 0.5rem;\n  color: transparent;\n  cursor: pointer;\n  background-color: #dee2e6;\n  border-color: transparent;\n  border-radius: 1rem;\n}\n\n.custom-range::-ms-thumb {\n  width: 1rem;\n  height: 1rem;\n  margin-top: 0;\n  margin-right: 0.2rem;\n  margin-left: 0.2rem;\n  background-color: #005fbf;\n  border: 0;\n  border-radius: 1rem;\n  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\n  appearance: none;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .custom-range::-ms-thumb {\n    transition: none;\n  }\n}\n\n.custom-range::-ms-thumb:active {\n  background-color: #73b8ff;\n}\n\n.custom-range::-ms-track {\n  width: 100%;\n  height: 0.5rem;\n  color: transparent;\n  cursor: pointer;\n  background-color: transparent;\n  border-color: transparent;\n  border-width: 0.5rem;\n}\n\n.custom-range::-ms-fill-lower {\n  background-color: #dee2e6;\n  border-radius: 1rem;\n}\n\n.custom-range::-ms-fill-upper {\n  margin-right: 15px;\n  background-color: #dee2e6;\n  border-radius: 1rem;\n}\n\n.custom-range:disabled::-webkit-slider-thumb {\n  background-color: #adb5bd;\n}\n\n.custom-range:disabled::-webkit-slider-runnable-track {\n  cursor: default;\n}\n\n.custom-range:disabled::-moz-range-thumb {\n  background-color: #adb5bd;\n}\n\n.custom-range:disabled::-moz-range-track {\n  cursor: default;\n}\n\n.custom-range:disabled::-ms-thumb {\n  background-color: #adb5bd;\n}\n\n.custom-control-label::before,\n.custom-file-label,\n.custom-select {\n  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .custom-control-label::before,\n  .custom-file-label,\n  .custom-select {\n    transition: none;\n  }\n}\n\n.input-group {\n  position: relative;\n  display: flex;\n  flex-wrap: wrap;\n  align-items: stretch;\n  width: 100%;\n}\n\n.input-group > .form-control,\n.input-group > .form-control-plaintext,\n.input-group > .custom-select,\n.input-group > .custom-file {\n  position: relative;\n  flex: 1 1 auto;\n  width: 1%;\n  margin-bottom: 0;\n}\n\n.input-group > .form-control + .form-control,\n.input-group > .form-control + .custom-select,\n.input-group > .form-control + .custom-file,\n.input-group > .form-control-plaintext + .form-control,\n.input-group > .form-control-plaintext + .custom-select,\n.input-group > .form-control-plaintext + .custom-file,\n.input-group > .custom-select + .form-control,\n.input-group > .custom-select + .custom-select,\n.input-group > .custom-select + .custom-file,\n.input-group > .custom-file + .form-control,\n.input-group > .custom-file + .custom-select,\n.input-group > .custom-file + .custom-file {\n  margin-left: -1px;\n}\n\n.input-group > .form-control:focus,\n.input-group > .custom-select:focus,\n.input-group > .custom-file .custom-file-input:focus ~ .custom-file-label {\n  z-index: 3;\n}\n\n.input-group > .custom-file .custom-file-input:focus {\n  z-index: 4;\n}\n\n.input-group > .form-control:not(:last-child),\n.input-group > .custom-select:not(:last-child) {\n  border-top-right-radius: 0;\n  border-bottom-right-radius: 0;\n}\n\n.input-group > .form-control:not(:first-child),\n.input-group > .custom-select:not(:first-child) {\n  border-top-left-radius: 0;\n  border-bottom-left-radius: 0;\n}\n\n.input-group > .custom-file {\n  display: flex;\n  align-items: center;\n}\n\n.input-group > .custom-file:not(:last-child) .custom-file-label,\n.input-group > .custom-file:not(:last-child) .custom-file-label::after {\n  border-top-right-radius: 0;\n  border-bottom-right-radius: 0;\n}\n\n.input-group > .custom-file:not(:first-child) .custom-file-label {\n  border-top-left-radius: 0;\n  border-bottom-left-radius: 0;\n}\n\n.input-group-prepend,\n.input-group-append {\n  display: flex;\n}\n\n.input-group-prepend .btn,\n.input-group-append .btn {\n  position: relative;\n  z-index: 2;\n}\n\n.input-group-prepend .btn:focus,\n.input-group-append .btn:focus {\n  z-index: 3;\n}\n\n.input-group-prepend .btn + .btn,\n.input-group-prepend .btn + .input-group-text,\n.input-group-prepend .input-group-text + .input-group-text,\n.input-group-prepend .input-group-text + .btn,\n.input-group-append .btn + .btn,\n.input-group-append .btn + .input-group-text,\n.input-group-append .input-group-text + .input-group-text,\n.input-group-append .input-group-text + .btn {\n  margin-left: -1px;\n}\n\n.input-group-prepend {\n  margin-right: -1px;\n}\n\n.input-group-append {\n  margin-left: -1px;\n}\n\n.input-group-text {\n  display: flex;\n  align-items: center;\n  padding: 0.375rem 0.75rem;\n  margin-bottom: 0;\n  font-size: 0.875rem;\n  font-weight: 400;\n  line-height: 1.4285;\n  color: #212121;\n  text-align: center;\n  white-space: nowrap;\n  background-color: #f2f4f7;\n  border: 1px solid #e2e2e2;\n  border-radius: 4px;\n}\n\n.input-group-text input[type=\"radio\"],\n.input-group-text input[type=\"checkbox\"] {\n  margin-top: 0;\n}\n\n.input-group-lg > .form-control:not(textarea),\n.input-group-lg > .custom-select {\n  height: calc(1.4285em + 1rem + 2px);\n}\n\n.input-group-lg > .form-control,\n.input-group-lg > .custom-select,\n.input-group-lg > .input-group-prepend > .input-group-text,\n.input-group-lg > .input-group-append > .input-group-text,\n.input-group-lg > .input-group-prepend > .btn,\n.input-group-lg > .input-group-append > .btn {\n  padding: 0.5rem 1rem;\n  font-size: 1.25rem;\n  line-height: 1.4285;\n  border-radius: 4px;\n}\n\n.input-group-sm > .form-control:not(textarea),\n.input-group-sm > .custom-select {\n  height: calc(1.4285em + 0.5rem + 2px);\n}\n\n.input-group-sm > .form-control,\n.input-group-sm > .custom-select,\n.input-group-sm > .input-group-prepend > .input-group-text,\n.input-group-sm > .input-group-append > .input-group-text,\n.input-group-sm > .input-group-prepend > .btn,\n.input-group-sm > .input-group-append > .btn {\n  padding: 0.25rem 0.5rem;\n  font-size: 0.75rem;\n  line-height: 1.4285;\n  border-radius: 4px;\n}\n\n.input-group-lg > .custom-select,\n.input-group-sm > .custom-select {\n  padding-right: 1.75rem;\n}\n\n.input-group > .input-group-prepend > .btn,\n.input-group > .input-group-prepend > .input-group-text,\n.input-group > .input-group-append:not(:last-child) > .btn,\n.input-group > .input-group-append:not(:last-child) > .input-group-text,\n.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle),\n.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) {\n  border-top-right-radius: 0;\n  border-bottom-right-radius: 0;\n}\n\n.input-group > .input-group-append > .btn,\n.input-group > .input-group-append > .input-group-text,\n.input-group > .input-group-prepend:not(:first-child) > .btn,\n.input-group > .input-group-prepend:not(:first-child) > .input-group-text,\n.input-group > .input-group-prepend:first-child > .btn:not(:first-child),\n.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) {\n  border-top-left-radius: 0;\n  border-bottom-left-radius: 0;\n}\n\n.form-control {\n  padding: 8px 12px;\n  margin-top: 4px;\n  margin-bottom: 4px;\n  line-height: 20px;\n  color: #212121;\n}\n\n.form-control:hover:not(:disabled):not([readonly]) {\n  border: 1px solid #005fbf;\n}\n\n.form-control:disabled, .form-control[readonly]:not(.input-datepicker) {\n  color: #b4b4b4;\n  cursor: not-allowed;\n  background-color: #f2f4f7;\n  border-color: #e2e2e2;\n  outline: none;\n  box-shadow: none;\n}\n\n.form-control:focus {\n  color: #212121;\n}\n\n.form-control.prefix-icon {\n  padding-left: 36px;\n}\n\n.form-control.suffix-icon {\n  padding-right: 36px;\n}\n\n.form-control-plaintext:focus {\n  outline: none;\n  box-shadow: none;\n}\n\n.form-group label {\n  margin-bottom: 0;\n}\n\n.form-row label {\n  margin-bottom: 0;\n}\n\n.custom-select,\n.custom-file-input {\n  height: 36px;\n  padding: 8px 8px 8px 12px;\n  margin: 4px 0;\n  line-height: 20px;\n  color: #212121;\n}\n\n.custom-select:hover:not(:disabled),\n.custom-file-input:hover:not(:disabled) {\n  cursor: pointer;\n  border: 1px solid #005fbf;\n}\n\n.custom-select:focus,\n.custom-file-input:focus {\n  box-shadow: 0 0 4px 1px rgba(0, 95, 191, 0.3);\n}\n\n.custom-select:disabled,\n.custom-file-input:disabled {\n  color: #b4b4b4;\n  cursor: not-allowed;\n  background-color: #f2f4f7;\n  border-color: #e2e2e2;\n}\n\n.custom-select:not(:focus):invalid,\n.custom-file-input:not(:focus):invalid {\n  color: #b4b4b4;\n}\n\ninput[type=\"file\"] {\n  cursor: pointer;\n}\n\ninput[type=\"file\"]::-webkit-file-upload-button {\n  cursor: pointer;\n}\n\n.custom-file {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  height: auto;\n  margin-bottom: 20px;\n}\n\n.custom-file:hover .custom-file-label::before {\n  border: 1px solid #b4b4b4;\n}\n\n.custom-file .form-text {\n  margin-top: 4px;\n}\n\n.custom-file ~ .custom-file-list-wrapper {\n  margin-bottom: 12px;\n}\n\n.custom-file-input {\n  margin: 0;\n}\n\n.custom-file-label {\n  display: flex;\n  align-items: flex-end;\n  height: 36px;\n  padding: 8px 12px;\n  margin-bottom: 0;\n  color: #b4b4b4;\n}\n\n.custom-file-label::after {\n  display: none;\n}\n\n.custom-file-label::before {\n  position: relative;\n  top: 3px;\n  bottom: 0;\n  z-index: 3;\n  display: flex;\n  align-items: center;\n  height: 24px;\n  padding: 2px 8px;\n  margin-right: 12px;\n  line-height: 20px;\n  color: #777;\n  content: \"Choose File\";\n  background-color: #fbfbfb;\n  border: 1px solid #e2e2e2;\n  border-radius: 4px;\n}\n\n.valid-feedback,\n.invalid-feedback {\n  font-size: 12px;\n}\n\n.form-group-label {\n  margin-bottom: 0;\n  font-weight: 600;\n  line-height: 20px;\n}\n\n.custom-control {\n  margin-bottom: 4px;\n}\n\n.form-group-label + .custom-control,\n.form-group-label + .custom-file {\n  margin-top: 4px;\n}\n\n.custom-control-input:focus {\n  box-shadow: 0 0 0 2px rgba(0, 95, 191, 0.3);\n}\n\n.custom-control-input:hover ~ .custom-control-label::before {\n  cursor: pointer;\n  border-color: #005fbf;\n}\n\n.custom-control-input:hover ~ .custom-control-label::after,\n.custom-control-input:hover ~ .custom-control-label {\n  cursor: pointer;\n}\n\n.custom-control-input:disabled ~ .custom-control-label::after {\n  cursor: not-allowed;\n  border: none;\n}\n\n.custom-control-input:disabled ~ .custom-control-label::before {\n  cursor: not-allowed;\n  background-color: #f2f4f7;\n  border: 1px solid #e2e2e2;\n}\n\n.custom-control-input:disabled ~ .custom-control-label {\n  cursor: not-allowed;\n}\n\n.custom-control-label {\n  font-weight: 400;\n  color: #212121;\n}\n\n.custom-control-label::before {\n  top: 2px;\n}\n\n.custom-control-label::after {\n  top: 2px;\n}\n\n.form-check {\n  margin-bottom: 4px;\n}\n\ntextarea.form-control {\n  min-width: 184px;\n  height: 80px;\n  min-height: 36px;\n  max-height: 200px;\n  padding-right: 12px;\n  padding-left: 12px;\n}\n\ntextarea.form-control::-webkit-scrollbar {\n  width: 12px;\n  background-color: transparent;\n}\n\ntextarea.form-control::-webkit-scrollbar-thumb {\n  background-color: #777;\n  background-clip: padding-box;\n  border: 4px solid transparent;\n  border-radius: 16px;\n}\n\ntextarea.form-control::-webkit-scrollbar-track {\n  background-color: #fff;\n  border-radius: 4px;\n}\n\n.form-text {\n  font-size: 12px;\n  color: #777;\n}\n\n.input-group {\n  margin-top: 4px;\n  margin-bottom: 4px;\n}\n\n.input-group .form-control {\n  margin-top: 0;\n  margin-bottom: 0;\n}\n\n.input-group .valid-feedback,\n.input-group .invalid-feedback {\n  margin-top: 4px;\n}\n\n/* stylelint-disable property-no-vendor-prefix */\n.custom-select,\n.custom-select-sm {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n}\n\n/* stylelint-enable property-no-vendor-prefix */\n.form-xs {\n  width: 80px;\n  max-width: 80px;\n}\n\n.form-sm {\n  width: 184px;\n  max-width: 184px;\n}\n\n.form-md {\n  width: 288px;\n  max-width: 288px;\n}\n\n.form-lg {\n  width: 392px;\n  max-width: 392px;\n}\n\n.form-xl {\n  width: 600px;\n  max-width: 600px;\n}\n\n.counter-label {\n  float: right;\n  font-weight: 400;\n}\n\n.input-group-text {\n  display: flex;\n  align-items: center;\n  padding: 0.375rem 0.75rem;\n  margin-bottom: 0;\n  font-size: 0.875rem;\n  font-weight: 400;\n  line-height: 1.4285;\n  color: #212121;\n  text-align: center;\n  white-space: nowrap;\n  background-color: #f2f4f7;\n  border: 1px solid #e2e2e2;\n  border-radius: 4px;\n}\n\n.input-datepicker {\n  cursor: pointer;\n  background-color: #fff !important;\n}\n\n.input-datepicker:hover:not(:disabled) {\n  border: 1px solid #005fbf;\n}\n\n.input-with-icon-container {\n  margin-bottom: -20px;\n}\n/*# sourceMappingURL=mekari-ui-form.css.map */","// Gradients\n\n@mixin gradient-bg($color) {\n  @if $enable-gradients {\n    background: $color linear-gradient(180deg, mix($body-bg, $color, 15%), $color) repeat-x;\n  } @else {\n    background-color: $color;\n  }\n}\n\n// Horizontal gradient, from left to right\n//\n// Creates two color stops, start and end, by specifying a color and position for each color stop.\n@mixin gradient-x($start-color: $gray-700, $end-color: $gray-800, $start-percent: 0%, $end-percent: 100%) {\n  background-image: linear-gradient(to right, $start-color $start-percent, $end-color $end-percent);\n  background-repeat: repeat-x;\n}\n\n// Vertical gradient, from top to bottom\n//\n// Creates two color stops, start and end, by specifying a color and position for each color stop.\n@mixin gradient-y($start-color: $gray-700, $end-color: $gray-800, $start-percent: 0%, $end-percent: 100%) {\n  background-image: linear-gradient(to bottom, $start-color $start-percent, $end-color $end-percent);\n  background-repeat: repeat-x;\n}\n\n@mixin gradient-directional($start-color: $gray-700, $end-color: $gray-800, $deg: 45deg) {\n  background-image: linear-gradient($deg, $start-color, $end-color);\n  background-repeat: repeat-x;\n}\n@mixin gradient-x-three-colors($start-color: $blue, $mid-color: $purple, $color-stop: 50%, $end-color: $red) {\n  background-image: linear-gradient(to right, $start-color, $mid-color $color-stop, $end-color);\n  background-repeat: no-repeat;\n}\n@mixin gradient-y-three-colors($start-color: $blue, $mid-color: $purple, $color-stop: 50%, $end-color: $red) {\n  background-image: linear-gradient($start-color, $mid-color $color-stop, $end-color);\n  background-repeat: no-repeat;\n}\n@mixin gradient-radial($inner-color: $gray-700, $outer-color: $gray-800) {\n  background-image: radial-gradient(circle, $inner-color, $outer-color);\n  background-repeat: no-repeat;\n}\n@mixin gradient-striped($color: rgba($white, .15), $angle: 45deg) {\n  background-image: linear-gradient($angle, $color 25%, transparent 25%, transparent 50%, $color 50%, $color 75%, transparent 75%, transparent);\n}\n","// Breakpoint viewport sizes and media queries.\n//\n// Breakpoints are defined as a map of (name: minimum width), order from small to large:\n//\n//    (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px)\n//\n// The map defined in the `$grid-breakpoints` global variable is used as the `$breakpoints` argument by default.\n\n// Name of the next breakpoint, or null for the last breakpoint.\n//\n//    >> breakpoint-next(sm)\n//    md\n//    >> breakpoint-next(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n//    md\n//    >> breakpoint-next(sm, $breakpoint-names: (xs sm md lg xl))\n//    md\n@function breakpoint-next($name, $breakpoints: $grid-breakpoints, $breakpoint-names: map-keys($breakpoints)) {\n  $n: index($breakpoint-names, $name);\n  @return if($n != null and $n < length($breakpoint-names), nth($breakpoint-names, $n + 1), null);\n}\n\n// Minimum breakpoint width. Null for the smallest (first) breakpoint.\n//\n//    >> breakpoint-min(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n//    576px\n@function breakpoint-min($name, $breakpoints: $grid-breakpoints) {\n  $min: map-get($breakpoints, $name);\n  @return if($min != 0, $min, null);\n}\n\n// Maximum breakpoint width. Null for the largest (last) breakpoint.\n// The maximum value is calculated as the minimum of the next one less 0.02px\n// to work around the limitations of `min-` and `max-` prefixes and viewports with fractional widths.\n// See https://www.w3.org/TR/mediaqueries-4/#mq-min-max\n// Uses 0.02px rather than 0.01px to work around a current rounding bug in Safari.\n// See https://bugs.webkit.org/show_bug.cgi?id=178261\n//\n//    >> breakpoint-max(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n//    767.98px\n@function breakpoint-max($name, $breakpoints: $grid-breakpoints) {\n  $next: breakpoint-next($name, $breakpoints);\n  @return if($next, breakpoint-min($next, $breakpoints) - .02, null);\n}\n\n// Returns a blank string if smallest breakpoint, otherwise returns the name with a dash in front.\n// Useful for making responsive utilities.\n//\n//    >> breakpoint-infix(xs, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n//    \"\"  (Returns a blank string)\n//    >> breakpoint-infix(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n//    \"-sm\"\n@function breakpoint-infix($name, $breakpoints: $grid-breakpoints) {\n  @return if(breakpoint-min($name, $breakpoints) == null, \"\", \"-#{$name}\");\n}\n\n// Media of at least the minimum breakpoint width. No query for the smallest breakpoint.\n// Makes the @content apply to the given breakpoint and wider.\n@mixin media-breakpoint-up($name, $breakpoints: $grid-breakpoints) {\n  $min: breakpoint-min($name, $breakpoints);\n  @if $min {\n    @media (min-width: $min) {\n      @content;\n    }\n  } @else {\n    @content;\n  }\n}\n\n// Media of at most the maximum breakpoint width. No query for the largest breakpoint.\n// Makes the @content apply to the given breakpoint and narrower.\n@mixin media-breakpoint-down($name, $breakpoints: $grid-breakpoints) {\n  $max: breakpoint-max($name, $breakpoints);\n  @if $max {\n    @media (max-width: $max) {\n      @content;\n    }\n  } @else {\n    @content;\n  }\n}\n\n// Media that spans multiple breakpoint widths.\n// Makes the @content apply between the min and max breakpoints\n@mixin media-breakpoint-between($lower, $upper, $breakpoints: $grid-breakpoints) {\n  $min: breakpoint-min($lower, $breakpoints);\n  $max: breakpoint-max($upper, $breakpoints);\n\n  @if $min != null and $max != null {\n    @media (min-width: $min) and (max-width: $max) {\n      @content;\n    }\n  } @else if $max == null {\n    @include media-breakpoint-up($lower, $breakpoints) {\n      @content;\n    }\n  } @else if $min == null {\n    @include media-breakpoint-down($upper, $breakpoints) {\n      @content;\n    }\n  }\n}\n\n// Media between the breakpoint's minimum and maximum widths.\n// No minimum for the smallest breakpoint, and no maximum for the largest one.\n// Makes the @content apply only to the given breakpoint, not viewports any wider or narrower.\n@mixin media-breakpoint-only($name, $breakpoints: $grid-breakpoints) {\n  $min: breakpoint-min($name, $breakpoints);\n  $max: breakpoint-max($name, $breakpoints);\n\n  @if $min != null and $max != null {\n    @media (min-width: $min) and (max-width: $max) {\n      @content;\n    }\n  } @else if $max == null {\n    @include media-breakpoint-up($name, $breakpoints) {\n      @content;\n    }\n  } @else if $min == null {\n    @include media-breakpoint-down($name, $breakpoints) {\n      @content;\n    }\n  }\n}\n","// Embedded icons from Open Iconic.\n// Released under MIT and copyright 2014 Waybury.\n// https://useiconic.com/open\n\n\n// Checkboxes and radios\n//\n// Base class takes care of all the key behavioral aspects.\n\n.#{$prefix}custom-control {\n  position: relative;\n  display: block;\n  min-height: $font-size-base * $line-height-base;\n  padding-left: $custom-control-gutter + $custom-control-indicator-size;\n}\n\n.#{$prefix}custom-control-inline {\n  display: inline-flex;\n  margin-right: $custom-control-spacer-x;\n}\n\n.#{$prefix}custom-control-input {\n  position: absolute;\n  z-index: -1; // Put the input behind the label so it doesn't overlay text\n  opacity: 0;\n\n  &:checked ~ .#{$prefix}custom-control-label::before {\n    color: $custom-control-indicator-checked-color;\n    border-color: $custom-control-indicator-checked-border-color;\n    @include gradient-bg($custom-control-indicator-checked-bg);\n    @include box-shadow($custom-control-indicator-checked-box-shadow);\n  }\n\n  &:focus ~ .#{$prefix}custom-control-label::before {\n    // the mixin is not used here to make sure there is feedback\n    @if $enable-shadows {\n      box-shadow: $input-box-shadow, $input-focus-box-shadow;\n    } @else {\n      box-shadow: $custom-control-indicator-focus-box-shadow;\n    }\n  }\n\n  &:focus:not(:checked) ~ .#{$prefix}custom-control-label::before {\n    border-color: $custom-control-indicator-focus-border-color;\n  }\n\n  &:not(:disabled):active ~ .#{$prefix}custom-control-label::before {\n    color: $custom-control-indicator-active-color;\n    background-color: $custom-control-indicator-active-bg;\n    border-color: $custom-control-indicator-active-border-color;\n    @include box-shadow($custom-control-indicator-active-box-shadow);\n  }\n\n  &:disabled {\n    ~ .#{$prefix}custom-control-label {\n      color: $custom-control-label-disabled-color;\n\n      &::before {\n        background-color: $custom-control-indicator-disabled-bg;\n      }\n    }\n  }\n}\n\n// Custom control indicators\n//\n// Build the custom controls out of pseudo-elements.\n\n.#{$prefix}custom-control-label {\n  position: relative;\n  margin-bottom: 0;\n  vertical-align: top;\n\n  // Background-color and (when enabled) gradient\n  &::before {\n    position: absolute;\n    top: ($font-size-base * $line-height-base - $custom-control-indicator-size) / 2;\n    left: -($custom-control-gutter + $custom-control-indicator-size);\n    display: block;\n    width: $custom-control-indicator-size;\n    height: $custom-control-indicator-size;\n    pointer-events: none;\n    content: \"\";\n    background-color: $custom-control-indicator-bg;\n    border: $custom-control-indicator-border-color solid $custom-control-indicator-border-width;\n    @include box-shadow($custom-control-indicator-box-shadow);\n  }\n\n  // Foreground (icon)\n  &::after {\n    position: absolute;\n    top: ($font-size-base * $line-height-base - $custom-control-indicator-size) / 2;\n    left: -($custom-control-gutter + $custom-control-indicator-size);\n    display: block;\n    width: $custom-control-indicator-size;\n    height: $custom-control-indicator-size;\n    content: \"\";\n    background: no-repeat 50% / #{$custom-control-indicator-bg-size};\n  }\n}\n\n\n// Checkboxes\n//\n// Tweak just a few things for checkboxes.\n\n.#{$prefix}custom-checkbox {\n  .#{$prefix}custom-control-label::before {\n    @include border-radius($custom-checkbox-indicator-border-radius);\n  }\n\n  .#{$prefix}custom-control-input:checked ~ .#{$prefix}custom-control-label {\n    &::after {\n      background-image: $custom-checkbox-indicator-icon-checked;\n    }\n  }\n\n  .#{$prefix}custom-control-input:indeterminate ~ .#{$prefix}custom-control-label {\n    &::before {\n      border-color: $custom-checkbox-indicator-indeterminate-border-color;\n      @include gradient-bg($custom-checkbox-indicator-indeterminate-bg);\n      @include box-shadow($custom-checkbox-indicator-indeterminate-box-shadow);\n    }\n    &::after {\n      background-image: $custom-checkbox-indicator-icon-indeterminate;\n    }\n  }\n\n  .#{$prefix}custom-control-input:disabled {\n    &:checked ~ .#{$prefix}custom-control-label::before {\n      background-color: $custom-control-indicator-checked-disabled-bg;\n    }\n    &:indeterminate ~ .#{$prefix}custom-control-label::before {\n      background-color: $custom-control-indicator-checked-disabled-bg;\n    }\n  }\n}\n\n// Radios\n//\n// Tweak just a few things for radios.\n\n.#{$prefix}custom-radio {\n  .#{$prefix}custom-control-label::before {\n    // stylelint-disable-next-line property-blacklist\n    border-radius: $custom-radio-indicator-border-radius;\n  }\n\n  .#{$prefix}custom-control-input:checked ~ .#{$prefix}custom-control-label {\n    &::after {\n      background-image: $custom-radio-indicator-icon-checked;\n    }\n  }\n\n  .#{$prefix}custom-control-input:disabled {\n    &:checked ~ .#{$prefix}custom-control-label::before {\n      background-color: $custom-control-indicator-checked-disabled-bg;\n    }\n  }\n}\n\n\n// switches\n//\n// Tweak a few things for switches\n\n.#{$prefix}custom-switch {\n  padding-left: $custom-switch-width + $custom-control-gutter;\n\n  .#{$prefix}custom-control-label {\n    &::before {\n      left: -($custom-switch-width + $custom-control-gutter);\n      width: $custom-switch-width;\n      pointer-events: all;\n      // stylelint-disable-next-line property-blacklist\n      border-radius: $custom-switch-indicator-border-radius;\n    }\n\n    &::after {\n      top: calc(#{(($font-size-base * $line-height-base - $custom-control-indicator-size) / 2)} + #{$custom-control-indicator-border-width * 2});\n      left: calc(#{-($custom-switch-width + $custom-control-gutter)} + #{$custom-control-indicator-border-width * 2});\n      width: $custom-switch-indicator-size;\n      height: $custom-switch-indicator-size;\n      background-color: $custom-control-indicator-border-color;\n      // stylelint-disable-next-line property-blacklist\n      border-radius: $custom-switch-indicator-border-radius;\n      @include transition(transform .15s ease-in-out, $custom-forms-transition);\n    }\n  }\n\n  .#{$prefix}custom-control-input:checked ~ .#{$prefix}custom-control-label {\n    &::after {\n      background-color: $custom-control-indicator-bg;\n      transform: translateX($custom-switch-width - $custom-control-indicator-size);\n    }\n  }\n\n  .#{$prefix}custom-control-input:disabled {\n    &:checked ~ .#{$prefix}custom-control-label::before {\n      background-color: $custom-control-indicator-checked-disabled-bg;\n    }\n  }\n}\n\n\n// Select\n//\n// Replaces the browser default select with a custom one, mostly pulled from\n// https://primer.github.io/.\n//\n\n.#{$prefix}custom-select {\n  display: inline-block;\n  width: 100%;\n  height: $custom-select-height;\n  padding: $custom-select-padding-y ($custom-select-padding-x + $custom-select-indicator-padding) $custom-select-padding-y $custom-select-padding-x;\n  font-family: $custom-select-font-family;\n  @include font-size($custom-select-font-size);\n  font-weight: $custom-select-font-weight;\n  line-height: $custom-select-line-height;\n  color: $custom-select-color;\n  vertical-align: middle;\n  background: $custom-select-background;\n  background-color: $custom-select-bg;\n  border: $custom-select-border-width solid $custom-select-border-color;\n  @include border-radius($custom-select-border-radius, 0);\n  @include box-shadow($custom-select-box-shadow);\n  appearance: none;\n\n  &:focus {\n    border-color: $custom-select-focus-border-color;\n    outline: 0;\n    @if $enable-shadows {\n      box-shadow: $custom-select-box-shadow, $custom-select-focus-box-shadow;\n    } @else {\n      box-shadow: $custom-select-focus-box-shadow;\n    }\n\n    &::-ms-value {\n      // For visual consistency with other platforms/browsers,\n      // suppress the default white text on blue background highlight given to\n      // the selected option text when the (still closed) <select> receives focus\n      // in IE and (under certain conditions) Edge.\n      // See https://github.com/twbs/bootstrap/issues/19398.\n      color: $input-color;\n      background-color: $input-bg;\n    }\n  }\n\n  &[multiple],\n  &[size]:not([size=\"1\"]) {\n    height: auto;\n    padding-right: $custom-select-padding-x;\n    background-image: none;\n  }\n\n  &:disabled {\n    color: $custom-select-disabled-color;\n    background-color: $custom-select-disabled-bg;\n  }\n\n  // Hides the default caret in IE11\n  &::-ms-expand {\n    display: none;\n  }\n}\n\n.#{$prefix}custom-select-sm {\n  height: $custom-select-height-sm;\n  padding-top: $custom-select-padding-y-sm;\n  padding-bottom: $custom-select-padding-y-sm;\n  padding-left: $custom-select-padding-x-sm;\n  @include font-size($custom-select-font-size-sm);\n}\n\n.#{$prefix}custom-select-lg {\n  height: $custom-select-height-lg;\n  padding-top: $custom-select-padding-y-lg;\n  padding-bottom: $custom-select-padding-y-lg;\n  padding-left: $custom-select-padding-x-lg;\n  @include font-size($custom-select-font-size-lg);\n}\n\n\n// File\n//\n// Custom file input.\n\n.#{$prefix}custom-file {\n  position: relative;\n  display: inline-block;\n  width: 100%;\n  height: $custom-file-height;\n  margin-bottom: 0;\n}\n\n.#{$prefix}custom-file-input {\n  position: relative;\n  z-index: 2;\n  width: 100%;\n  height: $custom-file-height;\n  margin: 0;\n  opacity: 0;\n\n  &:focus ~ .#{$prefix}custom-file-label {\n    border-color: $custom-file-focus-border-color;\n    box-shadow: $custom-file-focus-box-shadow;\n  }\n\n  &:disabled ~ .#{$prefix}custom-file-label {\n    background-color: $custom-file-disabled-bg;\n  }\n\n  @each $lang, $value in $custom-file-text {\n    &:lang(#{$lang}) ~ .#{$prefix}custom-file-label::after {\n      content: $value;\n    }\n  }\n\n  ~ .#{$prefix}custom-file-label[data-browse]::after {\n    content: attr(data-browse);\n  }\n}\n\n.#{$prefix}custom-file-label {\n  position: absolute;\n  top: 0;\n  right: 0;\n  left: 0;\n  z-index: 1;\n  height: $custom-file-height;\n  padding: $custom-file-padding-y $custom-file-padding-x;\n  font-family: $custom-file-font-family;\n  font-weight: $custom-file-font-weight;\n  line-height: $custom-file-line-height;\n  color: $custom-file-color;\n  background-color: $custom-file-bg;\n  border: $custom-file-border-width solid $custom-file-border-color;\n  @include border-radius($custom-file-border-radius);\n  @include box-shadow($custom-file-box-shadow);\n\n  &::after {\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    z-index: 3;\n    display: block;\n    height: $custom-file-height-inner;\n    padding: $custom-file-padding-y $custom-file-padding-x;\n    line-height: $custom-file-line-height;\n    color: $custom-file-button-color;\n    content: \"Browse\";\n    @include gradient-bg($custom-file-button-bg);\n    border-left: inherit;\n    @include border-radius(0 $custom-file-border-radius $custom-file-border-radius 0);\n  }\n}\n\n// Range\n//\n// Style range inputs the same across browsers. Vendor-specific rules for pseudo\n// elements cannot be mixed. As such, there are no shared styles for focus or\n// active states on prefixed selectors.\n\n.#{$prefix}custom-range {\n  width: 100%;\n  height: calc(#{$custom-range-thumb-height} + #{$custom-range-thumb-focus-box-shadow-width * 2});\n  padding: 0; // Need to reset padding\n  background-color: transparent;\n  appearance: none;\n\n  &:focus {\n    outline: none;\n\n    // Pseudo-elements must be split across multiple rulesets to have an effect.\n    // No box-shadow() mixin for focus accessibility.\n    &::-webkit-slider-thumb { box-shadow: $custom-range-thumb-focus-box-shadow; }\n    &::-moz-range-thumb     { box-shadow: $custom-range-thumb-focus-box-shadow; }\n    &::-ms-thumb            { box-shadow: $custom-range-thumb-focus-box-shadow; }\n  }\n\n  &::-moz-focus-outer {\n    border: 0;\n  }\n\n  &::-webkit-slider-thumb {\n    width: $custom-range-thumb-width;\n    height: $custom-range-thumb-height;\n    margin-top: ($custom-range-track-height - $custom-range-thumb-height) / 2; // Webkit specific\n    @include gradient-bg($custom-range-thumb-bg);\n    border: $custom-range-thumb-border;\n    @include border-radius($custom-range-thumb-border-radius);\n    @include box-shadow($custom-range-thumb-box-shadow);\n    @include transition($custom-forms-transition);\n    appearance: none;\n\n    &:active {\n      @include gradient-bg($custom-range-thumb-active-bg);\n    }\n  }\n\n  &::-webkit-slider-runnable-track {\n    width: $custom-range-track-width;\n    height: $custom-range-track-height;\n    color: transparent; // Why?\n    cursor: $custom-range-track-cursor;\n    background-color: $custom-range-track-bg;\n    border-color: transparent;\n    @include border-radius($custom-range-track-border-radius);\n    @include box-shadow($custom-range-track-box-shadow);\n  }\n\n  &::-moz-range-thumb {\n    width: $custom-range-thumb-width;\n    height: $custom-range-thumb-height;\n    @include gradient-bg($custom-range-thumb-bg);\n    border: $custom-range-thumb-border;\n    @include border-radius($custom-range-thumb-border-radius);\n    @include box-shadow($custom-range-thumb-box-shadow);\n    @include transition($custom-forms-transition);\n    appearance: none;\n\n    &:active {\n      @include gradient-bg($custom-range-thumb-active-bg);\n    }\n  }\n\n  &::-moz-range-track {\n    width: $custom-range-track-width;\n    height: $custom-range-track-height;\n    color: transparent;\n    cursor: $custom-range-track-cursor;\n    background-color: $custom-range-track-bg;\n    border-color: transparent; // Firefox specific?\n    @include border-radius($custom-range-track-border-radius);\n    @include box-shadow($custom-range-track-box-shadow);\n  }\n\n  &::-ms-thumb {\n    width: $custom-range-thumb-width;\n    height: $custom-range-thumb-height;\n    margin-top: 0; // Edge specific\n    margin-right: $custom-range-thumb-focus-box-shadow-width; // Workaround that overflowed box-shadow is hidden.\n    margin-left: $custom-range-thumb-focus-box-shadow-width;  // Workaround that overflowed box-shadow is hidden.\n    @include gradient-bg($custom-range-thumb-bg);\n    border: $custom-range-thumb-border;\n    @include border-radius($custom-range-thumb-border-radius);\n    @include box-shadow($custom-range-thumb-box-shadow);\n    @include transition($custom-forms-transition);\n    appearance: none;\n\n    &:active {\n      @include gradient-bg($custom-range-thumb-active-bg);\n    }\n  }\n\n  &::-ms-track {\n    width: $custom-range-track-width;\n    height: $custom-range-track-height;\n    color: transparent;\n    cursor: $custom-range-track-cursor;\n    background-color: transparent;\n    border-color: transparent;\n    border-width: $custom-range-thumb-height / 2;\n    @include box-shadow($custom-range-track-box-shadow);\n  }\n\n  &::-ms-fill-lower {\n    background-color: $custom-range-track-bg;\n    @include border-radius($custom-range-track-border-radius);\n  }\n\n  &::-ms-fill-upper {\n    margin-right: 15px; // arbitrary?\n    background-color: $custom-range-track-bg;\n    @include border-radius($custom-range-track-border-radius);\n  }\n\n  &:disabled {\n    &::-webkit-slider-thumb {\n      background-color: $custom-range-thumb-disabled-bg;\n    }\n\n    &::-webkit-slider-runnable-track {\n      cursor: default;\n    }\n\n    &::-moz-range-thumb {\n      background-color: $custom-range-thumb-disabled-bg;\n    }\n\n    &::-moz-range-track {\n      cursor: default;\n    }\n\n    &::-ms-thumb {\n      background-color: $custom-range-thumb-disabled-bg;\n    }\n  }\n}\n\n.#{$prefix}custom-control-label::before,\n.#{$prefix}custom-file-label,\n.#{$prefix}custom-select {\n  @include transition($custom-forms-transition);\n}\n","// stylelint-disable selector-no-qualifying-type\n\n//\n// Base styles\n//\n\n.#{$prefix}input-group {\n  position: relative;\n  display: flex;\n  flex-wrap: wrap; // For form validation feedback\n  align-items: stretch;\n  width: 100%;\n\n  > .#{$prefix}form-control,\n  > .#{$prefix}form-control-plaintext,\n  > .#{$prefix}custom-select,\n  > .#{$prefix}custom-file {\n    position: relative; // For focus state's z-index\n    flex: 1 1 auto;\n    // Add width 1% and flex-basis auto to ensure that button will not wrap out\n    // the column. Applies to IE Edge+ and Firefox. Chrome does not require this.\n    width: 1%;\n    margin-bottom: 0;\n\n    + .#{$prefix}form-control,\n    + .#{$prefix}custom-select,\n    + .#{$prefix}custom-file {\n      margin-left: -$input-border-width;\n    }\n  }\n\n  // Bring the \"active\" form control to the top of surrounding elements\n  > .#{$prefix}form-control:focus,\n  > .#{$prefix}custom-select:focus,\n  > .#{$prefix}custom-file .#{$prefix}custom-file-input:focus ~ .#{$prefix}custom-file-label {\n    z-index: 3;\n  }\n\n  // Bring the custom file input above the label\n  > .#{$prefix}custom-file .#{$prefix}custom-file-input:focus {\n    z-index: 4;\n  }\n\n  > .#{$prefix}form-control,\n  > .#{$prefix}custom-select {\n    &:not(:last-child) { @include border-right-radius(0); }\n    &:not(:first-child) { @include border-left-radius(0); }\n  }\n\n  // Custom file inputs have more complex markup, thus requiring different\n  // border-radius overrides.\n  > .#{$prefix}custom-file {\n    display: flex;\n    align-items: center;\n\n    &:not(:last-child) .#{$prefix}custom-file-label,\n    &:not(:last-child) .#{$prefix}custom-file-label::after { @include border-right-radius(0); }\n    &:not(:first-child) .#{$prefix}custom-file-label { @include border-left-radius(0); }\n  }\n}\n\n\n// Prepend and append\n//\n// While it requires one extra layer of HTML for each, dedicated prepend and\n// append elements allow us to 1) be less clever, 2) simplify our selectors, and\n// 3) support HTML5 form validation.\n\n.#{$prefix}input-group-prepend,\n.#{$prefix}input-group-append {\n  display: flex;\n\n  // Ensure buttons are always above inputs for more visually pleasing borders.\n  // This isn't needed for `.#{$prefix}input-group-text` since it shares the same border-color\n  // as our inputs.\n  .#{$prefix}btn {\n    position: relative;\n    z-index: 2;\n\n    &:focus {\n      z-index: 3;\n    }\n  }\n\n  .#{$prefix}btn + .#{$prefix}btn,\n  .#{$prefix}btn + .#{$prefix}input-group-text,\n  .#{$prefix}input-group-text + .#{$prefix}input-group-text,\n  .#{$prefix}input-group-text + .#{$prefix}btn {\n    margin-left: -$input-border-width;\n  }\n}\n\n.#{$prefix}input-group-prepend { margin-right: -$input-border-width; }\n.#{$prefix}input-group-append { margin-left: -$input-border-width; }\n\n\n// Textual addons\n//\n// Serves as a catch-all element for any text or radio/checkbox input you wish\n// to prepend or append to an input.\n\n.#{$prefix}input-group-text {\n  display: flex;\n  align-items: center;\n  padding: $input-padding-y $input-padding-x;\n  margin-bottom: 0; // Allow use of <label> elements by overriding our default margin-bottom\n  @include font-size($input-font-size); // Match inputs\n  font-weight: $font-weight-normal;\n  line-height: $input-line-height;\n  color: $input-group-addon-color;\n  text-align: center;\n  white-space: nowrap;\n  background-color: $input-group-addon-bg;\n  border: $input-border-width solid $input-group-addon-border-color;\n  @include border-radius($input-border-radius);\n\n  // Nuke default margins from checkboxes and radios to vertically center within.\n  input[type=\"radio\"],\n  input[type=\"checkbox\"] {\n    margin-top: 0;\n  }\n}\n\n\n// Sizing\n//\n// Remix the default form control sizing classes into new ones for easier\n// manipulation.\n\n.#{$prefix}input-group-lg > .#{$prefix}form-control:not(textarea),\n.#{$prefix}input-group-lg > .#{$prefix}custom-select {\n  height: $input-height-lg;\n}\n\n.#{$prefix}input-group-lg > .#{$prefix}form-control,\n.#{$prefix}input-group-lg > .#{$prefix}custom-select,\n.#{$prefix}input-group-lg > .#{$prefix}input-group-prepend > .#{$prefix}input-group-text,\n.#{$prefix}input-group-lg > .#{$prefix}input-group-append > .#{$prefix}input-group-text,\n.#{$prefix}input-group-lg > .#{$prefix}input-group-prepend > .#{$prefix}btn,\n.#{$prefix}input-group-lg > .#{$prefix}input-group-append > .#{$prefix}btn {\n  padding: $input-padding-y-lg $input-padding-x-lg;\n  @include font-size($input-font-size-lg);\n  line-height: $input-line-height-lg;\n  @include border-radius($input-border-radius-lg);\n}\n\n.#{$prefix}input-group-sm > .#{$prefix}form-control:not(textarea),\n.#{$prefix}input-group-sm > .#{$prefix}custom-select {\n  height: $input-height-sm;\n}\n\n.#{$prefix}input-group-sm > .#{$prefix}form-control,\n.#{$prefix}input-group-sm > .#{$prefix}custom-select,\n.#{$prefix}input-group-sm > .#{$prefix}input-group-prepend > .#{$prefix}input-group-text,\n.#{$prefix}input-group-sm > .#{$prefix}input-group-append > .#{$prefix}input-group-text,\n.#{$prefix}input-group-sm > .#{$prefix}input-group-prepend > .#{$prefix}btn,\n.#{$prefix}input-group-sm > .#{$prefix}input-group-append > .#{$prefix}btn {\n  padding: $input-padding-y-sm $input-padding-x-sm;\n  @include font-size($input-font-size-sm);\n  line-height: $input-line-height-sm;\n  @include border-radius($input-border-radius-sm);\n}\n\n.#{$prefix}input-group-lg > .#{$prefix}custom-select,\n.#{$prefix}input-group-sm > .#{$prefix}custom-select {\n  padding-right: $custom-select-padding-x + $custom-select-indicator-padding;\n}\n\n\n// Prepend and append rounded corners\n//\n// These rulesets must come after the sizing ones to properly override sm and lg\n// border-radius values when extending. They're more specific than we'd like\n// with the `.#{$prefix}input-group >` part, but without it, we cannot override the sizing.\n\n\n.#{$prefix}input-group > .#{$prefix}input-group-prepend > .#{$prefix}btn,\n.#{$prefix}input-group > .#{$prefix}input-group-prepend > .#{$prefix}input-group-text,\n.#{$prefix}input-group > .#{$prefix}input-group-append:not(:last-child) > .#{$prefix}btn,\n.#{$prefix}input-group > .#{$prefix}input-group-append:not(:last-child) > .#{$prefix}input-group-text,\n.#{$prefix}input-group > .#{$prefix}input-group-append:last-child > .#{$prefix}btn:not(:last-child):not(.dropdown-toggle),\n.#{$prefix}input-group > .#{$prefix}input-group-append:last-child > .#{$prefix}input-group-text:not(:last-child) {\n  @include border-right-radius(0);\n}\n\n.#{$prefix}input-group > .#{$prefix}input-group-append > .#{$prefix}btn,\n.#{$prefix}input-group > .#{$prefix}input-group-append > .#{$prefix}input-group-text,\n.#{$prefix}input-group > .#{$prefix}input-group-prepend:not(:first-child) > .#{$prefix}btn,\n.#{$prefix}input-group > .#{$prefix}input-group-prepend:not(:first-child) > .#{$prefix}input-group-text,\n.#{$prefix}input-group > .#{$prefix}input-group-prepend:first-child > .#{$prefix}btn:not(:first-child),\n.#{$prefix}input-group > .#{$prefix}input-group-prepend:first-child > .#{$prefix}input-group-text:not(:first-child) {\n  @include border-left-radius(0);\n}\n","$input-margin-y: 4px;\n$custom-input-line-height: 20px;\n$custom-input-padding-y: 8px;\n$custom-input-padding-x: 12px;\n$custom-input-file-label-padding: 8px;\n\n// general form-control class for inputs (text, password, email, etc)\n.#{$prefix}form-control {\n  padding: $custom-input-padding-y $custom-input-padding-x;\n  margin-top: $input-margin-y;\n  margin-bottom: $input-margin-y;\n  line-height: $custom-input-line-height;\n  color: $dark;\n\n  &:hover:not(:disabled):not([readonly]) {\n    border: 1px solid $input-focus-border-color;\n  }\n\n  &:disabled,\n  &[readonly]:not(.input-datepicker) {\n    color: $muted;\n    cursor: not-allowed;\n    background-color: $cloud;\n    border-color: $smoke;\n    outline: none;\n    box-shadow: none;\n  }\n\n  &:focus {\n    color: $dark;\n  }\n\n  &.prefix-icon {\n    padding-left: 36px;\n  }\n\n  &.suffix-icon {\n    padding-right: 36px;\n  }\n}\n\n//plain text class\n.#{$prefix}form-control-plaintext {\n  &:focus {\n    outline: none;\n    box-shadow: none;\n  }\n}\n\n// supress magrin on .#{$prefix}form-group labels\n.#{$prefix}form-group {\n  label {\n    margin-bottom: 0;\n  }\n}\n\n// supress margin on labels inside form-row\n.#{$prefix}form-row {\n  label {\n    margin-bottom: 0;\n  }\n}\n\n\n.#{$prefix}custom-select,\n.#{$prefix}custom-file-input {\n  height: 36px;\n  padding: $custom-select-padding-y 8px $custom-select-padding-y 12px;\n  margin: $input-margin-y 0;\n  line-height: $custom-input-line-height;\n  color: $dark;\n\n  &:hover:not(:disabled) {\n    cursor: pointer;\n    border: 1px solid $input-focus-border-color;\n  }\n\n  &:focus {\n    box-shadow: $input-focus-box-shadow;\n  }\n\n  &:disabled {\n    color: $muted;\n    cursor: not-allowed;\n    background-color: $cloud;\n    border-color: $smoke;\n  }\n\n  &:not(:focus):invalid {\n    color: $text-muted;\n  }\n}\n\n// custom file input\ninput[type=\"file\"] { // stylelint-disable-line selector-no-qualifying-type\n  cursor: pointer;\n}\ninput[type=\"file\"]::-webkit-file-upload-button { // stylelint-disable-line selector-no-qualifying-type\n  cursor: pointer;\n}\n.#{$prefix}custom-file {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  height: auto;\n  margin-bottom: 20px;\n  &:hover .#{$prefix}custom-file-label::before {\n    border: 1px solid $muted;\n  }\n  .#{$prefix}form-text {\n    margin-top: 4px;\n  }\n}\n.#{$prefix}custom-file ~ .#{$prefix}custom-file-list-wrapper {\n  margin-bottom: 12px;\n}\n\n.#{$prefix}custom-file-input {\n  margin: 0;\n}\n\n.#{$prefix}custom-file-label {\n  display: flex;\n  align-items: flex-end;\n  height: 36px;\n  padding: $custom-input-padding-y $custom-input-padding-x;\n  margin-bottom: 0;\n  color: $muted;\n\n  &::after {\n    display: none;\n  }\n\n  // visualize Choose File button\n  &::before {\n    position: relative;\n    top: 3px;\n    bottom: 0;\n    z-index: 3;\n    display: flex;\n    align-items: center;\n    height: 24px;\n    padding: 2px 8px;\n    margin-right: 12px;\n    line-height: $custom-input-line-height;\n    color: $slate;\n    content: \"Choose File\";\n    background-color: $snow;\n    border: 1px solid $smoke;\n    // stylelint-disable-next-line property-blacklist\n    border-radius: 4px;\n  }\n}\n\n//input text helper for validation, and normal case (form-text)\n.valid-feedback,\n.invalid-feedback {\n  font-size: 12px;\n}\n\n.#{$prefix}form-group-label {\n  margin-bottom: 0;\n  font-weight: 600;\n  line-height: $custom-input-line-height;\n}\n\n.#{$prefix}custom-control {\n  margin-bottom: 4px;\n}\n\n.#{$prefix}form-group-label + .#{$prefix}custom-control,\n.#{$prefix}form-group-label + .#{$prefix}custom-file {\n  margin-top: 4px;\n}\n\n//special case for checkbox and radio\n//checkboxes & radios are to use .#{$prefix}custom-control-input (NOT .#{$prefix}form-check) to have customize checkbox & radio\n.#{$prefix}custom-control-input {\n  &:focus {\n    box-shadow: $custom-control-indicator-focus-box-shadow;\n  }\n\n  &:hover ~ .#{$prefix}custom-control-label::before {\n    cursor: pointer;\n    border-color: $input-focus-border-color;\n  }\n\n  &:hover ~ .#{$prefix}custom-control-label::after,\n  &:hover ~ .#{$prefix}custom-control-label {\n    cursor: pointer;\n  }\n\n  &:disabled ~ .#{$prefix}custom-control-label::after{\n    cursor: not-allowed;\n    border: none;\n  }\n\n  &:disabled ~ .#{$prefix}custom-control-label::before{\n    cursor: not-allowed;\n    background-color: $cloud;\n    border: 1px solid $smoke;\n  }\n\n  &:disabled ~ .#{$prefix}custom-control-label{\n    cursor: not-allowed;\n  }\n}\n\n.#{$prefix}custom-control-label {\n  font-weight: 400;\n  color: $dark;\n}\n\n.#{$prefix}custom-control-label::before {\n  top: 2px;\n}\n\n.#{$prefix}custom-control-label::after {\n  top: 2px;\n}\n\n// to make sure checkbox & radio have 4px margin bottom\n.#{$prefix}form-check {\n  margin-bottom: $input-margin-y;\n}\n\n// stylelint-disable-next-line selector-no-qualifying-type\ntextarea.#{$prefix}form-control {\n  min-width: 184px;\n  height: 80px;\n  min-height: 36px;\n  max-height: 200px;\n  padding-right: 12px;\n  padding-left: 12px;\n  @include scroll-default;\n}\n\n// text helper class in Bootstrap\n.#{$prefix}form-text {\n  font-size: 12px;\n  color: $slate;\n}\n\n// input groups classess\n.#{$prefix}input-group {\n  margin-top: $input-margin-y;\n  margin-bottom: $input-margin-y;\n\n  .#{$prefix}form-control {\n    margin-top: 0;\n    margin-bottom: 0;\n  }\n\n  .valid-feedback,\n  .invalid-feedback {\n    margin-top: 4px;\n  }\n}\n\n/* stylelint-disable property-no-vendor-prefix */\n.#{$prefix}custom-select,\n.#{$prefix}custom-select-sm {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n}\n/* stylelint-enable property-no-vendor-prefix */\n\n.#{$prefix}form-xs {\n  width: 80px;\n  max-width: 80px;\n}\n\n.#{$prefix}form-sm {\n  width: 184px;\n  max-width: 184px;\n}\n\n.#{$prefix}form-md {\n  width: 288px;\n  max-width: 288px;\n}\n\n.#{$prefix}form-lg {\n  width: 392px;\n  max-width: 392px;\n}\n\n.#{$prefix}form-xl {\n  width: 600px;\n  max-width: 600px;\n}\n\n.#{$prefix}counter-label {\n  float: right;\n  font-weight: $font-weight-normal;\n}\n\n.#{$prefix}input-group-text {\n  display: flex;\n  align-items: center;\n  padding: $input-padding-y $input-padding-x;\n  margin-bottom: 0; // Allow use of <label> elements by overriding our default margin-bottom\n  @include font-size($input-font-size); // Match inputs\n  font-weight: $font-weight-normal;\n  line-height: $input-line-height;\n  color: $input-group-addon-color;\n  text-align: center;\n  white-space: nowrap;\n  background-color: $input-group-addon-bg;\n  border: $input-border-width solid $input-group-addon-border-color;\n  @include border-radius($input-border-radius);\n}\n\n.input-datepicker {\n  cursor: pointer;\n  background-color: $white !important; // stylelint-disable-line declaration-no-important\n  &:hover:not(:disabled) {\n    border: 1px solid $input-focus-border-color;\n  }\n}\n\n.input-with-icon-container {\n  margin-bottom: -20px;\n}\n","@mixin scroll-default {\n  &::-webkit-scrollbar {\n    width: 12px;\n    background-color: transparent;\n  }\n\n  &::-webkit-scrollbar-thumb {\n    background-color: $slate;\n    background-clip: padding-box;\n    border: 4px solid transparent;\n    @include border-radius(16px);\n  }\n\n  &::-webkit-scrollbar-track {\n    background-color: $white;\n    @include border-radius(4px);\n  }\n}\n"]}

data/lib/css/components/mekari-ui-form.css

@@ -0,0 +1,1437 @@
+.form-control {
+  display: block;
+  width: 100%;
+  height: 36px;
+  padding: 0.375rem 0.75rem;
+  font-size: 0.875rem;
+  font-weight: 400;
+  line-height: 1.4285;
+  color: #212121;
+  background-color: #fff;
+  background-clip: padding-box;
+  border: 1px solid #e2e2e2;
+  border-radius: 4px;
+  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .form-control {
+    transition: none;
+  }
+}
+
+.form-control::-ms-expand {
+  background-color: transparent;
+  border: 0;
+}
+
+.form-control:focus {
+  color: #212121;
+  background-color: #fff;
+  border-color: #005fbf;
+  outline: 0;
+  box-shadow: 0 0 4px 1px rgba(0, 95, 191, 0.3);
+}
+
+.form-control::-webkit-input-placeholder {
+  color: #b4b4b4;
+  opacity: 1;
+}
+
+.form-control::-moz-placeholder {
+  color: #b4b4b4;
+  opacity: 1;
+}
+
+.form-control:-ms-input-placeholder {
+  color: #b4b4b4;
+  opacity: 1;
+}
+
+.form-control::-ms-input-placeholder {
+  color: #b4b4b4;
+  opacity: 1;
+}
+
+.form-control::placeholder {
+  color: #b4b4b4;
+  opacity: 1;
+}
+
+.form-control:disabled, .form-control[readonly] {
+  background-color: #f2f4f7;
+  opacity: 1;
+}
+
+select.form-control:focus::-ms-value {
+  color: #212121;
+  background-color: #fff;
+}
+
+.form-control-file,
+.form-control-range {
+  display: block;
+  width: 100%;
+}
+
+.col-form-label {
+  padding-top: calc(0.375rem + 1px);
+  padding-bottom: calc(0.375rem + 1px);
+  margin-bottom: 0;
+  font-size: inherit;
+  line-height: 1.4285;
+}
+
+.col-form-label-lg {
+  padding-top: calc(0.5rem + 1px);
+  padding-bottom: calc(0.5rem + 1px);
+  font-size: 1.25rem;
+  line-height: 1.4285;
+}
+
+.col-form-label-sm {
+  padding-top: calc(0.25rem + 1px);
+  padding-bottom: calc(0.25rem + 1px);
+  font-size: 0.75rem;
+  line-height: 1.4285;
+}
+
+.form-control-plaintext {
+  display: block;
+  width: 100%;
+  padding-top: 0.375rem;
+  padding-bottom: 0.375rem;
+  margin-bottom: 0;
+  line-height: 1.4285;
+  color: #212121;
+  background-color: transparent;
+  border: solid transparent;
+  border-width: 1px 0;
+}
+
+.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg {
+  padding-right: 0;
+  padding-left: 0;
+}
+
+.form-control-sm {
+  height: calc(1.4285em + 0.5rem + 2px);
+  padding: 0.25rem 0.5rem;
+  font-size: 0.75rem;
+  line-height: 1.4285;
+  border-radius: 4px;
+}
+
+.form-control-lg {
+  height: calc(1.4285em + 1rem + 2px);
+  padding: 0.5rem 1rem;
+  font-size: 1.25rem;
+  line-height: 1.4285;
+  border-radius: 4px;
+}
+
+select.form-control[size], select.form-control[multiple] {
+  height: auto;
+}
+
+textarea.form-control {
+  height: auto;
+}
+
+.form-group {
+  margin-bottom: 20px;
+}
+
+.form-text {
+  display: block;
+  margin-top: 0;
+}
+
+.form-row {
+  display: flex;
+  flex-wrap: wrap;
+  margin-right: -5px;
+  margin-left: -5px;
+}
+
+.form-row > .col,
+.form-row > [class*="col-"] {
+  padding-right: 5px;
+  padding-left: 5px;
+}
+
+.form-check {
+  position: relative;
+  display: block;
+  padding-left: 1.25rem;
+}
+
+.form-check-input {
+  position: absolute;
+  margin-top: 0.3rem;
+  margin-left: -1.25rem;
+}
+
+.form-check-input:disabled ~ .form-check-label {
+  color: #b4b4b4;
+}
+
+.form-check-label {
+  margin-bottom: 0;
+}
+
+.form-check-inline {
+  display: inline-flex;
+  align-items: center;
+  padding-left: 0;
+  margin-right: 0.75rem;
+}
+
+.form-check-inline .form-check-input {
+  position: static;
+  margin-top: 0;
+  margin-right: 0.3125rem;
+  margin-left: 0;
+}
+
+.valid-feedback {
+  display: none;
+  width: 100%;
+  margin-top: 0;
+  font-size: 0.75rem;
+  color: #009f61;
+}
+
+.valid-tooltip {
+  position: absolute;
+  top: 100%;
+  z-index: 5;
+  display: none;
+  max-width: 100%;
+  padding: 0.25rem 0.5rem;
+  margin-top: .1rem;
+  font-size: 0.75rem;
+  line-height: 1.4285;
+  color: #fff;
+  background-color: rgba(0, 159, 97, 0.9);
+  border-radius: 4px;
+}
+
+.was-validated .form-control:valid, .form-control.is-valid {
+  border-color: #009f61;
+}
+
+.was-validated .form-control:valid:focus, .form-control.is-valid:focus {
+  border-color: #009f61;
+  box-shadow: 0 0 0 0.2rem rgba(0, 159, 97, 0.25);
+}
+
+.was-validated .form-control:valid ~ .valid-feedback,
+.was-validated .form-control:valid ~ .valid-tooltip, .form-control.is-valid ~ .valid-feedback,
+.form-control.is-valid ~ .valid-tooltip {
+  display: block;
+}
+
+.was-validated .custom-select:valid, .custom-select.is-valid {
+  border-color: #009f61;
+}
+
+.was-validated .custom-select:valid:focus, .custom-select.is-valid:focus {
+  border-color: #009f61;
+  box-shadow: 0 0 0 0.2rem rgba(0, 159, 97, 0.25);
+}
+
+.was-validated .custom-select:valid ~ .valid-feedback,
+.was-validated .custom-select:valid ~ .valid-tooltip, .custom-select.is-valid ~ .valid-feedback,
+.custom-select.is-valid ~ .valid-tooltip {
+  display: block;
+}
+
+.was-validated .form-control-file:valid ~ .valid-feedback,
+.was-validated .form-control-file:valid ~ .valid-tooltip, .form-control-file.is-valid ~ .valid-feedback,
+.form-control-file.is-valid ~ .valid-tooltip {
+  display: block;
+}
+
+.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
+  color: #009f61;
+}
+
+.was-validated .form-check-input:valid ~ .valid-feedback,
+.was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback,
+.form-check-input.is-valid ~ .valid-tooltip {
+  display: block;
+}
+
+.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label {
+  color: #009f61;
+}
+
+.was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before {
+  border-color: #009f61;
+}
+
+.was-validated .custom-control-input:valid ~ .valid-feedback,
+.was-validated .custom-control-input:valid ~ .valid-tooltip, .custom-control-input.is-valid ~ .valid-feedback,
+.custom-control-input.is-valid ~ .valid-tooltip {
+  display: block;
+}
+
+.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before {
+  border-color: #00d280;
+  background-color: #00d280;
+}
+
+.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 0.2rem rgba(0, 159, 97, 0.25);
+}
+
+.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before {
+  border-color: #009f61;
+}
+
+.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label {
+  border-color: #009f61;
+}
+
+.was-validated .custom-file-input:valid ~ .valid-feedback,
+.was-validated .custom-file-input:valid ~ .valid-tooltip, .custom-file-input.is-valid ~ .valid-feedback,
+.custom-file-input.is-valid ~ .valid-tooltip {
+  display: block;
+}
+
+.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label {
+  border-color: #009f61;
+  box-shadow: 0 0 0 0.2rem rgba(0, 159, 97, 0.25);
+}
+
+.invalid-feedback {
+  display: none;
+  width: 100%;
+  margin-top: 0;
+  font-size: 0.75rem;
+  color: #d74022;
+}
+
+.invalid-tooltip {
+  position: absolute;
+  top: 100%;
+  z-index: 5;
+  display: none;
+  max-width: 100%;
+  padding: 0.25rem 0.5rem;
+  margin-top: .1rem;
+  font-size: 0.75rem;
+  line-height: 1.4285;
+  color: #fff;
+  background-color: rgba(215, 64, 34, 0.9);
+  border-radius: 4px;
+}
+
+.was-validated .form-control:invalid, .form-control.is-invalid {
+  border-color: #d74022;
+}
+
+.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus {
+  border-color: #d74022;
+  box-shadow: 0 0 0 0.2rem rgba(215, 64, 34, 0.25);
+}
+
+.was-validated .form-control:invalid ~ .invalid-feedback,
+.was-validated .form-control:invalid ~ .invalid-tooltip, .form-control.is-invalid ~ .invalid-feedback,
+.form-control.is-invalid ~ .invalid-tooltip {
+  display: block;
+}
+
+.was-validated .custom-select:invalid, .custom-select.is-invalid {
+  border-color: #d74022;
+}
+
+.was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus {
+  border-color: #d74022;
+  box-shadow: 0 0 0 0.2rem rgba(215, 64, 34, 0.25);
+}
+
+.was-validated .custom-select:invalid ~ .invalid-feedback,
+.was-validated .custom-select:invalid ~ .invalid-tooltip, .custom-select.is-invalid ~ .invalid-feedback,
+.custom-select.is-invalid ~ .invalid-tooltip {
+  display: block;
+}
+
+.was-validated .form-control-file:invalid ~ .invalid-feedback,
+.was-validated .form-control-file:invalid ~ .invalid-tooltip, .form-control-file.is-invalid ~ .invalid-feedback,
+.form-control-file.is-invalid ~ .invalid-tooltip {
+  display: block;
+}
+
+.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {
+  color: #d74022;
+}
+
+.was-validated .form-check-input:invalid ~ .invalid-feedback,
+.was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback,
+.form-check-input.is-invalid ~ .invalid-tooltip {
+  display: block;
+}
+
+.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label {
+  color: #d74022;
+}
+
+.was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before {
+  border-color: #d74022;
+}
+
+.was-validated .custom-control-input:invalid ~ .invalid-feedback,
+.was-validated .custom-control-input:invalid ~ .invalid-tooltip, .custom-control-input.is-invalid ~ .invalid-feedback,
+.custom-control-input.is-invalid ~ .invalid-tooltip {
+  display: block;
+}
+
+.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before {
+  border-color: #e2634a;
+  background-color: #e2634a;
+}
+
+.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 0.2rem rgba(215, 64, 34, 0.25);
+}
+
+.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before {
+  border-color: #d74022;
+}
+
+.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label {
+  border-color: #d74022;
+}
+
+.was-validated .custom-file-input:invalid ~ .invalid-feedback,
+.was-validated .custom-file-input:invalid ~ .invalid-tooltip, .custom-file-input.is-invalid ~ .invalid-feedback,
+.custom-file-input.is-invalid ~ .invalid-tooltip {
+  display: block;
+}
+
+.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label {
+  border-color: #d74022;
+  box-shadow: 0 0 0 0.2rem rgba(215, 64, 34, 0.25);
+}
+
+.form-inline {
+  display: flex;
+  flex-flow: row wrap;
+  align-items: center;
+}
+
+.form-inline .form-check {
+  width: 100%;
+}
+
+@media (min-width: 576px) {
+  .form-inline label {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    margin-bottom: 0;
+  }
+  .form-inline .form-group {
+    display: flex;
+    flex: 0 0 auto;
+    flex-flow: row wrap;
+    align-items: center;
+    margin-bottom: 0;
+  }
+  .form-inline .form-control {
+    display: inline-block;
+    width: auto;
+    vertical-align: middle;
+  }
+  .form-inline .form-control-plaintext {
+    display: inline-block;
+  }
+  .form-inline .input-group,
+  .form-inline .custom-select {
+    width: auto;
+  }
+  .form-inline .form-check {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: auto;
+    padding-left: 0;
+  }
+  .form-inline .form-check-input {
+    position: relative;
+    flex-shrink: 0;
+    margin-top: 0;
+    margin-right: 0.25rem;
+    margin-left: 0;
+  }
+  .form-inline .custom-control {
+    align-items: center;
+    justify-content: center;
+  }
+  .form-inline .custom-control-label {
+    margin-bottom: 0;
+  }
+}
+
+.custom-control {
+  position: relative;
+  display: block;
+  min-height: 1.249938rem;
+  padding-left: 1.5rem;
+}
+
+.custom-control-inline {
+  display: inline-flex;
+  margin-right: 1rem;
+}
+
+.custom-control-input {
+  position: absolute;
+  z-index: -1;
+  opacity: 0;
+}
+
+.custom-control-input:checked ~ .custom-control-label::before {
+  color: #fff;
+  border-color: #005fbf;
+  background-color: #005fbf;
+}
+
+.custom-control-input:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 2px rgba(0, 95, 191, 0.3);
+}
+
+.custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
+  border-color: #409fff;
+}
+
+.custom-control-input:not(:disabled):active ~ .custom-control-label::before {
+  color: #fff;
+  background-color: #73b8ff;
+  border-color: #73b8ff;
+}
+
+.custom-control-input:disabled ~ .custom-control-label {
+  color: #b4b4b4;
+}
+
+.custom-control-input:disabled ~ .custom-control-label::before {
+  background-color: #f2f4f7;
+}
+
+.custom-control-label {
+  position: relative;
+  margin-bottom: 0;
+  vertical-align: top;
+}
+
+.custom-control-label::before {
+  position: absolute;
+  top: 0.124969rem;
+  left: -1.5rem;
+  display: block;
+  width: 1rem;
+  height: 1rem;
+  pointer-events: none;
+  content: "";
+  background-color: #fff;
+  border: #e2e2e2 solid 1px;
+}
+
+.custom-control-label::after {
+  position: absolute;
+  top: 0.124969rem;
+  left: -1.5rem;
+  display: block;
+  width: 1rem;
+  height: 1rem;
+  content: "";
+  background: no-repeat 50% / 50% 50%;
+}
+
+.custom-checkbox .custom-control-label::before {
+  border-radius: 2px;
+}
+
+.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23ffffff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e");
+}
+
+.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
+  border-color: #e2e2e2;
+  background-color: #005fbf;
+}
+
+.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3e%3cpath stroke='%23ffffff' d='M0 2h4'/%3e%3c/svg%3e");
+}
+
+.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
+  background-color: rgba(0, 95, 191, 0.5);
+}
+
+.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {
+  background-color: rgba(0, 95, 191, 0.5);
+}
+
+.custom-radio .custom-control-label::before {
+  border-radius: 100%;
+}
+
+.custom-radio .custom-control-input:checked ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23ffffff'/%3e%3c/svg%3e");
+}
+
+.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before {
+  background-color: rgba(0, 95, 191, 0.5);
+}
+
+.custom-switch {
+  padding-left: 2.25rem;
+}
+
+.custom-switch .custom-control-label::before {
+  left: -2.25rem;
+  width: 1.75rem;
+  pointer-events: all;
+  border-radius: 0.5rem;
+}
+
+.custom-switch .custom-control-label::after {
+  top: calc(0.124969rem + 2px);
+  left: calc(-2.25rem + 2px);
+  width: calc(1rem - 4px);
+  height: calc(1rem - 4px);
+  background-color: #e2e2e2;
+  border-radius: 0.5rem;
+  transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .custom-switch .custom-control-label::after {
+    transition: none;
+  }
+}
+
+.custom-switch .custom-control-input:checked ~ .custom-control-label::after {
+  background-color: #fff;
+  transform: translateX(0.75rem);
+}
+
+.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before {
+  background-color: rgba(0, 95, 191, 0.5);
+}
+
+.custom-select {
+  display: inline-block;
+  width: 100%;
+  height: calc(1.4285em + 0.75rem + 2px);
+  padding: 8px 1.75rem 8px 0.75rem;
+  font-size: 0.875rem;
+  font-weight: 400;
+  line-height: 1.4285;
+  color: #777;
+  vertical-align: middle;
+  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='%23777' d='M6.28178611,7.34112994 C5.98969924,7.04743259 5.5148273,7.04612703 5.22112994,7.33821389 C4.92743259,7.63030076 4.92612703,8.1051727 5.21821389,8.39887006 L9.44490899,12.6488701 C9.73699896,12.9425705 10.2118771,12.9438725 10.5055731,12.6517782 L14.7788781,8.40177816 C15.072571,8.10968687 15.0738694,7.63481492 14.7817782,7.34112195 C14.4896869,7.04742898 14.0148149,7.04613056 13.7211219,7.33822184 L9.9796032,11.0593358 L6.28178611,7.34112994 Z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/24px;
+  background-color: #fff;
+  border: 1px solid #e2e2e2;
+  border-radius: 4px;
+  -webkit-appearance: none;
+  -moz-appearance: none;
+  appearance: none;
+}
+
+.custom-select:focus {
+  border-color: #409fff;
+  outline: 0;
+  box-shadow: 0 0 0 0.2rem rgba(19, 87, 255, 0.25);
+}
+
+.custom-select:focus::-ms-value {
+  color: #212121;
+  background-color: #fff;
+}
+
+.custom-select[multiple], .custom-select[size]:not([size="1"]) {
+  height: auto;
+  padding-right: 0.75rem;
+  background-image: none;
+}
+
+.custom-select:disabled {
+  color: #b4b4b4;
+  background-color: #f2f4f7;
+}
+
+.custom-select::-ms-expand {
+  display: none;
+}
+
+.custom-select-sm {
+  height: calc(1.4285em + 0.5rem + 2px);
+  padding-top: 0.25rem;
+  padding-bottom: 0.25rem;
+  padding-left: 0.5rem;
+  font-size: 0.75rem;
+}
+
+.custom-select-lg {
+  height: calc(1.4285em + 1rem + 2px);
+  padding-top: 0.5rem;
+  padding-bottom: 0.5rem;
+  padding-left: 1rem;
+  font-size: 1.25rem;
+}
+
+.custom-file {
+  position: relative;
+  display: inline-block;
+  width: 100%;
+  height: calc(1.4285em + 0.75rem + 2px);
+  margin-bottom: 0;
+}
+
+.custom-file-input {
+  position: relative;
+  z-index: 2;
+  width: 100%;
+  height: calc(1.4285em + 0.75rem + 2px);
+  margin: 0;
+  opacity: 0;
+}
+
+.custom-file-input:focus ~ .custom-file-label {
+  border-color: #409fff;
+  box-shadow: 0 0 0 0.2rem rgba(19, 87, 255, 0.25);
+}
+
+.custom-file-input:disabled ~ .custom-file-label {
+  background-color: #f2f4f7;
+}
+
+.custom-file-input:lang(en) ~ .custom-file-label::after {
+  content: "Choose file";
+}
+
+.custom-file-input:lang(id) ~ .custom-file-label::after {
+  content: "Pilih file";
+}
+
+.custom-file-input ~ .custom-file-label[data-browse]::after {
+  content: attr(data-browse);
+}
+
+.custom-file-label {
+  position: absolute;
+  top: 0;
+  right: 0;
+  left: 0;
+  z-index: 1;
+  height: calc(1.4285em + 0.75rem + 2px);
+  padding: 0.375rem 0.75rem;
+  font-weight: 400;
+  line-height: 1.4285;
+  color: #212121;
+  background-color: #fff;
+  border: 1px solid #e2e2e2;
+  border-radius: 4px;
+}
+
+.custom-file-label::after {
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  z-index: 3;
+  display: block;
+  height: calc(1.4285em + 0.75rem);
+  padding: 0.375rem 0.75rem;
+  line-height: 1.4285;
+  color: #212121;
+  content: "Browse";
+  background-color: #f2f4f7;
+  border-left: inherit;
+  border-radius: 0 4px 4px 0;
+}
+
+.custom-range {
+  width: 100%;
+  height: calc(1rem + 0.4rem);
+  padding: 0;
+  background-color: transparent;
+  -webkit-appearance: none;
+  -moz-appearance: none;
+  appearance: none;
+}
+
+.custom-range:focus {
+  outline: none;
+}
+
+.custom-range:focus::-webkit-slider-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(19, 87, 255, 0.25);
+}
+
+.custom-range:focus::-moz-range-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(19, 87, 255, 0.25);
+}
+
+.custom-range:focus::-ms-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(19, 87, 255, 0.25);
+}
+
+.custom-range::-moz-focus-outer {
+  border: 0;
+}
+
+.custom-range::-webkit-slider-thumb {
+  width: 1rem;
+  height: 1rem;
+  margin-top: -0.25rem;
+  background-color: #005fbf;
+  border: 0;
+  border-radius: 1rem;
+  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+  -webkit-appearance: none;
+  appearance: none;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .custom-range::-webkit-slider-thumb {
+    transition: none;
+  }
+}
+
+.custom-range::-webkit-slider-thumb:active {
+  background-color: #73b8ff;
+}
+
+.custom-range::-webkit-slider-runnable-track {
+  width: 100%;
+  height: 0.5rem;
+  color: transparent;
+  cursor: pointer;
+  background-color: #dee2e6;
+  border-color: transparent;
+  border-radius: 1rem;
+}
+
+.custom-range::-moz-range-thumb {
+  width: 1rem;
+  height: 1rem;
+  background-color: #005fbf;
+  border: 0;
+  border-radius: 1rem;
+  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+  -moz-appearance: none;
+  appearance: none;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .custom-range::-moz-range-thumb {
+    transition: none;
+  }
+}
+
+.custom-range::-moz-range-thumb:active {
+  background-color: #73b8ff;
+}
+
+.custom-range::-moz-range-track {
+  width: 100%;
+  height: 0.5rem;
+  color: transparent;
+  cursor: pointer;
+  background-color: #dee2e6;
+  border-color: transparent;
+  border-radius: 1rem;
+}
+
+.custom-range::-ms-thumb {
+  width: 1rem;
+  height: 1rem;
+  margin-top: 0;
+  margin-right: 0.2rem;
+  margin-left: 0.2rem;
+  background-color: #005fbf;
+  border: 0;
+  border-radius: 1rem;
+  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+  appearance: none;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .custom-range::-ms-thumb {
+    transition: none;
+  }
+}
+
+.custom-range::-ms-thumb:active {
+  background-color: #73b8ff;
+}
+
+.custom-range::-ms-track {
+  width: 100%;
+  height: 0.5rem;
+  color: transparent;
+  cursor: pointer;
+  background-color: transparent;
+  border-color: transparent;
+  border-width: 0.5rem;
+}
+
+.custom-range::-ms-fill-lower {
+  background-color: #dee2e6;
+  border-radius: 1rem;
+}
+
+.custom-range::-ms-fill-upper {
+  margin-right: 15px;
+  background-color: #dee2e6;
+  border-radius: 1rem;
+}
+
+.custom-range:disabled::-webkit-slider-thumb {
+  background-color: #adb5bd;
+}
+
+.custom-range:disabled::-webkit-slider-runnable-track {
+  cursor: default;
+}
+
+.custom-range:disabled::-moz-range-thumb {
+  background-color: #adb5bd;
+}
+
+.custom-range:disabled::-moz-range-track {
+  cursor: default;
+}
+
+.custom-range:disabled::-ms-thumb {
+  background-color: #adb5bd;
+}
+
+.custom-control-label::before,
+.custom-file-label,
+.custom-select {
+  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .custom-control-label::before,
+  .custom-file-label,
+  .custom-select {
+    transition: none;
+  }
+}
+
+.input-group {
+  position: relative;
+  display: flex;
+  flex-wrap: wrap;
+  align-items: stretch;
+  width: 100%;
+}
+
+.input-group > .form-control,
+.input-group > .form-control-plaintext,
+.input-group > .custom-select,
+.input-group > .custom-file {
+  position: relative;
+  flex: 1 1 auto;
+  width: 1%;
+  margin-bottom: 0;
+}
+
+.input-group > .form-control + .form-control,
+.input-group > .form-control + .custom-select,
+.input-group > .form-control + .custom-file,
+.input-group > .form-control-plaintext + .form-control,
+.input-group > .form-control-plaintext + .custom-select,
+.input-group > .form-control-plaintext + .custom-file,
+.input-group > .custom-select + .form-control,
+.input-group > .custom-select + .custom-select,
+.input-group > .custom-select + .custom-file,
+.input-group > .custom-file + .form-control,
+.input-group > .custom-file + .custom-select,
+.input-group > .custom-file + .custom-file {
+  margin-left: -1px;
+}
+
+.input-group > .form-control:focus,
+.input-group > .custom-select:focus,
+.input-group > .custom-file .custom-file-input:focus ~ .custom-file-label {
+  z-index: 3;
+}
+
+.input-group > .custom-file .custom-file-input:focus {
+  z-index: 4;
+}
+
+.input-group > .form-control:not(:last-child),
+.input-group > .custom-select:not(:last-child) {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.input-group > .form-control:not(:first-child),
+.input-group > .custom-select:not(:first-child) {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+
+.input-group > .custom-file {
+  display: flex;
+  align-items: center;
+}
+
+.input-group > .custom-file:not(:last-child) .custom-file-label,
+.input-group > .custom-file:not(:last-child) .custom-file-label::after {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.input-group > .custom-file:not(:first-child) .custom-file-label {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+
+.input-group-prepend,
+.input-group-append {
+  display: flex;
+}
+
+.input-group-prepend .btn,
+.input-group-append .btn {
+  position: relative;
+  z-index: 2;
+}
+
+.input-group-prepend .btn:focus,
+.input-group-append .btn:focus {
+  z-index: 3;
+}
+
+.input-group-prepend .btn + .btn,
+.input-group-prepend .btn + .input-group-text,
+.input-group-prepend .input-group-text + .input-group-text,
+.input-group-prepend .input-group-text + .btn,
+.input-group-append .btn + .btn,
+.input-group-append .btn + .input-group-text,
+.input-group-append .input-group-text + .input-group-text,
+.input-group-append .input-group-text + .btn {
+  margin-left: -1px;
+}
+
+.input-group-prepend {
+  margin-right: -1px;
+}
+
+.input-group-append {
+  margin-left: -1px;
+}
+
+.input-group-text {
+  display: flex;
+  align-items: center;
+  padding: 0.375rem 0.75rem;
+  margin-bottom: 0;
+  font-size: 0.875rem;
+  font-weight: 400;
+  line-height: 1.4285;
+  color: #212121;
+  text-align: center;
+  white-space: nowrap;
+  background-color: #f2f4f7;
+  border: 1px solid #e2e2e2;
+  border-radius: 4px;
+}
+
+.input-group-text input[type="radio"],
+.input-group-text input[type="checkbox"] {
+  margin-top: 0;
+}
+
+.input-group-lg > .form-control:not(textarea),
+.input-group-lg > .custom-select {
+  height: calc(1.4285em + 1rem + 2px);
+}
+
+.input-group-lg > .form-control,
+.input-group-lg > .custom-select,
+.input-group-lg > .input-group-prepend > .input-group-text,
+.input-group-lg > .input-group-append > .input-group-text,
+.input-group-lg > .input-group-prepend > .btn,
+.input-group-lg > .input-group-append > .btn {
+  padding: 0.5rem 1rem;
+  font-size: 1.25rem;
+  line-height: 1.4285;
+  border-radius: 4px;
+}
+
+.input-group-sm > .form-control:not(textarea),
+.input-group-sm > .custom-select {
+  height: calc(1.4285em + 0.5rem + 2px);
+}
+
+.input-group-sm > .form-control,
+.input-group-sm > .custom-select,
+.input-group-sm > .input-group-prepend > .input-group-text,
+.input-group-sm > .input-group-append > .input-group-text,
+.input-group-sm > .input-group-prepend > .btn,
+.input-group-sm > .input-group-append > .btn {
+  padding: 0.25rem 0.5rem;
+  font-size: 0.75rem;
+  line-height: 1.4285;
+  border-radius: 4px;
+}
+
+.input-group-lg > .custom-select,
+.input-group-sm > .custom-select {
+  padding-right: 1.75rem;
+}
+
+.input-group > .input-group-prepend > .btn,
+.input-group > .input-group-prepend > .input-group-text,
+.input-group > .input-group-append:not(:last-child) > .btn,
+.input-group > .input-group-append:not(:last-child) > .input-group-text,
+.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle),
+.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.input-group > .input-group-append > .btn,
+.input-group > .input-group-append > .input-group-text,
+.input-group > .input-group-prepend:not(:first-child) > .btn,
+.input-group > .input-group-prepend:not(:first-child) > .input-group-text,
+.input-group > .input-group-prepend:first-child > .btn:not(:first-child),
+.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+
+.form-control {
+  padding: 8px 12px;
+  margin-top: 4px;
+  margin-bottom: 4px;
+  line-height: 20px;
+  color: #212121;
+}
+
+.form-control:hover:not(:disabled):not([readonly]) {
+  border: 1px solid #005fbf;
+}
+
+.form-control:disabled, .form-control[readonly]:not(.input-datepicker) {
+  color: #b4b4b4;
+  cursor: not-allowed;
+  background-color: #f2f4f7;
+  border-color: #e2e2e2;
+  outline: none;
+  box-shadow: none;
+}
+
+.form-control:focus {
+  color: #212121;
+}
+
+.form-control.prefix-icon {
+  padding-left: 36px;
+}
+
+.form-control.suffix-icon {
+  padding-right: 36px;
+}
+
+.form-control-plaintext:focus {
+  outline: none;
+  box-shadow: none;
+}
+
+.form-group label {
+  margin-bottom: 0;
+}
+
+.form-row label {
+  margin-bottom: 0;
+}
+
+.custom-select,
+.custom-file-input {
+  height: 36px;
+  padding: 8px 8px 8px 12px;
+  margin: 4px 0;
+  line-height: 20px;
+  color: #212121;
+}
+
+.custom-select:hover:not(:disabled),
+.custom-file-input:hover:not(:disabled) {
+  cursor: pointer;
+  border: 1px solid #005fbf;
+}
+
+.custom-select:focus,
+.custom-file-input:focus {
+  box-shadow: 0 0 4px 1px rgba(0, 95, 191, 0.3);
+}
+
+.custom-select:disabled,
+.custom-file-input:disabled {
+  color: #b4b4b4;
+  cursor: not-allowed;
+  background-color: #f2f4f7;
+  border-color: #e2e2e2;
+}
+
+.custom-select:not(:focus):invalid,
+.custom-file-input:not(:focus):invalid {
+  color: #b4b4b4;
+}
+
+input[type="file"] {
+  cursor: pointer;
+}
+
+input[type="file"]::-webkit-file-upload-button {
+  cursor: pointer;
+}
+
+.custom-file {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  height: auto;
+  margin-bottom: 20px;
+}
+
+.custom-file:hover .custom-file-label::before {
+  border: 1px solid #b4b4b4;
+}
+
+.custom-file .form-text {
+  margin-top: 4px;
+}
+
+.custom-file ~ .custom-file-list-wrapper {
+  margin-bottom: 12px;
+}
+
+.custom-file-input {
+  margin: 0;
+}
+
+.custom-file-label {
+  display: flex;
+  align-items: flex-end;
+  height: 36px;
+  padding: 8px 12px;
+  margin-bottom: 0;
+  color: #b4b4b4;
+}
+
+.custom-file-label::after {
+  display: none;
+}
+
+.custom-file-label::before {
+  position: relative;
+  top: 3px;
+  bottom: 0;
+  z-index: 3;
+  display: flex;
+  align-items: center;
+  height: 24px;
+  padding: 2px 8px;
+  margin-right: 12px;
+  line-height: 20px;
+  color: #777;
+  content: "Choose File";
+  background-color: #fbfbfb;
+  border: 1px solid #e2e2e2;
+  border-radius: 4px;
+}
+
+.valid-feedback,
+.invalid-feedback {
+  font-size: 12px;
+}
+
+.form-group-label {
+  margin-bottom: 0;
+  font-weight: 600;
+  line-height: 20px;
+}
+
+.custom-control {
+  margin-bottom: 4px;
+}
+
+.form-group-label + .custom-control,
+.form-group-label + .custom-file {
+  margin-top: 4px;
+}
+
+.custom-control-input:focus {
+  box-shadow: 0 0 0 2px rgba(0, 95, 191, 0.3);
+}
+
+.custom-control-input:hover ~ .custom-control-label::before {
+  cursor: pointer;
+  border-color: #005fbf;
+}
+
+.custom-control-input:hover ~ .custom-control-label::after,
+.custom-control-input:hover ~ .custom-control-label {
+  cursor: pointer;
+}
+
+.custom-control-input:disabled ~ .custom-control-label::after {
+  cursor: not-allowed;
+  border: none;
+}
+
+.custom-control-input:disabled ~ .custom-control-label::before {
+  cursor: not-allowed;
+  background-color: #f2f4f7;
+  border: 1px solid #e2e2e2;
+}
+
+.custom-control-input:disabled ~ .custom-control-label {
+  cursor: not-allowed;
+}
+
+.custom-control-label {
+  font-weight: 400;
+  color: #212121;
+}
+
+.custom-control-label::before {
+  top: 2px;
+}
+
+.custom-control-label::after {
+  top: 2px;
+}
+
+.form-check {
+  margin-bottom: 4px;
+}
+
+textarea.form-control {
+  min-width: 184px;
+  height: 80px;
+  min-height: 36px;
+  max-height: 200px;
+  padding-right: 12px;
+  padding-left: 12px;
+}
+
+textarea.form-control::-webkit-scrollbar {
+  width: 12px;
+  background-color: transparent;
+}
+
+textarea.form-control::-webkit-scrollbar-thumb {
+  background-color: #777;
+  background-clip: padding-box;
+  border: 4px solid transparent;
+  border-radius: 16px;
+}
+
+textarea.form-control::-webkit-scrollbar-track {
+  background-color: #fff;
+  border-radius: 4px;
+}
+
+.form-text {
+  font-size: 12px;
+  color: #777;
+}
+
+.input-group {
+  margin-top: 4px;
+  margin-bottom: 4px;
+}
+
+.input-group .form-control {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+.input-group .valid-feedback,
+.input-group .invalid-feedback {
+  margin-top: 4px;
+}
+
+/* stylelint-disable property-no-vendor-prefix */
+.custom-select,
+.custom-select-sm {
+  -webkit-appearance: none;
+  -moz-appearance: none;
+  appearance: none;
+}
+
+/* stylelint-enable property-no-vendor-prefix */
+.form-xs {
+  width: 80px;
+  max-width: 80px;
+}
+
+.form-sm {
+  width: 184px;
+  max-width: 184px;
+}
+
+.form-md {
+  width: 288px;
+  max-width: 288px;
+}
+
+.form-lg {
+  width: 392px;
+  max-width: 392px;
+}
+
+.form-xl {
+  width: 600px;
+  max-width: 600px;
+}
+
+.counter-label {
+  float: right;
+  font-weight: 400;
+}
+
+.input-group-text {
+  display: flex;
+  align-items: center;
+  padding: 0.375rem 0.75rem;
+  margin-bottom: 0;
+  font-size: 0.875rem;
+  font-weight: 400;
+  line-height: 1.4285;
+  color: #212121;
+  text-align: center;
+  white-space: nowrap;
+  background-color: #f2f4f7;
+  border: 1px solid #e2e2e2;
+  border-radius: 4px;
+}
+
+.input-datepicker {
+  cursor: pointer;
+  background-color: #fff !important;
+}
+
+.input-datepicker:hover:not(:disabled) {
+  border: 1px solid #005fbf;
+}
+
+.input-with-icon-container {
+  margin-bottom: -20px;
+}
+/*# sourceMappingURL=mekari-ui-form.css.map */