RubyGems - mekari_ui_toolkit - Versions diffs - 1.0.12 → 1.0.17 - Mend

mekari_ui_toolkit 1.0.12 → 1.0.17

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (105) hide show

data/lib/assets/stylesheets/css/components/mekari-ui-navbar-min.css.map CHANGED

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../scss/vendors/_navbar.scss","dist/css/components/mekari-ui-navbar.css","../../../scss/vendors/_rfs.scss","../../../scss/vendors/mixins/_hover.scss","../../../scss/vendors/mixins/_border-radius.scss","../../../scss/vendors/mixins/_breakpoints.scss"],"names":[],"mappings":"AAiBA,QACE,SAAA,SACA,QAAA,KACA,UAAA,KACA,YAAA,OACA,gBAAA,cACA,QAAA,IAAA,KANF,mBCPA,yBDmBI,QAAA,KACA,UAAA,KACA,YAAA,OACA,gBAAA,cASJ,cACE,QAAA,aACA,YAAA,qEAAA,CAAA,EACA,eAAA,qEAAA,CAAA,EACA,aAAA,KEkFI,UAAA,QFhFJ,YAAA,QACA,YAAA,OGhCA,oBAAA,oBHmCE,gBAAA,KASJ,YACE,QAAA,KACA,eAAA,OACA,aAAA,EACA,cAAA,EACA,WAAA,KALF,sBAQI,cAAA,EACA,aAAA,EATJ,2BAaI,SAAA,OACA,MAAA,KASJ,aACE,QAAA,aACA,YAAA,IACA,eAAA,IAYF,iBACE,WAAA,KACA,UAAA,EAGA,YAAA,OAIF,gBACE,QAAA,OAAA,OEmBI,UAAA,QFjBJ,YAAA,EACA,iBAAA,YACA,OAAA,IAAA,MAAA,YI3GE,cAAA,IDWF,sBAAA,sBHoGE,gBAAA,KAMJ,qBACE,QAAA,aACA,MAAA,MACA,OAAA,MACA,eAAA,OACA,QAAA,GACA,WAAA,UAAA,OAAA,OACA,gBAAA,KAAA,KKxDE,4BLkEC,6BCrDH,mCDyDQ,cAAA,EACA,aAAA,GKpFN,yBL+EA,kBAUI,UAAA,IAAA,OACA,gBAAA,WAXH,8BAcK,eAAA,IAdL,6CAiBO,SAAA,SAjBP,wCAqBO,cAAA,IACA,aAAA,IAtBP,6BC/BH,mCD4DQ,UAAA,OA7BL,mCAiCK,QAAA,eAGA,WAAA,KApCL,kCAwCK,QAAA,MK1GN,4BLkEC,6BCjBH,mCDqBQ,cAAA,EACA,aAAA,GKpFN,yBL+EA,kBAUI,UAAA,IAAA,OACA,gBAAA,WAXH,8BAcK,eAAA,IAdL,6CAiBO,SAAA,SAjBP,wCAqBO,cAAA,IACA,aAAA,IAtBP,6BCKH,mCDwBQ,UAAA,OA7BL,mCAiCK,QAAA,eAGA,WAAA,KApCL,kCAwCK,QAAA,MK1GN,4BLkEC,6BCmBH,mCDfQ,cAAA,EACA,aAAA,GKpFN,yBL+EA,kBAUI,UAAA,IAAA,OACA,gBAAA,WAXH,8BAcK,eAAA,IAdL,6CAiBO,SAAA,SAjBP,wCAqBO,cAAA,IACA,aAAA,IAtBP,6BCyCH,mCDZQ,UAAA,OA7BL,mCAiCK,QAAA,eAGA,WAAA,KApCL,kCAwCK,QAAA,MK1GN,6BLkEC,6BCuDH,mCDnDQ,cAAA,EACA,aAAA,GKpFN,0BL+EA,kBAUI,UAAA,IAAA,OACA,gBAAA,WAXH,8BAcK,eAAA,IAdL,6CAiBO,SAAA,SAjBP,wCAqBO,cAAA,IACA,aAAA,IAtBP,6BC6EH,mCDhDQ,UAAA,OA7BL,mCAiCK,QAAA,eAGA,WAAA,KApCL,kCAwCK,QAAA,MA7CV,eAeQ,UAAA,IAAA,OACA,gBAAA,WAhBR,0BCoGA,gCD3FU,cAAA,EACA,aAAA,EAVV,2BAmBU,eAAA,IAnBV,0CAsBY,SAAA,SAtBZ,qCA0BY,cAAA,IACA,aAAA,IA3BZ,0BCuHA,gCDrFU,UAAA,OAlCV,gCAsCU,QAAA,eAGA,WAAA,KAzCV,+BA6CU,QAAA,KAaV,4BAEI,MAAA,eGlLF,kCAAA,kCHqLI,MAAA,eALN,oCAWM,MAAA,eG3LJ,0CAAA,0CH8LM,MAAA,eAdR,6CAkBQ,MAAA,eC6ER,4CAEA,2CADA,yCDhGA,0CA0BM,MAAA,eA1BN,8BA+BI,MAAA,eACA,aAAA,eAhCJ,mCAoCI,iBAAA,uOApCJ,2BAwCI,MAAA,eAxCJ,6BA0CM,MAAA,eG1NJ,mCAAA,mCH6NM,MAAA,eAOR,2BAEI,MAAA,KGtOF,iCAAA,iCHyOI,MAAA,KALN,mCAWM,MAAA,qBG/OJ,yCAAA,yCHkPM,MAAA,sBAdR,4CAkBQ,MAAA,sBCyER,2CAEA,0CADA,wCD5FA,yCA0BM,MAAA,KA1BN,6BA+BI,MAAA,qBACA,aAAA,qBAhCJ,kCAoCI,iBAAA,6OApCJ,0BAwCI,MAAA,qBAxCJ,4BA0CM,MAAA,KG9QJ,kCAAA,kCHiRM,MAAA","sourcesContent":["// Contents\n//\n// Navbar\n// Navbar brand\n// Navbar nav\n// Navbar text\n// Navbar divider\n// Responsive navbar\n// Navbar position\n// Navbar themes\n\n\n// Navbar\n//\n// Provide a static navbar from which we expand to create full-width, fixed, and\n// other navbar variations.\n\n.#{$prefix}navbar {\n position: relative;\n display: flex;\n flex-wrap: wrap; // allow us to do the line break for collapsing content\n align-items: center;\n justify-content: space-between; // space out brand from logo\n padding: $navbar-padding-y $navbar-padding-x;\n\n // Because flex properties aren't inherited, we need to redeclare these first\n // few properties so that content nested within behave properly.\n > .container,\n > .container-fluid {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n justify-content: space-between;\n }\n}\n\n\n// Navbar brand\n//\n// Used for brand, project, or site names.\n\n.#{$prefix}navbar-brand {\n display: inline-block;\n padding-top: $navbar-brand-padding-y;\n padding-bottom: $navbar-brand-padding-y;\n margin-right: $navbar-padding-x;\n @include font-size($navbar-brand-font-size);\n line-height: inherit;\n white-space: nowrap;\n\n @include hover-focus {\n text-decoration: none;\n }\n}\n\n\n// Navbar nav\n//\n// Custom navbar navigation (doesn't require `.#{$prefix}nav`, but does make use of `.#{$prefix}nav-link`).\n\n.#{$prefix}navbar-nav {\n display: flex;\n flex-direction: column; // cannot use `inherit` to get the `.#{$prefix}navbar`s value\n padding-left: 0;\n margin-bottom: 0;\n list-style: none;\n\n .#{$prefix}nav-link {\n padding-right: 0;\n padding-left: 0;\n }\n\n .#{$prefix}dropdown-menu {\n position: static;\n float: none;\n }\n}\n\n\n// Navbar text\n//\n//\n\n.#{$prefix}navbar-text {\n display: inline-block;\n padding-top: $nav-link-padding-y;\n padding-bottom: $nav-link-padding-y;\n}\n\n\n// Responsive navbar\n//\n// Custom styles for responsive collapsing and toggling of navbar contents.\n// Powered by the collapse Bootstrap JavaScript plugin.\n\n// When collapsed, prevent the toggleable navbar contents from appearing in\n// the default flexbox row orientation. Requires the use of `flex-wrap: wrap`\n// on the `.#{$prefix}navbar` parent.\n.#{$prefix}navbar-collapse {\n flex-basis: 100%;\n flex-grow: 1;\n // For always expanded or extra full navbars, ensure content aligns itself\n // properly vertically. Can be easily overridden with flex utilities.\n align-items: center;\n}\n\n// Button for toggling the navbar when in its collapsed state\n.#{$prefix}navbar-toggler {\n padding: $navbar-toggler-padding-y $navbar-toggler-padding-x;\n @include font-size($navbar-toggler-font-size);\n line-height: 1;\n background-color: transparent; // remove default button style\n border: $border-width solid transparent; // remove default button style\n @include border-radius($navbar-toggler-border-radius);\n\n @include hover-focus {\n text-decoration: none;\n }\n}\n\n// Keep as a separate element so folks can easily override it with another icon\n// or image file as needed.\n.#{$prefix}navbar-toggler-icon {\n display: inline-block;\n width: 1.5em;\n height: 1.5em;\n vertical-align: middle;\n content: \"\";\n background: no-repeat center center;\n background-size: 100% 100%;\n}\n\n// Generate series of `.#{$prefix}navbar-expand-` responsive classes for configuring\n// where your navbar collapses.\n.#{$prefix}navbar-expand {\n @each $breakpoint in map-keys($grid-breakpoints) {\n $next: breakpoint-next($breakpoint, $grid-breakpoints);\n $infix: breakpoint-infix($next, $grid-breakpoints);\n\n &#{$infix} {\n @include media-breakpoint-down($breakpoint) {\n > .container,\n > .container-fluid {\n padding-right: 0;\n padding-left: 0;\n }\n }\n\n @include media-breakpoint-up($next) {\n flex-flow: row nowrap;\n justify-content: flex-start;\n\n .#{$prefix}navbar-nav {\n flex-direction: row;\n\n .#{$prefix}dropdown-menu {\n position: absolute;\n }\n\n .#{$prefix}nav-link {\n padding-right: $navbar-nav-link-padding-x;\n padding-left: $navbar-nav-link-padding-x;\n }\n }\n\n // For nesting containers, have to redeclare for alignment purposes\n > .container,\n > .container-fluid {\n flex-wrap: nowrap;\n }\n\n .#{$prefix}navbar-collapse {\n display: flex !important; // stylelint-disable-line declaration-no-important\n\n // Changes flex-bases to auto because of an IE10 bug\n flex-basis: auto;\n }\n\n .#{$prefix}navbar-toggler {\n display: none;\n }\n }\n }\n }\n}\n\n\n// Navbar themes\n//\n// Styles for switching between navbars with light or dark background.\n\n// Dark links against a light background\n.#{$prefix}navbar-light {\n .#{$prefix}navbar-brand {\n color: $navbar-light-brand-color;\n\n @include hover-focus {\n color: $navbar-light-brand-hover-color;\n }\n }\n\n .#{$prefix}navbar-nav {\n .#{$prefix}nav-link {\n color: $navbar-light-color;\n\n @include hover-focus {\n color: $navbar-light-hover-color;\n }\n\n &.disabled {\n color: $navbar-light-disabled-color;\n }\n }\n\n .#{$prefix}show > .#{$prefix}nav-link,\n .active > .#{$prefix}nav-link,\n .#{$prefix}nav-link.#{$prefix}show,\n .#{$prefix}nav-link.active {\n color: $navbar-light-active-color;\n }\n }\n\n .#{$prefix}navbar-toggler {\n color: $navbar-light-color;\n border-color: $navbar-light-toggler-border-color;\n }\n\n .#{$prefix}navbar-toggler-icon {\n background-image: $navbar-light-toggler-icon-bg;\n }\n\n .#{$prefix}navbar-text {\n color: $navbar-light-color;\n a {\n color: $navbar-light-active-color;\n\n @include hover-focus {\n color: $navbar-light-active-color;\n }\n }\n }\n}\n\n// White links against a dark background\n.#{$prefix}navbar-dark {\n .#{$prefix}navbar-brand {\n color: $navbar-dark-brand-color;\n\n @include hover-focus {\n color: $navbar-dark-brand-hover-color;\n }\n }\n\n .#{$prefix}navbar-nav {\n .#{$prefix}nav-link {\n color: $navbar-dark-color;\n\n @include hover-focus {\n color: $navbar-dark-hover-color;\n }\n\n &.disabled {\n color: $navbar-dark-disabled-color;\n }\n }\n\n .#{$prefix}show > .#{$prefix}nav-link,\n .active > .#{$prefix}nav-link,\n .#{$prefix}nav-link.#{$prefix}show,\n .#{$prefix}nav-link.active {\n color: $navbar-dark-active-color;\n }\n }\n\n .#{$prefix}navbar-toggler {\n color: $navbar-dark-color;\n border-color: $navbar-dark-toggler-border-color;\n }\n\n .#{$prefix}navbar-toggler-icon {\n background-image: $navbar-dark-toggler-icon-bg;\n }\n\n .#{$prefix}navbar-text {\n color: $navbar-dark-color;\n a {\n color: $navbar-dark-active-color;\n\n @include hover-focus {\n color: $navbar-dark-active-color;\n }\n }\n }\n}\n",".navbar {\n position: relative;\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n justify-content: space-between;\n padding: 8px 16px;\n}\n\n.navbar > .container,\n.navbar > .container-fluid {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n justify-content: space-between;\n}\n\n.navbar-brand {\n display: inline-block;\n padding-top: calc(calc(calc(0.875rem 1.4285) + 8px * 2) - calc(1.25rem * 1.4285))/2;\n padding-bottom: calc(calc(calc(0.875rem * 1.4285) + 8px * 2) - calc(1.25rem * 1.4285))/2;\n margin-right: 16px;\n font-size: 1.25rem;\n line-height: inherit;\n white-space: nowrap;\n}\n\n.navbar-brand:hover, .navbar-brand:focus {\n text-decoration: none;\n}\n\n.navbar-nav {\n display: flex;\n flex-direction: column;\n padding-left: 0;\n margin-bottom: 0;\n list-style: none;\n}\n\n.navbar-nav .nav-link {\n padding-right: 0;\n padding-left: 0;\n}\n\n.navbar-nav .dropdown-menu {\n position: static;\n float: none;\n}\n\n.navbar-text {\n display: inline-block;\n padding-top: 8px;\n padding-bottom: 8px;\n}\n\n.navbar-collapse {\n flex-basis: 100%;\n flex-grow: 1;\n align-items: center;\n}\n\n.navbar-toggler {\n padding: 0.25rem 0.75rem;\n font-size: 1.25rem;\n line-height: 1;\n background-color: transparent;\n border: 1px solid transparent;\n border-radius: 4px;\n}\n\n.navbar-toggler:hover, .navbar-toggler:focus {\n text-decoration: none;\n}\n\n.navbar-toggler-icon {\n display: inline-block;\n width: 1.5em;\n height: 1.5em;\n vertical-align: middle;\n content: \"\";\n background: no-repeat center center;\n background-size: 100% 100%;\n}\n\n@media (max-width: 575.98px) {\n .navbar-expand-sm > .container,\n .navbar-expand-sm > .container-fluid {\n padding-right: 0;\n padding-left: 0;\n }\n}\n\n@media (min-width: 576px) {\n .navbar-expand-sm {\n flex-flow: row nowrap;\n justify-content: flex-start;\n }\n .navbar-expand-sm .navbar-nav {\n flex-direction: row;\n }\n .navbar-expand-sm .navbar-nav .dropdown-menu {\n position: absolute;\n }\n .navbar-expand-sm .navbar-nav .nav-link {\n padding-right: 8px;\n padding-left: 8px;\n }\n .navbar-expand-sm > .container,\n .navbar-expand-sm > .container-fluid {\n flex-wrap: nowrap;\n }\n .navbar-expand-sm .navbar-collapse {\n display: flex !important;\n flex-basis: auto;\n }\n .navbar-expand-sm .navbar-toggler {\n display: none;\n }\n}\n\n@media (max-width: 767.98px) {\n .navbar-expand-md > .container,\n .navbar-expand-md > .container-fluid {\n padding-right: 0;\n padding-left: 0;\n }\n}\n\n@media (min-width: 768px) {\n .navbar-expand-md {\n flex-flow: row nowrap;\n justify-content: flex-start;\n }\n .navbar-expand-md .navbar-nav {\n flex-direction: row;\n }\n .navbar-expand-md .navbar-nav .dropdown-menu {\n position: absolute;\n }\n .navbar-expand-md .navbar-nav .nav-link {\n padding-right: 8px;\n padding-left: 8px;\n }\n .navbar-expand-md > .container,\n .navbar-expand-md > .container-fluid {\n flex-wrap: nowrap;\n }\n .navbar-expand-md .navbar-collapse {\n display: flex !important;\n flex-basis: auto;\n }\n .navbar-expand-md .navbar-toggler {\n display: none;\n }\n}\n\n@media (max-width: 991.98px) {\n .navbar-expand-lg > .container,\n .navbar-expand-lg > .container-fluid {\n padding-right: 0;\n padding-left: 0;\n }\n}\n\n@media (min-width: 992px) {\n .navbar-expand-lg {\n flex-flow: row nowrap;\n justify-content: flex-start;\n }\n .navbar-expand-lg .navbar-nav {\n flex-direction: row;\n }\n .navbar-expand-lg .navbar-nav .dropdown-menu {\n position: absolute;\n }\n .navbar-expand-lg .navbar-nav .nav-link {\n padding-right: 8px;\n padding-left: 8px;\n }\n .navbar-expand-lg > .container,\n .navbar-expand-lg > .container-fluid {\n flex-wrap: nowrap;\n }\n .navbar-expand-lg .navbar-collapse {\n display: flex !important;\n flex-basis: auto;\n }\n .navbar-expand-lg .navbar-toggler {\n display: none;\n }\n}\n\n@media (max-width: 1271.98px) {\n .navbar-expand-xl > .container,\n .navbar-expand-xl > .container-fluid {\n padding-right: 0;\n padding-left: 0;\n }\n}\n\n@media (min-width: 1272px) {\n .navbar-expand-xl {\n flex-flow: row nowrap;\n justify-content: flex-start;\n }\n .navbar-expand-xl .navbar-nav {\n flex-direction: row;\n }\n .navbar-expand-xl .navbar-nav .dropdown-menu {\n position: absolute;\n }\n .navbar-expand-xl .navbar-nav .nav-link {\n padding-right: 8px;\n padding-left: 8px;\n }\n .navbar-expand-xl > .container,\n .navbar-expand-xl > .container-fluid {\n flex-wrap: nowrap;\n }\n .navbar-expand-xl .navbar-collapse {\n display: flex !important;\n flex-basis: auto;\n }\n .navbar-expand-xl .navbar-toggler {\n display: none;\n }\n}\n\n.navbar-expand {\n flex-flow: row nowrap;\n justify-content: flex-start;\n}\n\n.navbar-expand > .container,\n.navbar-expand > .container-fluid {\n padding-right: 0;\n padding-left: 0;\n}\n\n.navbar-expand .navbar-nav {\n flex-direction: row;\n}\n\n.navbar-expand .navbar-nav .dropdown-menu {\n position: absolute;\n}\n\n.navbar-expand .navbar-nav .nav-link {\n padding-right: 8px;\n padding-left: 8px;\n}\n\n.navbar-expand > .container,\n.navbar-expand > .container-fluid {\n flex-wrap: nowrap;\n}\n\n.navbar-expand .navbar-collapse {\n display: flex !important;\n flex-basis: auto;\n}\n\n.navbar-expand .navbar-toggler {\n display: none;\n}\n\n.navbar-light .navbar-brand {\n color: rgba(0, 0, 0, 0.9);\n}\n\n.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus {\n color: rgba(0, 0, 0, 0.9);\n}\n\n.navbar-light .navbar-nav .nav-link {\n color: rgba(0, 0, 0, 0.5);\n}\n\n.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {\n color: rgba(0, 0, 0, 0.7);\n}\n\n.navbar-light .navbar-nav .nav-link.disabled {\n color: rgba(0, 0, 0, 0.3);\n}\n\n.navbar-light .navbar-nav .show > .nav-link,\n.navbar-light .navbar-nav .active > .nav-link,\n.navbar-light .navbar-nav .nav-link.show,\n.navbar-light .navbar-nav .nav-link.active {\n color: rgba(0, 0, 0, 0.9);\n}\n\n.navbar-light .navbar-toggler {\n color: rgba(0, 0, 0, 0.5);\n border-color: rgba(0, 0, 0, 0.1);\n}\n\n.navbar-light .navbar-toggler-icon {\n background-image: url(\"data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e\");\n}\n\n.navbar-light .navbar-text {\n color: rgba(0, 0, 0, 0.5);\n}\n\n.navbar-light .navbar-text a {\n color: rgba(0, 0, 0, 0.9);\n}\n\n.navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus {\n color: rgba(0, 0, 0, 0.9);\n}\n\n.navbar-dark .navbar-brand {\n color: #fff;\n}\n\n.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus {\n color: #fff;\n}\n\n.navbar-dark .navbar-nav .nav-link {\n color: rgba(255, 255, 255, 0.5);\n}\n\n.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {\n color: rgba(255, 255, 255, 0.75);\n}\n\n.navbar-dark .navbar-nav .nav-link.disabled {\n color: rgba(255, 255, 255, 0.25);\n}\n\n.navbar-dark .navbar-nav .show > .nav-link,\n.navbar-dark .navbar-nav .active > .nav-link,\n.navbar-dark .navbar-nav .nav-link.show,\n.navbar-dark .navbar-nav .nav-link.active {\n color: #fff;\n}\n\n.navbar-dark .navbar-toggler {\n color: rgba(255, 255, 255, 0.5);\n border-color: rgba(255, 255, 255, 0.1);\n}\n\n.navbar-dark .navbar-toggler-icon {\n background-image: url(\"data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e\");\n}\n\n.navbar-dark .navbar-text {\n color: rgba(255, 255, 255, 0.5);\n}\n\n.navbar-dark .navbar-text a {\n color: #fff;\n}\n\n.navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus {\n color: #fff;\n}\n/# sourceMappingURL=mekari-ui-navbar.css.map /","// 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","// 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","// 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"]}
1	+ {"version":3,"sources":["../../../scss/vendors/_navbar.scss","dist/css/components/mekari-ui-navbar.css","../../../scss/vendors/_rfs.scss","../../../scss/vendors/mixins/_hover.scss","../../../scss/vendors/mixins/_border-radius.scss","../../../scss/vendors/mixins/_breakpoints.scss"],"names":[],"mappings":"AAiBA,QACE,SAAA,SACA,QAAA,KACA,UAAA,KACA,YAAA,OACA,gBAAA,cACA,QAAA,IAAA,KANF,mBCPA,yBDmBI,QAAA,KACA,UAAA,KACA,YAAA,OACA,gBAAA,cASJ,cACE,QAAA,aACA,YAAA,qEAAA,CAAA,EACA,eAAA,qEAAA,CAAA,EACA,aAAA,KEkFI,UAAA,QFhFJ,YAAA,QACA,YAAA,OGhCA,oBAAA,oBHmCE,gBAAA,KASJ,YACE,QAAA,KACA,eAAA,OACA,aAAA,EACA,cAAA,EACA,WAAA,KALF,sBAQI,cAAA,EACA,aAAA,EATJ,2BAaI,SAAA,OACA,MAAA,KASJ,aACE,QAAA,aACA,YAAA,IACA,eAAA,IAYF,iBACE,WAAA,KACA,UAAA,EAGA,YAAA,OAIF,gBACE,QAAA,OAAA,OEmBI,UAAA,QFjBJ,YAAA,EACA,iBAAA,YACA,OAAA,IAAA,MAAA,YI3GE,cAAA,IDWF,sBAAA,sBHoGE,gBAAA,KAMJ,qBACE,QAAA,aACA,MAAA,MACA,OAAA,MACA,eAAA,OACA,QAAA,GACA,WAAA,UAAA,OAAA,OACA,gBAAA,KAAA,KKxDE,4BLkEC,6BCrDH,mCDyDQ,cAAA,EACA,aAAA,GKpFN,yBL+EA,kBAUI,UAAA,IAAA,OACA,gBAAA,WAXH,8BAcK,eAAA,IAdL,6CAiBO,SAAA,SAjBP,wCAqBO,cAAA,IACA,aAAA,IAtBP,6BC/BH,mCD4DQ,UAAA,OA7BL,mCAiCK,QAAA,eAGA,WAAA,KApCL,kCAwCK,QAAA,MK1GN,4BLkEC,6BCjBH,mCDqBQ,cAAA,EACA,aAAA,GKpFN,yBL+EA,kBAUI,UAAA,IAAA,OACA,gBAAA,WAXH,8BAcK,eAAA,IAdL,6CAiBO,SAAA,SAjBP,wCAqBO,cAAA,IACA,aAAA,IAtBP,6BCKH,mCDwBQ,UAAA,OA7BL,mCAiCK,QAAA,eAGA,WAAA,KApCL,kCAwCK,QAAA,MK1GN,4BLkEC,6BCmBH,mCDfQ,cAAA,EACA,aAAA,GKpFN,yBL+EA,kBAUI,UAAA,IAAA,OACA,gBAAA,WAXH,8BAcK,eAAA,IAdL,6CAiBO,SAAA,SAjBP,wCAqBO,cAAA,IACA,aAAA,IAtBP,6BCyCH,mCDZQ,UAAA,OA7BL,mCAiCK,QAAA,eAGA,WAAA,KApCL,kCAwCK,QAAA,MK1GN,6BLkEC,6BCuDH,mCDnDQ,cAAA,EACA,aAAA,GKpFN,0BL+EA,kBAUI,UAAA,IAAA,OACA,gBAAA,WAXH,8BAcK,eAAA,IAdL,6CAiBO,SAAA,SAjBP,wCAqBO,cAAA,IACA,aAAA,IAtBP,6BC6EH,mCDhDQ,UAAA,OA7BL,mCAiCK,QAAA,eAGA,WAAA,KApCL,kCAwCK,QAAA,MA7CV,eAeQ,UAAA,IAAA,OACA,gBAAA,WAhBR,0BCoGA,gCD3FU,cAAA,EACA,aAAA,EAVV,2BAmBU,eAAA,IAnBV,0CAsBY,SAAA,SAtBZ,qCA0BY,cAAA,IACA,aAAA,IA3BZ,0BCuHA,gCDrFU,UAAA,OAlCV,gCAsCU,QAAA,eAGA,WAAA,KAzCV,+BA6CU,QAAA,KAaV,4BAEI,MAAA,eGlLF,kCAAA,kCHqLI,MAAA,eALN,oCAWM,MAAA,eG3LJ,0CAAA,0CH8LM,MAAA,eAdR,6CAkBQ,MAAA,eC6ER,4CAEA,2CADA,yCDhGA,0CA0BM,MAAA,eA1BN,8BA+BI,MAAA,eACA,aAAA,eAhCJ,mCAoCI,iBAAA,2NApCJ,2BAwCI,MAAA,eAxCJ,6BA0CM,MAAA,eG1NJ,mCAAA,mCH6NM,MAAA,eAOR,2BAEI,MAAA,KGtOF,iCAAA,iCHyOI,MAAA,KALN,mCAWM,MAAA,qBG/OJ,yCAAA,yCHkPM,MAAA,sBAdR,4CAkBQ,MAAA,sBCyER,2CAEA,0CADA,wCD5FA,yCA0BM,MAAA,KA1BN,6BA+BI,MAAA,qBACA,aAAA,qBAhCJ,kCAoCI,iBAAA,2NApCJ,0BAwCI,MAAA,qBAxCJ,4BA0CM,MAAA,KG9QJ,kCAAA,kCHiRM,MAAA","sourcesContent":["// Contents\n//\n// Navbar\n// Navbar brand\n// Navbar nav\n// Navbar text\n// Navbar divider\n// Responsive navbar\n// Navbar position\n// Navbar themes\n\n\n// Navbar\n//\n// Provide a static navbar from which we expand to create full-width, fixed, and\n// other navbar variations.\n\n.#{$prefix}navbar {\n position: relative;\n display: flex;\n flex-wrap: wrap; // allow us to do the line break for collapsing content\n align-items: center;\n justify-content: space-between; // space out brand from logo\n padding: $navbar-padding-y $navbar-padding-x;\n\n // Because flex properties aren't inherited, we need to redeclare these first\n // few properties so that content nested within behave properly.\n > .container,\n > .container-fluid {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n justify-content: space-between;\n }\n}\n\n\n// Navbar brand\n//\n// Used for brand, project, or site names.\n\n.#{$prefix}navbar-brand {\n display: inline-block;\n padding-top: $navbar-brand-padding-y;\n padding-bottom: $navbar-brand-padding-y;\n margin-right: $navbar-padding-x;\n @include font-size($navbar-brand-font-size);\n line-height: inherit;\n white-space: nowrap;\n\n @include hover-focus {\n text-decoration: none;\n }\n}\n\n\n// Navbar nav\n//\n// Custom navbar navigation (doesn't require `.#{$prefix}nav`, but does make use of `.#{$prefix}nav-link`).\n\n.#{$prefix}navbar-nav {\n display: flex;\n flex-direction: column; // cannot use `inherit` to get the `.#{$prefix}navbar`s value\n padding-left: 0;\n margin-bottom: 0;\n list-style: none;\n\n .#{$prefix}nav-link {\n padding-right: 0;\n padding-left: 0;\n }\n\n .#{$prefix}dropdown-menu {\n position: static;\n float: none;\n }\n}\n\n\n// Navbar text\n//\n//\n\n.#{$prefix}navbar-text {\n display: inline-block;\n padding-top: $nav-link-padding-y;\n padding-bottom: $nav-link-padding-y;\n}\n\n\n// Responsive navbar\n//\n// Custom styles for responsive collapsing and toggling of navbar contents.\n// Powered by the collapse Bootstrap JavaScript plugin.\n\n// When collapsed, prevent the toggleable navbar contents from appearing in\n// the default flexbox row orientation. Requires the use of `flex-wrap: wrap`\n// on the `.#{$prefix}navbar` parent.\n.#{$prefix}navbar-collapse {\n flex-basis: 100%;\n flex-grow: 1;\n // For always expanded or extra full navbars, ensure content aligns itself\n // properly vertically. Can be easily overridden with flex utilities.\n align-items: center;\n}\n\n// Button for toggling the navbar when in its collapsed state\n.#{$prefix}navbar-toggler {\n padding: $navbar-toggler-padding-y $navbar-toggler-padding-x;\n @include font-size($navbar-toggler-font-size);\n line-height: 1;\n background-color: transparent; // remove default button style\n border: $border-width solid transparent; // remove default button style\n @include border-radius($navbar-toggler-border-radius);\n\n @include hover-focus {\n text-decoration: none;\n }\n}\n\n// Keep as a separate element so folks can easily override it with another icon\n// or image file as needed.\n.#{$prefix}navbar-toggler-icon {\n display: inline-block;\n width: 1.5em;\n height: 1.5em;\n vertical-align: middle;\n content: \"\";\n background: no-repeat center center;\n background-size: 100% 100%;\n}\n\n// Generate series of `.#{$prefix}navbar-expand-` responsive classes for configuring\n// where your navbar collapses.\n.#{$prefix}navbar-expand {\n @each $breakpoint in map-keys($grid-breakpoints) {\n $next: breakpoint-next($breakpoint, $grid-breakpoints);\n $infix: breakpoint-infix($next, $grid-breakpoints);\n\n &#{$infix} {\n @include media-breakpoint-down($breakpoint) {\n > .container,\n > .container-fluid {\n padding-right: 0;\n padding-left: 0;\n }\n }\n\n @include media-breakpoint-up($next) {\n flex-flow: row nowrap;\n justify-content: flex-start;\n\n .#{$prefix}navbar-nav {\n flex-direction: row;\n\n .#{$prefix}dropdown-menu {\n position: absolute;\n }\n\n .#{$prefix}nav-link {\n padding-right: $navbar-nav-link-padding-x;\n padding-left: $navbar-nav-link-padding-x;\n }\n }\n\n // For nesting containers, have to redeclare for alignment purposes\n > .container,\n > .container-fluid {\n flex-wrap: nowrap;\n }\n\n .#{$prefix}navbar-collapse {\n display: flex !important; // stylelint-disable-line declaration-no-important\n\n // Changes flex-bases to auto because of an IE10 bug\n flex-basis: auto;\n }\n\n .#{$prefix}navbar-toggler {\n display: none;\n }\n }\n }\n }\n}\n\n\n// Navbar themes\n//\n// Styles for switching between navbars with light or dark background.\n\n// Dark links against a light background\n.#{$prefix}navbar-light {\n .#{$prefix}navbar-brand {\n color: $navbar-light-brand-color;\n\n @include hover-focus {\n color: $navbar-light-brand-hover-color;\n }\n }\n\n .#{$prefix}navbar-nav {\n .#{$prefix}nav-link {\n color: $navbar-light-color;\n\n @include hover-focus {\n color: $navbar-light-hover-color;\n }\n\n &.disabled {\n color: $navbar-light-disabled-color;\n }\n }\n\n .#{$prefix}show > .#{$prefix}nav-link,\n .active > .#{$prefix}nav-link,\n .#{$prefix}nav-link.#{$prefix}show,\n .#{$prefix}nav-link.active {\n color: $navbar-light-active-color;\n }\n }\n\n .#{$prefix}navbar-toggler {\n color: $navbar-light-color;\n border-color: $navbar-light-toggler-border-color;\n }\n\n .#{$prefix}navbar-toggler-icon {\n background-image: $navbar-light-toggler-icon-bg;\n }\n\n .#{$prefix}navbar-text {\n color: $navbar-light-color;\n a {\n color: $navbar-light-active-color;\n\n @include hover-focus {\n color: $navbar-light-active-color;\n }\n }\n }\n}\n\n// White links against a dark background\n.#{$prefix}navbar-dark {\n .#{$prefix}navbar-brand {\n color: $navbar-dark-brand-color;\n\n @include hover-focus {\n color: $navbar-dark-brand-hover-color;\n }\n }\n\n .#{$prefix}navbar-nav {\n .#{$prefix}nav-link {\n color: $navbar-dark-color;\n\n @include hover-focus {\n color: $navbar-dark-hover-color;\n }\n\n &.disabled {\n color: $navbar-dark-disabled-color;\n }\n }\n\n .#{$prefix}show > .#{$prefix}nav-link,\n .active > .#{$prefix}nav-link,\n .#{$prefix}nav-link.#{$prefix}show,\n .#{$prefix}nav-link.active {\n color: $navbar-dark-active-color;\n }\n }\n\n .#{$prefix}navbar-toggler {\n color: $navbar-dark-color;\n border-color: $navbar-dark-toggler-border-color;\n }\n\n .#{$prefix}navbar-toggler-icon {\n background-image: $navbar-dark-toggler-icon-bg;\n }\n\n .#{$prefix}navbar-text {\n color: $navbar-dark-color;\n a {\n color: $navbar-dark-active-color;\n\n @include hover-focus {\n color: $navbar-dark-active-color;\n }\n }\n }\n}\n",".navbar {\n position: relative;\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n justify-content: space-between;\n padding: 8px 16px;\n}\n\n.navbar > .container,\n.navbar > .container-fluid {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n justify-content: space-between;\n}\n\n.navbar-brand {\n display: inline-block;\n padding-top: calc(calc(calc(0.875rem 1.4285) + 8px * 2) - calc(1.25rem * 1.4285))/2;\n padding-bottom: calc(calc(calc(0.875rem * 1.4285) + 8px * 2) - calc(1.25rem * 1.4285))/2;\n margin-right: 16px;\n font-size: 1.25rem;\n line-height: inherit;\n white-space: nowrap;\n}\n\n.navbar-brand:hover, .navbar-brand:focus {\n text-decoration: none;\n}\n\n.navbar-nav {\n display: flex;\n flex-direction: column;\n padding-left: 0;\n margin-bottom: 0;\n list-style: none;\n}\n\n.navbar-nav .nav-link {\n padding-right: 0;\n padding-left: 0;\n}\n\n.navbar-nav .dropdown-menu {\n position: static;\n float: none;\n}\n\n.navbar-text {\n display: inline-block;\n padding-top: 8px;\n padding-bottom: 8px;\n}\n\n.navbar-collapse {\n flex-basis: 100%;\n flex-grow: 1;\n align-items: center;\n}\n\n.navbar-toggler {\n padding: 0.25rem 0.75rem;\n font-size: 1.25rem;\n line-height: 1;\n background-color: transparent;\n border: 1px solid transparent;\n border-radius: 4px;\n}\n\n.navbar-toggler:hover, .navbar-toggler:focus {\n text-decoration: none;\n}\n\n.navbar-toggler-icon {\n display: inline-block;\n width: 1.5em;\n height: 1.5em;\n vertical-align: middle;\n content: \"\";\n background: no-repeat center center;\n background-size: 100% 100%;\n}\n\n@media (max-width: 575.98px) {\n .navbar-expand-sm > .container,\n .navbar-expand-sm > .container-fluid {\n padding-right: 0;\n padding-left: 0;\n }\n}\n\n@media (min-width: 576px) {\n .navbar-expand-sm {\n flex-flow: row nowrap;\n justify-content: flex-start;\n }\n .navbar-expand-sm .navbar-nav {\n flex-direction: row;\n }\n .navbar-expand-sm .navbar-nav .dropdown-menu {\n position: absolute;\n }\n .navbar-expand-sm .navbar-nav .nav-link {\n padding-right: 8px;\n padding-left: 8px;\n }\n .navbar-expand-sm > .container,\n .navbar-expand-sm > .container-fluid {\n flex-wrap: nowrap;\n }\n .navbar-expand-sm .navbar-collapse {\n display: flex !important;\n flex-basis: auto;\n }\n .navbar-expand-sm .navbar-toggler {\n display: none;\n }\n}\n\n@media (max-width: 767.98px) {\n .navbar-expand-md > .container,\n .navbar-expand-md > .container-fluid {\n padding-right: 0;\n padding-left: 0;\n }\n}\n\n@media (min-width: 768px) {\n .navbar-expand-md {\n flex-flow: row nowrap;\n justify-content: flex-start;\n }\n .navbar-expand-md .navbar-nav {\n flex-direction: row;\n }\n .navbar-expand-md .navbar-nav .dropdown-menu {\n position: absolute;\n }\n .navbar-expand-md .navbar-nav .nav-link {\n padding-right: 8px;\n padding-left: 8px;\n }\n .navbar-expand-md > .container,\n .navbar-expand-md > .container-fluid {\n flex-wrap: nowrap;\n }\n .navbar-expand-md .navbar-collapse {\n display: flex !important;\n flex-basis: auto;\n }\n .navbar-expand-md .navbar-toggler {\n display: none;\n }\n}\n\n@media (max-width: 991.98px) {\n .navbar-expand-lg > .container,\n .navbar-expand-lg > .container-fluid {\n padding-right: 0;\n padding-left: 0;\n }\n}\n\n@media (min-width: 992px) {\n .navbar-expand-lg {\n flex-flow: row nowrap;\n justify-content: flex-start;\n }\n .navbar-expand-lg .navbar-nav {\n flex-direction: row;\n }\n .navbar-expand-lg .navbar-nav .dropdown-menu {\n position: absolute;\n }\n .navbar-expand-lg .navbar-nav .nav-link {\n padding-right: 8px;\n padding-left: 8px;\n }\n .navbar-expand-lg > .container,\n .navbar-expand-lg > .container-fluid {\n flex-wrap: nowrap;\n }\n .navbar-expand-lg .navbar-collapse {\n display: flex !important;\n flex-basis: auto;\n }\n .navbar-expand-lg .navbar-toggler {\n display: none;\n }\n}\n\n@media (max-width: 1271.98px) {\n .navbar-expand-xl > .container,\n .navbar-expand-xl > .container-fluid {\n padding-right: 0;\n padding-left: 0;\n }\n}\n\n@media (min-width: 1272px) {\n .navbar-expand-xl {\n flex-flow: row nowrap;\n justify-content: flex-start;\n }\n .navbar-expand-xl .navbar-nav {\n flex-direction: row;\n }\n .navbar-expand-xl .navbar-nav .dropdown-menu {\n position: absolute;\n }\n .navbar-expand-xl .navbar-nav .nav-link {\n padding-right: 8px;\n padding-left: 8px;\n }\n .navbar-expand-xl > .container,\n .navbar-expand-xl > .container-fluid {\n flex-wrap: nowrap;\n }\n .navbar-expand-xl .navbar-collapse {\n display: flex !important;\n flex-basis: auto;\n }\n .navbar-expand-xl .navbar-toggler {\n display: none;\n }\n}\n\n.navbar-expand {\n flex-flow: row nowrap;\n justify-content: flex-start;\n}\n\n.navbar-expand > .container,\n.navbar-expand > .container-fluid {\n padding-right: 0;\n padding-left: 0;\n}\n\n.navbar-expand .navbar-nav {\n flex-direction: row;\n}\n\n.navbar-expand .navbar-nav .dropdown-menu {\n position: absolute;\n}\n\n.navbar-expand .navbar-nav .nav-link {\n padding-right: 8px;\n padding-left: 8px;\n}\n\n.navbar-expand > .container,\n.navbar-expand > .container-fluid {\n flex-wrap: nowrap;\n}\n\n.navbar-expand .navbar-collapse {\n display: flex !important;\n flex-basis: auto;\n}\n\n.navbar-expand .navbar-toggler {\n display: none;\n}\n\n.navbar-light .navbar-brand {\n color: rgba(0, 0, 0, 0.9);\n}\n\n.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus {\n color: rgba(0, 0, 0, 0.9);\n}\n\n.navbar-light .navbar-nav .nav-link {\n color: rgba(0, 0, 0, 0.5);\n}\n\n.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {\n color: rgba(0, 0, 0, 0.7);\n}\n\n.navbar-light .navbar-nav .nav-link.disabled {\n color: rgba(0, 0, 0, 0.3);\n}\n\n.navbar-light .navbar-nav .show > .nav-link,\n.navbar-light .navbar-nav .active > .nav-link,\n.navbar-light .navbar-nav .nav-link.show,\n.navbar-light .navbar-nav .nav-link.active {\n color: rgba(0, 0, 0, 0.9);\n}\n\n.navbar-light .navbar-toggler {\n color: rgba(0, 0, 0, 0.5);\n border-color: rgba(0, 0, 0, 0.1);\n}\n\n.navbar-light .navbar-toggler-icon {\n background-image: url(\"data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e\");\n}\n\n.navbar-light .navbar-text {\n color: rgba(0, 0, 0, 0.5);\n}\n\n.navbar-light .navbar-text a {\n color: rgba(0, 0, 0, 0.9);\n}\n\n.navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus {\n color: rgba(0, 0, 0, 0.9);\n}\n\n.navbar-dark .navbar-brand {\n color: #fff;\n}\n\n.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus {\n color: #fff;\n}\n\n.navbar-dark .navbar-nav .nav-link {\n color: rgba(255, 255, 255, 0.5);\n}\n\n.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {\n color: rgba(255, 255, 255, 0.75);\n}\n\n.navbar-dark .navbar-nav .nav-link.disabled {\n color: rgba(255, 255, 255, 0.25);\n}\n\n.navbar-dark .navbar-nav .show > .nav-link,\n.navbar-dark .navbar-nav .active > .nav-link,\n.navbar-dark .navbar-nav .nav-link.show,\n.navbar-dark .navbar-nav .nav-link.active {\n color: #fff;\n}\n\n.navbar-dark .navbar-toggler {\n color: rgba(255, 255, 255, 0.5);\n border-color: rgba(255, 255, 255, 0.1);\n}\n\n.navbar-dark .navbar-toggler-icon {\n background-image: url(\"data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e\");\n}\n\n.navbar-dark .navbar-text {\n color: rgba(255, 255, 255, 0.5);\n}\n\n.navbar-dark .navbar-text a {\n color: #fff;\n}\n\n.navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus {\n color: #fff;\n}\n/# sourceMappingURL=mekari-ui-navbar.css.map /","// 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","// 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","// 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"]}

data/lib/assets/stylesheets/css/components/mekari-ui-navbar.css CHANGED

@@ -297,7 +297,7 @@
 }
 .navbar-light .navbar-toggler-icon {
-  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
+  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
 }
 .navbar-light .navbar-text {
@@ -345,7 +345,7 @@
 }
 .navbar-dark .navbar-toggler-icon {
-  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
+  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
 }
 .navbar-dark .navbar-text {

data/lib/assets/stylesheets/css/components/mekari-ui-navbar.css.map CHANGED

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../scss/vendors/_navbar.scss","../../../scss/vendor-extensions/_navbar.scss","mekari-ui-navbar.css","../../../scss/vendors/_rfs.scss","../../../scss/vendors/mixins/_hover.scss","../../../scss/vendor-extensions/_navs.scss","../../../scss/vendors/mixins/_border-radius.scss","../../../scss/vendor-extensions/_button.scss","../../../scss/vendors/mixins/_breakpoints.scss","../../../scss/vendor-extensions/_color.scss"],"names":[],"mappings":"AAiBA;EACE,kBAAkB;EAClB,aAAa;EACb,eAAe;EACf,mBAAmB;EACnB,8BAA8B;EAC9B,iBCtBsC;ACMxC;;AFUA;;EAYI,aAAa;EACb,eAAe;EACf,mBAAmB;EACnB,8BAA8B;AEjBlC;;AF0BA;EACE,qBAAqB;EACrB,qFClC2F;EDmC3F,wFCnC2F;EDoC3F,kBC5CsC;EE8HlC,kBAtCY;EH1ChB,oBAAoB;EACpB,mBAAmB;AEvBrB;;AETE;EJmCE,qBAAqB;AEtBzB;;AF+BA;EACE,aAAa;EACb,sBAAsB;EACtB,eAAe;EACf,gBAAgB;EAChB,gBAAgB;AE5BlB;;AFuBA;EAQI,gBAAgB;EAChB,eAAe;AE3BnB;;AFkBA;EAaI,gBAAgB;EAChB,WAAW;AE3Bf;;AFoCA;EACE,qBAAqB;EACrB,gBK5EsB;EL6EtB,mBK7EsB;AH4CxB;;AF6CA;EACE,gBAAgB;EAChB,YAAY;EAGZ,mBAAmB;AE5CrB;;AFgDA;EACE,wBChGwC;EEmHpC,kBAtCY;EHqBhB,cAAc;EACd,6BAA6B;EAC7B,6BAAuC;EM3GrC,kBCiBmB;AL8CvB;;AEpDE;EJoGE,qBAAqB;AE5CzB;;AFkDA;EACE,qBAAqB;EACrB,YAAY;EACZ,aAAa;EACb,sBAAsB;EACtB,WAAW;EACX,mCAAmC;EACnC,0BAA0B;AE/C5B;;AMTI;ERkEC;;IAIK,gBAAgB;IAChB,eAAe;EEvDvB;AACF;;AM9BI;ER+EA;IAUI,qBAAqB;IACrB,2BAA2B;EEtDjC;EF2CG;IAcK,mBAAmB;EEtD3B;EFwCG;IAiBO,kBAAkB;EEtD5B;EFqCG;IAqBO,kBC7J2B;ID8J3B,iBC9J2B;ECuGrC;EFiCG;;IA6BK,iBAAiB;EE1DzB;EF6BG;IAiCK,wBAAwB;IAGxB,gBAAgB;EE7DxB;EFyBG;IAwCK,aAAa;EE9DrB;AACF;;AM7CI;ERkEC;;IAIK,gBAAgB;IAChB,eAAe;EEnBvB;AACF;;AMlEI;ER+EA;IAUI,qBAAqB;IACrB,2BAA2B;EElBjC;EFOG;IAcK,mBAAmB;EElB3B;EFIG;IAiBO,kBAAkB;EElB5B;EFCG;IAqBO,kBC7J2B;ID8J3B,iBC9J2B;EC2IrC;EFHG;;IA6BK,iBAAiB;EEtBzB;EFPG;IAiCK,wBAAwB;IAGxB,gBAAgB;EEzBxB;EFXG;IAwCK,aAAa;EE1BrB;AACF;;AMjFI;ERkEC;;IAIK,gBAAgB;IAChB,eAAe;EEiBvB;AACF;;AMtGI;ER+EA;IAUI,qBAAqB;IACrB,2BAA2B;EEkBjC;EF7BG;IAcK,mBAAmB;EEkB3B;EFhCG;IAiBO,kBAAkB;EEkB5B;EFnCG;IAqBO,kBC7J2B;ID8J3B,iBC9J2B;EC+KrC;EFvCG;;IA6BK,iBAAiB;EEczB;EF3CG;IAiCK,wBAAwB;IAGxB,gBAAgB;EEWxB;EF/CG;IAwCK,aAAa;EEUrB;AACF;;AMrHI;ERkEC;;IAIK,gBAAgB;IAChB,eAAe;EEqDvB;AACF;;AM1II;ER+EA;IAUI,qBAAqB;IACrB,2BAA2B;EEsDjC;EFjEG;IAcK,mBAAmB;EEsD3B;EFpEG;IAiBO,kBAAkB;EEsD5B;EFvEG;IAqBO,kBC7J2B;ID8J3B,iBC9J2B;ECmNrC;EF3EG;;IA6BK,iBAAiB;EEkDzB;EF/EG;IAiCK,wBAAwB;IAGxB,gBAAgB;EE+CxB;EFnFG;IAwCK,aAAa;EE8CrB;AACF;;AF5FA;EAeQ,qBAAqB;EACrB,2BAA2B;AEiFnC;;AFjGA;;EASU,gBAAgB;EAChB,eAAe;AE6FzB;;AFvGA;EAmBU,mBAAmB;AEwF7B;;AF3GA;EAsBY,kBAAkB;AEyF9B;;AF/GA;EA0BY,kBC7J2B;ED8J3B,iBC9J2B;ACuPvC;;AFpHA;;EAkCU,iBAAiB;AEuF3B;;AFzHA;EAsCU,wBAAwB;EAGxB,gBAAgB;AEqF1B;;AF9HA;EA6CU,aAAa;AEqFvB;;AFxEA;EAEI,yBS1KW;APoPf;;AE5PE;EJqLI,yBS7KS;APwPf;;AFhFA;EAWM,yBSnLS;AP4Pf;;AEpQE;EJ8LM,yBStLO;APgQf;;AFxFA;EAkBQ,yBS1LO;APoQf;;AF5FA;;;;EA0BM,yBSlMS;AP2Qf;;AFnGA;EA+BI,yBSvMW;ETwMX,gCSxMW;APgRf;;AFxGA;EAoCI,wPCzMsR;ACiR1R;;AF5GA;EAwCI,yBShNW;APwRf;;AFhHA;EA0CM,yBSlNS;AP4Rf;;AEpSE;EJ6NM,yBSrNO;APgSf;;AFpEA;EAEI,WShPQ;APsTZ;;AE5SE;EJyOI,WSnPM;AP0TZ;;AF5EA;EAWM,+BSzPM;AP8TZ;;AEpTE;EJkPM,gCS5PI;APkUZ;;AFpFA;EAkBQ,gCShQI;APsUZ;;AFxFA;;;;EA0BM,WSxQM;AP6UZ;;AF/FA;EA+BI,+BS7QQ;ET8QR,sCS9QQ;APkVZ;;AFpGA;EAoCI,8PCpQqR;ACwUzR;;AFxGA;EAwCI,+BStRQ;AP0VZ;;AF5GA;EA0CM,WSxRM;AP8VZ;;AEpVE;EJiRM,WS3RI;APkWZ","file":"mekari-ui-navbar.css","sourcesContent":["// Contents\n//\n// Navbar\n// Navbar brand\n// Navbar nav\n// Navbar text\n// Navbar divider\n// Responsive navbar\n// Navbar position\n// Navbar themes\n\n\n// Navbar\n//\n// Provide a static navbar from which we expand to create full-width, fixed, and\n// other navbar variations.\n\n.#{$prefix}navbar {\n position: relative;\n display: flex;\n flex-wrap: wrap; // allow us to do the line break for collapsing content\n align-items: center;\n justify-content: space-between; // space out brand from logo\n padding: $navbar-padding-y $navbar-padding-x;\n\n // Because flex properties aren't inherited, we need to redeclare these first\n // few properties so that content nested within behave properly.\n > .container,\n > .container-fluid {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n justify-content: space-between;\n }\n}\n\n\n// Navbar brand\n//\n// Used for brand, project, or site names.\n\n.#{$prefix}navbar-brand {\n display: inline-block;\n padding-top: $navbar-brand-padding-y;\n padding-bottom: $navbar-brand-padding-y;\n margin-right: $navbar-padding-x;\n @include font-size($navbar-brand-font-size);\n line-height: inherit;\n white-space: nowrap;\n\n @include hover-focus {\n text-decoration: none;\n }\n}\n\n\n// Navbar nav\n//\n// Custom navbar navigation (doesn't require `.#{$prefix}nav`, but does make use of `.#{$prefix}nav-link`).\n\n.#{$prefix}navbar-nav {\n display: flex;\n flex-direction: column; // cannot use `inherit` to get the `.#{$prefix}navbar`s value\n padding-left: 0;\n margin-bottom: 0;\n list-style: none;\n\n .#{$prefix}nav-link {\n padding-right: 0;\n padding-left: 0;\n }\n\n .#{$prefix}dropdown-menu {\n position: static;\n float: none;\n }\n}\n\n\n// Navbar text\n//\n//\n\n.#{$prefix}navbar-text {\n display: inline-block;\n padding-top: $nav-link-padding-y;\n padding-bottom: $nav-link-padding-y;\n}\n\n\n// Responsive navbar\n//\n// Custom styles for responsive collapsing and toggling of navbar contents.\n// Powered by the collapse Bootstrap JavaScript plugin.\n\n// When collapsed, prevent the toggleable navbar contents from appearing in\n// the default flexbox row orientation. Requires the use of `flex-wrap: wrap`\n// on the `.#{$prefix}navbar` parent.\n.#{$prefix}navbar-collapse {\n flex-basis: 100%;\n flex-grow: 1;\n // For always expanded or extra full navbars, ensure content aligns itself\n // properly vertically. Can be easily overridden with flex utilities.\n align-items: center;\n}\n\n// Button for toggling the navbar when in its collapsed state\n.#{$prefix}navbar-toggler {\n padding: $navbar-toggler-padding-y $navbar-toggler-padding-x;\n @include font-size($navbar-toggler-font-size);\n line-height: 1;\n background-color: transparent; // remove default button style\n border: $border-width solid transparent; // remove default button style\n @include border-radius($navbar-toggler-border-radius);\n\n @include hover-focus {\n text-decoration: none;\n }\n}\n\n// Keep as a separate element so folks can easily override it with another icon\n// or image file as needed.\n.#{$prefix}navbar-toggler-icon {\n display: inline-block;\n width: 1.5em;\n height: 1.5em;\n vertical-align: middle;\n content: \"\";\n background: no-repeat center center;\n background-size: 100% 100%;\n}\n\n// Generate series of `.#{$prefix}navbar-expand-` responsive classes for configuring\n// where your navbar collapses.\n.#{$prefix}navbar-expand {\n @each $breakpoint in map-keys($grid-breakpoints) {\n $next: breakpoint-next($breakpoint, $grid-breakpoints);\n $infix: breakpoint-infix($next, $grid-breakpoints);\n\n &#{$infix} {\n @include media-breakpoint-down($breakpoint) {\n > .container,\n > .container-fluid {\n padding-right: 0;\n padding-left: 0;\n }\n }\n\n @include media-breakpoint-up($next) {\n flex-flow: row nowrap;\n justify-content: flex-start;\n\n .#{$prefix}navbar-nav {\n flex-direction: row;\n\n .#{$prefix}dropdown-menu {\n position: absolute;\n }\n\n .#{$prefix}nav-link {\n padding-right: $navbar-nav-link-padding-x;\n padding-left: $navbar-nav-link-padding-x;\n }\n }\n\n // For nesting containers, have to redeclare for alignment purposes\n > .container,\n > .container-fluid {\n flex-wrap: nowrap;\n }\n\n .#{$prefix}navbar-collapse {\n display: flex !important; // stylelint-disable-line declaration-no-important\n\n // Changes flex-bases to auto because of an IE10 bug\n flex-basis: auto;\n }\n\n .#{$prefix}navbar-toggler {\n display: none;\n }\n }\n }\n }\n}\n\n\n// Navbar themes\n//\n// Styles for switching between navbars with light or dark background.\n\n// Dark links against a light background\n.#{$prefix}navbar-light {\n .#{$prefix}navbar-brand {\n color: $navbar-light-brand-color;\n\n @include hover-focus {\n color: $navbar-light-brand-hover-color;\n }\n }\n\n .#{$prefix}navbar-nav {\n .#{$prefix}nav-link {\n color: $navbar-light-color;\n\n @include hover-focus {\n color: $navbar-light-hover-color;\n }\n\n &.disabled {\n color: $navbar-light-disabled-color;\n }\n }\n\n .#{$prefix}show > .#{$prefix}nav-link,\n .active > .#{$prefix}nav-link,\n .#{$prefix}nav-link.#{$prefix}show,\n .#{$prefix}nav-link.active {\n color: $navbar-light-active-color;\n }\n }\n\n .#{$prefix}navbar-toggler {\n color: $navbar-light-color;\n border-color: $navbar-light-toggler-border-color;\n }\n\n .#{$prefix}navbar-toggler-icon {\n background-image: $navbar-light-toggler-icon-bg;\n }\n\n .#{$prefix}navbar-text {\n color: $navbar-light-color;\n a {\n color: $navbar-light-active-color;\n\n @include hover-focus {\n color: $navbar-light-active-color;\n }\n }\n }\n}\n\n// White links against a dark background\n.#{$prefix}navbar-dark {\n .#{$prefix}navbar-brand {\n color: $navbar-dark-brand-color;\n\n @include hover-focus {\n color: $navbar-dark-brand-hover-color;\n }\n }\n\n .#{$prefix}navbar-nav {\n .#{$prefix}nav-link {\n color: $navbar-dark-color;\n\n @include hover-focus {\n color: $navbar-dark-hover-color;\n }\n\n &.disabled {\n color: $navbar-dark-disabled-color;\n }\n }\n\n .#{$prefix}show > .#{$prefix}nav-link,\n .active > .#{$prefix}nav-link,\n .#{$prefix}nav-link.#{$prefix}show,\n .#{$prefix}nav-link.active {\n color: $navbar-dark-active-color;\n }\n }\n\n .#{$prefix}navbar-toggler {\n color: $navbar-dark-color;\n border-color: $navbar-dark-toggler-border-color;\n }\n\n .#{$prefix}navbar-toggler-icon {\n background-image: $navbar-dark-toggler-icon-bg;\n }\n\n .#{$prefix}navbar-text {\n color: $navbar-dark-color;\n a {\n color: $navbar-dark-active-color;\n\n @include hover-focus {\n color: $navbar-dark-active-color;\n }\n }\n }\n}\n","$navbar-padding-y: 8px;\n$navbar-padding-x: 16px;\n\n$navbar-nav-link-padding-x: 8px;\n\n$navbar-brand-font-size: $font-size-lg;\n// Compute the navbar-brand padding-y so the navbar-brand will have the same height as navbar-text and nav-link\n$nav-link-height: calc(calc(#{$font-size-base} #{$line-height-base}) + #{$nav-link-padding-y} * 2);\n$navbar-brand-height: calc(#{$navbar-brand-font-size} * #{$line-height-base});\n$navbar-brand-padding-y: (calc(#{$nav-link-height} - #{$navbar-brand-height})) / 2;\n\n$navbar-toggler-padding-y: .25rem;\n$navbar-toggler-padding-x: .75rem;\n$navbar-toggler-font-size: $font-size-lg;\n$navbar-toggler-border-radius: $btn-border-radius;\n\n$navbar-dark-color: rgba($white, .5);\n$navbar-dark-hover-color: rgba($white, .75);\n$navbar-dark-active-color: $white;\n$navbar-dark-disabled-color: rgba($white, .25);\n$navbar-dark-toggler-icon-bg: str-replace(url(\"data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='#{$navbar-dark-color}' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e\"), \"#\", \"%23\");\n$navbar-dark-toggler-border-color: rgba($white, .1);\n\n$navbar-light-color: rgba($black, .5);\n$navbar-light-hover-color: rgba($black, .7);\n$navbar-light-active-color: rgba($black, .9);\n$navbar-light-disabled-color: rgba($black, .3);\n$navbar-light-toggler-icon-bg: str-replace(url(\"data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='#{$navbar-light-color}' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e\"), \"#\", \"%23\");\n$navbar-light-toggler-border-color: rgba($black, .1);\n\n$navbar-light-brand-color: $navbar-light-active-color;\n$navbar-light-brand-hover-color: $navbar-light-active-color;\n$navbar-dark-brand-color: $navbar-dark-active-color;\n$navbar-dark-brand-hover-color: $navbar-dark-active-color;\n",".navbar {\n position: relative;\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n justify-content: space-between;\n padding: 8px 16px;\n}\n\n.navbar > .container,\n.navbar > .container-fluid {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n justify-content: space-between;\n}\n\n.navbar-brand {\n display: inline-block;\n padding-top: calc(calc(calc(0.875rem * 1.4285) + 8px * 2) - calc(1.25rem * 1.4285))/2;\n padding-bottom: calc(calc(calc(0.875rem * 1.4285) + 8px * 2) - calc(1.25rem * 1.4285))/2;\n margin-right: 16px;\n font-size: 1.25rem;\n line-height: inherit;\n white-space: nowrap;\n}\n\n.navbar-brand:hover, .navbar-brand:focus {\n text-decoration: none;\n}\n\n.navbar-nav {\n display: flex;\n flex-direction: column;\n padding-left: 0;\n margin-bottom: 0;\n list-style: none;\n}\n\n.navbar-nav .nav-link {\n padding-right: 0;\n padding-left: 0;\n}\n\n.navbar-nav .dropdown-menu {\n position: static;\n float: none;\n}\n\n.navbar-text {\n display: inline-block;\n padding-top: 8px;\n padding-bottom: 8px;\n}\n\n.navbar-collapse {\n flex-basis: 100%;\n flex-grow: 1;\n align-items: center;\n}\n\n.navbar-toggler {\n padding: 0.25rem 0.75rem;\n font-size: 1.25rem;\n line-height: 1;\n background-color: transparent;\n border: 1px solid transparent;\n border-radius: 4px;\n}\n\n.navbar-toggler:hover, .navbar-toggler:focus {\n text-decoration: none;\n}\n\n.navbar-toggler-icon {\n display: inline-block;\n width: 1.5em;\n height: 1.5em;\n vertical-align: middle;\n content: \"\";\n background: no-repeat center center;\n background-size: 100% 100%;\n}\n\n@media (max-width: 575.98px) {\n .navbar-expand-sm > .container,\n .navbar-expand-sm > .container-fluid {\n padding-right: 0;\n padding-left: 0;\n }\n}\n\n@media (min-width: 576px) {\n .navbar-expand-sm {\n flex-flow: row nowrap;\n justify-content: flex-start;\n }\n .navbar-expand-sm .navbar-nav {\n flex-direction: row;\n }\n .navbar-expand-sm .navbar-nav .dropdown-menu {\n position: absolute;\n }\n .navbar-expand-sm .navbar-nav .nav-link {\n padding-right: 8px;\n padding-left: 8px;\n }\n .navbar-expand-sm > .container,\n .navbar-expand-sm > .container-fluid {\n flex-wrap: nowrap;\n }\n .navbar-expand-sm .navbar-collapse {\n display: flex !important;\n flex-basis: auto;\n }\n .navbar-expand-sm .navbar-toggler {\n display: none;\n }\n}\n\n@media (max-width: 767.98px) {\n .navbar-expand-md > .container,\n .navbar-expand-md > .container-fluid {\n padding-right: 0;\n padding-left: 0;\n }\n}\n\n@media (min-width: 768px) {\n .navbar-expand-md {\n flex-flow: row nowrap;\n justify-content: flex-start;\n }\n .navbar-expand-md .navbar-nav {\n flex-direction: row;\n }\n .navbar-expand-md .navbar-nav .dropdown-menu {\n position: absolute;\n }\n .navbar-expand-md .navbar-nav .nav-link {\n padding-right: 8px;\n padding-left: 8px;\n }\n .navbar-expand-md > .container,\n .navbar-expand-md > .container-fluid {\n flex-wrap: nowrap;\n }\n .navbar-expand-md .navbar-collapse {\n display: flex !important;\n flex-basis: auto;\n }\n .navbar-expand-md .navbar-toggler {\n display: none;\n }\n}\n\n@media (max-width: 991.98px) {\n .navbar-expand-lg > .container,\n .navbar-expand-lg > .container-fluid {\n padding-right: 0;\n padding-left: 0;\n }\n}\n\n@media (min-width: 992px) {\n .navbar-expand-lg {\n flex-flow: row nowrap;\n justify-content: flex-start;\n }\n .navbar-expand-lg .navbar-nav {\n flex-direction: row;\n }\n .navbar-expand-lg .navbar-nav .dropdown-menu {\n position: absolute;\n }\n .navbar-expand-lg .navbar-nav .nav-link {\n padding-right: 8px;\n padding-left: 8px;\n }\n .navbar-expand-lg > .container,\n .navbar-expand-lg > .container-fluid {\n flex-wrap: nowrap;\n }\n .navbar-expand-lg .navbar-collapse {\n display: flex !important;\n flex-basis: auto;\n }\n .navbar-expand-lg .navbar-toggler {\n display: none;\n }\n}\n\n@media (max-width: 1271.98px) {\n .navbar-expand-xl > .container,\n .navbar-expand-xl > .container-fluid {\n padding-right: 0;\n padding-left: 0;\n }\n}\n\n@media (min-width: 1272px) {\n .navbar-expand-xl {\n flex-flow: row nowrap;\n justify-content: flex-start;\n }\n .navbar-expand-xl .navbar-nav {\n flex-direction: row;\n }\n .navbar-expand-xl .navbar-nav .dropdown-menu {\n position: absolute;\n }\n .navbar-expand-xl .navbar-nav .nav-link {\n padding-right: 8px;\n padding-left: 8px;\n }\n .navbar-expand-xl > .container,\n .navbar-expand-xl > .container-fluid {\n flex-wrap: nowrap;\n }\n .navbar-expand-xl .navbar-collapse {\n display: flex !important;\n flex-basis: auto;\n }\n .navbar-expand-xl .navbar-toggler {\n display: none;\n }\n}\n\n.navbar-expand {\n flex-flow: row nowrap;\n justify-content: flex-start;\n}\n\n.navbar-expand > .container,\n.navbar-expand > .container-fluid {\n padding-right: 0;\n padding-left: 0;\n}\n\n.navbar-expand .navbar-nav {\n flex-direction: row;\n}\n\n.navbar-expand .navbar-nav .dropdown-menu {\n position: absolute;\n}\n\n.navbar-expand .navbar-nav .nav-link {\n padding-right: 8px;\n padding-left: 8px;\n}\n\n.navbar-expand > .container,\n.navbar-expand > .container-fluid {\n flex-wrap: nowrap;\n}\n\n.navbar-expand .navbar-collapse {\n display: flex !important;\n flex-basis: auto;\n}\n\n.navbar-expand .navbar-toggler {\n display: none;\n}\n\n.navbar-light .navbar-brand {\n color: rgba(0, 0, 0, 0.9);\n}\n\n.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus {\n color: rgba(0, 0, 0, 0.9);\n}\n\n.navbar-light .navbar-nav .nav-link {\n color: rgba(0, 0, 0, 0.5);\n}\n\n.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {\n color: rgba(0, 0, 0, 0.7);\n}\n\n.navbar-light .navbar-nav .nav-link.disabled {\n color: rgba(0, 0, 0, 0.3);\n}\n\n.navbar-light .navbar-nav .show > .nav-link,\n.navbar-light .navbar-nav .active > .nav-link,\n.navbar-light .navbar-nav .nav-link.show,\n.navbar-light .navbar-nav .nav-link.active {\n color: rgba(0, 0, 0, 0.9);\n}\n\n.navbar-light .navbar-toggler {\n color: rgba(0, 0, 0, 0.5);\n border-color: rgba(0, 0, 0, 0.1);\n}\n\n.navbar-light .navbar-toggler-icon {\n background-image: url(\"data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e\");\n}\n\n.navbar-light .navbar-text {\n color: rgba(0, 0, 0, 0.5);\n}\n\n.navbar-light .navbar-text a {\n color: rgba(0, 0, 0, 0.9);\n}\n\n.navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus {\n color: rgba(0, 0, 0, 0.9);\n}\n\n.navbar-dark .navbar-brand {\n color: #fff;\n}\n\n.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus {\n color: #fff;\n}\n\n.navbar-dark .navbar-nav .nav-link {\n color: rgba(255, 255, 255, 0.5);\n}\n\n.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {\n color: rgba(255, 255, 255, 0.75);\n}\n\n.navbar-dark .navbar-nav .nav-link.disabled {\n color: rgba(255, 255, 255, 0.25);\n}\n\n.navbar-dark .navbar-nav .show > .nav-link,\n.navbar-dark .navbar-nav .active > .nav-link,\n.navbar-dark .navbar-nav .nav-link.show,\n.navbar-dark .navbar-nav .nav-link.active {\n color: #fff;\n}\n\n.navbar-dark .navbar-toggler {\n color: rgba(255, 255, 255, 0.5);\n border-color: rgba(255, 255, 255, 0.1);\n}\n\n.navbar-dark .navbar-toggler-icon {\n background-image: url(\"data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e\");\n}\n\n.navbar-dark .navbar-text {\n color: rgba(255, 255, 255, 0.5);\n}\n\n.navbar-dark .navbar-text a {\n color: #fff;\n}\n\n.navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus {\n color: #fff;\n}\n\n/# sourceMappingURL=mekari-ui-navbar.css.map /","// 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","// 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","// Tabs\n$nav-tabs-border-color: $smoke;\n$nav-tabs-border-width: 1px;\n$nav-tabs-border-radius: 0;\n$nav-tabs-link-hover-border-color: transparent;\n$nav-tabs-link-active-color: $dark;\n$nav-tabs-link-active-bg: transparent;\n$nav-tabs-link-active-border-color: transparent;\n\n$nav-link-padding-y: 8px;\n$nav-link-padding-x: 16px;\n$nav-link-height: calc($font-size-base * $line-height-base) + $nav-link-padding-y * 2;\n$navbar-brand-height: $font-size-lg * $line-height-base;\n$navbar-brand-padding-y: calc($nav-link-height - $navbar-brand-height) / 2;\n$nav-link-disabled-color: $text-muted;\n$nav-pills-border-radius: 4px;\n\n$nav-pills-link-active-color: $white;\n$nav-pills-link-active-bg: $primary;\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","// Buttons\n//\n// For each of Bootstrap's buttons, define text, background, and border color.\n\n$btn-padding-y: 8px;\n$btn-padding-x: 16px;\n$btn-font-size: 14px;\n$btn-line-height: 20px;\n\n$btn-padding-y-sm: 2px;\n$btn-padding-x-sm: 8px;\n$btn-font-size-sm: 14px;\n$btn-line-height-sm: 20px;\n\n// $btn-padding-y-lg: 8px;\n// $btn-padding-x-lg: 16px;\n$btn-font-size-lg: 16px;\n$btn-line-height-lg: 24px;\n\n$btn-font-family: $font-family-base;\n$btn-font-weight: $font-weight-normal;\n$btn-border-width: 1px;\n$btn-border-radius: 4px;\n$btn-transition: color .15s ease-in-out, background-color .15s ease-in-out,border-color .15s ease-in-out, box-shadow .15s ease-in-out;\n\n$btn-focus-box-shadow: 0 0 4px 1px $link;\n$btn-disabled-opacity: .65;\n$btn-active-box-shadow: inset 0 3px 5px rgba($black, .125) !default;\n$btn-box-shadow: inset 0 1px 0 rgba($white, .15), 0 1px 1px rgba($black, .075) !default;\n$btn-focus-width: .2rem;\n\n$btn-link-disabled-color: $cloud;\n$btn-padding-y-lg: 8px;\n$btn-padding-x-lg: 16px;\n$btn-border-radius-lg: 4px;\n$btn-border-radius-sm: 4px;\n$btn-block-spacing-y: .5rem;\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","// 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"]}
1	+ {"version":3,"sources":["../../../scss/vendors/_navbar.scss","../../../scss/vendor-extensions/_navbar.scss","mekari-ui-navbar.css","../../../scss/vendors/_rfs.scss","../../../scss/vendors/mixins/_hover.scss","../../../scss/vendor-extensions/_navs.scss","../../../scss/vendors/mixins/_border-radius.scss","../../../scss/vendor-extensions/_button.scss","../../../scss/vendors/mixins/_breakpoints.scss","../../../scss/vendor-extensions/_color.scss"],"names":[],"mappings":"AAiBA;EACE,kBAAkB;EAClB,aAAa;EACb,eAAe;EACf,mBAAmB;EACnB,8BAA8B;EAC9B,iBCtBsC;ACMxC;;AFUA;;EAYI,aAAa;EACb,eAAe;EACf,mBAAmB;EACnB,8BAA8B;AEjBlC;;AF0BA;EACE,qBAAqB;EACrB,qFClC2F;EDmC3F,wFCnC2F;EDoC3F,kBC5CsC;EE8HlC,kBAtCY;EH1ChB,oBAAoB;EACpB,mBAAmB;AEvBrB;;AETE;EJmCE,qBAAqB;AEtBzB;;AF+BA;EACE,aAAa;EACb,sBAAsB;EACtB,eAAe;EACf,gBAAgB;EAChB,gBAAgB;AE5BlB;;AFuBA;EAQI,gBAAgB;EAChB,eAAe;AE3BnB;;AFkBA;EAaI,gBAAgB;EAChB,WAAW;AE3Bf;;AFoCA;EACE,qBAAqB;EACrB,gBK5EsB;EL6EtB,mBK7EsB;AH4CxB;;AF6CA;EACE,gBAAgB;EAChB,YAAY;EAGZ,mBAAmB;AE5CrB;;AFgDA;EACE,wBChGwC;EEmHpC,kBAtCY;EHqBhB,cAAc;EACd,6BAA6B;EAC7B,6BAAuC;EM3GrC,kBCiBmB;AL8CvB;;AEpDE;EJoGE,qBAAqB;AE5CzB;;AFkDA;EACE,qBAAqB;EACrB,YAAY;EACZ,aAAa;EACb,sBAAsB;EACtB,WAAW;EACX,mCAAmC;EACnC,0BAA0B;AE/C5B;;AMTI;ERkEC;;IAIK,gBAAgB;IAChB,eAAe;EEvDvB;AACF;;AM9BI;ER+EA;IAUI,qBAAqB;IACrB,2BAA2B;EEtDjC;EF2CG;IAcK,mBAAmB;EEtD3B;EFwCG;IAiBO,kBAAkB;EEtD5B;EFqCG;IAqBO,kBC7J2B;ID8J3B,iBC9J2B;ECuGrC;EFiCG;;IA6BK,iBAAiB;EE1DzB;EF6BG;IAiCK,wBAAwB;IAGxB,gBAAgB;EE7DxB;EFyBG;IAwCK,aAAa;EE9DrB;AACF;;AM7CI;ERkEC;;IAIK,gBAAgB;IAChB,eAAe;EEnBvB;AACF;;AMlEI;ER+EA;IAUI,qBAAqB;IACrB,2BAA2B;EElBjC;EFOG;IAcK,mBAAmB;EElB3B;EFIG;IAiBO,kBAAkB;EElB5B;EFCG;IAqBO,kBC7J2B;ID8J3B,iBC9J2B;EC2IrC;EFHG;;IA6BK,iBAAiB;EEtBzB;EFPG;IAiCK,wBAAwB;IAGxB,gBAAgB;EEzBxB;EFXG;IAwCK,aAAa;EE1BrB;AACF;;AMjFI;ERkEC;;IAIK,gBAAgB;IAChB,eAAe;EEiBvB;AACF;;AMtGI;ER+EA;IAUI,qBAAqB;IACrB,2BAA2B;EEkBjC;EF7BG;IAcK,mBAAmB;EEkB3B;EFhCG;IAiBO,kBAAkB;EEkB5B;EFnCG;IAqBO,kBC7J2B;ID8J3B,iBC9J2B;EC+KrC;EFvCG;;IA6BK,iBAAiB;EEczB;EF3CG;IAiCK,wBAAwB;IAGxB,gBAAgB;EEWxB;EF/CG;IAwCK,aAAa;EEUrB;AACF;;AMrHI;ERkEC;;IAIK,gBAAgB;IAChB,eAAe;EEqDvB;AACF;;AM1II;ER+EA;IAUI,qBAAqB;IACrB,2BAA2B;EEsDjC;EFjEG;IAcK,mBAAmB;EEsD3B;EFpEG;IAiBO,kBAAkB;EEsD5B;EFvEG;IAqBO,kBC7J2B;ID8J3B,iBC9J2B;ECmNrC;EF3EG;;IA6BK,iBAAiB;EEkDzB;EF/EG;IAiCK,wBAAwB;IAGxB,gBAAgB;EE+CxB;EFnFG;IAwCK,aAAa;EE8CrB;AACF;;AF5FA;EAeQ,qBAAqB;EACrB,2BAA2B;AEiFnC;;AFjGA;;EASU,gBAAgB;EAChB,eAAe;AE6FzB;;AFvGA;EAmBU,mBAAmB;AEwF7B;;AF3GA;EAsBY,kBAAkB;AEyF9B;;AF/GA;EA0BY,kBC7J2B;ED8J3B,iBC9J2B;ACuPvC;;AFpHA;;EAkCU,iBAAiB;AEuF3B;;AFzHA;EAsCU,wBAAwB;EAGxB,gBAAgB;AEqF1B;;AF9HA;EA6CU,aAAa;AEqFvB;;AFxEA;EAEI,yBS1KW;APoPf;;AE5PE;EJqLI,yBS7KS;APwPf;;AFhFA;EAWM,yBSnLS;AP4Pf;;AEpQE;EJ8LM,yBStLO;APgQf;;AFxFA;EAkBQ,yBS1LO;APoQf;;AF5FA;;;;EA0BM,yBSlMS;AP2Qf;;AFnGA;EA+BI,yBSvMW;ETwMX,gCSxMW;APgRf;;AFxGA;EAoCI,4OCzM0P;ACiR9P;;AF5GA;EAwCI,yBShNW;APwRf;;AFhHA;EA0CM,yBSlNS;AP4Rf;;AEpSE;EJ6NM,yBSrNO;APgSf;;AFpEA;EAEI,WShPQ;APsTZ;;AE5SE;EJyOI,WSnPM;AP0TZ;;AF5EA;EAWM,+BSzPM;AP8TZ;;AEpTE;EJkPM,gCS5PI;APkUZ;;AFpFA;EAkBQ,gCShQI;APsUZ;;AFxFA;;;;EA0BM,WSxQM;AP6UZ;;AF/FA;EA+BI,+BS7QQ;ET8QR,sCS9QQ;APkVZ;;AFpGA;EAoCI,4OCpQ0P;ACwU9P;;AFxGA;EAwCI,+BStRQ;AP0VZ;;AF5GA;EA0CM,WSxRM;AP8VZ;;AEpVE;EJiRM,WS3RI;APkWZ","file":"mekari-ui-navbar.css","sourcesContent":["// Contents\n//\n// Navbar\n// Navbar brand\n// Navbar nav\n// Navbar text\n// Navbar divider\n// Responsive navbar\n// Navbar position\n// Navbar themes\n\n\n// Navbar\n//\n// Provide a static navbar from which we expand to create full-width, fixed, and\n// other navbar variations.\n\n.#{$prefix}navbar {\n position: relative;\n display: flex;\n flex-wrap: wrap; // allow us to do the line break for collapsing content\n align-items: center;\n justify-content: space-between; // space out brand from logo\n padding: $navbar-padding-y $navbar-padding-x;\n\n // Because flex properties aren't inherited, we need to redeclare these first\n // few properties so that content nested within behave properly.\n > .container,\n > .container-fluid {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n justify-content: space-between;\n }\n}\n\n\n// Navbar brand\n//\n// Used for brand, project, or site names.\n\n.#{$prefix}navbar-brand {\n display: inline-block;\n padding-top: $navbar-brand-padding-y;\n padding-bottom: $navbar-brand-padding-y;\n margin-right: $navbar-padding-x;\n @include font-size($navbar-brand-font-size);\n line-height: inherit;\n white-space: nowrap;\n\n @include hover-focus {\n text-decoration: none;\n }\n}\n\n\n// Navbar nav\n//\n// Custom navbar navigation (doesn't require `.#{$prefix}nav`, but does make use of `.#{$prefix}nav-link`).\n\n.#{$prefix}navbar-nav {\n display: flex;\n flex-direction: column; // cannot use `inherit` to get the `.#{$prefix}navbar`s value\n padding-left: 0;\n margin-bottom: 0;\n list-style: none;\n\n .#{$prefix}nav-link {\n padding-right: 0;\n padding-left: 0;\n }\n\n .#{$prefix}dropdown-menu {\n position: static;\n float: none;\n }\n}\n\n\n// Navbar text\n//\n//\n\n.#{$prefix}navbar-text {\n display: inline-block;\n padding-top: $nav-link-padding-y;\n padding-bottom: $nav-link-padding-y;\n}\n\n\n// Responsive navbar\n//\n// Custom styles for responsive collapsing and toggling of navbar contents.\n// Powered by the collapse Bootstrap JavaScript plugin.\n\n// When collapsed, prevent the toggleable navbar contents from appearing in\n// the default flexbox row orientation. Requires the use of `flex-wrap: wrap`\n// on the `.#{$prefix}navbar` parent.\n.#{$prefix}navbar-collapse {\n flex-basis: 100%;\n flex-grow: 1;\n // For always expanded or extra full navbars, ensure content aligns itself\n // properly vertically. Can be easily overridden with flex utilities.\n align-items: center;\n}\n\n// Button for toggling the navbar when in its collapsed state\n.#{$prefix}navbar-toggler {\n padding: $navbar-toggler-padding-y $navbar-toggler-padding-x;\n @include font-size($navbar-toggler-font-size);\n line-height: 1;\n background-color: transparent; // remove default button style\n border: $border-width solid transparent; // remove default button style\n @include border-radius($navbar-toggler-border-radius);\n\n @include hover-focus {\n text-decoration: none;\n }\n}\n\n// Keep as a separate element so folks can easily override it with another icon\n// or image file as needed.\n.#{$prefix}navbar-toggler-icon {\n display: inline-block;\n width: 1.5em;\n height: 1.5em;\n vertical-align: middle;\n content: \"\";\n background: no-repeat center center;\n background-size: 100% 100%;\n}\n\n// Generate series of `.#{$prefix}navbar-expand-` responsive classes for configuring\n// where your navbar collapses.\n.#{$prefix}navbar-expand {\n @each $breakpoint in map-keys($grid-breakpoints) {\n $next: breakpoint-next($breakpoint, $grid-breakpoints);\n $infix: breakpoint-infix($next, $grid-breakpoints);\n\n &#{$infix} {\n @include media-breakpoint-down($breakpoint) {\n > .container,\n > .container-fluid {\n padding-right: 0;\n padding-left: 0;\n }\n }\n\n @include media-breakpoint-up($next) {\n flex-flow: row nowrap;\n justify-content: flex-start;\n\n .#{$prefix}navbar-nav {\n flex-direction: row;\n\n .#{$prefix}dropdown-menu {\n position: absolute;\n }\n\n .#{$prefix}nav-link {\n padding-right: $navbar-nav-link-padding-x;\n padding-left: $navbar-nav-link-padding-x;\n }\n }\n\n // For nesting containers, have to redeclare for alignment purposes\n > .container,\n > .container-fluid {\n flex-wrap: nowrap;\n }\n\n .#{$prefix}navbar-collapse {\n display: flex !important; // stylelint-disable-line declaration-no-important\n\n // Changes flex-bases to auto because of an IE10 bug\n flex-basis: auto;\n }\n\n .#{$prefix}navbar-toggler {\n display: none;\n }\n }\n }\n }\n}\n\n\n// Navbar themes\n//\n// Styles for switching between navbars with light or dark background.\n\n// Dark links against a light background\n.#{$prefix}navbar-light {\n .#{$prefix}navbar-brand {\n color: $navbar-light-brand-color;\n\n @include hover-focus {\n color: $navbar-light-brand-hover-color;\n }\n }\n\n .#{$prefix}navbar-nav {\n .#{$prefix}nav-link {\n color: $navbar-light-color;\n\n @include hover-focus {\n color: $navbar-light-hover-color;\n }\n\n &.disabled {\n color: $navbar-light-disabled-color;\n }\n }\n\n .#{$prefix}show > .#{$prefix}nav-link,\n .active > .#{$prefix}nav-link,\n .#{$prefix}nav-link.#{$prefix}show,\n .#{$prefix}nav-link.active {\n color: $navbar-light-active-color;\n }\n }\n\n .#{$prefix}navbar-toggler {\n color: $navbar-light-color;\n border-color: $navbar-light-toggler-border-color;\n }\n\n .#{$prefix}navbar-toggler-icon {\n background-image: $navbar-light-toggler-icon-bg;\n }\n\n .#{$prefix}navbar-text {\n color: $navbar-light-color;\n a {\n color: $navbar-light-active-color;\n\n @include hover-focus {\n color: $navbar-light-active-color;\n }\n }\n }\n}\n\n// White links against a dark background\n.#{$prefix}navbar-dark {\n .#{$prefix}navbar-brand {\n color: $navbar-dark-brand-color;\n\n @include hover-focus {\n color: $navbar-dark-brand-hover-color;\n }\n }\n\n .#{$prefix}navbar-nav {\n .#{$prefix}nav-link {\n color: $navbar-dark-color;\n\n @include hover-focus {\n color: $navbar-dark-hover-color;\n }\n\n &.disabled {\n color: $navbar-dark-disabled-color;\n }\n }\n\n .#{$prefix}show > .#{$prefix}nav-link,\n .active > .#{$prefix}nav-link,\n .#{$prefix}nav-link.#{$prefix}show,\n .#{$prefix}nav-link.active {\n color: $navbar-dark-active-color;\n }\n }\n\n .#{$prefix}navbar-toggler {\n color: $navbar-dark-color;\n border-color: $navbar-dark-toggler-border-color;\n }\n\n .#{$prefix}navbar-toggler-icon {\n background-image: $navbar-dark-toggler-icon-bg;\n }\n\n .#{$prefix}navbar-text {\n color: $navbar-dark-color;\n a {\n color: $navbar-dark-active-color;\n\n @include hover-focus {\n color: $navbar-dark-active-color;\n }\n }\n }\n}\n","$navbar-padding-y: 8px;\n$navbar-padding-x: 16px;\n\n$navbar-nav-link-padding-x: 8px;\n\n$navbar-brand-font-size: $font-size-lg;\n// Compute the navbar-brand padding-y so the navbar-brand will have the same height as navbar-text and nav-link\n$nav-link-height: calc(calc(#{$font-size-base} #{$line-height-base}) + #{$nav-link-padding-y} * 2);\n$navbar-brand-height: calc(#{$navbar-brand-font-size} * #{$line-height-base});\n$navbar-brand-padding-y: (calc(#{$nav-link-height} - #{$navbar-brand-height})) / 2;\n\n$navbar-toggler-padding-y: .25rem;\n$navbar-toggler-padding-x: .75rem;\n$navbar-toggler-font-size: $font-size-lg;\n$navbar-toggler-border-radius: $btn-border-radius;\n\n$navbar-dark-color: rgba($white, .5);\n$navbar-dark-hover-color: rgba($white, .75);\n$navbar-dark-active-color: $white;\n$navbar-dark-disabled-color: rgba($white, .25);\n$navbar-dark-toggler-icon-bg: url(\"data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e\");\n$navbar-dark-toggler-border-color: rgba($white, .1);\n\n$navbar-light-color: rgba($black, .5);\n$navbar-light-hover-color: rgba($black, .7);\n$navbar-light-active-color: rgba($black, .9);\n$navbar-light-disabled-color: rgba($black, .3);\n$navbar-light-toggler-icon-bg: url(\"data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e\");\n$navbar-light-toggler-border-color: rgba($black, .1);\n\n$navbar-light-brand-color: $navbar-light-active-color;\n$navbar-light-brand-hover-color: $navbar-light-active-color;\n$navbar-dark-brand-color: $navbar-dark-active-color;\n$navbar-dark-brand-hover-color: $navbar-dark-active-color;\n",".navbar {\n position: relative;\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n justify-content: space-between;\n padding: 8px 16px;\n}\n\n.navbar > .container,\n.navbar > .container-fluid {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n justify-content: space-between;\n}\n\n.navbar-brand {\n display: inline-block;\n padding-top: calc(calc(calc(0.875rem * 1.4285) + 8px * 2) - calc(1.25rem * 1.4285))/2;\n padding-bottom: calc(calc(calc(0.875rem * 1.4285) + 8px * 2) - calc(1.25rem * 1.4285))/2;\n margin-right: 16px;\n font-size: 1.25rem;\n line-height: inherit;\n white-space: nowrap;\n}\n\n.navbar-brand:hover, .navbar-brand:focus {\n text-decoration: none;\n}\n\n.navbar-nav {\n display: flex;\n flex-direction: column;\n padding-left: 0;\n margin-bottom: 0;\n list-style: none;\n}\n\n.navbar-nav .nav-link {\n padding-right: 0;\n padding-left: 0;\n}\n\n.navbar-nav .dropdown-menu {\n position: static;\n float: none;\n}\n\n.navbar-text {\n display: inline-block;\n padding-top: 8px;\n padding-bottom: 8px;\n}\n\n.navbar-collapse {\n flex-basis: 100%;\n flex-grow: 1;\n align-items: center;\n}\n\n.navbar-toggler {\n padding: 0.25rem 0.75rem;\n font-size: 1.25rem;\n line-height: 1;\n background-color: transparent;\n border: 1px solid transparent;\n border-radius: 4px;\n}\n\n.navbar-toggler:hover, .navbar-toggler:focus {\n text-decoration: none;\n}\n\n.navbar-toggler-icon {\n display: inline-block;\n width: 1.5em;\n height: 1.5em;\n vertical-align: middle;\n content: \"\";\n background: no-repeat center center;\n background-size: 100% 100%;\n}\n\n@media (max-width: 575.98px) {\n .navbar-expand-sm > .container,\n .navbar-expand-sm > .container-fluid {\n padding-right: 0;\n padding-left: 0;\n }\n}\n\n@media (min-width: 576px) {\n .navbar-expand-sm {\n flex-flow: row nowrap;\n justify-content: flex-start;\n }\n .navbar-expand-sm .navbar-nav {\n flex-direction: row;\n }\n .navbar-expand-sm .navbar-nav .dropdown-menu {\n position: absolute;\n }\n .navbar-expand-sm .navbar-nav .nav-link {\n padding-right: 8px;\n padding-left: 8px;\n }\n .navbar-expand-sm > .container,\n .navbar-expand-sm > .container-fluid {\n flex-wrap: nowrap;\n }\n .navbar-expand-sm .navbar-collapse {\n display: flex !important;\n flex-basis: auto;\n }\n .navbar-expand-sm .navbar-toggler {\n display: none;\n }\n}\n\n@media (max-width: 767.98px) {\n .navbar-expand-md > .container,\n .navbar-expand-md > .container-fluid {\n padding-right: 0;\n padding-left: 0;\n }\n}\n\n@media (min-width: 768px) {\n .navbar-expand-md {\n flex-flow: row nowrap;\n justify-content: flex-start;\n }\n .navbar-expand-md .navbar-nav {\n flex-direction: row;\n }\n .navbar-expand-md .navbar-nav .dropdown-menu {\n position: absolute;\n }\n .navbar-expand-md .navbar-nav .nav-link {\n padding-right: 8px;\n padding-left: 8px;\n }\n .navbar-expand-md > .container,\n .navbar-expand-md > .container-fluid {\n flex-wrap: nowrap;\n }\n .navbar-expand-md .navbar-collapse {\n display: flex !important;\n flex-basis: auto;\n }\n .navbar-expand-md .navbar-toggler {\n display: none;\n }\n}\n\n@media (max-width: 991.98px) {\n .navbar-expand-lg > .container,\n .navbar-expand-lg > .container-fluid {\n padding-right: 0;\n padding-left: 0;\n }\n}\n\n@media (min-width: 992px) {\n .navbar-expand-lg {\n flex-flow: row nowrap;\n justify-content: flex-start;\n }\n .navbar-expand-lg .navbar-nav {\n flex-direction: row;\n }\n .navbar-expand-lg .navbar-nav .dropdown-menu {\n position: absolute;\n }\n .navbar-expand-lg .navbar-nav .nav-link {\n padding-right: 8px;\n padding-left: 8px;\n }\n .navbar-expand-lg > .container,\n .navbar-expand-lg > .container-fluid {\n flex-wrap: nowrap;\n }\n .navbar-expand-lg .navbar-collapse {\n display: flex !important;\n flex-basis: auto;\n }\n .navbar-expand-lg .navbar-toggler {\n display: none;\n }\n}\n\n@media (max-width: 1271.98px) {\n .navbar-expand-xl > .container,\n .navbar-expand-xl > .container-fluid {\n padding-right: 0;\n padding-left: 0;\n }\n}\n\n@media (min-width: 1272px) {\n .navbar-expand-xl {\n flex-flow: row nowrap;\n justify-content: flex-start;\n }\n .navbar-expand-xl .navbar-nav {\n flex-direction: row;\n }\n .navbar-expand-xl .navbar-nav .dropdown-menu {\n position: absolute;\n }\n .navbar-expand-xl .navbar-nav .nav-link {\n padding-right: 8px;\n padding-left: 8px;\n }\n .navbar-expand-xl > .container,\n .navbar-expand-xl > .container-fluid {\n flex-wrap: nowrap;\n }\n .navbar-expand-xl .navbar-collapse {\n display: flex !important;\n flex-basis: auto;\n }\n .navbar-expand-xl .navbar-toggler {\n display: none;\n }\n}\n\n.navbar-expand {\n flex-flow: row nowrap;\n justify-content: flex-start;\n}\n\n.navbar-expand > .container,\n.navbar-expand > .container-fluid {\n padding-right: 0;\n padding-left: 0;\n}\n\n.navbar-expand .navbar-nav {\n flex-direction: row;\n}\n\n.navbar-expand .navbar-nav .dropdown-menu {\n position: absolute;\n}\n\n.navbar-expand .navbar-nav .nav-link {\n padding-right: 8px;\n padding-left: 8px;\n}\n\n.navbar-expand > .container,\n.navbar-expand > .container-fluid {\n flex-wrap: nowrap;\n}\n\n.navbar-expand .navbar-collapse {\n display: flex !important;\n flex-basis: auto;\n}\n\n.navbar-expand .navbar-toggler {\n display: none;\n}\n\n.navbar-light .navbar-brand {\n color: rgba(0, 0, 0, 0.9);\n}\n\n.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus {\n color: rgba(0, 0, 0, 0.9);\n}\n\n.navbar-light .navbar-nav .nav-link {\n color: rgba(0, 0, 0, 0.5);\n}\n\n.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {\n color: rgba(0, 0, 0, 0.7);\n}\n\n.navbar-light .navbar-nav .nav-link.disabled {\n color: rgba(0, 0, 0, 0.3);\n}\n\n.navbar-light .navbar-nav .show > .nav-link,\n.navbar-light .navbar-nav .active > .nav-link,\n.navbar-light .navbar-nav .nav-link.show,\n.navbar-light .navbar-nav .nav-link.active {\n color: rgba(0, 0, 0, 0.9);\n}\n\n.navbar-light .navbar-toggler {\n color: rgba(0, 0, 0, 0.5);\n border-color: rgba(0, 0, 0, 0.1);\n}\n\n.navbar-light .navbar-toggler-icon {\n background-image: url(\"data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e\");\n}\n\n.navbar-light .navbar-text {\n color: rgba(0, 0, 0, 0.5);\n}\n\n.navbar-light .navbar-text a {\n color: rgba(0, 0, 0, 0.9);\n}\n\n.navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus {\n color: rgba(0, 0, 0, 0.9);\n}\n\n.navbar-dark .navbar-brand {\n color: #fff;\n}\n\n.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus {\n color: #fff;\n}\n\n.navbar-dark .navbar-nav .nav-link {\n color: rgba(255, 255, 255, 0.5);\n}\n\n.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {\n color: rgba(255, 255, 255, 0.75);\n}\n\n.navbar-dark .navbar-nav .nav-link.disabled {\n color: rgba(255, 255, 255, 0.25);\n}\n\n.navbar-dark .navbar-nav .show > .nav-link,\n.navbar-dark .navbar-nav .active > .nav-link,\n.navbar-dark .navbar-nav .nav-link.show,\n.navbar-dark .navbar-nav .nav-link.active {\n color: #fff;\n}\n\n.navbar-dark .navbar-toggler {\n color: rgba(255, 255, 255, 0.5);\n border-color: rgba(255, 255, 255, 0.1);\n}\n\n.navbar-dark .navbar-toggler-icon {\n background-image: url(\"data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e\");\n}\n\n.navbar-dark .navbar-text {\n color: rgba(255, 255, 255, 0.5);\n}\n\n.navbar-dark .navbar-text a {\n color: #fff;\n}\n\n.navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus {\n color: #fff;\n}\n\n/# sourceMappingURL=mekari-ui-navbar.css.map /","// 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","// 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","// Tabs\n$nav-tabs-border-color: $smoke;\n$nav-tabs-border-width: 1px;\n$nav-tabs-border-radius: 0;\n$nav-tabs-link-hover-border-color: transparent;\n$nav-tabs-link-active-color: $dark;\n$nav-tabs-link-active-bg: transparent;\n$nav-tabs-link-active-border-color: transparent;\n\n$nav-link-padding-y: 8px;\n$nav-link-padding-x: 16px;\n$nav-link-height: calc($font-size-base * $line-height-base) + $nav-link-padding-y * 2;\n$navbar-brand-height: $font-size-lg * $line-height-base;\n$navbar-brand-padding-y: calc($nav-link-height - $navbar-brand-height) / 2;\n$nav-link-disabled-color: $text-muted;\n$nav-pills-border-radius: 4px;\n\n$nav-pills-link-active-color: $white;\n$nav-pills-link-active-bg: $primary;\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","// Buttons\n//\n// For each of Bootstrap's buttons, define text, background, and border color.\n\n$btn-padding-y: 8px;\n$btn-padding-x: 16px;\n$btn-font-size: 14px;\n$btn-line-height: 20px;\n\n$btn-padding-y-sm: 2px;\n$btn-padding-x-sm: 8px;\n$btn-font-size-sm: 14px;\n$btn-line-height-sm: 20px;\n\n// $btn-padding-y-lg: 8px;\n// $btn-padding-x-lg: 16px;\n$btn-font-size-lg: 16px;\n$btn-line-height-lg: 24px;\n\n$btn-font-family: $font-family-base;\n$btn-font-weight: $font-weight-normal;\n$btn-border-width: 1px;\n$btn-border-radius: 4px;\n$btn-transition: color .15s ease-in-out, background-color .15s ease-in-out,border-color .15s ease-in-out, box-shadow .15s ease-in-out;\n\n$btn-focus-box-shadow: 0 0 4px 1px $link;\n$btn-disabled-opacity: .65;\n$btn-active-box-shadow: inset 0 3px 5px rgba($black, .125) !default;\n$btn-box-shadow: inset 0 1px 0 rgba($white, .15), 0 1px 1px rgba($black, .075) !default;\n$btn-focus-width: .2rem;\n\n$btn-link-disabled-color: $cloud;\n$btn-padding-y-lg: 8px;\n$btn-padding-x-lg: 16px;\n$btn-border-radius-lg: 4px;\n$btn-border-radius-sm: 4px;\n$btn-block-spacing-y: .5rem;\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","// 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"]}

data/lib/assets/stylesheets/css/components/mekari-ui-pagination-min.css CHANGED

@@ -1,2 +1,2 @@
-.pagination{display:flex;padding-left:0;list-style:none;border-radius:4px}.page-link{position:relative;display:block;padding:8px 12px;margin-left:-1px;line-height:20px;color:#1357ff;background-color:#fff;border:1px solid #e2e2e2}.page-link:hover{z-index:2;color:#0039c6;text-decoration:none;background-color:#e2e2e2;border-color:#b4b4b4}.page-link:focus{z-index:2;outline:0;box-shadow:0 0 0 .2rem #005fbf}.page-item:first-child .page-link{margin-left:0;border-top-left-radius:4px;border-bottom-left-radius:4px}.page-item:last-child .page-link{border-top-right-radius:4px;border-bottom-right-radius:4px}.page-item.active .page-link{z-index:1;color:#fff;background-color:#005fbf;border-color:#005fbf}.page-item.disabled .page-link{color:#777;pointer-events:none;cursor:auto;background-color:#fff;border-color:#e2e2e2}.pagination-lg .page-link{padding:12px 24px;font-size:1.25rem;line-height:32px}.pagination-lg .page-item:first-child .page-link{border-top-left-radius:5.4px;border-bottom-left-radius:5.4px}.pagination-lg .page-item:last-child .page-link{border-top-right-radius:5.4px;border-bottom-right-radius:5.4px}.pagination-sm .page-link{padding:4px 8px;font-size:.75rem;line-height:1.4285}.pagination-sm .page-item:first-child .page-link{border-top-left-radius:3.2px;border-bottom-left-radius:3.2px}.pagination-sm .page-item:last-child .page-link{border-top-right-radius:3.2px;border-bottom-right-radius:3.2px}.pagination{display:flex;justify-content:space-between;margin:8px 0 16px}.pagination ul{display:flex;align-items:center;padding:0;margin:0}.pagination ul li{padding:0;margin:0;color:#777;list-style-type:none}.pagination_limit ul li{margin-right:6px;color:#777}.pagination_limit ul li:last-child{margin-right:0}.pagination_limit ul li .custom-select{width:75px;padding:4px 8px;margin:0 4px 0 0}.pagination_pages li .btn{max-width:20px;max-height:20px;padding:0;margin-top:-2px;font-size:20px}.pagination_pages li .btn:hover{text-decoration:none}.pagination_pages li input{width:50px;margin:0 8px 0 4px}.pagination_total_pages{margin:0 6px}
+.pagination{display:flex;padding-left:0;list-style:none;border-radius:4px}.page-link{position:relative;display:block;padding:8px 12px;margin-left:-1px;line-height:20px;color:#1357ff;background-color:#fff;border:1px solid #e2e2e2}.page-link:hover{z-index:2;color:#0039c6;text-decoration:none;background-color:#e2e2e2;border-color:#b4b4b4}.page-link:focus{z-index:2;outline:0;box-shadow:0 0 0 .2rem #005fbf}.page-item:first-child .page-link{margin-left:0;border-top-left-radius:4px;border-bottom-left-radius:4px}.page-item:last-child .page-link{border-top-right-radius:4px;border-bottom-right-radius:4px}.page-item.active .page-link{z-index:1;color:#fff;background-color:#005fbf;border-color:#005fbf}.page-item.disabled .page-link{color:#777;pointer-events:none;cursor:auto;background-color:#fff;border-color:#e2e2e2}.pagination-lg .page-link{padding:12px 24px;font-size:1.25rem;line-height:32px}.pagination-lg .page-item:first-child .page-link{border-top-left-radius:5.4px;border-bottom-left-radius:5.4px}.pagination-lg .page-item:last-child .page-link{border-top-right-radius:5.4px;border-bottom-right-radius:5.4px}.pagination-sm .page-link{padding:4px 8px;font-size:.75rem;line-height:1.4285}.pagination-sm .page-item:first-child .page-link{border-top-left-radius:3.2px;border-bottom-left-radius:3.2px}.pagination-sm .page-item:last-child .page-link{border-top-right-radius:3.2px;border-bottom-right-radius:3.2px}.pagination{display:flex;justify-content:space-between;margin:8px 0 16px}.pagination ul{display:flex;align-items:center;padding:0;margin:0}.pagination ul li{padding:0;margin:0;color:#777;list-style-type:none}.pagination ul li .ic{width:20px;height:20px;font-size:20px}.pagination_limit ul li{margin-right:6px;color:#777}.pagination_limit ul li:last-child{margin-right:0}.pagination_limit ul li .custom-select{width:75px;padding:4px 8px;margin:0 4px 0 0}.pagination_pages li .btn{max-width:20px;max-height:20px;padding:0;font-size:20px;border:0}.pagination_pages li .btn:hover{text-decoration:none}.pagination_pages li input{width:50px;margin:0 8px 0 4px}.pagination_total_pages{margin:0 6px}
 /*# sourceMappingURL=mekari-ui-pagination-min.css.map */

data/lib/assets/stylesheets/css/components/mekari-ui-pagination-min.css.map CHANGED

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../scss/vendors/_pagination.scss","../../../scss/vendors/mixins/_lists.scss","../../../scss/vendors/mixins/_border-radius.scss","../../../scss/vendors/mixins/_pagination.scss","../../../scss/vendors/_rfs.scss","../../../scss/components/config/_pagination.scss"],"names":[],"mappings":"AAAA,YACE,QAAA,KCGA,aAAA,EACA,WAAA,KCAE,cAAA,IFCJ,WACE,SAAA,SACA,QAAA,MACA,QAAA,IAAA,KACA,YAAA,KACA,YAAA,KACA,MAAA,QACA,iBAAA,KACA,OAAA,IAAA,MAAA,QARF,iBAWI,QAAA,EACA,MAAA,QACA,gBAAA,KACA,iBAAA,QACA,aAAA,QAfJ,iBAmBI,QAAA,EACA,QAAA,EACA,WAAA,EAAA,EAAA,EAAA,MAAA,QAIJ,kCAGM,YAAA,EECF,uBAAA,IACA,0BAAA,IFLJ,iCEVI,wBAAA,IACA,2BAAA,IFSJ,6BAcI,QAAA,EACA,MAAA,KACA,iBAAA,QACA,aAAA,QAjBJ,+BAqBI,MAAA,KACA,eAAA,KAEA,OAAA,KACA,iBAAA,KACA,aAAA,QGtDF,0BACE,QAAA,KAAA,KC2HE,UAAA,QDzHF,YAAA,KAKE,iDDwBF,uBAAA,MACA,0BAAA,MCpBE,gDDKF,wBAAA,MACA,2BAAA,MCnBF,0BACE,QAAA,IAAA,IC2HE,UAAA,ODzHF,YAAA,OAKE,iDDwBF,uBAAA,MACA,0BAAA,MCpBE,gDDKF,wBAAA,MACA,2BAAA,MGtBJ,YACE,QAAA,KACA,gBAAA,cACA,OAAA,IAAA,EAAA,KAHF,eAMI,QAAA,KACA,YAAA,OACA,QAAA,EACA,OAAA,EATJ,kBAYM,QAAA,EACA,OAAA,EACA,MAAA,KACA,gBAAA,KAIH,wBAGK,aAAA,IACA,MAAA,KAJL,mCAMO,aAAA,EANP,uCASO,MAAA,KACA,QAAA,IAAA,IACA,OAAA,EAAA,IAAA,EAAA,EAKP,0BAGK,UAAA,KACA,WAAA,KACA,QAAA,EACA,WAAA,KACA,UAAA,KAPL,gCASO,gBAAA,KATP,2BAaK,MAAA,KACA,OAAA,EAAA,IAAA,EAAA,IAKN,wBACE,OAAA,EAAA","sourcesContent":[".#{$prefix}pagination {\n display: flex;\n @include list-unstyled;\n @include border-radius;\n}\n\n.#{$prefix}page-link {\n position: relative;\n display: block;\n padding: $pagination-padding-y $pagination-padding-x;\n margin-left: -$pagination-border-width;\n line-height: $pagination-line-height;\n color: $pagination-color;\n background-color: $pagination-bg;\n border: $pagination-border-width solid $pagination-border-color;\n\n &:hover {\n z-index: 2;\n color: $pagination-hover-color;\n text-decoration: none;\n background-color: $pagination-hover-bg;\n border-color: $pagination-hover-border-color;\n }\n\n &:focus {\n z-index: 2;\n outline: $pagination-focus-outline;\n box-shadow: $pagination-focus-box-shadow;\n }\n}\n\n.#{$prefix}page-item {\n &:first-child {\n .#{$prefix}page-link {\n margin-left: 0;\n @include border-left-radius($border-radius);\n }\n }\n &:last-child {\n .#{$prefix}page-link {\n @include border-right-radius($border-radius);\n }\n }\n\n &.active .#{$prefix}page-link {\n z-index: 1;\n color: $pagination-active-color;\n background-color: $pagination-active-bg;\n border-color: $pagination-active-border-color;\n }\n\n &.disabled .#{$prefix}page-link {\n color: $pagination-disabled-color;\n pointer-events: none;\n // Opinionated: remove the \"hand\" cursor set previously for .#{$prefix}page-link\n cursor: auto;\n background-color: $pagination-disabled-bg;\n border-color: $pagination-disabled-border-color;\n }\n}\n\n\n//\n// Sizing\n//\n\n.#{$prefix}pagination-lg {\n @include pagination-size($pagination-padding-y-lg, $pagination-padding-x-lg, $font-size-lg, $line-height-lg, $border-radius-lg);\n}\n\n.#{$prefix}pagination-sm {\n @include pagination-size($pagination-padding-y-sm, $pagination-padding-x-sm, $font-size-sm, $line-height-sm, $border-radius-sm);\n}\n","// Lists\n\n// Unstyled keeps list items block level, just removes default browser padding and list-style\n@mixin list-unstyled {\n padding-left: 0;\n list-style: none;\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","// Pagination\n\n@mixin pagination-size($padding-y, $padding-x, $font-size, $line-height, $border-radius) {\n .#{$prefix}page-link {\n padding: $padding-y $padding-x;\n @include font-size($font-size);\n line-height: $line-height;\n }\n\n .#{$prefix}page-item {\n &:first-child {\n .#{$prefix}page-link {\n @include border-left-radius($border-radius);\n }\n }\n &:last-child {\n .#{$prefix}page-link {\n @include border-right-radius($border-radius);\n }\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",".#{$prefix}pagination {\n display: flex;\n justify-content: space-between;\n margin: 8px 0 16px;\n\n ul {\n display: flex;\n align-items: center;\n padding: 0;\n margin: 0;\n\n li {\n padding: 0;\n margin: 0;\n color: $slate;\n list-style-type: none;\n }\n }\n\n &_limit {\n ul {\n li {\n margin-right: 6px;\n color: $slate;\n &:last-child {\n margin-right: 0;\n }\n .custom-select {\n width: 75px;\n padding: 4px 8px;\n margin: 0 4px 0 0;\n }\n }\n }\n }\n &_pages {\n li {\n .#{$prefix}btn {\n max-width: 20px;\n max-height: 20px;\n padding: 0;\n margin-top: -2px;\n font-size: 20px;\n &:hover {\n text-decoration: none;\n }\n }\n input {\n width: 50px;\n margin: 0 8px 0 4px;\n }\n }\n }\n\n &_total_pages {\n margin: 0 6px;\n }\n}\n"]}
1	+ {"version":3,"sources":["../../../scss/vendors/_pagination.scss","../../../scss/vendors/mixins/_lists.scss","../../../scss/vendors/mixins/_border-radius.scss","../../../scss/vendors/mixins/_pagination.scss","../../../scss/vendors/_rfs.scss","../../../scss/components/config/_pagination.scss"],"names":[],"mappings":"AAAA,YACE,QAAA,KCGA,aAAA,EACA,WAAA,KCAE,cAAA,IFCJ,WACE,SAAA,SACA,QAAA,MACA,QAAA,IAAA,KACA,YAAA,KACA,YAAA,KACA,MAAA,QACA,iBAAA,KACA,OAAA,IAAA,MAAA,QARF,iBAWI,QAAA,EACA,MAAA,QACA,gBAAA,KACA,iBAAA,QACA,aAAA,QAfJ,iBAmBI,QAAA,EACA,QAAA,EACA,WAAA,EAAA,EAAA,EAAA,MAAA,QAIJ,kCAGM,YAAA,EECF,uBAAA,IACA,0BAAA,IFLJ,iCEVI,wBAAA,IACA,2BAAA,IFSJ,6BAcI,QAAA,EACA,MAAA,KACA,iBAAA,QACA,aAAA,QAjBJ,+BAqBI,MAAA,KACA,eAAA,KAEA,OAAA,KACA,iBAAA,KACA,aAAA,QGtDF,0BACE,QAAA,KAAA,KC2HE,UAAA,QDzHF,YAAA,KAKE,iDDwBF,uBAAA,MACA,0BAAA,MCpBE,gDDKF,wBAAA,MACA,2BAAA,MCnBF,0BACE,QAAA,IAAA,IC2HE,UAAA,ODzHF,YAAA,OAKE,iDDwBF,uBAAA,MACA,0BAAA,MCpBE,gDDKF,wBAAA,MACA,2BAAA,MGtBJ,YACE,QAAA,KACA,gBAAA,cACA,OAAA,IAAA,EAAA,KAHF,eAMI,QAAA,KACA,YAAA,OACA,QAAA,EACA,OAAA,EATJ,kBAYM,QAAA,EACA,OAAA,EACA,MAAA,KACA,gBAAA,KAfN,sBAiBQ,MAAA,KACA,OAAA,KACA,UAAA,KAKL,wBAGK,aAAA,IACA,MAAA,KAJL,mCAMO,aAAA,EANP,uCASO,MAAA,KACA,QAAA,IAAA,IACA,OAAA,EAAA,IAAA,EAAA,EAKP,0BAGK,UAAA,KACA,WAAA,KACA,QAAA,EACA,UAAA,KACA,OAAA,EAPL,gCASO,gBAAA,KATP,2BAaK,MAAA,KACA,OAAA,EAAA,IAAA,EAAA,IAKN,wBACE,OAAA,EAAA","sourcesContent":[".#{$prefix}pagination {\n display: flex;\n @include list-unstyled;\n @include border-radius;\n}\n\n.#{$prefix}page-link {\n position: relative;\n display: block;\n padding: $pagination-padding-y $pagination-padding-x;\n margin-left: -$pagination-border-width;\n line-height: $pagination-line-height;\n color: $pagination-color;\n background-color: $pagination-bg;\n border: $pagination-border-width solid $pagination-border-color;\n\n &:hover {\n z-index: 2;\n color: $pagination-hover-color;\n text-decoration: none;\n background-color: $pagination-hover-bg;\n border-color: $pagination-hover-border-color;\n }\n\n &:focus {\n z-index: 2;\n outline: $pagination-focus-outline;\n box-shadow: $pagination-focus-box-shadow;\n }\n}\n\n.#{$prefix}page-item {\n &:first-child {\n .#{$prefix}page-link {\n margin-left: 0;\n @include border-left-radius($border-radius);\n }\n }\n &:last-child {\n .#{$prefix}page-link {\n @include border-right-radius($border-radius);\n }\n }\n\n &.active .#{$prefix}page-link {\n z-index: 1;\n color: $pagination-active-color;\n background-color: $pagination-active-bg;\n border-color: $pagination-active-border-color;\n }\n\n &.disabled .#{$prefix}page-link {\n color: $pagination-disabled-color;\n pointer-events: none;\n // Opinionated: remove the \"hand\" cursor set previously for .#{$prefix}page-link\n cursor: auto;\n background-color: $pagination-disabled-bg;\n border-color: $pagination-disabled-border-color;\n }\n}\n\n\n//\n// Sizing\n//\n\n.#{$prefix}pagination-lg {\n @include pagination-size($pagination-padding-y-lg, $pagination-padding-x-lg, $font-size-lg, $line-height-lg, $border-radius-lg);\n}\n\n.#{$prefix}pagination-sm {\n @include pagination-size($pagination-padding-y-sm, $pagination-padding-x-sm, $font-size-sm, $line-height-sm, $border-radius-sm);\n}\n","// Lists\n\n// Unstyled keeps list items block level, just removes default browser padding and list-style\n@mixin list-unstyled {\n padding-left: 0;\n list-style: none;\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","// Pagination\n\n@mixin pagination-size($padding-y, $padding-x, $font-size, $line-height, $border-radius) {\n .#{$prefix}page-link {\n padding: $padding-y $padding-x;\n @include font-size($font-size);\n line-height: $line-height;\n }\n\n .#{$prefix}page-item {\n &:first-child {\n .#{$prefix}page-link {\n @include border-left-radius($border-radius);\n }\n }\n &:last-child {\n .#{$prefix}page-link {\n @include border-right-radius($border-radius);\n }\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",".#{$prefix}pagination {\n display: flex;\n justify-content: space-between;\n margin: 8px 0 16px;\n\n ul {\n display: flex;\n align-items: center;\n padding: 0;\n margin: 0;\n\n li {\n padding: 0;\n margin: 0;\n color: $slate;\n list-style-type: none;\n .ic {\n width: 20px;\n height: 20px;\n font-size: 20px;\n }\n }\n }\n\n &_limit {\n ul {\n li {\n margin-right: 6px;\n color: $slate;\n &:last-child {\n margin-right: 0;\n }\n .custom-select {\n width: 75px;\n padding: 4px 8px;\n margin: 0 4px 0 0;\n }\n }\n }\n }\n &_pages {\n li {\n .#{$prefix}btn {\n max-width: 20px;\n max-height: 20px;\n padding: 0;\n font-size: 20px;\n border: 0;\n &:hover {\n text-decoration: none;\n }\n }\n input {\n width: 50px;\n margin: 0 8px 0 4px;\n }\n }\n }\n\n &_total_pages {\n margin: 0 6px;\n }\n}\n"]}

data/lib/assets/stylesheets/css/components/mekari-ui-pagination.css CHANGED

@@ -108,6 +108,12 @@
   list-style-type: none;
 }
+.pagination ul li .ic {
+  width: 20px;
+  height: 20px;
+  font-size: 20px;
+}
 .pagination_limit ul li {
   margin-right: 6px;
   color: #777;
@@ -127,8 +133,8 @@
   max-width: 20px;
   max-height: 20px;
   padding: 0;
-  margin-top: -2px;
   font-size: 20px;
+  border: 0;
 }
 .pagination_pages li .btn:hover {

data/lib/assets/stylesheets/css/components/mekari-ui-pagination.css.map CHANGED

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../scss/vendors/_pagination.scss","../../../scss/vendors/mixins/_lists.scss","../../../scss/vendors/mixins/_border-radius.scss","../../../scss/vendor-extensions/_utilities.scss","mekari-ui-pagination.css","../../../scss/vendor-extensions/_spacing.scss","../../../scss/vendor-extensions/_color.scss","../../../scss/vendor-extensions/_typography.scss","../../../scss/vendors/mixins/_pagination.scss","../../../scss/vendors/_rfs.scss","../../../scss/components/config/_pagination.scss"],"names":[],"mappings":"AAAA;EACE,aAAa;ECGb,eAAe;EACf,gBAAgB;ECAd,kBCF6B;ACEjC;;AJCA;EACE,kBAAkB;EAClB,cAAc;EACd,iBKWsC;ELVtC,iBKiB2B;ELhB3B,iBKcsC;ELbtC,cMCqB;ENArB,sBMPU;ENQV,yBMVa;AFYf;;AJVA;EAWI,UAAU;EACV,cOQ0D;EPP1D,qBAAqB;EACrB,yBMhBW;ENiBX,qBMlBW;AFqBf;;AJlBA;EAmBI,UAAU;EACV,UKUwB;ELTxB,gCMZmB;AFevB;;AJCA;EAGM,cAAc;EEChB,2BChC6B;EDiC7B,8BCjC6B;ACiCjC;;AJLA;EEVI,4BClB6B;EDmB7B,+BCnB6B;ACsCjC;;AJVA;EAcI,UAAU;EACV,WMxCQ;ENyCR,yBMhCmB;ENiCnB,qBMjCmB;AFiCvB;;AJjBA;EAqBI,WMlDQ;ENmDR,oBAAoB;EAEpB,YAAY;EACZ,sBMlDQ;ENmDR,qBMrDW;AFoDf;;AIrDE;EACE,kBHoBoC;EIuGlC,kBAtCY;EDnFd,iBHyCiB;ADerB;;AInDM;ENwBF,6BC/B+B;EDgC/B,gCChC+B;AC+DnC;;AInDM;ENKF,8BCjB+B;EDkB/B,iCClB+B;ACoEnC;;AIrEE;EACE,gBHkBmC;EIyGjC,kBAtCY;EDnFd,mBDKwC;AHmE5C;;AInEM;ENwBF,6BC9B+B;ED+B/B,gCC/B+B;AC8EnC;;AInEM;ENKF,8BChB+B;EDiB/B,iCCjB+B;ACmFnC;;AMxFA;EACE,aAAa;EACb,8BAA8B;EAC9B,kBAAkB;AN2FpB;;AM9FA;EAMI,aAAa;EACb,mBAAmB;EACnB,UAAU;EACV,SAAS;AN4Fb;;AMrGA;EAYM,UAAU;EACV,SAAS;EACT,WJZM;EIaN,qBAAqB;AN6F3B;;AMzFG;EAGK,iBAAiB;EACjB,WJrBI;AF+GZ;;AM9FG;EAMO,eAAe;AN4FzB;;AMlGG;EASO,WAAW;EACX,gBAAgB;EAChB,iBAAiB;AN6F3B;;AMxFG;EAGK,eAAe;EACf,gBAAgB;EAChB,UAAU;EACV,gBAAgB;EAChB,eAAe;ANyFvB;;AMhGG;EASO,qBAAqB;AN2F/B;;AMpGG;EAaK,WAAW;EACX,mBAAmB;AN2F3B;;AMtFE;EACE,aAAa;ANyFjB","file":"mekari-ui-pagination.css","sourcesContent":[".#{$prefix}pagination {\n display: flex;\n @include list-unstyled;\n @include border-radius;\n}\n\n.#{$prefix}page-link {\n position: relative;\n display: block;\n padding: $pagination-padding-y $pagination-padding-x;\n margin-left: -$pagination-border-width;\n line-height: $pagination-line-height;\n color: $pagination-color;\n background-color: $pagination-bg;\n border: $pagination-border-width solid $pagination-border-color;\n\n &:hover {\n z-index: 2;\n color: $pagination-hover-color;\n text-decoration: none;\n background-color: $pagination-hover-bg;\n border-color: $pagination-hover-border-color;\n }\n\n &:focus {\n z-index: 2;\n outline: $pagination-focus-outline;\n box-shadow: $pagination-focus-box-shadow;\n }\n}\n\n.#{$prefix}page-item {\n &:first-child {\n .#{$prefix}page-link {\n margin-left: 0;\n @include border-left-radius($border-radius);\n }\n }\n &:last-child {\n .#{$prefix}page-link {\n @include border-right-radius($border-radius);\n }\n }\n\n &.active .#{$prefix}page-link {\n z-index: 1;\n color: $pagination-active-color;\n background-color: $pagination-active-bg;\n border-color: $pagination-active-border-color;\n }\n\n &.disabled .#{$prefix}page-link {\n color: $pagination-disabled-color;\n pointer-events: none;\n // Opinionated: remove the \"hand\" cursor set previously for .#{$prefix}page-link\n cursor: auto;\n background-color: $pagination-disabled-bg;\n border-color: $pagination-disabled-border-color;\n }\n}\n\n\n//\n// Sizing\n//\n\n.#{$prefix}pagination-lg {\n @include pagination-size($pagination-padding-y-lg, $pagination-padding-x-lg, $font-size-lg, $line-height-lg, $border-radius-lg);\n}\n\n.#{$prefix}pagination-sm {\n @include pagination-size($pagination-padding-y-sm, $pagination-padding-x-sm, $font-size-sm, $line-height-sm, $border-radius-sm);\n}\n","// Lists\n\n// Unstyled keeps list items block level, just removes default browser padding and list-style\n@mixin list-unstyled {\n padding-left: 0;\n list-style: none;\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","$border-width: 1px;\n$border-color: $smoke;\n\n$border-radius: 4px;\n$border-radius-lg: 5.4px;\n$border-radius-sm: 3.2px;\n\n$rounded-pill: 50rem !default;\n\n$box-shadow-sm: 0 .125rem .25rem rgba($black, .075) !default;\n$box-shadow: 0 .5rem 1rem rgba($black, .15) !default;\n$box-shadow-lg: 0 1rem 3rem rgba($black, .175) !default;\n\n$displays: none, inline, inline-block, block, table, table-row, table-cell, flex, inline-flex !default;\n$overflows: auto, hidden !default;\n$positions: static, relative, absolute, fixed, sticky !default;\n\n$embed-responsive-aspect-ratios: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$embed-responsive-aspect-ratios: join(\n (\n (21 9),\n (16 9),\n (4 3),\n (1 1),\n ),\n $embed-responsive-aspect-ratios\n);\n// This variable affects the `.h-` and `.w-` classes.\n$sizes: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$sizes: map-merge(\n (\n 25: 25%,\n 50: 50%,\n 75: 75%,\n 100: 100%,\n auto: auto\n ),\n $sizes\n);\n\n$emphasized-link-hover-darken-percentage: 15% !default;\n",".pagination {\n display: flex;\n padding-left: 0;\n list-style: none;\n border-radius: 4px;\n}\n\n.page-link {\n position: relative;\n display: block;\n padding: 8px 12px;\n margin-left: -1px;\n line-height: 20px;\n color: #1357ff;\n background-color: #fff;\n border: 1px solid #e2e2e2;\n}\n\n.page-link:hover {\n z-index: 2;\n color: #0039c6;\n text-decoration: none;\n background-color: #e2e2e2;\n border-color: #b4b4b4;\n}\n\n.page-link:focus {\n z-index: 2;\n outline: 0;\n box-shadow: 0 0 0 0.2rem #005fbf;\n}\n\n.page-item:first-child .page-link {\n margin-left: 0;\n border-top-left-radius: 4px;\n border-bottom-left-radius: 4px;\n}\n\n.page-item:last-child .page-link {\n border-top-right-radius: 4px;\n border-bottom-right-radius: 4px;\n}\n\n.page-item.active .page-link {\n z-index: 1;\n color: #fff;\n background-color: #005fbf;\n border-color: #005fbf;\n}\n\n.page-item.disabled .page-link {\n color: #777;\n pointer-events: none;\n cursor: auto;\n background-color: #fff;\n border-color: #e2e2e2;\n}\n\n.pagination-lg .page-link {\n padding: 12px 24px;\n font-size: 1.25rem;\n line-height: 32px;\n}\n\n.pagination-lg .page-item:first-child .page-link {\n border-top-left-radius: 5.4px;\n border-bottom-left-radius: 5.4px;\n}\n\n.pagination-lg .page-item:last-child .page-link {\n border-top-right-radius: 5.4px;\n border-bottom-right-radius: 5.4px;\n}\n\n.pagination-sm .page-link {\n padding: 4px 8px;\n font-size: 0.75rem;\n line-height: 1.4285;\n}\n\n.pagination-sm .page-item:first-child .page-link {\n border-top-left-radius: 3.2px;\n border-bottom-left-radius: 3.2px;\n}\n\n.pagination-sm .page-item:last-child .page-link {\n border-top-right-radius: 3.2px;\n border-bottom-right-radius: 3.2px;\n}\n\n.pagination {\n display: flex;\n justify-content: space-between;\n margin: 8px 0 16px;\n}\n\n.pagination ul {\n display: flex;\n align-items: center;\n padding: 0;\n margin: 0;\n}\n\n.pagination ul li {\n padding: 0;\n margin: 0;\n color: #777;\n list-style-type: none;\n}\n\n.pagination_limit ul li {\n margin-right: 6px;\n color: #777;\n}\n\n.pagination_limit ul li:last-child {\n margin-right: 0;\n}\n\n.pagination_limit ul li .custom-select {\n width: 75px;\n padding: 4px 8px;\n margin: 0 4px 0 0;\n}\n\n.pagination_pages li .btn {\n max-width: 20px;\n max-height: 20px;\n padding: 0;\n margin-top: -2px;\n font-size: 20px;\n}\n\n.pagination_pages li .btn:hover {\n text-decoration: none;\n}\n\n.pagination_pages li input {\n width: 50px;\n margin: 0 8px 0 4px;\n}\n\n.pagination_total_pages {\n margin: 0 6px;\n}\n\n/# sourceMappingURL=mekari-ui-pagination.css.map /","// Spacing for Mekari UI\n$spacer: 1rem;\n$spacers: (\n 0: 0,\n 1: ($spacer * .25), // tiny\n 2: ($spacer * .5), // xmall\n 3: $spacer, // small\n 4: ($spacer * 1.5), // normal\n 5: ($spacer * 2), // medium\n 6: ($spacer * 2.5), // large\n 7: ($spacer * 5) // xlarge\n);\n\n$headings-margin-bottom: $spacer / 2;\n$paragraph-margin-bottom: $spacer;\n$label-margin-bottom: 8px;\n\n//pagination\n\n$pagination-padding-y: 8px;\n$pagination-padding-x: 12px;\n$pagination-padding-y-sm: 4px;\n$pagination-padding-x-sm: 8px;\n$pagination-padding-y-lg: 12px;\n$pagination-padding-x-lg: 24px;\n$pagination-line-height: 20px;\n\n$pagination-border-width: 1px;\n$pagination-border-color: $smoke;\n\n$pagination-hover-color: $link-hover-color;\n$pagination-hover-bg: $smoke;\n$pagination-hover-border-color: $muted;\n\n$pagination-color: $link-color;\n$pagination-bg: $white;\n$pagination-focus-outline: 0;\n$pagination-focus-box-shadow: 0 0 0 .2rem $primary;\n\n$pagination-active-color: $white;\n$pagination-active-bg: $primary;\n$pagination-active-border-color: $pagination-active-bg;\n\n$pagination-disabled-color: $slate !default;\n$pagination-disabled-bg: $white !default;\n$pagination-disabled-border-color: $smoke !default;\n\n$line-height-lg: 32px;\n\n//images\n\n$thumbnail-padding: 4px;\n$thumbnail-bg: $body-bg;\n\n$thumbnail-border-width: 1px;\n$thumbnail-border-color: $smoke;\n$thumbnail-border-radius: 4px;\n$thumbnail-box-shadow: 0 1px 2px rgba($black, .075);\n$figure-caption-font-size: 90%;\n$figure-caption-color: $slate;\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","$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","// Pagination\n\n@mixin pagination-size($padding-y, $padding-x, $font-size, $line-height, $border-radius) {\n .#{$prefix}page-link {\n padding: $padding-y $padding-x;\n @include font-size($font-size);\n line-height: $line-height;\n }\n\n .#{$prefix}page-item {\n &:first-child {\n .#{$prefix}page-link {\n @include border-left-radius($border-radius);\n }\n }\n &:last-child {\n .#{$prefix}page-link {\n @include border-right-radius($border-radius);\n }\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",".#{$prefix}pagination {\n display: flex;\n justify-content: space-between;\n margin: 8px 0 16px;\n\n ul {\n display: flex;\n align-items: center;\n padding: 0;\n margin: 0;\n\n li {\n padding: 0;\n margin: 0;\n color: $slate;\n list-style-type: none;\n }\n }\n\n &_limit {\n ul {\n li {\n margin-right: 6px;\n color: $slate;\n &:last-child {\n margin-right: 0;\n }\n .custom-select {\n width: 75px;\n padding: 4px 8px;\n margin: 0 4px 0 0;\n }\n }\n }\n }\n &_pages {\n li {\n .#{$prefix}btn {\n max-width: 20px;\n max-height: 20px;\n padding: 0;\n margin-top: -2px;\n font-size: 20px;\n &:hover {\n text-decoration: none;\n }\n }\n input {\n width: 50px;\n margin: 0 8px 0 4px;\n }\n }\n }\n\n &_total_pages {\n margin: 0 6px;\n }\n}\n"]}
1	+ {"version":3,"sources":["../../../scss/vendors/_pagination.scss","../../../scss/vendors/mixins/_lists.scss","../../../scss/vendors/mixins/_border-radius.scss","../../../scss/vendor-extensions/_utilities.scss","mekari-ui-pagination.css","../../../scss/vendor-extensions/_spacing.scss","../../../scss/vendor-extensions/_color.scss","../../../scss/vendor-extensions/_typography.scss","../../../scss/vendors/mixins/_pagination.scss","../../../scss/vendors/_rfs.scss","../../../scss/components/config/_pagination.scss"],"names":[],"mappings":"AAAA;EACE,aAAa;ECGb,eAAe;EACf,gBAAgB;ECAd,kBCF6B;ACEjC;;AJCA;EACE,kBAAkB;EAClB,cAAc;EACd,iBKWsC;ELVtC,iBKiB2B;ELhB3B,iBKcsC;ELbtC,cMCqB;ENArB,sBMPU;ENQV,yBMVa;AFYf;;AJVA;EAWI,UAAU;EACV,cOQ0D;EPP1D,qBAAqB;EACrB,yBMhBW;ENiBX,qBMlBW;AFqBf;;AJlBA;EAmBI,UAAU;EACV,UKUwB;ELTxB,gCMZmB;AFevB;;AJCA;EAGM,cAAc;EEChB,2BChC6B;EDiC7B,8BCjC6B;ACiCjC;;AJLA;EEVI,4BClB6B;EDmB7B,+BCnB6B;ACsCjC;;AJVA;EAcI,UAAU;EACV,WMxCQ;ENyCR,yBMhCmB;ENiCnB,qBMjCmB;AFiCvB;;AJjBA;EAqBI,WMlDQ;ENmDR,oBAAoB;EAEpB,YAAY;EACZ,sBMlDQ;ENmDR,qBMrDW;AFoDf;;AIrDE;EACE,kBHoBoC;EIuGlC,kBAtCY;EDnFd,iBHyCiB;ADerB;;AInDM;ENwBF,6BC/B+B;EDgC/B,gCChC+B;AC+DnC;;AInDM;ENKF,8BCjB+B;EDkB/B,iCClB+B;ACoEnC;;AIrEE;EACE,gBHkBmC;EIyGjC,kBAtCY;EDnFd,mBDKwC;AHmE5C;;AInEM;ENwBF,6BC9B+B;ED+B/B,gCC/B+B;AC8EnC;;AInEM;ENKF,8BChB+B;EDiB/B,iCCjB+B;ACmFnC;;AMxFA;EACE,aAAa;EACb,8BAA8B;EAC9B,kBAAkB;AN2FpB;;AM9FA;EAMI,aAAa;EACb,mBAAmB;EACnB,UAAU;EACV,SAAS;AN4Fb;;AMrGA;EAYM,UAAU;EACV,SAAS;EACT,WJZM;EIaN,qBAAqB;AN6F3B;;AM5GA;EAiBQ,WAAW;EACX,YAAY;EACZ,eAAe;AN+FvB;;AM1FG;EAGK,iBAAiB;EACjB,WJ1BI;AFqHZ;;AM/FG;EAMO,eAAe;AN6FzB;;AMnGG;EASO,WAAW;EACX,gBAAgB;EAChB,iBAAiB;AN8F3B;;AMzFG;EAGK,eAAe;EACf,gBAAgB;EAChB,UAAU;EACV,eAAe;EACf,SAAS;AN0FjB;;AMjGG;EASO,qBAAqB;AN4F/B;;AMrGG;EAaK,WAAW;EACX,mBAAmB;AN4F3B;;AMvFE;EACE,aAAa;AN0FjB","file":"mekari-ui-pagination.css","sourcesContent":[".#{$prefix}pagination {\n display: flex;\n @include list-unstyled;\n @include border-radius;\n}\n\n.#{$prefix}page-link {\n position: relative;\n display: block;\n padding: $pagination-padding-y $pagination-padding-x;\n margin-left: -$pagination-border-width;\n line-height: $pagination-line-height;\n color: $pagination-color;\n background-color: $pagination-bg;\n border: $pagination-border-width solid $pagination-border-color;\n\n &:hover {\n z-index: 2;\n color: $pagination-hover-color;\n text-decoration: none;\n background-color: $pagination-hover-bg;\n border-color: $pagination-hover-border-color;\n }\n\n &:focus {\n z-index: 2;\n outline: $pagination-focus-outline;\n box-shadow: $pagination-focus-box-shadow;\n }\n}\n\n.#{$prefix}page-item {\n &:first-child {\n .#{$prefix}page-link {\n margin-left: 0;\n @include border-left-radius($border-radius);\n }\n }\n &:last-child {\n .#{$prefix}page-link {\n @include border-right-radius($border-radius);\n }\n }\n\n &.active .#{$prefix}page-link {\n z-index: 1;\n color: $pagination-active-color;\n background-color: $pagination-active-bg;\n border-color: $pagination-active-border-color;\n }\n\n &.disabled .#{$prefix}page-link {\n color: $pagination-disabled-color;\n pointer-events: none;\n // Opinionated: remove the \"hand\" cursor set previously for .#{$prefix}page-link\n cursor: auto;\n background-color: $pagination-disabled-bg;\n border-color: $pagination-disabled-border-color;\n }\n}\n\n\n//\n// Sizing\n//\n\n.#{$prefix}pagination-lg {\n @include pagination-size($pagination-padding-y-lg, $pagination-padding-x-lg, $font-size-lg, $line-height-lg, $border-radius-lg);\n}\n\n.#{$prefix}pagination-sm {\n @include pagination-size($pagination-padding-y-sm, $pagination-padding-x-sm, $font-size-sm, $line-height-sm, $border-radius-sm);\n}\n","// Lists\n\n// Unstyled keeps list items block level, just removes default browser padding and list-style\n@mixin list-unstyled {\n padding-left: 0;\n list-style: none;\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","$border-width: 1px;\n$border-color: $smoke;\n\n$border-radius: 4px;\n$border-radius-lg: 5.4px;\n$border-radius-sm: 3.2px;\n\n$rounded-pill: 50rem !default;\n\n$box-shadow-sm: 0 .125rem .25rem rgba($black, .075) !default;\n$box-shadow: 0 .5rem 1rem rgba($black, .15) !default;\n$box-shadow-lg: 0 1rem 3rem rgba($black, .175) !default;\n\n$displays: none, inline, inline-block, block, table, table-row, table-cell, flex, inline-flex !default;\n$overflows: auto, hidden !default;\n$positions: static, relative, absolute, fixed, sticky !default;\n\n$embed-responsive-aspect-ratios: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$embed-responsive-aspect-ratios: join(\n (\n (21 9),\n (16 9),\n (4 3),\n (1 1),\n ),\n $embed-responsive-aspect-ratios\n);\n// This variable affects the `.h-` and `.w-` classes.\n$sizes: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$sizes: map-merge(\n (\n 25: 25%,\n 50: 50%,\n 75: 75%,\n 100: 100%,\n auto: auto\n ),\n $sizes\n);\n\n$emphasized-link-hover-darken-percentage: 15% !default;\n",".pagination {\n display: flex;\n padding-left: 0;\n list-style: none;\n border-radius: 4px;\n}\n\n.page-link {\n position: relative;\n display: block;\n padding: 8px 12px;\n margin-left: -1px;\n line-height: 20px;\n color: #1357ff;\n background-color: #fff;\n border: 1px solid #e2e2e2;\n}\n\n.page-link:hover {\n z-index: 2;\n color: #0039c6;\n text-decoration: none;\n background-color: #e2e2e2;\n border-color: #b4b4b4;\n}\n\n.page-link:focus {\n z-index: 2;\n outline: 0;\n box-shadow: 0 0 0 0.2rem #005fbf;\n}\n\n.page-item:first-child .page-link {\n margin-left: 0;\n border-top-left-radius: 4px;\n border-bottom-left-radius: 4px;\n}\n\n.page-item:last-child .page-link {\n border-top-right-radius: 4px;\n border-bottom-right-radius: 4px;\n}\n\n.page-item.active .page-link {\n z-index: 1;\n color: #fff;\n background-color: #005fbf;\n border-color: #005fbf;\n}\n\n.page-item.disabled .page-link {\n color: #777;\n pointer-events: none;\n cursor: auto;\n background-color: #fff;\n border-color: #e2e2e2;\n}\n\n.pagination-lg .page-link {\n padding: 12px 24px;\n font-size: 1.25rem;\n line-height: 32px;\n}\n\n.pagination-lg .page-item:first-child .page-link {\n border-top-left-radius: 5.4px;\n border-bottom-left-radius: 5.4px;\n}\n\n.pagination-lg .page-item:last-child .page-link {\n border-top-right-radius: 5.4px;\n border-bottom-right-radius: 5.4px;\n}\n\n.pagination-sm .page-link {\n padding: 4px 8px;\n font-size: 0.75rem;\n line-height: 1.4285;\n}\n\n.pagination-sm .page-item:first-child .page-link {\n border-top-left-radius: 3.2px;\n border-bottom-left-radius: 3.2px;\n}\n\n.pagination-sm .page-item:last-child .page-link {\n border-top-right-radius: 3.2px;\n border-bottom-right-radius: 3.2px;\n}\n\n.pagination {\n display: flex;\n justify-content: space-between;\n margin: 8px 0 16px;\n}\n\n.pagination ul {\n display: flex;\n align-items: center;\n padding: 0;\n margin: 0;\n}\n\n.pagination ul li {\n padding: 0;\n margin: 0;\n color: #777;\n list-style-type: none;\n}\n\n.pagination ul li .ic {\n width: 20px;\n height: 20px;\n font-size: 20px;\n}\n\n.pagination_limit ul li {\n margin-right: 6px;\n color: #777;\n}\n\n.pagination_limit ul li:last-child {\n margin-right: 0;\n}\n\n.pagination_limit ul li .custom-select {\n width: 75px;\n padding: 4px 8px;\n margin: 0 4px 0 0;\n}\n\n.pagination_pages li .btn {\n max-width: 20px;\n max-height: 20px;\n padding: 0;\n font-size: 20px;\n border: 0;\n}\n\n.pagination_pages li .btn:hover {\n text-decoration: none;\n}\n\n.pagination_pages li input {\n width: 50px;\n margin: 0 8px 0 4px;\n}\n\n.pagination_total_pages {\n margin: 0 6px;\n}\n\n/# sourceMappingURL=mekari-ui-pagination.css.map /","// Spacing for Mekari UI\n$spacer: 1rem;\n$spacers: (\n 0: 0,\n 1: ($spacer * .25), // tiny\n 2: ($spacer * .5), // xmall\n 3: $spacer, // small\n 4: ($spacer * 1.5), // normal\n 5: ($spacer * 2), // medium\n 6: ($spacer * 2.5), // large\n 7: ($spacer * 5) // xlarge\n);\n\n$headings-margin-bottom: $spacer / 2;\n$paragraph-margin-bottom: $spacer;\n$label-margin-bottom: 8px;\n\n//pagination\n\n$pagination-padding-y: 8px;\n$pagination-padding-x: 12px;\n$pagination-padding-y-sm: 4px;\n$pagination-padding-x-sm: 8px;\n$pagination-padding-y-lg: 12px;\n$pagination-padding-x-lg: 24px;\n$pagination-line-height: 20px;\n\n$pagination-border-width: 1px;\n$pagination-border-color: $smoke;\n\n$pagination-hover-color: $link-hover-color;\n$pagination-hover-bg: $smoke;\n$pagination-hover-border-color: $muted;\n\n$pagination-color: $link-color;\n$pagination-bg: $white;\n$pagination-focus-outline: 0;\n$pagination-focus-box-shadow: 0 0 0 .2rem $primary;\n\n$pagination-active-color: $white;\n$pagination-active-bg: $primary;\n$pagination-active-border-color: $pagination-active-bg;\n\n$pagination-disabled-color: $slate !default;\n$pagination-disabled-bg: $white !default;\n$pagination-disabled-border-color: $smoke !default;\n\n$line-height-lg: 32px;\n\n//images\n\n$thumbnail-padding: 4px;\n$thumbnail-bg: $body-bg;\n\n$thumbnail-border-width: 1px;\n$thumbnail-border-color: $smoke;\n$thumbnail-border-radius: 4px;\n$thumbnail-box-shadow: 0 1px 2px rgba($black, .075);\n$figure-caption-font-size: 90%;\n$figure-caption-color: $slate;\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","$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","// Pagination\n\n@mixin pagination-size($padding-y, $padding-x, $font-size, $line-height, $border-radius) {\n .#{$prefix}page-link {\n padding: $padding-y $padding-x;\n @include font-size($font-size);\n line-height: $line-height;\n }\n\n .#{$prefix}page-item {\n &:first-child {\n .#{$prefix}page-link {\n @include border-left-radius($border-radius);\n }\n }\n &:last-child {\n .#{$prefix}page-link {\n @include border-right-radius($border-radius);\n }\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",".#{$prefix}pagination {\n display: flex;\n justify-content: space-between;\n margin: 8px 0 16px;\n\n ul {\n display: flex;\n align-items: center;\n padding: 0;\n margin: 0;\n\n li {\n padding: 0;\n margin: 0;\n color: $slate;\n list-style-type: none;\n .ic {\n width: 20px;\n height: 20px;\n font-size: 20px;\n }\n }\n }\n\n &_limit {\n ul {\n li {\n margin-right: 6px;\n color: $slate;\n &:last-child {\n margin-right: 0;\n }\n .custom-select {\n width: 75px;\n padding: 4px 8px;\n margin: 0 4px 0 0;\n }\n }\n }\n }\n &_pages {\n li {\n .#{$prefix}btn {\n max-width: 20px;\n max-height: 20px;\n padding: 0;\n font-size: 20px;\n border: 0;\n &:hover {\n text-decoration: none;\n }\n }\n input {\n width: 50px;\n margin: 0 8px 0 4px;\n }\n }\n }\n\n &_total_pages {\n margin: 0 6px;\n }\n}\n"]}

data/lib/assets/stylesheets/css/components/mekari-ui-reboot-bootstrap-min.css.map CHANGED

	@@ -1 +1 @@
1	- {"version":3,"sources":["dist/css/components/mekari-ui-reboot-bootstrap.css","../../../scss/mixins/_text.scss","../../../scss/base/_fonts.scss","../../../scss/vendors/_bootstrap-reboot.scss","../../../scss/vendors/_reboot.scss","../../../scss/vendors/_rfs.scss","mekari-ui-reboot-bootstrap.css","../../../scss/vendors/mixins/_hover.scss","../../../scss/base/_text.scss"],"names":[],"mappings":"AAEA,mBCFA,KDCA,ECAE,UAAA,QACA,YAAA,KACA,eAAA,KDMF,OCHA,MACE,UAAA,OACA,YAAA,KACA,eAAA,KCQA,WACE,YAAA,OACA,WAAA,OACA,YAAA,IACA,IAAA,gBACA,IAAA,2CAAA,mBALF,WACE,YAAA,OACA,WAAA,OACA,YAAA,IACA,IAAA,gBACA,IAAA,2CAAA,mBALF,WACE,YAAA,OACA,WAAA,OACA,YAAA,IACA,IAAA,gBACA,IAAA,0CAAA,mBALF,WACE,YAAA,OACA,WAAA,OACA,YAAA,IACA,IAAA,gBACA,IAAA,0CAAA,mBALF,WACE,YAAA,OACA,WAAA,OACA,YAAA,IACA,IAAA,gBACA,IAAA,0CAAA,mBCtBJ;;;;;;ACkBA,EJ8CA,QADA,SI1CE,WAAA,WAGF,KACE,YAAA,WACA,YAAA,KACA,yBAAA,KACA,4BAAA,YAMF,QAAA,MAAA,WAAA,OAAA,OAAA,OAAA,OAAA,KAAA,IAAA,QACE,QAAA,MAUF,KACE,OAAA,EACA,YAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,WAAA,CAAA,YAAA,CAAA,gBAAA,CAAA,WCgFI,UAAA,QD9EJ,YAAA,IACA,YAAA,OACA,MAAA,QACA,WAAA,KACA,iBAAA,KEqCF,sBF5BE,QAAA,YASF,GACE,WAAA,YACA,OAAA,EACA,SAAA,QAaF,GAAA,GAAA,GAAA,GAAA,GAAA,GACE,WAAA,EACA,cAAA,MAOF,EACE,WAAA,EACA,cAAA,KJaF,0BIFA,YAEE,gBAAA,UACA,wBAAA,UAAA,OAAA,gBAAA,UAAA,OACA,OAAA,KACA,cAAA,EACA,iCAAA,KAAA,yBAAA,KAGF,QACE,cAAA,KACA,WAAA,OACA,YAAA,QJQF,GILA,GJIA,GIDE,WAAA,EACA,cAAA,KAGF,MJKA,MACA,MAFA,MIAE,cAAA,EAGF,GACE,YAAA,IAGF,GACE,cAAA,MACA,YAAA,EAGF,WACE,OAAA,EAAA,EAAA,KAGF,EJIA,OIFE,YAAA,IAGF,MCpFI,UAAA,ID6FJ,IJDA,IIGE,SAAA,SC/FE,UAAA,IDiGF,YAAA,EACA,eAAA,SAGF,IAAM,OAAA,OACN,IAAM,IAAA,MAON,EACE,MAAA,QACA,gBAAA,KACA,iBAAA,YG5KA,QH+KE,MAAA,QACA,gBAAA,UAUJ,8BACE,MAAA,QACA,gBAAA,KGxLA,oCAAA,oCH2LE,MAAA,QACA,gBAAA,KANJ,oCAUI,QAAA,EJHJ,KACA,IIWA,IJVA,KIcE,YAAA,UCrJE,UAAA,IDyJJ,IAEE,WAAA,EAEA,cAAA,KAEA,SAAA,KAQF,OAEE,OAAA,EAAA,EAAA,KAQF,IACE,eAAA,OACA,aAAA,KAGF,IAGE,SAAA,OACA,eAAA,OAQF,MACE,gBAAA,SAGF,QACE,YAAA,OACA,eAAA,OACA,MAAA,QACA,WAAA,KACA,aAAA,OAGF,GAGE,WAAA,QAQF,MAEE,QAAA,aACA,cAAA,IAMF,OAEE,cAAA,EAOF,aACE,QAAA,IAAA,OACA,QAAA,IAAA,KAAA,yBJ9CF,OIiDA,MJ/CA,SADA,OAEA,SImDE,OAAA,EACA,YAAA,QCtPE,UAAA,QDwPF,YAAA,QAGF,OJjDA,MImDE,SAAA,QAGF,OJjDA,OImDE,eAAA,KAMF,OACE,UAAA,OJjDF,cACA,aACA,cIsDA,OAIE,mBAAA,OJrDF,6BACA,4BACA,6BIwDE,sBAKI,OAAA,QJxDN,gCACA,+BACA,gCI4DA,yBAIE,QAAA,EACA,aAAA,KJ3DF,qBI8DA,kBAEE,WAAA,WACA,QAAA,EAIF,iBJ9DA,2BACA,kBAFA,iBIwEE,mBAAA,QAGF,SACE,SAAA,KAEA,OAAA,SAGF,SAME,UAAA,EAEA,QAAA,EACA,OAAA,EACA,OAAA,EAKF,OACE,QAAA,MACA,MAAA,KACA,UAAA,KACA,QAAA,EACA,cAAA,MCxQM,UAAA,OD0QN,YAAA,QACA,MAAA,QACA,YAAA,OCtPM,0BD6OR,OCrOY,UAAA,uBDiPZ,SACE,eAAA,SEvEF,yCNGA,yCI0EE,OAAA,KExEF,cFgFE,eAAA,KACA,mBAAA,KE5EF,yCFoFE,mBAAA,KAQF,6BACE,KAAA,QACA,mBAAA,OAOF,OACE,QAAA,aAGF,QACE,QAAA,UACA,OAAA,QAGF,SACE,QAAA,KEzFF,SF+FE,QAAA,eJvFF,mBC1YA,KDyYA,ECxYE,UAAA,QACA,YAAA,KACA,eAAA,KD8YF,OC3YA,MACE,UAAA,OACA,YAAA,KACA,eAAA,KD+YF,IQpZE,GAEE,cAAA,EACA,UAAA,KACA,YAAA,KACA,MAAA,QACA,eAAA,KRuZJ,IQ7ZE,GAEE,cAAA,EACA,UAAA,KACA,YAAA,KACA,MAAA,QACA,eAAA,KRgaJ,IQtaE,GAEE,cAAA,EACA,UAAA,KACA,YAAA,KACA,MAAA,QACA,eAAA,KR0aJ,mBQtaA,KRqaA,EQlaE,cAAA,ERwaF,OQpaA,MAGE,MAAA,KAGF,URmaA,WQjaE,MAAA,QAGF,WACE,UAAA,QAGF,SACE,UAAA,QAGF,SACE,UAAA,OAGF,aACE,UAAA,KACA,YAAA,IACA,YAAA,KACA,eAAA","sourcesContent":["body,\np,\n.font-size-default {\n font-size: 0.875rem;\n line-height: 20px;\n letter-spacing: 0.2px;\n}\n\nsmall,\n.small {\n font-size: 0.75rem;\n line-height: 16px;\n letter-spacing: 0.2px;\n}\n\n@font-face {\n font-family: \"Roboto\";\n font-style: normal;\n font-weight: 300;\n src: local(\"Roboto\");\n src: url(\"../../fonts/Roboto/Roboto-Regular.ttf\") format(\"truetype\");\n}\n\n@font-face {\n font-family: \"Roboto\";\n font-style: normal;\n font-weight: 400;\n src: local(\"Roboto\");\n src: url(\"../../fonts/Roboto/Roboto-Regular.ttf\") format(\"truetype\");\n}\n\n@font-face {\n font-family: \"Roboto\";\n font-style: normal;\n font-weight: 500;\n src: local(\"Roboto\");\n src: url(\"../../fonts/Roboto/Roboto-Medium.ttf\") format(\"truetype\");\n}\n\n@font-face {\n font-family: \"Roboto\";\n font-style: normal;\n font-weight: 700;\n src: local(\"Roboto\");\n src: url(\"../../fonts/Roboto/Roboto-Medium.ttf\") format(\"truetype\");\n}\n\n@font-face {\n font-family: \"Roboto\";\n font-style: normal;\n font-weight: 900;\n src: local(\"Roboto\");\n src: url(\"../../fonts/Roboto/Roboto-Medium.ttf\") format(\"truetype\");\n}\n\n/!\n Bootstrap Reboot v4.3.1 (https://getbootstrap.com/)\n * Copyright 2011-2019 The Bootstrap Authors\n * Copyright 2011-2019 Twitter, Inc.\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)\n * Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md)\n /\n,\n::before,\n::after {\n box-sizing: border-box;\n}\n\nhtml {\n font-family: sans-serif;\n line-height: 1.15;\n -webkit-text-size-adjust: 100%;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\n\narticle, aside, figcaption, figure, footer, header, hgroup, main, nav, section {\n display: block;\n}\n\nbody {\n margin: 0;\n font-family: \"Roboto\", \"Oxygen\", \"Ubuntu\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\", sans-serif;\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.4285;\n color: #212121;\n text-align: left;\n background-color: #fff;\n}\n\n[tabindex=\"-1\"]:focus {\n outline: 0 !important;\n}\n\nhr {\n box-sizing: content-box;\n height: 0;\n overflow: visible;\n}\n\nh1, h2, h3, h4, h5, h6 {\n margin-top: 0;\n margin-bottom: 0.5rem;\n}\n\np {\n margin-top: 0;\n margin-bottom: 1rem;\n}\n\nabbr[title],\nabbr[data-original-title] {\n text-decoration: underline;\n -webkit-text-decoration: underline dotted;\n text-decoration: underline dotted;\n cursor: help;\n border-bottom: 0;\n -webkit-text-decoration-skip-ink: none;\n text-decoration-skip-ink: none;\n}\n\naddress {\n margin-bottom: 1rem;\n font-style: normal;\n line-height: inherit;\n}\n\nol,\nul,\ndl {\n margin-top: 0;\n margin-bottom: 1rem;\n}\n\nol ol,\nul ul,\nol ul,\nul ol {\n margin-bottom: 0;\n}\n\ndt {\n font-weight: 500;\n}\n\ndd {\n margin-bottom: .5rem;\n margin-left: 0;\n}\n\nblockquote {\n margin: 0 0 1rem;\n}\n\nb,\nstrong {\n font-weight: 500;\n}\n\nsmall {\n font-size: 80%;\n}\n\nsub,\nsup {\n position: relative;\n font-size: 75%;\n line-height: 0;\n vertical-align: baseline;\n}\n\nsub {\n bottom: -.25em;\n}\n\nsup {\n top: -.5em;\n}\n\na {\n color: #1357ff;\n text-decoration: none;\n background-color: transparent;\n}\n\na:hover {\n color: #0039c6;\n text-decoration: underline;\n}\n\na:not([href]):not([tabindex]) {\n color: inherit;\n text-decoration: none;\n}\n\na:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus {\n color: inherit;\n text-decoration: none;\n}\n\na:not([href]):not([tabindex]):focus {\n outline: 0;\n}\n\npre,\ncode,\nkbd,\nsamp {\n font-family: monospace;\n font-size: 1em;\n}\n\npre {\n margin-top: 0;\n margin-bottom: 1rem;\n overflow: auto;\n}\n\nfigure {\n margin: 0 0 1rem;\n}\n\nimg {\n vertical-align: middle;\n border-style: none;\n}\n\nsvg {\n overflow: hidden;\n vertical-align: middle;\n}\n\ntable {\n border-collapse: collapse;\n}\n\ncaption {\n padding-top: 0.75rem;\n padding-bottom: 0.75rem;\n color: #b4b4b4;\n text-align: left;\n caption-side: bottom;\n}\n\nth {\n text-align: inherit;\n}\n\nlabel {\n display: inline-block;\n margin-bottom: 8px;\n}\n\nbutton {\n border-radius: 0;\n}\n\nbutton:focus {\n outline: 1px dotted;\n outline: 5px auto -webkit-focus-ring-color;\n}\n\ninput,\nbutton,\nselect,\noptgroup,\ntextarea {\n margin: 0;\n font-family: inherit;\n font-size: inherit;\n line-height: inherit;\n}\n\nbutton,\ninput {\n overflow: visible;\n}\n\nbutton,\nselect {\n text-transform: none;\n}\n\nselect {\n word-wrap: normal;\n}\n\nbutton,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n -webkit-appearance: button;\n}\n\nbutton:not(:disabled),\n[type=\"button\"]:not(:disabled),\n[type=\"reset\"]:not(:disabled),\n[type=\"submit\"]:not(:disabled) {\n cursor: pointer;\n}\n\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n padding: 0;\n border-style: none;\n}\n\ninput[type=\"radio\"],\ninput[type=\"checkbox\"] {\n box-sizing: border-box;\n padding: 0;\n}\n\ninput[type=\"date\"],\ninput[type=\"time\"],\ninput[type=\"datetime-local\"],\ninput[type=\"month\"] {\n -webkit-appearance: listbox;\n}\n\ntextarea {\n overflow: auto;\n resize: vertical;\n}\n\nfieldset {\n min-width: 0;\n padding: 0;\n margin: 0;\n border: 0;\n}\n\nlegend {\n display: block;\n width: 100%;\n max-width: 100%;\n padding: 0;\n margin-bottom: .5rem;\n font-size: 1.5rem;\n line-height: inherit;\n color: inherit;\n white-space: normal;\n}\n\n@media (max-width: 1200px) {\n legend {\n font-size: calc(1.275rem + 0.3vw) ;\n }\n}\n\nprogress {\n vertical-align: baseline;\n}\n\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n height: auto;\n}\n\n[type=\"search\"] {\n outline-offset: -2px;\n -webkit-appearance: none;\n}\n\n[type=\"search\"]::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n\n::-webkit-file-upload-button {\n font: inherit;\n -webkit-appearance: button;\n}\n\noutput {\n display: inline-block;\n}\n\nsummary {\n display: list-item;\n cursor: pointer;\n}\n\ntemplate {\n display: none;\n}\n\n[hidden] {\n display: none !important;\n}\n\nbody,\np,\n.font-size-default {\n font-size: 0.875rem;\n line-height: 20px;\n letter-spacing: 0.2px;\n}\n\nsmall,\n.small {\n font-size: 0.75rem;\n line-height: 16px;\n letter-spacing: 0.2px;\n}\n\nh1,\n.h1 {\n margin-bottom: 0;\n font-size: 24px;\n line-height: 32px;\n color: #212121;\n letter-spacing: 0.2px;\n}\n\nh2,\n.h2 {\n margin-bottom: 0;\n font-size: 20px;\n line-height: 28px;\n color: #212121;\n letter-spacing: 0.2px;\n}\n\nh3,\n.h3 {\n margin-bottom: 0;\n font-size: 16px;\n line-height: 24px;\n color: #212121;\n letter-spacing: 0.2px;\n}\n\nbody,\np,\n.font-size-default {\n margin-bottom: 0;\n}\n\nsmall,\n.small {\n color: #777;\n}\n\n:disabled,\n[readonly] {\n color: #b4b4b4;\n}\n\n.text-base {\n font-size: 0.875rem;\n}\n\n.text-lg {\n font-size: 1.25rem;\n}\n\n.text-sm {\n font-size: 0.75rem;\n}\n\n.large-title {\n font-size: 32px;\n font-weight: 500;\n line-height: 48px;\n letter-spacing: 0.2px;\n}\n/# sourceMappingURL=mekari-ui-reboot-bootstrap.css.map /","%font-size-base {\n font-size: $font-size-base; // 16px\n line-height: 20px;\n letter-spacing: $letter-spacing;\n}\n\n%font-size-sm {\n font-size: $font-size-sm; // 12px\n line-height: 16px;\n letter-spacing: $letter-spacing;\n}\n","// Roboto as default Mekari fontfamily\n$font-family: \"Roboto\";\n$fonts: (\n 300: \"Regular\",\n 400: \"Regular\",\n 500: \"Medium\",\n 700: \"Medium\",\n 900: \"Medium\"\n);\n\n$font-path: #{\"../../fonts/Roboto/Roboto-\"} !default;\n@if $is-using-rubygems {\n $font-path: #{\"fonts/Roboto/Roboto-\"} !default;\n}\n\n@each $font-weight, $font-type in $fonts {\n $src: #{$font-path}#{$font-type};\n @font-face {\n font-family: $font-family;\n font-style: normal;\n font-weight: #{$font-weight};\n src: local($font-family);\n src: url(\"#{$src}.ttf\") format(\"truetype\");\n }\n}\n","/!\n Bootstrap Reboot v4.3.1 (https://getbootstrap.com/)\n * Copyright 2011-2019 The Bootstrap Authors\n * Copyright 2011-2019 Twitter, Inc.\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)\n * Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md)\n /\n\n@import \"functions\";\n@import \"mixins\";\n@import \"reboot\";\n","// stylelint-disable at-rule-no-vendor-prefix, declaration-no-important, selector-no-qualifying-type, property-no-vendor-prefix\n\n// Reboot\n//\n// Normalization of HTML elements, manually forked from Normalize.css to remove\n// styles targeting irrelevant browsers while applying new styles.\n//\n// Normalize is licensed MIT. https://github.com/necolas/normalize.css\n\n\n// Document\n//\n// 1. Change from `box-sizing: content-box` so that `width` is not affected by `padding` or `border`.\n// 2. Change the default font family in all browsers.\n// 3. Correct the line height in all browsers.\n// 4. Prevent adjustments of font size after orientation changes in IE on Windows Phone and in iOS.\n// 5. Change the default tap highlight to be completely transparent in iOS.\n\n,\n::before,\n::after {\n box-sizing: border-box; // 1\n}\n\nhtml {\n font-family: sans-serif; // 2\n line-height: 1.15; // 3\n -webkit-text-size-adjust: 100%; // 4\n -webkit-tap-highlight-color: rgba($black, 0); // 5\n}\n\n// Shim for \"new\" HTML5 structural elements to display correctly (IE10, older browsers)\n// TODO: remove in v5\n// stylelint-disable-next-line selector-list-comma-newline-after\narticle, aside, figcaption, figure, footer, header, hgroup, main, nav, section {\n display: block;\n}\n\n// Body\n//\n// 1. Remove the margin in all browsers.\n// 2. As a best practice, apply a default `background-color`.\n// 3. Set an explicit initial text-align value so that we can later use\n// the `inherit` value on things like `<th>` elements.\n\nbody {\n margin: 0; // 1\n font-family: $font-family-base;\n @include font-size($font-size-base);\n font-weight: $font-weight-base;\n line-height: $line-height-base;\n color: $body-color;\n text-align: left; // 3\n background-color: $body-bg; // 2\n}\n\n// Suppress the focus outline on elements that cannot be accessed via keyboard.\n// This prevents an unwanted focus outline from appearing around elements that\n// might still respond to pointer events.\n//\n// Credit: https://github.com/suitcss/base\n[tabindex=\"-1\"]:focus {\n outline: 0 !important;\n}\n\n\n// Content grouping\n//\n// 1. Add the correct box sizing in Firefox.\n// 2. Show the overflow in Edge and IE.\n\nhr {\n box-sizing: content-box; // 1\n height: 0; // 1\n overflow: visible; // 2\n}\n\n\n//\n// Typography\n//\n\n// Remove top margins from headings\n//\n// By default, `<h1>`-`<h6>` all receive top and bottom margins. We nuke the top\n// margin for easier control within type scales as it avoids margin collapsing.\n// stylelint-disable-next-line selector-list-comma-newline-after\nh1, h2, h3, h4, h5, h6 {\n margin-top: 0;\n margin-bottom: $headings-margin-bottom;\n}\n\n// Reset margins on paragraphs\n//\n// Similarly, the top margin on `<p>`s get reset. However, we also reset the\n// bottom margin to use `rem` units instead of `em`.\np {\n margin-top: 0;\n margin-bottom: $paragraph-margin-bottom;\n}\n\n// Abbreviations\n//\n// 1. Duplicate behavior to the data-* attribute for our tooltip plugin\n// 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n// 3. Add explicit cursor to indicate changed behavior.\n// 4. Remove the bottom border in Firefox 39-.\n// 5. Prevent the text-decoration to be skipped.\n\nabbr[title],\nabbr[data-original-title] { // 1\n text-decoration: underline; // 2\n text-decoration: underline dotted; // 2\n cursor: help; // 3\n border-bottom: 0; // 4\n text-decoration-skip-ink: none; // 5\n}\n\naddress {\n margin-bottom: 1rem;\n font-style: normal;\n line-height: inherit;\n}\n\nol,\nul,\ndl {\n margin-top: 0;\n margin-bottom: 1rem;\n}\n\nol ol,\nul ul,\nol ul,\nul ol {\n margin-bottom: 0;\n}\n\ndt {\n font-weight: $dt-font-weight;\n}\n\ndd {\n margin-bottom: .5rem;\n margin-left: 0; // Undo browser default\n}\n\nblockquote {\n margin: 0 0 1rem;\n}\n\nb,\nstrong {\n font-weight: $font-weight-bolder; // Add the correct font weight in Chrome, Edge, and Safari\n}\n\nsmall {\n @include font-size(80%); // Add the correct font size in all browsers\n}\n\n//\n// Prevent `sub` and `sup` elements from affecting the line height in\n// all browsers.\n//\n\nsub,\nsup {\n position: relative;\n @include font-size(75%);\n line-height: 0;\n vertical-align: baseline;\n}\n\nsub { bottom: -.25em; }\nsup { top: -.5em; }\n\n\n//\n// Links\n//\n\na {\n color: $link-color;\n text-decoration: $link-decoration;\n background-color: transparent; // Remove the gray background on active links in IE 10.\n\n @include hover {\n color: $link-hover-color;\n text-decoration: $link-hover-decoration;\n }\n}\n\n// And undo these styles for placeholder links/named anchors (without href)\n// which have not been made explicitly keyboard-focusable (without tabindex).\n// It would be more straightforward to just use a[href] in previous block, but that\n// causes specificity issues in many other styles that are too complex to fix.\n// See https://github.com/twbs/bootstrap/issues/19402\n\na:not([href]):not([tabindex]) {\n color: inherit;\n text-decoration: none;\n\n @include hover-focus {\n color: inherit;\n text-decoration: none;\n }\n\n &:focus {\n outline: 0;\n }\n}\n\n\n//\n// Code\n//\n\npre,\ncode,\nkbd,\nsamp {\n font-family: $font-family-monospace;\n @include font-size(1em); // Correct the odd `em` font sizing in all browsers.\n}\n\npre {\n // Remove browser default top margin\n margin-top: 0;\n // Reset browser default of `1em` to use `rem`s\n margin-bottom: 1rem;\n // Don't allow content to break outside\n overflow: auto;\n}\n\n\n//\n// Figures\n//\n\nfigure {\n // Apply a consistent margin strategy (matches our type styles).\n margin: 0 0 1rem;\n}\n\n\n//\n// Images and content\n//\n\nimg {\n vertical-align: middle;\n border-style: none; // Remove the border on images inside links in IE 10-.\n}\n\nsvg {\n // Workaround for the SVG overflow bug in IE10/11 is still required.\n // See https://github.com/twbs/bootstrap/issues/26878\n overflow: hidden;\n vertical-align: middle;\n}\n\n\n//\n// Tables\n//\n\ntable {\n border-collapse: collapse; // Prevent double borders\n}\n\ncaption {\n padding-top: $table-cell-padding;\n padding-bottom: $table-cell-padding;\n color: $table-caption-color;\n text-align: left;\n caption-side: bottom;\n}\n\nth {\n // Matches default `<td>` alignment by inheriting from the `<body>`, or the\n // closest parent with a set `text-align`.\n text-align: inherit;\n}\n\n\n//\n// Forms\n//\n\nlabel {\n // Allow labels to use `margin` for spacing.\n display: inline-block;\n margin-bottom: $label-margin-bottom;\n}\n\n// Remove the default `border-radius` that macOS Chrome adds.\n//\n// Details at https://github.com/twbs/bootstrap/issues/24093\nbutton {\n // stylelint-disable-next-line property-blacklist\n border-radius: 0;\n}\n\n// Work around a Firefox/IE bug where the transparent `button` background\n// results in a loss of the default `button` focus styles.\n//\n// Credit: https://github.com/suitcss/base/\nbutton:focus {\n outline: 1px dotted;\n outline: 5px auto -webkit-focus-ring-color;\n}\n\ninput,\nbutton,\nselect,\noptgroup,\ntextarea {\n margin: 0; // Remove the margin in Firefox and Safari\n font-family: inherit;\n @include font-size(inherit);\n line-height: inherit;\n}\n\nbutton,\ninput {\n overflow: visible; // Show the overflow in Edge\n}\n\nbutton,\nselect {\n text-transform: none; // Remove the inheritance of text transform in Firefox\n}\n\n// Remove the inheritance of word-wrap in Safari.\n//\n// Details at https://github.com/twbs/bootstrap/issues/24990\nselect {\n word-wrap: normal;\n}\n\n\n// 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`\n// controls in Android 4.\n// 2. Correct the inability to style clickable types in iOS and Safari.\nbutton,\n[type=\"button\"], // 1\n[type=\"reset\"],\n[type=\"submit\"] {\n -webkit-appearance: button; // 2\n}\n\n// Opinionated: add \"hand\" cursor to non-disabled button elements.\n@if $enable-pointer-cursor-for-buttons {\n button,\n [type=\"button\"],\n [type=\"reset\"],\n [type=\"submit\"] {\n &:not(:disabled) {\n cursor: pointer;\n }\n }\n}\n\n// Remove inner border and padding from Firefox, but don't restore the outline like Normalize.\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n padding: 0;\n border-style: none;\n}\n\ninput[type=\"radio\"],\ninput[type=\"checkbox\"] {\n box-sizing: border-box; // 1. Add the correct box sizing in IE 10-\n padding: 0; // 2. Remove the padding in IE 10-\n}\n\n\ninput[type=\"date\"],\ninput[type=\"time\"],\ninput[type=\"datetime-local\"],\ninput[type=\"month\"] {\n // Remove the default appearance of temporal inputs to avoid a Mobile Safari\n // bug where setting a custom line-height prevents text from being vertically\n // centered within the input.\n // See https://bugs.webkit.org/show_bug.cgi?id=139848\n // and https://github.com/twbs/bootstrap/issues/11266\n -webkit-appearance: listbox;\n}\n\ntextarea {\n overflow: auto; // Remove the default vertical scrollbar in IE.\n // Textareas should really only resize vertically so they don't break their (horizontal) containers.\n resize: vertical;\n}\n\nfieldset {\n // Browsers set a default `min-width: min-content;` on fieldsets,\n // unlike e.g. `<div>`s, which have `min-width: 0;` by default.\n // So we reset that to ensure fieldsets behave more like a standard block element.\n // See https://github.com/twbs/bootstrap/issues/12359\n // and https://html.spec.whatwg.org/multipage/#the-fieldset-and-legend-elements\n min-width: 0;\n // Reset the default outline behavior of fieldsets so they don't affect page layout.\n padding: 0;\n margin: 0;\n border: 0;\n}\n\n// 1. Correct the text wrapping in Edge and IE.\n// 2. Correct the color inheritance from `fieldset` elements in IE.\nlegend {\n display: block;\n width: 100%;\n max-width: 100%; // 1\n padding: 0;\n margin-bottom: .5rem;\n @include font-size(1.5rem);\n line-height: inherit;\n color: inherit; // 2\n white-space: normal; // 1\n}\n\nprogress {\n vertical-align: baseline; // Add the correct vertical alignment in Chrome, Firefox, and Opera.\n}\n\n// Correct the cursor style of increment and decrement buttons in Chrome.\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n height: auto;\n}\n\n[type=\"search\"] {\n // This overrides the extra rounded corners on search inputs in iOS so that our\n // `.form-control` class can properly style them. Note that this cannot simply\n // be added to `.form-control` as it's not specific enough. For details, see\n // https://github.com/twbs/bootstrap/issues/11586.\n outline-offset: -2px; // 2. Correct the outline style in Safari.\n -webkit-appearance: none;\n}\n\n//\n// Remove the inner padding in Chrome and Safari on macOS.\n//\n\n[type=\"search\"]::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n\n//\n// 1. Correct the inability to style clickable types in iOS and Safari.\n// 2. Change font properties to `inherit` in Safari.\n//\n\n::-webkit-file-upload-button {\n font: inherit; // 2\n -webkit-appearance: button; // 1\n}\n\n//\n// Correct element displays\n//\n\noutput {\n display: inline-block;\n}\n\nsummary {\n display: list-item; // Add the correct display in all browsers\n cursor: pointer;\n}\n\ntemplate {\n display: none; // Add the correct display in IE\n}\n\n// Always hide an element with the `hidden` HTML attribute (from PureCSS).\n// Needed for proper display in IE 10-.\n[hidden] {\n display: none !important;\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","body,\np,\n.font-size-default {\n font-size: 0.875rem;\n line-height: 20px;\n letter-spacing: 0.2px;\n}\n\nsmall,\n.small {\n font-size: 0.75rem;\n line-height: 16px;\n letter-spacing: 0.2px;\n}\n\n@font-face {\n font-family: \"Roboto\";\n font-style: normal;\n font-weight: 300;\n src: local(\"Roboto\");\n src: url(\"../../fonts/Roboto/Roboto-Regular.ttf\") format(\"truetype\");\n}\n\n@font-face {\n font-family: \"Roboto\";\n font-style: normal;\n font-weight: 400;\n src: local(\"Roboto\");\n src: url(\"../../fonts/Roboto/Roboto-Regular.ttf\") format(\"truetype\");\n}\n\n@font-face {\n font-family: \"Roboto\";\n font-style: normal;\n font-weight: 500;\n src: local(\"Roboto\");\n src: url(\"../../fonts/Roboto/Roboto-Medium.ttf\") format(\"truetype\");\n}\n\n@font-face {\n font-family: \"Roboto\";\n font-style: normal;\n font-weight: 700;\n src: local(\"Roboto\");\n src: url(\"../../fonts/Roboto/Roboto-Medium.ttf\") format(\"truetype\");\n}\n\n@font-face {\n font-family: \"Roboto\";\n font-style: normal;\n font-weight: 900;\n src: local(\"Roboto\");\n src: url(\"../../fonts/Roboto/Roboto-Medium.ttf\") format(\"truetype\");\n}\n\n/!\n Bootstrap Reboot v4.3.1 (https://getbootstrap.com/)\n * Copyright 2011-2019 The Bootstrap Authors\n * Copyright 2011-2019 Twitter, Inc.\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)\n * Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md)\n /\n,\n::before,\n::after {\n box-sizing: border-box;\n}\n\nhtml {\n font-family: sans-serif;\n line-height: 1.15;\n -webkit-text-size-adjust: 100%;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\n\narticle, aside, figcaption, figure, footer, header, hgroup, main, nav, section {\n display: block;\n}\n\nbody {\n margin: 0;\n font-family: \"Roboto\", \"Oxygen\", \"Ubuntu\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\", sans-serif;\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.4285;\n color: #212121;\n text-align: left;\n background-color: #fff;\n}\n\n[tabindex=\"-1\"]:focus {\n outline: 0 !important;\n}\n\nhr {\n box-sizing: content-box;\n height: 0;\n overflow: visible;\n}\n\nh1, h2, h3, h4, h5, h6 {\n margin-top: 0;\n margin-bottom: 0.5rem;\n}\n\np {\n margin-top: 0;\n margin-bottom: 1rem;\n}\n\nabbr[title],\nabbr[data-original-title] {\n text-decoration: underline;\n text-decoration: underline dotted;\n cursor: help;\n border-bottom: 0;\n text-decoration-skip-ink: none;\n}\n\naddress {\n margin-bottom: 1rem;\n font-style: normal;\n line-height: inherit;\n}\n\nol,\nul,\ndl {\n margin-top: 0;\n margin-bottom: 1rem;\n}\n\nol ol,\nul ul,\nol ul,\nul ol {\n margin-bottom: 0;\n}\n\ndt {\n font-weight: 500;\n}\n\ndd {\n margin-bottom: .5rem;\n margin-left: 0;\n}\n\nblockquote {\n margin: 0 0 1rem;\n}\n\nb,\nstrong {\n font-weight: 500;\n}\n\nsmall {\n font-size: 80%;\n}\n\nsub,\nsup {\n position: relative;\n font-size: 75%;\n line-height: 0;\n vertical-align: baseline;\n}\n\nsub {\n bottom: -.25em;\n}\n\nsup {\n top: -.5em;\n}\n\na {\n color: #1357ff;\n text-decoration: none;\n background-color: transparent;\n}\n\na:hover {\n color: #0039c6;\n text-decoration: underline;\n}\n\na:not([href]):not([tabindex]) {\n color: inherit;\n text-decoration: none;\n}\n\na:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus {\n color: inherit;\n text-decoration: none;\n}\n\na:not([href]):not([tabindex]):focus {\n outline: 0;\n}\n\npre,\ncode,\nkbd,\nsamp {\n font-family: monospace;\n font-size: 1em;\n}\n\npre {\n margin-top: 0;\n margin-bottom: 1rem;\n overflow: auto;\n}\n\nfigure {\n margin: 0 0 1rem;\n}\n\nimg {\n vertical-align: middle;\n border-style: none;\n}\n\nsvg {\n overflow: hidden;\n vertical-align: middle;\n}\n\ntable {\n border-collapse: collapse;\n}\n\ncaption {\n padding-top: 0.75rem;\n padding-bottom: 0.75rem;\n color: #b4b4b4;\n text-align: left;\n caption-side: bottom;\n}\n\nth {\n text-align: inherit;\n}\n\nlabel {\n display: inline-block;\n margin-bottom: 8px;\n}\n\nbutton {\n border-radius: 0;\n}\n\nbutton:focus {\n outline: 1px dotted;\n outline: 5px auto -webkit-focus-ring-color;\n}\n\ninput,\nbutton,\nselect,\noptgroup,\ntextarea {\n margin: 0;\n font-family: inherit;\n font-size: inherit;\n line-height: inherit;\n}\n\nbutton,\ninput {\n overflow: visible;\n}\n\nbutton,\nselect {\n text-transform: none;\n}\n\nselect {\n word-wrap: normal;\n}\n\nbutton,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n -webkit-appearance: button;\n}\n\nbutton:not(:disabled),\n[type=\"button\"]:not(:disabled),\n[type=\"reset\"]:not(:disabled),\n[type=\"submit\"]:not(:disabled) {\n cursor: pointer;\n}\n\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n padding: 0;\n border-style: none;\n}\n\ninput[type=\"radio\"],\ninput[type=\"checkbox\"] {\n box-sizing: border-box;\n padding: 0;\n}\n\ninput[type=\"date\"],\ninput[type=\"time\"],\ninput[type=\"datetime-local\"],\ninput[type=\"month\"] {\n -webkit-appearance: listbox;\n}\n\ntextarea {\n overflow: auto;\n resize: vertical;\n}\n\nfieldset {\n min-width: 0;\n padding: 0;\n margin: 0;\n border: 0;\n}\n\nlegend {\n display: block;\n width: 100%;\n max-width: 100%;\n padding: 0;\n margin-bottom: .5rem;\n font-size: 1.5rem;\n line-height: inherit;\n color: inherit;\n white-space: normal;\n}\n\n@media (max-width: 1200px) {\n legend {\n font-size: calc(1.275rem + 0.3vw) ;\n }\n}\n\nprogress {\n vertical-align: baseline;\n}\n\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n height: auto;\n}\n\n[type=\"search\"] {\n outline-offset: -2px;\n -webkit-appearance: none;\n}\n\n[type=\"search\"]::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n\n::-webkit-file-upload-button {\n font: inherit;\n -webkit-appearance: button;\n}\n\noutput {\n display: inline-block;\n}\n\nsummary {\n display: list-item;\n cursor: pointer;\n}\n\ntemplate {\n display: none;\n}\n\n[hidden] {\n display: none !important;\n}\n\nbody,\np,\n.font-size-default {\n font-size: 0.875rem;\n line-height: 20px;\n letter-spacing: 0.2px;\n}\n\nsmall,\n.small {\n font-size: 0.75rem;\n line-height: 16px;\n letter-spacing: 0.2px;\n}\n\nh1,\n.h1 {\n margin-bottom: 0;\n font-size: 24px;\n line-height: 32px;\n color: #212121;\n letter-spacing: 0.2px;\n}\n\nh2,\n.h2 {\n margin-bottom: 0;\n font-size: 20px;\n line-height: 28px;\n color: #212121;\n letter-spacing: 0.2px;\n}\n\nh3,\n.h3 {\n margin-bottom: 0;\n font-size: 16px;\n line-height: 24px;\n color: #212121;\n letter-spacing: 0.2px;\n}\n\nbody,\np,\n.font-size-default {\n margin-bottom: 0;\n}\n\nsmall,\n.small {\n color: #777;\n}\n\n:disabled,\n[readonly] {\n color: #b4b4b4;\n}\n\n.text-base {\n font-size: 0.875rem;\n}\n\n.text-lg {\n font-size: 1.25rem;\n}\n\n.text-sm {\n font-size: 0.75rem;\n}\n\n.large-title {\n font-size: 32px;\n font-weight: 500;\n line-height: 48px;\n letter-spacing: 0.2px;\n}\n\n/# sourceMappingURL=mekari-ui-reboot-bootstrap.css.map /","// 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","@import \"../mixins/text\";\n\n$heading-size: 24px, 20px, 16px;\n@for $i from 1 through length($heading-size) {\n h#{$i},\n .h#{$i} {\n margin-bottom: 0;\n font-size: nth($heading-size, $i);\n line-height: nth($heading-size, $i) + 8;\n color: $dark;\n letter-spacing: $letter-spacing;\n }\n}\n\nbody,\np,\n.font-size-default {\n margin-bottom: 0;\n @extend %font-size-base;\n}\n\nsmall,\n.small {\n @extend %font-size-sm;\n color: $slate;\n}\n\n:disabled,\n[readonly] {\n color: $text-muted;\n}\n\n.text-base {\n font-size: $font-size-base;\n}\n\n.text-lg {\n font-size: $font-size-lg;\n}\n\n.text-sm {\n font-size: $font-size-sm;\n}\n\n.large-title {\n font-size: 32px;\n font-weight: $font-weight-bold;\n line-height: 48px;\n letter-spacing: $letter-spacing;\n}\n"]}
1	+ {"version":3,"sources":["dist/css/components/mekari-ui-reboot-bootstrap.css","../../../scss/mixins/_text.scss","../../../scss/base/_fonts.scss","../../../scss/vendors/_bootstrap-reboot.scss","../../../scss/vendors/_reboot.scss","../../../scss/vendors/_rfs.scss","mekari-ui-reboot-bootstrap.css","../../../scss/vendors/mixins/_hover.scss","../../../scss/base/_text.scss"],"names":[],"mappings":"AAEA,mBCFA,KDCA,ECAE,UAAA,QACA,YAAA,KACA,eAAA,KDMF,OCHA,MACE,UAAA,OACA,YAAA,KACA,eAAA,KCQA,WACE,YAAA,OACA,WAAA,OACA,YAAA,IACA,IAAA,gBACA,IAAA,2CAAA,mBALF,WACE,YAAA,OACA,WAAA,OACA,YAAA,IACA,IAAA,gBACA,IAAA,2CAAA,mBALF,WACE,YAAA,OACA,WAAA,OACA,YAAA,IACA,IAAA,gBACA,IAAA,0CAAA,mBALF,WACE,YAAA,OACA,WAAA,OACA,YAAA,IACA,IAAA,gBACA,IAAA,0CAAA,mBALF,WACE,YAAA,OACA,WAAA,OACA,YAAA,IACA,IAAA,gBACA,IAAA,0CAAA,mBCtBJ;;;;;;ACkBA,EJ8CA,QADA,SI1CE,WAAA,WAGF,KACE,YAAA,WACA,YAAA,KACA,yBAAA,KACA,4BAAA,YAMF,QAAA,MAAA,WAAA,OAAA,OAAA,OAAA,OAAA,KAAA,IAAA,QACE,QAAA,MAUF,KACE,OAAA,EACA,YAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,WAAA,CAAA,YAAA,CAAA,gBAAA,CAAA,WCgFI,UAAA,QD9EJ,YAAA,IACA,YAAA,OACA,MAAA,QACA,WAAA,KACA,iBAAA,KEqCF,sBF5BE,QAAA,YASF,GACE,WAAA,YACA,OAAA,EACA,SAAA,QAaF,GAAA,GAAA,GAAA,GAAA,GAAA,GACE,WAAA,EACA,cAAA,MAOF,EACE,WAAA,EACA,cAAA,KJaF,0BIFA,YAEE,gBAAA,UACA,wBAAA,UAAA,OAAA,gBAAA,UAAA,OACA,OAAA,KACA,cAAA,EACA,iCAAA,KAAA,yBAAA,KAGF,QACE,cAAA,KACA,WAAA,OACA,YAAA,QJQF,GILA,GJIA,GIDE,WAAA,EACA,cAAA,KAGF,MJKA,MACA,MAFA,MIAE,cAAA,EAGF,GACE,YAAA,IAGF,GACE,cAAA,MACA,YAAA,EAGF,WACE,OAAA,EAAA,EAAA,KAGF,EJIA,OIFE,YAAA,IAGF,MCpFI,UAAA,ID6FJ,IJDA,IIGE,SAAA,SC/FE,UAAA,IDiGF,YAAA,EACA,eAAA,SAGF,IAAM,OAAA,OACN,IAAM,IAAA,MAON,EACE,MAAA,QACA,gBAAA,KACA,iBAAA,YG5KA,QH+KE,MAAA,QACA,gBAAA,UAUJ,8BACE,MAAA,QACA,gBAAA,KGxLA,oCAAA,oCH2LE,MAAA,QACA,gBAAA,KANJ,oCAUI,QAAA,EJHJ,KACA,IIWA,IJVA,KIcE,YAAA,UCrJE,UAAA,IDyJJ,IAEE,WAAA,EAEA,cAAA,KAEA,SAAA,KAQF,OAEE,OAAA,EAAA,EAAA,KAQF,IACE,eAAA,OACA,aAAA,KAGF,IAGE,SAAA,OACA,eAAA,OAQF,MACE,gBAAA,SAGF,QACE,YAAA,OACA,eAAA,OACA,MAAA,QACA,WAAA,KACA,aAAA,OAGF,GAGE,WAAA,QAQF,MAEE,QAAA,aACA,cAAA,IAMF,OAEE,cAAA,EAOF,aACE,QAAA,IAAA,OACA,QAAA,IAAA,KAAA,yBJ9CF,OIiDA,MJ/CA,SADA,OAEA,SImDE,OAAA,EACA,YAAA,QCtPE,UAAA,QDwPF,YAAA,QAGF,OJjDA,MImDE,SAAA,QAGF,OJjDA,OImDE,eAAA,KAMF,OACE,UAAA,OJjDF,cACA,aACA,cIsDA,OAIE,mBAAA,OJrDF,6BACA,4BACA,6BIwDE,sBAKI,OAAA,QJxDN,gCACA,+BACA,gCI4DA,yBAIE,QAAA,EACA,aAAA,KJ3DF,qBI8DA,kBAEE,WAAA,WACA,QAAA,EAIF,iBJ9DA,2BACA,kBAFA,iBIwEE,mBAAA,QAGF,SACE,SAAA,KAEA,OAAA,SAGF,SAME,UAAA,EAEA,QAAA,EACA,OAAA,EACA,OAAA,EAKF,OACE,QAAA,MACA,MAAA,KACA,UAAA,KACA,QAAA,EACA,cAAA,MCxQM,UAAA,OD0QN,YAAA,QACA,MAAA,QACA,YAAA,OCtPM,0BD6OR,OCrOY,UAAA,uBDiPZ,SACE,eAAA,SEvEF,yCNGA,yCI0EE,OAAA,KExEF,cFgFE,eAAA,KACA,mBAAA,KE5EF,yCFoFE,mBAAA,KAQF,6BACE,KAAA,QACA,mBAAA,OAOF,OACE,QAAA,aAGF,QACE,QAAA,UACA,OAAA,QAGF,SACE,QAAA,KEzFF,SF+FE,QAAA,eJvFF,mBC1YA,KDyYA,ECxYE,UAAA,QACA,YAAA,KACA,eAAA,KD8YF,OC3YA,MACE,UAAA,OACA,YAAA,KACA,eAAA,KD+YF,IQpZE,GAEE,cAAA,EACA,UAAA,KACA,YAAA,KACA,MAAA,QACA,eAAA,KRuZJ,IQ7ZE,GAEE,cAAA,EACA,UAAA,KACA,YAAA,KACA,MAAA,QACA,eAAA,KRgaJ,IQtaE,GAEE,cAAA,EACA,UAAA,KACA,YAAA,KACA,MAAA,QACA,eAAA,KR0aJ,mBQtaA,KRqaA,EQlaE,cAAA,ERwaF,OQpaA,MAGE,MAAA,KAGF,URmaA,WQjaE,MAAA,QAGF,WACE,UAAA,QAGF,SACE,UAAA,QAGF,SACE,UAAA,OAGF,aACE,UAAA,KACA,YAAA,IACA,YAAA,KACA,eAAA","sourcesContent":["body,\np,\n.font-size-default {\n font-size: 0.875rem;\n line-height: 20px;\n letter-spacing: 0.2px;\n}\n\nsmall,\n.small {\n font-size: 0.75rem;\n line-height: 16px;\n letter-spacing: 0.2px;\n}\n\n@font-face {\n font-family: \"Roboto\";\n font-style: normal;\n font-weight: 300;\n src: local(\"Roboto\");\n src: url(\"../../fonts/Roboto/Roboto-Regular.ttf\") format(\"truetype\");\n}\n\n@font-face {\n font-family: \"Roboto\";\n font-style: normal;\n font-weight: 400;\n src: local(\"Roboto\");\n src: url(\"../../fonts/Roboto/Roboto-Regular.ttf\") format(\"truetype\");\n}\n\n@font-face {\n font-family: \"Roboto\";\n font-style: normal;\n font-weight: 500;\n src: local(\"Roboto\");\n src: url(\"../../fonts/Roboto/Roboto-Medium.ttf\") format(\"truetype\");\n}\n\n@font-face {\n font-family: \"Roboto\";\n font-style: normal;\n font-weight: 700;\n src: local(\"Roboto\");\n src: url(\"../../fonts/Roboto/Roboto-Medium.ttf\") format(\"truetype\");\n}\n\n@font-face {\n font-family: \"Roboto\";\n font-style: normal;\n font-weight: 900;\n src: local(\"Roboto\");\n src: url(\"../../fonts/Roboto/Roboto-Medium.ttf\") format(\"truetype\");\n}\n\n/!\n Bootstrap Reboot v4.3.1 (https://getbootstrap.com/)\n * Copyright 2011-2019 The Bootstrap Authors\n * Copyright 2011-2019 Twitter, Inc.\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)\n * Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md)\n /\n,\n::before,\n::after {\n box-sizing: border-box;\n}\n\nhtml {\n font-family: sans-serif;\n line-height: 1.15;\n -webkit-text-size-adjust: 100%;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\n\narticle, aside, figcaption, figure, footer, header, hgroup, main, nav, section {\n display: block;\n}\n\nbody {\n margin: 0;\n font-family: \"Roboto\", \"Oxygen\", \"Ubuntu\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\", sans-serif;\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.4285;\n color: #212121;\n text-align: left;\n background-color: #fff;\n}\n\n[tabindex=\"-1\"]:focus {\n outline: 0 !important;\n}\n\nhr {\n box-sizing: content-box;\n height: 0;\n overflow: visible;\n}\n\nh1, h2, h3, h4, h5, h6 {\n margin-top: 0;\n margin-bottom: 0.5rem;\n}\n\np {\n margin-top: 0;\n margin-bottom: 1rem;\n}\n\nabbr[title],\nabbr[data-original-title] {\n text-decoration: underline;\n -webkit-text-decoration: underline dotted;\n text-decoration: underline dotted;\n cursor: help;\n border-bottom: 0;\n -webkit-text-decoration-skip-ink: none;\n text-decoration-skip-ink: none;\n}\n\naddress {\n margin-bottom: 1rem;\n font-style: normal;\n line-height: inherit;\n}\n\nol,\nul,\ndl {\n margin-top: 0;\n margin-bottom: 1rem;\n}\n\nol ol,\nul ul,\nol ul,\nul ol {\n margin-bottom: 0;\n}\n\ndt {\n font-weight: 500;\n}\n\ndd {\n margin-bottom: .5rem;\n margin-left: 0;\n}\n\nblockquote {\n margin: 0 0 1rem;\n}\n\nb,\nstrong {\n font-weight: 500;\n}\n\nsmall {\n font-size: 80%;\n}\n\nsub,\nsup {\n position: relative;\n font-size: 75%;\n line-height: 0;\n vertical-align: baseline;\n}\n\nsub {\n bottom: -.25em;\n}\n\nsup {\n top: -.5em;\n}\n\na {\n color: #1357ff;\n text-decoration: none;\n background-color: transparent;\n}\n\na:hover {\n color: #0039c6;\n text-decoration: underline;\n}\n\na:not([href]):not([tabindex]) {\n color: inherit;\n text-decoration: none;\n}\n\na:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus {\n color: inherit;\n text-decoration: none;\n}\n\na:not([href]):not([tabindex]):focus {\n outline: 0;\n}\n\npre,\ncode,\nkbd,\nsamp {\n font-family: monospace;\n font-size: 1em;\n}\n\npre {\n margin-top: 0;\n margin-bottom: 1rem;\n overflow: auto;\n}\n\nfigure {\n margin: 0 0 1rem;\n}\n\nimg {\n vertical-align: middle;\n border-style: none;\n}\n\nsvg {\n overflow: hidden;\n vertical-align: middle;\n}\n\ntable {\n border-collapse: collapse;\n}\n\ncaption {\n padding-top: 0.75rem;\n padding-bottom: 0.75rem;\n color: #b4b4b4;\n text-align: left;\n caption-side: bottom;\n}\n\nth {\n text-align: inherit;\n}\n\nlabel {\n display: inline-block;\n margin-bottom: 8px;\n}\n\nbutton {\n border-radius: 0;\n}\n\nbutton:focus {\n outline: 1px dotted;\n outline: 5px auto -webkit-focus-ring-color;\n}\n\ninput,\nbutton,\nselect,\noptgroup,\ntextarea {\n margin: 0;\n font-family: inherit;\n font-size: inherit;\n line-height: inherit;\n}\n\nbutton,\ninput {\n overflow: visible;\n}\n\nbutton,\nselect {\n text-transform: none;\n}\n\nselect {\n word-wrap: normal;\n}\n\nbutton,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n -webkit-appearance: button;\n}\n\nbutton:not(:disabled),\n[type=\"button\"]:not(:disabled),\n[type=\"reset\"]:not(:disabled),\n[type=\"submit\"]:not(:disabled) {\n cursor: pointer;\n}\n\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n padding: 0;\n border-style: none;\n}\n\ninput[type=\"radio\"],\ninput[type=\"checkbox\"] {\n box-sizing: border-box;\n padding: 0;\n}\n\ninput[type=\"date\"],\ninput[type=\"time\"],\ninput[type=\"datetime-local\"],\ninput[type=\"month\"] {\n -webkit-appearance: listbox;\n}\n\ntextarea {\n overflow: auto;\n resize: vertical;\n}\n\nfieldset {\n min-width: 0;\n padding: 0;\n margin: 0;\n border: 0;\n}\n\nlegend {\n display: block;\n width: 100%;\n max-width: 100%;\n padding: 0;\n margin-bottom: .5rem;\n font-size: 1.5rem;\n line-height: inherit;\n color: inherit;\n white-space: normal;\n}\n\n@media (max-width: 1200px) {\n legend {\n font-size: calc(1.275rem + 0.3vw) ;\n }\n}\n\nprogress {\n vertical-align: baseline;\n}\n\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n height: auto;\n}\n\n[type=\"search\"] {\n outline-offset: -2px;\n -webkit-appearance: none;\n}\n\n[type=\"search\"]::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n\n::-webkit-file-upload-button {\n font: inherit;\n -webkit-appearance: button;\n}\n\noutput {\n display: inline-block;\n}\n\nsummary {\n display: list-item;\n cursor: pointer;\n}\n\ntemplate {\n display: none;\n}\n\n[hidden] {\n display: none !important;\n}\n\nbody,\np,\n.font-size-default {\n font-size: 0.875rem;\n line-height: 20px;\n letter-spacing: 0.2px;\n}\n\nsmall,\n.small {\n font-size: 0.75rem;\n line-height: 16px;\n letter-spacing: 0.2px;\n}\n\nh1,\n.h1 {\n margin-bottom: 0;\n font-size: 24px;\n line-height: 32px;\n color: #212121;\n letter-spacing: 0.2px;\n}\n\nh2,\n.h2 {\n margin-bottom: 0;\n font-size: 20px;\n line-height: 28px;\n color: #212121;\n letter-spacing: 0.2px;\n}\n\nh3,\n.h3 {\n margin-bottom: 0;\n font-size: 16px;\n line-height: 24px;\n color: #212121;\n letter-spacing: 0.2px;\n}\n\nbody,\np,\n.font-size-default {\n margin-bottom: 0;\n}\n\nsmall,\n.small {\n color: #777;\n}\n\n:disabled,\n[readonly] {\n color: #b4b4b4;\n}\n\n.text-base {\n font-size: 0.875rem;\n}\n\n.text-lg {\n font-size: 1.25rem;\n}\n\n.text-sm {\n font-size: 0.75rem;\n}\n\n.large-title {\n font-size: 32px;\n font-weight: 500;\n line-height: 48px;\n letter-spacing: 0.2px;\n}\n/# sourceMappingURL=mekari-ui-reboot-bootstrap.css.map /","%font-size-base {\n font-size: $font-size-base; // 16px\n line-height: 20px;\n letter-spacing: $letter-spacing;\n}\n\n%font-size-sm {\n font-size: $font-size-sm; // 12px\n line-height: 16px;\n letter-spacing: $letter-spacing;\n}\n","// Roboto as default Mekari fontfamily\n$font-family: \"Roboto\";\n$fonts: (\n 300: \"Roboto-Regular\",\n 400: \"Roboto-Regular\",\n 500: \"Roboto-Medium\",\n 700: \"Roboto-Medium\",\n 900: \"Roboto-Medium\"\n);\n\n$font-path: #{\"../../fonts/Roboto/\"} !default;\n@if $is-using-rubygems {\n $font-path: #{\"fonts/Roboto/\"} !default;\n}\n\n@each $font-weight, $font-type in $fonts {\n $src: #{$font-path}#{$font-type};\n @font-face {\n font-family: $font-family;\n font-style: normal;\n font-weight: #{$font-weight};\n src: local($font-family);\n src: url(\"#{$src}.ttf\") format(\"truetype\");\n }\n}\n","/!\n Bootstrap Reboot v4.3.1 (https://getbootstrap.com/)\n * Copyright 2011-2019 The Bootstrap Authors\n * Copyright 2011-2019 Twitter, Inc.\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)\n * Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md)\n /\n\n@import \"functions\";\n@import \"mixins\";\n@import \"reboot\";\n","// stylelint-disable at-rule-no-vendor-prefix, declaration-no-important, selector-no-qualifying-type, property-no-vendor-prefix\n\n// Reboot\n//\n// Normalization of HTML elements, manually forked from Normalize.css to remove\n// styles targeting irrelevant browsers while applying new styles.\n//\n// Normalize is licensed MIT. https://github.com/necolas/normalize.css\n\n\n// Document\n//\n// 1. Change from `box-sizing: content-box` so that `width` is not affected by `padding` or `border`.\n// 2. Change the default font family in all browsers.\n// 3. Correct the line height in all browsers.\n// 4. Prevent adjustments of font size after orientation changes in IE on Windows Phone and in iOS.\n// 5. Change the default tap highlight to be completely transparent in iOS.\n\n,\n::before,\n::after {\n box-sizing: border-box; // 1\n}\n\nhtml {\n font-family: sans-serif; // 2\n line-height: 1.15; // 3\n -webkit-text-size-adjust: 100%; // 4\n -webkit-tap-highlight-color: rgba($black, 0); // 5\n}\n\n// Shim for \"new\" HTML5 structural elements to display correctly (IE10, older browsers)\n// TODO: remove in v5\n// stylelint-disable-next-line selector-list-comma-newline-after\narticle, aside, figcaption, figure, footer, header, hgroup, main, nav, section {\n display: block;\n}\n\n// Body\n//\n// 1. Remove the margin in all browsers.\n// 2. As a best practice, apply a default `background-color`.\n// 3. Set an explicit initial text-align value so that we can later use\n// the `inherit` value on things like `<th>` elements.\n\nbody {\n margin: 0; // 1\n font-family: $font-family-base;\n @include font-size($font-size-base);\n font-weight: $font-weight-base;\n line-height: $line-height-base;\n color: $body-color;\n text-align: left; // 3\n background-color: $body-bg; // 2\n}\n\n// Suppress the focus outline on elements that cannot be accessed via keyboard.\n// This prevents an unwanted focus outline from appearing around elements that\n// might still respond to pointer events.\n//\n// Credit: https://github.com/suitcss/base\n[tabindex=\"-1\"]:focus {\n outline: 0 !important;\n}\n\n\n// Content grouping\n//\n// 1. Add the correct box sizing in Firefox.\n// 2. Show the overflow in Edge and IE.\n\nhr {\n box-sizing: content-box; // 1\n height: 0; // 1\n overflow: visible; // 2\n}\n\n\n//\n// Typography\n//\n\n// Remove top margins from headings\n//\n// By default, `<h1>`-`<h6>` all receive top and bottom margins. We nuke the top\n// margin for easier control within type scales as it avoids margin collapsing.\n// stylelint-disable-next-line selector-list-comma-newline-after\nh1, h2, h3, h4, h5, h6 {\n margin-top: 0;\n margin-bottom: $headings-margin-bottom;\n}\n\n// Reset margins on paragraphs\n//\n// Similarly, the top margin on `<p>`s get reset. However, we also reset the\n// bottom margin to use `rem` units instead of `em`.\np {\n margin-top: 0;\n margin-bottom: $paragraph-margin-bottom;\n}\n\n// Abbreviations\n//\n// 1. Duplicate behavior to the data-* attribute for our tooltip plugin\n// 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n// 3. Add explicit cursor to indicate changed behavior.\n// 4. Remove the bottom border in Firefox 39-.\n// 5. Prevent the text-decoration to be skipped.\n\nabbr[title],\nabbr[data-original-title] { // 1\n text-decoration: underline; // 2\n text-decoration: underline dotted; // 2\n cursor: help; // 3\n border-bottom: 0; // 4\n text-decoration-skip-ink: none; // 5\n}\n\naddress {\n margin-bottom: 1rem;\n font-style: normal;\n line-height: inherit;\n}\n\nol,\nul,\ndl {\n margin-top: 0;\n margin-bottom: 1rem;\n}\n\nol ol,\nul ul,\nol ul,\nul ol {\n margin-bottom: 0;\n}\n\ndt {\n font-weight: $dt-font-weight;\n}\n\ndd {\n margin-bottom: .5rem;\n margin-left: 0; // Undo browser default\n}\n\nblockquote {\n margin: 0 0 1rem;\n}\n\nb,\nstrong {\n font-weight: $font-weight-bolder; // Add the correct font weight in Chrome, Edge, and Safari\n}\n\nsmall {\n @include font-size(80%); // Add the correct font size in all browsers\n}\n\n//\n// Prevent `sub` and `sup` elements from affecting the line height in\n// all browsers.\n//\n\nsub,\nsup {\n position: relative;\n @include font-size(75%);\n line-height: 0;\n vertical-align: baseline;\n}\n\nsub { bottom: -.25em; }\nsup { top: -.5em; }\n\n\n//\n// Links\n//\n\na {\n color: $link-color;\n text-decoration: $link-decoration;\n background-color: transparent; // Remove the gray background on active links in IE 10.\n\n @include hover {\n color: $link-hover-color;\n text-decoration: $link-hover-decoration;\n }\n}\n\n// And undo these styles for placeholder links/named anchors (without href)\n// which have not been made explicitly keyboard-focusable (without tabindex).\n// It would be more straightforward to just use a[href] in previous block, but that\n// causes specificity issues in many other styles that are too complex to fix.\n// See https://github.com/twbs/bootstrap/issues/19402\n\na:not([href]):not([tabindex]) {\n color: inherit;\n text-decoration: none;\n\n @include hover-focus {\n color: inherit;\n text-decoration: none;\n }\n\n &:focus {\n outline: 0;\n }\n}\n\n\n//\n// Code\n//\n\npre,\ncode,\nkbd,\nsamp {\n font-family: $font-family-monospace;\n @include font-size(1em); // Correct the odd `em` font sizing in all browsers.\n}\n\npre {\n // Remove browser default top margin\n margin-top: 0;\n // Reset browser default of `1em` to use `rem`s\n margin-bottom: 1rem;\n // Don't allow content to break outside\n overflow: auto;\n}\n\n\n//\n// Figures\n//\n\nfigure {\n // Apply a consistent margin strategy (matches our type styles).\n margin: 0 0 1rem;\n}\n\n\n//\n// Images and content\n//\n\nimg {\n vertical-align: middle;\n border-style: none; // Remove the border on images inside links in IE 10-.\n}\n\nsvg {\n // Workaround for the SVG overflow bug in IE10/11 is still required.\n // See https://github.com/twbs/bootstrap/issues/26878\n overflow: hidden;\n vertical-align: middle;\n}\n\n\n//\n// Tables\n//\n\ntable {\n border-collapse: collapse; // Prevent double borders\n}\n\ncaption {\n padding-top: $table-cell-padding;\n padding-bottom: $table-cell-padding;\n color: $table-caption-color;\n text-align: left;\n caption-side: bottom;\n}\n\nth {\n // Matches default `<td>` alignment by inheriting from the `<body>`, or the\n // closest parent with a set `text-align`.\n text-align: inherit;\n}\n\n\n//\n// Forms\n//\n\nlabel {\n // Allow labels to use `margin` for spacing.\n display: inline-block;\n margin-bottom: $label-margin-bottom;\n}\n\n// Remove the default `border-radius` that macOS Chrome adds.\n//\n// Details at https://github.com/twbs/bootstrap/issues/24093\nbutton {\n // stylelint-disable-next-line property-blacklist\n border-radius: 0;\n}\n\n// Work around a Firefox/IE bug where the transparent `button` background\n// results in a loss of the default `button` focus styles.\n//\n// Credit: https://github.com/suitcss/base/\nbutton:focus {\n outline: 1px dotted;\n outline: 5px auto -webkit-focus-ring-color;\n}\n\ninput,\nbutton,\nselect,\noptgroup,\ntextarea {\n margin: 0; // Remove the margin in Firefox and Safari\n font-family: inherit;\n @include font-size(inherit);\n line-height: inherit;\n}\n\nbutton,\ninput {\n overflow: visible; // Show the overflow in Edge\n}\n\nbutton,\nselect {\n text-transform: none; // Remove the inheritance of text transform in Firefox\n}\n\n// Remove the inheritance of word-wrap in Safari.\n//\n// Details at https://github.com/twbs/bootstrap/issues/24990\nselect {\n word-wrap: normal;\n}\n\n\n// 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`\n// controls in Android 4.\n// 2. Correct the inability to style clickable types in iOS and Safari.\nbutton,\n[type=\"button\"], // 1\n[type=\"reset\"],\n[type=\"submit\"] {\n -webkit-appearance: button; // 2\n}\n\n// Opinionated: add \"hand\" cursor to non-disabled button elements.\n@if $enable-pointer-cursor-for-buttons {\n button,\n [type=\"button\"],\n [type=\"reset\"],\n [type=\"submit\"] {\n &:not(:disabled) {\n cursor: pointer;\n }\n }\n}\n\n// Remove inner border and padding from Firefox, but don't restore the outline like Normalize.\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n padding: 0;\n border-style: none;\n}\n\ninput[type=\"radio\"],\ninput[type=\"checkbox\"] {\n box-sizing: border-box; // 1. Add the correct box sizing in IE 10-\n padding: 0; // 2. Remove the padding in IE 10-\n}\n\n\ninput[type=\"date\"],\ninput[type=\"time\"],\ninput[type=\"datetime-local\"],\ninput[type=\"month\"] {\n // Remove the default appearance of temporal inputs to avoid a Mobile Safari\n // bug where setting a custom line-height prevents text from being vertically\n // centered within the input.\n // See https://bugs.webkit.org/show_bug.cgi?id=139848\n // and https://github.com/twbs/bootstrap/issues/11266\n -webkit-appearance: listbox;\n}\n\ntextarea {\n overflow: auto; // Remove the default vertical scrollbar in IE.\n // Textareas should really only resize vertically so they don't break their (horizontal) containers.\n resize: vertical;\n}\n\nfieldset {\n // Browsers set a default `min-width: min-content;` on fieldsets,\n // unlike e.g. `<div>`s, which have `min-width: 0;` by default.\n // So we reset that to ensure fieldsets behave more like a standard block element.\n // See https://github.com/twbs/bootstrap/issues/12359\n // and https://html.spec.whatwg.org/multipage/#the-fieldset-and-legend-elements\n min-width: 0;\n // Reset the default outline behavior of fieldsets so they don't affect page layout.\n padding: 0;\n margin: 0;\n border: 0;\n}\n\n// 1. Correct the text wrapping in Edge and IE.\n// 2. Correct the color inheritance from `fieldset` elements in IE.\nlegend {\n display: block;\n width: 100%;\n max-width: 100%; // 1\n padding: 0;\n margin-bottom: .5rem;\n @include font-size(1.5rem);\n line-height: inherit;\n color: inherit; // 2\n white-space: normal; // 1\n}\n\nprogress {\n vertical-align: baseline; // Add the correct vertical alignment in Chrome, Firefox, and Opera.\n}\n\n// Correct the cursor style of increment and decrement buttons in Chrome.\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n height: auto;\n}\n\n[type=\"search\"] {\n // This overrides the extra rounded corners on search inputs in iOS so that our\n // `.form-control` class can properly style them. Note that this cannot simply\n // be added to `.form-control` as it's not specific enough. For details, see\n // https://github.com/twbs/bootstrap/issues/11586.\n outline-offset: -2px; // 2. Correct the outline style in Safari.\n -webkit-appearance: none;\n}\n\n//\n// Remove the inner padding in Chrome and Safari on macOS.\n//\n\n[type=\"search\"]::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n\n//\n// 1. Correct the inability to style clickable types in iOS and Safari.\n// 2. Change font properties to `inherit` in Safari.\n//\n\n::-webkit-file-upload-button {\n font: inherit; // 2\n -webkit-appearance: button; // 1\n}\n\n//\n// Correct element displays\n//\n\noutput {\n display: inline-block;\n}\n\nsummary {\n display: list-item; // Add the correct display in all browsers\n cursor: pointer;\n}\n\ntemplate {\n display: none; // Add the correct display in IE\n}\n\n// Always hide an element with the `hidden` HTML attribute (from PureCSS).\n// Needed for proper display in IE 10-.\n[hidden] {\n display: none !important;\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","body,\np,\n.font-size-default {\n font-size: 0.875rem;\n line-height: 20px;\n letter-spacing: 0.2px;\n}\n\nsmall,\n.small {\n font-size: 0.75rem;\n line-height: 16px;\n letter-spacing: 0.2px;\n}\n\n@font-face {\n font-family: \"Roboto\";\n font-style: normal;\n font-weight: 300;\n src: local(\"Roboto\");\n src: url(\"../../fonts/Roboto/Roboto-Regular.ttf\") format(\"truetype\");\n}\n\n@font-face {\n font-family: \"Roboto\";\n font-style: normal;\n font-weight: 400;\n src: local(\"Roboto\");\n src: url(\"../../fonts/Roboto/Roboto-Regular.ttf\") format(\"truetype\");\n}\n\n@font-face {\n font-family: \"Roboto\";\n font-style: normal;\n font-weight: 500;\n src: local(\"Roboto\");\n src: url(\"../../fonts/Roboto/Roboto-Medium.ttf\") format(\"truetype\");\n}\n\n@font-face {\n font-family: \"Roboto\";\n font-style: normal;\n font-weight: 700;\n src: local(\"Roboto\");\n src: url(\"../../fonts/Roboto/Roboto-Medium.ttf\") format(\"truetype\");\n}\n\n@font-face {\n font-family: \"Roboto\";\n font-style: normal;\n font-weight: 900;\n src: local(\"Roboto\");\n src: url(\"../../fonts/Roboto/Roboto-Medium.ttf\") format(\"truetype\");\n}\n\n/!\n Bootstrap Reboot v4.3.1 (https://getbootstrap.com/)\n * Copyright 2011-2019 The Bootstrap Authors\n * Copyright 2011-2019 Twitter, Inc.\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)\n * Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md)\n /\n,\n::before,\n::after {\n box-sizing: border-box;\n}\n\nhtml {\n font-family: sans-serif;\n line-height: 1.15;\n -webkit-text-size-adjust: 100%;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\n\narticle, aside, figcaption, figure, footer, header, hgroup, main, nav, section {\n display: block;\n}\n\nbody {\n margin: 0;\n font-family: \"Roboto\", \"Oxygen\", \"Ubuntu\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\", sans-serif;\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.4285;\n color: #212121;\n text-align: left;\n background-color: #fff;\n}\n\n[tabindex=\"-1\"]:focus {\n outline: 0 !important;\n}\n\nhr {\n box-sizing: content-box;\n height: 0;\n overflow: visible;\n}\n\nh1, h2, h3, h4, h5, h6 {\n margin-top: 0;\n margin-bottom: 0.5rem;\n}\n\np {\n margin-top: 0;\n margin-bottom: 1rem;\n}\n\nabbr[title],\nabbr[data-original-title] {\n text-decoration: underline;\n text-decoration: underline dotted;\n cursor: help;\n border-bottom: 0;\n text-decoration-skip-ink: none;\n}\n\naddress {\n margin-bottom: 1rem;\n font-style: normal;\n line-height: inherit;\n}\n\nol,\nul,\ndl {\n margin-top: 0;\n margin-bottom: 1rem;\n}\n\nol ol,\nul ul,\nol ul,\nul ol {\n margin-bottom: 0;\n}\n\ndt {\n font-weight: 500;\n}\n\ndd {\n margin-bottom: .5rem;\n margin-left: 0;\n}\n\nblockquote {\n margin: 0 0 1rem;\n}\n\nb,\nstrong {\n font-weight: 500;\n}\n\nsmall {\n font-size: 80%;\n}\n\nsub,\nsup {\n position: relative;\n font-size: 75%;\n line-height: 0;\n vertical-align: baseline;\n}\n\nsub {\n bottom: -.25em;\n}\n\nsup {\n top: -.5em;\n}\n\na {\n color: #1357ff;\n text-decoration: none;\n background-color: transparent;\n}\n\na:hover {\n color: #0039c6;\n text-decoration: underline;\n}\n\na:not([href]):not([tabindex]) {\n color: inherit;\n text-decoration: none;\n}\n\na:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus {\n color: inherit;\n text-decoration: none;\n}\n\na:not([href]):not([tabindex]):focus {\n outline: 0;\n}\n\npre,\ncode,\nkbd,\nsamp {\n font-family: monospace;\n font-size: 1em;\n}\n\npre {\n margin-top: 0;\n margin-bottom: 1rem;\n overflow: auto;\n}\n\nfigure {\n margin: 0 0 1rem;\n}\n\nimg {\n vertical-align: middle;\n border-style: none;\n}\n\nsvg {\n overflow: hidden;\n vertical-align: middle;\n}\n\ntable {\n border-collapse: collapse;\n}\n\ncaption {\n padding-top: 0.75rem;\n padding-bottom: 0.75rem;\n color: #b4b4b4;\n text-align: left;\n caption-side: bottom;\n}\n\nth {\n text-align: inherit;\n}\n\nlabel {\n display: inline-block;\n margin-bottom: 8px;\n}\n\nbutton {\n border-radius: 0;\n}\n\nbutton:focus {\n outline: 1px dotted;\n outline: 5px auto -webkit-focus-ring-color;\n}\n\ninput,\nbutton,\nselect,\noptgroup,\ntextarea {\n margin: 0;\n font-family: inherit;\n font-size: inherit;\n line-height: inherit;\n}\n\nbutton,\ninput {\n overflow: visible;\n}\n\nbutton,\nselect {\n text-transform: none;\n}\n\nselect {\n word-wrap: normal;\n}\n\nbutton,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n -webkit-appearance: button;\n}\n\nbutton:not(:disabled),\n[type=\"button\"]:not(:disabled),\n[type=\"reset\"]:not(:disabled),\n[type=\"submit\"]:not(:disabled) {\n cursor: pointer;\n}\n\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n padding: 0;\n border-style: none;\n}\n\ninput[type=\"radio\"],\ninput[type=\"checkbox\"] {\n box-sizing: border-box;\n padding: 0;\n}\n\ninput[type=\"date\"],\ninput[type=\"time\"],\ninput[type=\"datetime-local\"],\ninput[type=\"month\"] {\n -webkit-appearance: listbox;\n}\n\ntextarea {\n overflow: auto;\n resize: vertical;\n}\n\nfieldset {\n min-width: 0;\n padding: 0;\n margin: 0;\n border: 0;\n}\n\nlegend {\n display: block;\n width: 100%;\n max-width: 100%;\n padding: 0;\n margin-bottom: .5rem;\n font-size: 1.5rem;\n line-height: inherit;\n color: inherit;\n white-space: normal;\n}\n\n@media (max-width: 1200px) {\n legend {\n font-size: calc(1.275rem + 0.3vw) ;\n }\n}\n\nprogress {\n vertical-align: baseline;\n}\n\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n height: auto;\n}\n\n[type=\"search\"] {\n outline-offset: -2px;\n -webkit-appearance: none;\n}\n\n[type=\"search\"]::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n\n::-webkit-file-upload-button {\n font: inherit;\n -webkit-appearance: button;\n}\n\noutput {\n display: inline-block;\n}\n\nsummary {\n display: list-item;\n cursor: pointer;\n}\n\ntemplate {\n display: none;\n}\n\n[hidden] {\n display: none !important;\n}\n\nbody,\np,\n.font-size-default {\n font-size: 0.875rem;\n line-height: 20px;\n letter-spacing: 0.2px;\n}\n\nsmall,\n.small {\n font-size: 0.75rem;\n line-height: 16px;\n letter-spacing: 0.2px;\n}\n\nh1,\n.h1 {\n margin-bottom: 0;\n font-size: 24px;\n line-height: 32px;\n color: #212121;\n letter-spacing: 0.2px;\n}\n\nh2,\n.h2 {\n margin-bottom: 0;\n font-size: 20px;\n line-height: 28px;\n color: #212121;\n letter-spacing: 0.2px;\n}\n\nh3,\n.h3 {\n margin-bottom: 0;\n font-size: 16px;\n line-height: 24px;\n color: #212121;\n letter-spacing: 0.2px;\n}\n\nbody,\np,\n.font-size-default {\n margin-bottom: 0;\n}\n\nsmall,\n.small {\n color: #777;\n}\n\n:disabled,\n[readonly] {\n color: #b4b4b4;\n}\n\n.text-base {\n font-size: 0.875rem;\n}\n\n.text-lg {\n font-size: 1.25rem;\n}\n\n.text-sm {\n font-size: 0.75rem;\n}\n\n.large-title {\n font-size: 32px;\n font-weight: 500;\n line-height: 48px;\n letter-spacing: 0.2px;\n}\n\n/# sourceMappingURL=mekari-ui-reboot-bootstrap.css.map /","// 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","@import \"../mixins/text\";\n\n$heading-size: 24px, 20px, 16px;\n@for $i from 1 through length($heading-size) {\n h#{$i},\n .h#{$i} {\n margin-bottom: 0;\n font-size: nth($heading-size, $i);\n line-height: nth($heading-size, $i) + 8;\n color: $dark;\n letter-spacing: $letter-spacing;\n }\n}\n\nbody,\np,\n.font-size-default {\n margin-bottom: 0;\n @extend %font-size-base;\n}\n\nsmall,\n.small {\n @extend %font-size-sm;\n color: $slate;\n}\n\n:disabled,\n[readonly] {\n color: $text-muted;\n}\n\n.text-base {\n font-size: $font-size-base;\n}\n\n.text-lg {\n font-size: $font-size-lg;\n}\n\n.text-sm {\n font-size: $font-size-sm;\n}\n\n.large-title {\n font-size: 32px;\n font-weight: $font-weight-bold;\n line-height: 48px;\n letter-spacing: $letter-spacing;\n}\n"]}

data/lib/assets/stylesheets/css/components/mekari-ui-reboot-bootstrap.css.map CHANGED

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../scss/mixins/_text.scss","../../../scss/vendor-extensions/_typography.scss","mekari-ui-reboot-bootstrap.css","../../../scss/base/_fonts.scss","../../../scss/vendors/_bootstrap-reboot.scss","../../../scss/vendors/_reboot.scss","../../../scss/vendor-extensions/_color.scss","../../../scss/vendors/_rfs.scss","../../../scss/vendor-extensions/_spacing.scss","../../../scss/vendors/mixins/_hover.scss","../../../scss/vendor-extensions/_tables.scss","../../../scss/base/_text.scss"],"names":[],"mappings":"AAAA;;;EACE,mBCI2C;EDH3C,iBAAiB;EACjB,qBCSwC;ACN1C;;AFAA;;EACE,kBCA0C;EDC1C,iBAAiB;EACjB,qBCGwC;ACC1C;;ACIE;EACE,qBAjBkB;EAkBlB,kBAAkB;EAClB,gBAAa;EACb,oBAAwB;EACxB,oEAA0C;ADD9C;;ACJE;EACE,qBAjBkB;EAkBlB,kBAAkB;EAClB,gBAAa;EACb,oBAAwB;EACxB,oEAA0C;ADO9C;;ACZE;EACE,qBAjBkB;EAkBlB,kBAAkB;EAClB,gBAAa;EACb,oBAAwB;EACxB,mEAA0C;ADe9C;;ACpBE;EACE,qBAjBkB;EAkBlB,kBAAkB;EAClB,gBAAa;EACb,oBAAwB;EACxB,mEAA0C;ADuB9C;;AC5BE;EACE,qBAjBkB;EAkBlB,kBAAkB;EAClB,gBAAa;EACb,oBAAwB;EACxB,mEAA0C;AD+B9C;;AErDA;;;;;;EF6DE;AG3CF;;;EAGE,sBAAsB;AH6CxB;;AG1CA;EACE,uBAAuB;EACvB,iBAAiB;EACjB,8BAA8B;EAC9B,6CCJa;AJiDf;;AGvCA;EACE,cAAc;AH0ChB;;AGhCA;EACE,SAAS;EACT,kGJ/CyH;EM+HrH,mBAtCY;EFxChB,gBJhCuC;EIiCvC,mBJzC0C;EI0C1C,cClDa;EDmDb,gBAAgB;EAChB,sBC/CU;AJkFZ;;AAEA;EG5BE,qBAAqB;AH8BvB;;AGrBA;EACE,uBAAuB;EACvB,SAAS;EACT,iBAAiB;AHwBnB;;AGXA;EACE,aAAa;EACb,qBG5EkC;AN0FpC;;AGPA;EACE,aAAa;EACb,mBGjGW;AN2Gb;;AGCA;;EAEE,0BAA0B;EAC1B,yCAAiC;EAAjC,iCAAiC;EACjC,YAAY;EACZ,gBAAgB;EAChB,sCAA8B;EAA9B,8BAA8B;AHEhC;;AGCA;EACE,mBAAmB;EACnB,kBAAkB;EAClB,oBAAoB;AHEtB;;AGCA;;;EAGE,aAAa;EACb,mBAAmB;AHErB;;AGCA;;;;EAIE,gBAAgB;AHElB;;AGCA;EACE,gBJzHuC;AC2HzC;;AGCA;EACE,oBAAoB;EACpB,cAAc;AHEhB;;AGCA;EACE,gBAAgB;AHElB;;AGCA;;EAEE,gBJtIuC;ACwIzC;;AGCA;EEpFI,cAAW;ALuFf;;AGMA;;EAEE,kBAAkB;EE/FhB,cAAW;EFiGb,cAAc;EACd,wBAAwB;AHH1B;;AGMA;EAAM,cAAc;AHFpB;;AGGA;EAAM,UAAU;AHChB;;AGMA;EACE,cCzKqB;ED0KrB,qBJ5JwC;EI6JxC,6BAA6B;AHH/B;;AOzKE;EJ+KE,cJjK0D;EIkK1D,0BJhK2C;AC8J/C;;AGYA;EACE,cAAc;EACd,qBAAqB;AHTvB;;AO/KE;EJ2LE,cAAc;EACd,qBAAqB;AHRzB;;AGEA;EAUI,UAAU;AHRd;;AGiBA;;;;EAIE,sBJ3N+B;EMsE7B,cAAW;ALwIf;;AGiBA;EAEE,aAAa;EAEb,mBAAmB;EAEnB,cAAc;AHjBhB;;AGyBA;EAEE,gBAAgB;AHvBlB;;AG+BA;EACE,sBAAsB;EACtB,kBAAkB;AH5BpB;;AG+BA;EAGE,gBAAgB;EAChB,sBAAsB;AH9BxB;;AGsCA;EACE,yBAAyB;AHnC3B;;AGsCA;EACE,oBK1PkC;EL2PlC,uBK3PkC;EL4PlC,cC9Qa;ED+Qb,gBAAgB;EAChB,oBAAoB;AHnCtB;;AGsCA;EAGE,mBAAmB;AHrCrB;;AG6CA;EAEE,qBAAqB;EACrB,kBGrRuB;AN0OzB;;AGiDA;EAEE,gBAAgB;AH/ClB;;AGsDA;EACE,mBAAmB;EACnB,0CAA0C;AHnD5C;;AGsDA;;;;;EAKE,SAAS;EACT,oBAAoB;EEtPlB,kBAAW;EFwPb,oBAAoB;AHnDtB;;AGsDA;;EAEE,iBAAiB;AHnDnB;;AGsDA;;EAEE,oBAAoB;AHnDtB;;AGyDA;EACE,iBAAiB;AHtDnB;;AG6DA;;;;EAIE,0BAA0B;AH1D5B;;AG+DE;;;;EAKI,eAAe;AH7DrB;;AGmEA;;;;EAIE,UAAU;EACV,kBAAkB;AHhEpB;;AGmEA;;EAEE,sBAAsB;EACtB,UAAU;AHhEZ;;AGoEA;;;;EASE,2BAA2B;AHtE7B;;AGyEA;EACE,cAAc;EAEd,gBAAgB;AHvElB;;AG0EA;EAME,YAAY;EAEZ,UAAU;EACV,SAAS;EACT,SAAS;AH7EX;;AGkFA;EACE,cAAc;EACd,WAAW;EACX,eAAe;EACf,UAAU;EACV,oBAAoB;EExQd,iBAhEU;EF0UhB,oBAAoB;EACpB,cAAc;EACd,mBAAmB;AH/ErB;;AKvKQ;EF6OR;IErOY,kCA9D+C;ELkOzD;AACF;;AG4EA;EACE,wBAAwB;AHzE1B;;AAEA;;EG6EE,YAAY;AH1Ed;;AAEA;EGgFE,oBAAoB;EACpB,wBAAwB;AH9E1B;;AAEA;EGoFE,wBAAwB;AHlF1B;;AG0FA;EACE,aAAa;EACb,0BAA0B;AHvF5B;;AG8FA;EACE,qBAAqB;AH3FvB;;AG8FA;EACE,kBAAkB;EAClB,eAAe;AH3FjB;;AG8FA;EACE,aAAa;AH3Ff;;AAEA;EG+FE,wBAAwB;AH7F1B;;AFpYA;;;EACE,mBCI2C;EDH3C,iBAAiB;EACjB,qBCSwC;ACgY1C;;AFtYA;;EACE,kBCA0C;EDC1C,iBAAiB;EACjB,qBCGwC;ACuY1C;;AS/YE;;EAEE,gBAAgB;EAChB,eALe;EAMf,iBAAuC;EACvC,cLRW;EKSX,qBVEsC;ACgZ1C;;ASxZE;;EAEE,gBAAgB;EAChB,eALqB;EAMrB,iBAAuC;EACvC,cLRW;EKSX,qBVEsC;ACyZ1C;;ASjaE;;EAEE,gBAAgB;EAChB,eAL2B;EAM3B,iBAAuC;EACvC,cLRW;EKSX,qBVEsC;ACka1C;;AShaA;;;EAGE,gBAAgB;ATmalB;;AS/ZA;;EAGE,WLtBU;AJubZ;;AS9ZA;;EAEE,cL1Ba;AJ2bf;;AS9ZA;EACE,mBV5B2C;AC6b7C;;AS9ZA;EACE,kBV/B2C;ACgc7C;;AS9ZA;EACE,kBVlC0C;ACmc5C;;AS9ZA;EACE,eAAe;EACf,gBV5BuC;EU6BvC,iBAAiB;EACjB,qBVpCwC;ACqc1C","file":"mekari-ui-reboot-bootstrap.css","sourcesContent":["%font-size-base {\n font-size: $font-size-base; // 16px\n line-height: 20px;\n letter-spacing: $letter-spacing;\n}\n\n%font-size-sm {\n font-size: $font-size-sm; // 12px\n line-height: 16px;\n letter-spacing: $letter-spacing;\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","body,\np,\n.font-size-default {\n font-size: 0.875rem;\n line-height: 20px;\n letter-spacing: 0.2px;\n}\n\nsmall,\n.small {\n font-size: 0.75rem;\n line-height: 16px;\n letter-spacing: 0.2px;\n}\n\n@font-face {\n font-family: \"Roboto\";\n font-style: normal;\n font-weight: 300;\n src: local(\"Roboto\");\n src: url(\"../../fonts/Roboto/Roboto-Regular.ttf\") format(\"truetype\");\n}\n\n@font-face {\n font-family: \"Roboto\";\n font-style: normal;\n font-weight: 400;\n src: local(\"Roboto\");\n src: url(\"../../fonts/Roboto/Roboto-Regular.ttf\") format(\"truetype\");\n}\n\n@font-face {\n font-family: \"Roboto\";\n font-style: normal;\n font-weight: 500;\n src: local(\"Roboto\");\n src: url(\"../../fonts/Roboto/Roboto-Medium.ttf\") format(\"truetype\");\n}\n\n@font-face {\n font-family: \"Roboto\";\n font-style: normal;\n font-weight: 700;\n src: local(\"Roboto\");\n src: url(\"../../fonts/Roboto/Roboto-Medium.ttf\") format(\"truetype\");\n}\n\n@font-face {\n font-family: \"Roboto\";\n font-style: normal;\n font-weight: 900;\n src: local(\"Roboto\");\n src: url(\"../../fonts/Roboto/Roboto-Medium.ttf\") format(\"truetype\");\n}\n\n/!\n Bootstrap Reboot v4.3.1 (https://getbootstrap.com/)\n * Copyright 2011-2019 The Bootstrap Authors\n * Copyright 2011-2019 Twitter, Inc.\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)\n * Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md)\n /\n,\n::before,\n::after {\n box-sizing: border-box;\n}\n\nhtml {\n font-family: sans-serif;\n line-height: 1.15;\n -webkit-text-size-adjust: 100%;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\n\narticle, aside, figcaption, figure, footer, header, hgroup, main, nav, section {\n display: block;\n}\n\nbody {\n margin: 0;\n font-family: \"Roboto\", \"Oxygen\", \"Ubuntu\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\", sans-serif;\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.4285;\n color: #212121;\n text-align: left;\n background-color: #fff;\n}\n\n[tabindex=\"-1\"]:focus {\n outline: 0 !important;\n}\n\nhr {\n box-sizing: content-box;\n height: 0;\n overflow: visible;\n}\n\nh1, h2, h3, h4, h5, h6 {\n margin-top: 0;\n margin-bottom: 0.5rem;\n}\n\np {\n margin-top: 0;\n margin-bottom: 1rem;\n}\n\nabbr[title],\nabbr[data-original-title] {\n text-decoration: underline;\n text-decoration: underline dotted;\n cursor: help;\n border-bottom: 0;\n text-decoration-skip-ink: none;\n}\n\naddress {\n margin-bottom: 1rem;\n font-style: normal;\n line-height: inherit;\n}\n\nol,\nul,\ndl {\n margin-top: 0;\n margin-bottom: 1rem;\n}\n\nol ol,\nul ul,\nol ul,\nul ol {\n margin-bottom: 0;\n}\n\ndt {\n font-weight: 500;\n}\n\ndd {\n margin-bottom: .5rem;\n margin-left: 0;\n}\n\nblockquote {\n margin: 0 0 1rem;\n}\n\nb,\nstrong {\n font-weight: 500;\n}\n\nsmall {\n font-size: 80%;\n}\n\nsub,\nsup {\n position: relative;\n font-size: 75%;\n line-height: 0;\n vertical-align: baseline;\n}\n\nsub {\n bottom: -.25em;\n}\n\nsup {\n top: -.5em;\n}\n\na {\n color: #1357ff;\n text-decoration: none;\n background-color: transparent;\n}\n\na:hover {\n color: #0039c6;\n text-decoration: underline;\n}\n\na:not([href]):not([tabindex]) {\n color: inherit;\n text-decoration: none;\n}\n\na:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus {\n color: inherit;\n text-decoration: none;\n}\n\na:not([href]):not([tabindex]):focus {\n outline: 0;\n}\n\npre,\ncode,\nkbd,\nsamp {\n font-family: monospace;\n font-size: 1em;\n}\n\npre {\n margin-top: 0;\n margin-bottom: 1rem;\n overflow: auto;\n}\n\nfigure {\n margin: 0 0 1rem;\n}\n\nimg {\n vertical-align: middle;\n border-style: none;\n}\n\nsvg {\n overflow: hidden;\n vertical-align: middle;\n}\n\ntable {\n border-collapse: collapse;\n}\n\ncaption {\n padding-top: 0.75rem;\n padding-bottom: 0.75rem;\n color: #b4b4b4;\n text-align: left;\n caption-side: bottom;\n}\n\nth {\n text-align: inherit;\n}\n\nlabel {\n display: inline-block;\n margin-bottom: 8px;\n}\n\nbutton {\n border-radius: 0;\n}\n\nbutton:focus {\n outline: 1px dotted;\n outline: 5px auto -webkit-focus-ring-color;\n}\n\ninput,\nbutton,\nselect,\noptgroup,\ntextarea {\n margin: 0;\n font-family: inherit;\n font-size: inherit;\n line-height: inherit;\n}\n\nbutton,\ninput {\n overflow: visible;\n}\n\nbutton,\nselect {\n text-transform: none;\n}\n\nselect {\n word-wrap: normal;\n}\n\nbutton,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n -webkit-appearance: button;\n}\n\nbutton:not(:disabled),\n[type=\"button\"]:not(:disabled),\n[type=\"reset\"]:not(:disabled),\n[type=\"submit\"]:not(:disabled) {\n cursor: pointer;\n}\n\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n padding: 0;\n border-style: none;\n}\n\ninput[type=\"radio\"],\ninput[type=\"checkbox\"] {\n box-sizing: border-box;\n padding: 0;\n}\n\ninput[type=\"date\"],\ninput[type=\"time\"],\ninput[type=\"datetime-local\"],\ninput[type=\"month\"] {\n -webkit-appearance: listbox;\n}\n\ntextarea {\n overflow: auto;\n resize: vertical;\n}\n\nfieldset {\n min-width: 0;\n padding: 0;\n margin: 0;\n border: 0;\n}\n\nlegend {\n display: block;\n width: 100%;\n max-width: 100%;\n padding: 0;\n margin-bottom: .5rem;\n font-size: 1.5rem;\n line-height: inherit;\n color: inherit;\n white-space: normal;\n}\n\n@media (max-width: 1200px) {\n legend {\n font-size: calc(1.275rem + 0.3vw) ;\n }\n}\n\nprogress {\n vertical-align: baseline;\n}\n\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n height: auto;\n}\n\n[type=\"search\"] {\n outline-offset: -2px;\n -webkit-appearance: none;\n}\n\n[type=\"search\"]::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n\n::-webkit-file-upload-button {\n font: inherit;\n -webkit-appearance: button;\n}\n\noutput {\n display: inline-block;\n}\n\nsummary {\n display: list-item;\n cursor: pointer;\n}\n\ntemplate {\n display: none;\n}\n\n[hidden] {\n display: none !important;\n}\n\nbody,\np,\n.font-size-default {\n font-size: 0.875rem;\n line-height: 20px;\n letter-spacing: 0.2px;\n}\n\nsmall,\n.small {\n font-size: 0.75rem;\n line-height: 16px;\n letter-spacing: 0.2px;\n}\n\nh1,\n.h1 {\n margin-bottom: 0;\n font-size: 24px;\n line-height: 32px;\n color: #212121;\n letter-spacing: 0.2px;\n}\n\nh2,\n.h2 {\n margin-bottom: 0;\n font-size: 20px;\n line-height: 28px;\n color: #212121;\n letter-spacing: 0.2px;\n}\n\nh3,\n.h3 {\n margin-bottom: 0;\n font-size: 16px;\n line-height: 24px;\n color: #212121;\n letter-spacing: 0.2px;\n}\n\nbody,\np,\n.font-size-default {\n margin-bottom: 0;\n}\n\nsmall,\n.small {\n color: #777;\n}\n\n:disabled,\n[readonly] {\n color: #b4b4b4;\n}\n\n.text-base {\n font-size: 0.875rem;\n}\n\n.text-lg {\n font-size: 1.25rem;\n}\n\n.text-sm {\n font-size: 0.75rem;\n}\n\n.large-title {\n font-size: 32px;\n font-weight: 500;\n line-height: 48px;\n letter-spacing: 0.2px;\n}\n\n/# sourceMappingURL=mekari-ui-reboot-bootstrap.css.map /","// Roboto as default Mekari fontfamily\n$font-family: \"Roboto\";\n$fonts: (\n 300: \"Regular\",\n 400: \"Regular\",\n 500: \"Medium\",\n 700: \"Medium\",\n 900: \"Medium\"\n);\n\n$font-path: #{\"../../fonts/Roboto/Roboto-\"} !default;\n@if $is-using-rubygems {\n $font-path: #{\"fonts/Roboto/Roboto-\"} !default;\n}\n\n@each $font-weight, $font-type in $fonts {\n $src: #{$font-path}#{$font-type};\n @font-face {\n font-family: $font-family;\n font-style: normal;\n font-weight: #{$font-weight};\n src: local($font-family);\n src: url(\"#{$src}.ttf\") format(\"truetype\");\n }\n}\n","/!\n Bootstrap Reboot v4.3.1 (https://getbootstrap.com/)\n * Copyright 2011-2019 The Bootstrap Authors\n * Copyright 2011-2019 Twitter, Inc.\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)\n * Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md)\n /\n\n@import \"functions\";\n@import \"mixins\";\n@import \"reboot\";\n","// stylelint-disable at-rule-no-vendor-prefix, declaration-no-important, selector-no-qualifying-type, property-no-vendor-prefix\n\n// Reboot\n//\n// Normalization of HTML elements, manually forked from Normalize.css to remove\n// styles targeting irrelevant browsers while applying new styles.\n//\n// Normalize is licensed MIT. https://github.com/necolas/normalize.css\n\n\n// Document\n//\n// 1. Change from `box-sizing: content-box` so that `width` is not affected by `padding` or `border`.\n// 2. Change the default font family in all browsers.\n// 3. Correct the line height in all browsers.\n// 4. Prevent adjustments of font size after orientation changes in IE on Windows Phone and in iOS.\n// 5. Change the default tap highlight to be completely transparent in iOS.\n\n,\n::before,\n::after {\n box-sizing: border-box; // 1\n}\n\nhtml {\n font-family: sans-serif; // 2\n line-height: 1.15; // 3\n -webkit-text-size-adjust: 100%; // 4\n -webkit-tap-highlight-color: rgba($black, 0); // 5\n}\n\n// Shim for \"new\" HTML5 structural elements to display correctly (IE10, older browsers)\n// TODO: remove in v5\n// stylelint-disable-next-line selector-list-comma-newline-after\narticle, aside, figcaption, figure, footer, header, hgroup, main, nav, section {\n display: block;\n}\n\n// Body\n//\n// 1. Remove the margin in all browsers.\n// 2. As a best practice, apply a default `background-color`.\n// 3. Set an explicit initial text-align value so that we can later use\n// the `inherit` value on things like `<th>` elements.\n\nbody {\n margin: 0; // 1\n font-family: $font-family-base;\n @include font-size($font-size-base);\n font-weight: $font-weight-base;\n line-height: $line-height-base;\n color: $body-color;\n text-align: left; // 3\n background-color: $body-bg; // 2\n}\n\n// Suppress the focus outline on elements that cannot be accessed via keyboard.\n// This prevents an unwanted focus outline from appearing around elements that\n// might still respond to pointer events.\n//\n// Credit: https://github.com/suitcss/base\n[tabindex=\"-1\"]:focus {\n outline: 0 !important;\n}\n\n\n// Content grouping\n//\n// 1. Add the correct box sizing in Firefox.\n// 2. Show the overflow in Edge and IE.\n\nhr {\n box-sizing: content-box; // 1\n height: 0; // 1\n overflow: visible; // 2\n}\n\n\n//\n// Typography\n//\n\n// Remove top margins from headings\n//\n// By default, `<h1>`-`<h6>` all receive top and bottom margins. We nuke the top\n// margin for easier control within type scales as it avoids margin collapsing.\n// stylelint-disable-next-line selector-list-comma-newline-after\nh1, h2, h3, h4, h5, h6 {\n margin-top: 0;\n margin-bottom: $headings-margin-bottom;\n}\n\n// Reset margins on paragraphs\n//\n// Similarly, the top margin on `<p>`s get reset. However, we also reset the\n// bottom margin to use `rem` units instead of `em`.\np {\n margin-top: 0;\n margin-bottom: $paragraph-margin-bottom;\n}\n\n// Abbreviations\n//\n// 1. Duplicate behavior to the data-* attribute for our tooltip plugin\n// 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n// 3. Add explicit cursor to indicate changed behavior.\n// 4. Remove the bottom border in Firefox 39-.\n// 5. Prevent the text-decoration to be skipped.\n\nabbr[title],\nabbr[data-original-title] { // 1\n text-decoration: underline; // 2\n text-decoration: underline dotted; // 2\n cursor: help; // 3\n border-bottom: 0; // 4\n text-decoration-skip-ink: none; // 5\n}\n\naddress {\n margin-bottom: 1rem;\n font-style: normal;\n line-height: inherit;\n}\n\nol,\nul,\ndl {\n margin-top: 0;\n margin-bottom: 1rem;\n}\n\nol ol,\nul ul,\nol ul,\nul ol {\n margin-bottom: 0;\n}\n\ndt {\n font-weight: $dt-font-weight;\n}\n\ndd {\n margin-bottom: .5rem;\n margin-left: 0; // Undo browser default\n}\n\nblockquote {\n margin: 0 0 1rem;\n}\n\nb,\nstrong {\n font-weight: $font-weight-bolder; // Add the correct font weight in Chrome, Edge, and Safari\n}\n\nsmall {\n @include font-size(80%); // Add the correct font size in all browsers\n}\n\n//\n// Prevent `sub` and `sup` elements from affecting the line height in\n// all browsers.\n//\n\nsub,\nsup {\n position: relative;\n @include font-size(75%);\n line-height: 0;\n vertical-align: baseline;\n}\n\nsub { bottom: -.25em; }\nsup { top: -.5em; }\n\n\n//\n// Links\n//\n\na {\n color: $link-color;\n text-decoration: $link-decoration;\n background-color: transparent; // Remove the gray background on active links in IE 10.\n\n @include hover {\n color: $link-hover-color;\n text-decoration: $link-hover-decoration;\n }\n}\n\n// And undo these styles for placeholder links/named anchors (without href)\n// which have not been made explicitly keyboard-focusable (without tabindex).\n// It would be more straightforward to just use a[href] in previous block, but that\n// causes specificity issues in many other styles that are too complex to fix.\n// See https://github.com/twbs/bootstrap/issues/19402\n\na:not([href]):not([tabindex]) {\n color: inherit;\n text-decoration: none;\n\n @include hover-focus {\n color: inherit;\n text-decoration: none;\n }\n\n &:focus {\n outline: 0;\n }\n}\n\n\n//\n// Code\n//\n\npre,\ncode,\nkbd,\nsamp {\n font-family: $font-family-monospace;\n @include font-size(1em); // Correct the odd `em` font sizing in all browsers.\n}\n\npre {\n // Remove browser default top margin\n margin-top: 0;\n // Reset browser default of `1em` to use `rem`s\n margin-bottom: 1rem;\n // Don't allow content to break outside\n overflow: auto;\n}\n\n\n//\n// Figures\n//\n\nfigure {\n // Apply a consistent margin strategy (matches our type styles).\n margin: 0 0 1rem;\n}\n\n\n//\n// Images and content\n//\n\nimg {\n vertical-align: middle;\n border-style: none; // Remove the border on images inside links in IE 10-.\n}\n\nsvg {\n // Workaround for the SVG overflow bug in IE10/11 is still required.\n // See https://github.com/twbs/bootstrap/issues/26878\n overflow: hidden;\n vertical-align: middle;\n}\n\n\n//\n// Tables\n//\n\ntable {\n border-collapse: collapse; // Prevent double borders\n}\n\ncaption {\n padding-top: $table-cell-padding;\n padding-bottom: $table-cell-padding;\n color: $table-caption-color;\n text-align: left;\n caption-side: bottom;\n}\n\nth {\n // Matches default `<td>` alignment by inheriting from the `<body>`, or the\n // closest parent with a set `text-align`.\n text-align: inherit;\n}\n\n\n//\n// Forms\n//\n\nlabel {\n // Allow labels to use `margin` for spacing.\n display: inline-block;\n margin-bottom: $label-margin-bottom;\n}\n\n// Remove the default `border-radius` that macOS Chrome adds.\n//\n// Details at https://github.com/twbs/bootstrap/issues/24093\nbutton {\n // stylelint-disable-next-line property-blacklist\n border-radius: 0;\n}\n\n// Work around a Firefox/IE bug where the transparent `button` background\n// results in a loss of the default `button` focus styles.\n//\n// Credit: https://github.com/suitcss/base/\nbutton:focus {\n outline: 1px dotted;\n outline: 5px auto -webkit-focus-ring-color;\n}\n\ninput,\nbutton,\nselect,\noptgroup,\ntextarea {\n margin: 0; // Remove the margin in Firefox and Safari\n font-family: inherit;\n @include font-size(inherit);\n line-height: inherit;\n}\n\nbutton,\ninput {\n overflow: visible; // Show the overflow in Edge\n}\n\nbutton,\nselect {\n text-transform: none; // Remove the inheritance of text transform in Firefox\n}\n\n// Remove the inheritance of word-wrap in Safari.\n//\n// Details at https://github.com/twbs/bootstrap/issues/24990\nselect {\n word-wrap: normal;\n}\n\n\n// 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`\n// controls in Android 4.\n// 2. Correct the inability to style clickable types in iOS and Safari.\nbutton,\n[type=\"button\"], // 1\n[type=\"reset\"],\n[type=\"submit\"] {\n -webkit-appearance: button; // 2\n}\n\n// Opinionated: add \"hand\" cursor to non-disabled button elements.\n@if $enable-pointer-cursor-for-buttons {\n button,\n [type=\"button\"],\n [type=\"reset\"],\n [type=\"submit\"] {\n &:not(:disabled) {\n cursor: pointer;\n }\n }\n}\n\n// Remove inner border and padding from Firefox, but don't restore the outline like Normalize.\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n padding: 0;\n border-style: none;\n}\n\ninput[type=\"radio\"],\ninput[type=\"checkbox\"] {\n box-sizing: border-box; // 1. Add the correct box sizing in IE 10-\n padding: 0; // 2. Remove the padding in IE 10-\n}\n\n\ninput[type=\"date\"],\ninput[type=\"time\"],\ninput[type=\"datetime-local\"],\ninput[type=\"month\"] {\n // Remove the default appearance of temporal inputs to avoid a Mobile Safari\n // bug where setting a custom line-height prevents text from being vertically\n // centered within the input.\n // See https://bugs.webkit.org/show_bug.cgi?id=139848\n // and https://github.com/twbs/bootstrap/issues/11266\n -webkit-appearance: listbox;\n}\n\ntextarea {\n overflow: auto; // Remove the default vertical scrollbar in IE.\n // Textareas should really only resize vertically so they don't break their (horizontal) containers.\n resize: vertical;\n}\n\nfieldset {\n // Browsers set a default `min-width: min-content;` on fieldsets,\n // unlike e.g. `<div>`s, which have `min-width: 0;` by default.\n // So we reset that to ensure fieldsets behave more like a standard block element.\n // See https://github.com/twbs/bootstrap/issues/12359\n // and https://html.spec.whatwg.org/multipage/#the-fieldset-and-legend-elements\n min-width: 0;\n // Reset the default outline behavior of fieldsets so they don't affect page layout.\n padding: 0;\n margin: 0;\n border: 0;\n}\n\n// 1. Correct the text wrapping in Edge and IE.\n// 2. Correct the color inheritance from `fieldset` elements in IE.\nlegend {\n display: block;\n width: 100%;\n max-width: 100%; // 1\n padding: 0;\n margin-bottom: .5rem;\n @include font-size(1.5rem);\n line-height: inherit;\n color: inherit; // 2\n white-space: normal; // 1\n}\n\nprogress {\n vertical-align: baseline; // Add the correct vertical alignment in Chrome, Firefox, and Opera.\n}\n\n// Correct the cursor style of increment and decrement buttons in Chrome.\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n height: auto;\n}\n\n[type=\"search\"] {\n // This overrides the extra rounded corners on search inputs in iOS so that our\n // `.form-control` class can properly style them. Note that this cannot simply\n // be added to `.form-control` as it's not specific enough. For details, see\n // https://github.com/twbs/bootstrap/issues/11586.\n outline-offset: -2px; // 2. Correct the outline style in Safari.\n -webkit-appearance: none;\n}\n\n//\n// Remove the inner padding in Chrome and Safari on macOS.\n//\n\n[type=\"search\"]::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n\n//\n// 1. Correct the inability to style clickable types in iOS and Safari.\n// 2. Change font properties to `inherit` in Safari.\n//\n\n::-webkit-file-upload-button {\n font: inherit; // 2\n -webkit-appearance: button; // 1\n}\n\n//\n// Correct element displays\n//\n\noutput {\n display: inline-block;\n}\n\nsummary {\n display: list-item; // Add the correct display in all browsers\n cursor: pointer;\n}\n\ntemplate {\n display: none; // Add the correct display in IE\n}\n\n// Always hide an element with the `hidden` HTML attribute (from PureCSS).\n// Needed for proper display in IE 10-.\n[hidden] {\n display: none !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, 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","// Spacing for Mekari UI\n$spacer: 1rem;\n$spacers: (\n 0: 0,\n 1: ($spacer * .25), // tiny\n 2: ($spacer * .5), // xmall\n 3: $spacer, // small\n 4: ($spacer * 1.5), // normal\n 5: ($spacer * 2), // medium\n 6: ($spacer * 2.5), // large\n 7: ($spacer * 5) // xlarge\n);\n\n$headings-margin-bottom: $spacer / 2;\n$paragraph-margin-bottom: $spacer;\n$label-margin-bottom: 8px;\n\n//pagination\n\n$pagination-padding-y: 8px;\n$pagination-padding-x: 12px;\n$pagination-padding-y-sm: 4px;\n$pagination-padding-x-sm: 8px;\n$pagination-padding-y-lg: 12px;\n$pagination-padding-x-lg: 24px;\n$pagination-line-height: 20px;\n\n$pagination-border-width: 1px;\n$pagination-border-color: $smoke;\n\n$pagination-hover-color: $link-hover-color;\n$pagination-hover-bg: $smoke;\n$pagination-hover-border-color: $muted;\n\n$pagination-color: $link-color;\n$pagination-bg: $white;\n$pagination-focus-outline: 0;\n$pagination-focus-box-shadow: 0 0 0 .2rem $primary;\n\n$pagination-active-color: $white;\n$pagination-active-bg: $primary;\n$pagination-active-border-color: $pagination-active-bg;\n\n$pagination-disabled-color: $slate !default;\n$pagination-disabled-bg: $white !default;\n$pagination-disabled-border-color: $smoke !default;\n\n$line-height-lg: 32px;\n\n//images\n\n$thumbnail-padding: 4px;\n$thumbnail-bg: $body-bg;\n\n$thumbnail-border-width: 1px;\n$thumbnail-border-color: $smoke;\n$thumbnail-border-radius: 4px;\n$thumbnail-box-shadow: 0 1px 2px rgba($black, .075);\n$figure-caption-font-size: 90%;\n$figure-caption-color: $slate;\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","\n$table-head-bg: $white;\n$table-head-color: $dark;\n\n$table-accent-bg: rgba($black, .05);\n$table-bg: null;\n$table-bg-level: -9;\n$table-caption-color: $text-muted;\n$table-color: $dark;\n$theme-color-interval: 8%;\n$table-striped-order: odd;\n\n$table-hover-color: $table-color;\n$table-hover-bg: $cloud;\n\n$table-active-bg: $table-hover-bg;\n\n$table-border-color: $smoke;\n$table-border-level: -6;\n$table-border-width: 1px;\n\n$table-cell-padding: .75rem;\n$table-cell-padding-sm: .3rem;\n\n$table-dark-color: $white;\n$table-dark-bg: $slate;\n$table-dark-accent-bg: rgba($white, .05);\n$table-dark-hover-color: $table-dark-color;\n$table-dark-hover-bg: rgba($white, .075);\n$table-dark-border-color: lighten($table-dark-bg, 7.5%);\n","@import \"../mixins/text\";\n\n$heading-size: 24px, 20px, 16px;\n@for $i from 1 through length($heading-size) {\n h#{$i},\n .h#{$i} {\n margin-bottom: 0;\n font-size: nth($heading-size, $i);\n line-height: nth($heading-size, $i) + 8;\n color: $dark;\n letter-spacing: $letter-spacing;\n }\n}\n\nbody,\np,\n.font-size-default {\n margin-bottom: 0;\n @extend %font-size-base;\n}\n\nsmall,\n.small {\n @extend %font-size-sm;\n color: $slate;\n}\n\n:disabled,\n[readonly] {\n color: $text-muted;\n}\n\n.text-base {\n font-size: $font-size-base;\n}\n\n.text-lg {\n font-size: $font-size-lg;\n}\n\n.text-sm {\n font-size: $font-size-sm;\n}\n\n.large-title {\n font-size: 32px;\n font-weight: $font-weight-bold;\n line-height: 48px;\n letter-spacing: $letter-spacing;\n}\n"]}
1	+ {"version":3,"sources":["../../../scss/mixins/_text.scss","../../../scss/vendor-extensions/_typography.scss","mekari-ui-reboot-bootstrap.css","../../../scss/base/_fonts.scss","../../../scss/vendors/_bootstrap-reboot.scss","../../../scss/vendors/_reboot.scss","../../../scss/vendor-extensions/_color.scss","../../../scss/vendors/_rfs.scss","../../../scss/vendor-extensions/_spacing.scss","../../../scss/vendors/mixins/_hover.scss","../../../scss/vendor-extensions/_tables.scss","../../../scss/base/_text.scss"],"names":[],"mappings":"AAAA;;;EACE,mBCI2C;EDH3C,iBAAiB;EACjB,qBCSwC;ACN1C;;AFAA;;EACE,kBCA0C;EDC1C,iBAAiB;EACjB,qBCGwC;ACC1C;;ACIE;EACE,qBAjBkB;EAkBlB,kBAAkB;EAClB,gBAAa;EACb,oBAAwB;EACxB,oEAA0C;ADD9C;;ACJE;EACE,qBAjBkB;EAkBlB,kBAAkB;EAClB,gBAAa;EACb,oBAAwB;EACxB,oEAA0C;ADO9C;;ACZE;EACE,qBAjBkB;EAkBlB,kBAAkB;EAClB,gBAAa;EACb,oBAAwB;EACxB,mEAA0C;ADe9C;;ACpBE;EACE,qBAjBkB;EAkBlB,kBAAkB;EAClB,gBAAa;EACb,oBAAwB;EACxB,mEAA0C;ADuB9C;;AC5BE;EACE,qBAjBkB;EAkBlB,kBAAkB;EAClB,gBAAa;EACb,oBAAwB;EACxB,mEAA0C;AD+B9C;;AErDA;;;;;;EF6DE;AG3CF;;;EAGE,sBAAsB;AH6CxB;;AG1CA;EACE,uBAAuB;EACvB,iBAAiB;EACjB,8BAA8B;EAC9B,6CCJa;AJiDf;;AGvCA;EACE,cAAc;AH0ChB;;AGhCA;EACE,SAAS;EACT,kGJ/CyH;EM+HrH,mBAtCY;EFxChB,gBJhCuC;EIiCvC,mBJzC0C;EI0C1C,cClDa;EDmDb,gBAAgB;EAChB,sBC/CU;AJkFZ;;AAEA;EG5BE,qBAAqB;AH8BvB;;AGrBA;EACE,uBAAuB;EACvB,SAAS;EACT,iBAAiB;AHwBnB;;AGXA;EACE,aAAa;EACb,qBG5EkC;AN0FpC;;AGPA;EACE,aAAa;EACb,mBGjGW;AN2Gb;;AGCA;;EAEE,0BAA0B;EAC1B,yCAAiC;EAAjC,iCAAiC;EACjC,YAAY;EACZ,gBAAgB;EAChB,sCAA8B;EAA9B,8BAA8B;AHEhC;;AGCA;EACE,mBAAmB;EACnB,kBAAkB;EAClB,oBAAoB;AHEtB;;AGCA;;;EAGE,aAAa;EACb,mBAAmB;AHErB;;AGCA;;;;EAIE,gBAAgB;AHElB;;AGCA;EACE,gBJzHuC;AC2HzC;;AGCA;EACE,oBAAoB;EACpB,cAAc;AHEhB;;AGCA;EACE,gBAAgB;AHElB;;AGCA;;EAEE,gBJtIuC;ACwIzC;;AGCA;EEpFI,cAAW;ALuFf;;AGMA;;EAEE,kBAAkB;EE/FhB,cAAW;EFiGb,cAAc;EACd,wBAAwB;AHH1B;;AGMA;EAAM,cAAc;AHFpB;;AGGA;EAAM,UAAU;AHChB;;AGMA;EACE,cCzKqB;ED0KrB,qBJ5JwC;EI6JxC,6BAA6B;AHH/B;;AOzKE;EJ+KE,cJjK0D;EIkK1D,0BJhK2C;AC8J/C;;AGYA;EACE,cAAc;EACd,qBAAqB;AHTvB;;AO/KE;EJ2LE,cAAc;EACd,qBAAqB;AHRzB;;AGEA;EAUI,UAAU;AHRd;;AGiBA;;;;EAIE,sBJ3N+B;EMsE7B,cAAW;ALwIf;;AGiBA;EAEE,aAAa;EAEb,mBAAmB;EAEnB,cAAc;AHjBhB;;AGyBA;EAEE,gBAAgB;AHvBlB;;AG+BA;EACE,sBAAsB;EACtB,kBAAkB;AH5BpB;;AG+BA;EAGE,gBAAgB;EAChB,sBAAsB;AH9BxB;;AGsCA;EACE,yBAAyB;AHnC3B;;AGsCA;EACE,oBK1PkC;EL2PlC,uBK3PkC;EL4PlC,cC9Qa;ED+Qb,gBAAgB;EAChB,oBAAoB;AHnCtB;;AGsCA;EAGE,mBAAmB;AHrCrB;;AG6CA;EAEE,qBAAqB;EACrB,kBGrRuB;AN0OzB;;AGiDA;EAEE,gBAAgB;AH/ClB;;AGsDA;EACE,mBAAmB;EACnB,0CAA0C;AHnD5C;;AGsDA;;;;;EAKE,SAAS;EACT,oBAAoB;EEtPlB,kBAAW;EFwPb,oBAAoB;AHnDtB;;AGsDA;;EAEE,iBAAiB;AHnDnB;;AGsDA;;EAEE,oBAAoB;AHnDtB;;AGyDA;EACE,iBAAiB;AHtDnB;;AG6DA;;;;EAIE,0BAA0B;AH1D5B;;AG+DE;;;;EAKI,eAAe;AH7DrB;;AGmEA;;;;EAIE,UAAU;EACV,kBAAkB;AHhEpB;;AGmEA;;EAEE,sBAAsB;EACtB,UAAU;AHhEZ;;AGoEA;;;;EASE,2BAA2B;AHtE7B;;AGyEA;EACE,cAAc;EAEd,gBAAgB;AHvElB;;AG0EA;EAME,YAAY;EAEZ,UAAU;EACV,SAAS;EACT,SAAS;AH7EX;;AGkFA;EACE,cAAc;EACd,WAAW;EACX,eAAe;EACf,UAAU;EACV,oBAAoB;EExQd,iBAhEU;EF0UhB,oBAAoB;EACpB,cAAc;EACd,mBAAmB;AH/ErB;;AKvKQ;EF6OR;IErOY,kCA9D+C;ELkOzD;AACF;;AG4EA;EACE,wBAAwB;AHzE1B;;AAEA;;EG6EE,YAAY;AH1Ed;;AAEA;EGgFE,oBAAoB;EACpB,wBAAwB;AH9E1B;;AAEA;EGoFE,wBAAwB;AHlF1B;;AG0FA;EACE,aAAa;EACb,0BAA0B;AHvF5B;;AG8FA;EACE,qBAAqB;AH3FvB;;AG8FA;EACE,kBAAkB;EAClB,eAAe;AH3FjB;;AG8FA;EACE,aAAa;AH3Ff;;AAEA;EG+FE,wBAAwB;AH7F1B;;AFpYA;;;EACE,mBCI2C;EDH3C,iBAAiB;EACjB,qBCSwC;ACgY1C;;AFtYA;;EACE,kBCA0C;EDC1C,iBAAiB;EACjB,qBCGwC;ACuY1C;;AS/YE;;EAEE,gBAAgB;EAChB,eALe;EAMf,iBAAuC;EACvC,cLRW;EKSX,qBVEsC;ACgZ1C;;ASxZE;;EAEE,gBAAgB;EAChB,eALqB;EAMrB,iBAAuC;EACvC,cLRW;EKSX,qBVEsC;ACyZ1C;;ASjaE;;EAEE,gBAAgB;EAChB,eAL2B;EAM3B,iBAAuC;EACvC,cLRW;EKSX,qBVEsC;ACka1C;;AShaA;;;EAGE,gBAAgB;ATmalB;;AS/ZA;;EAGE,WLtBU;AJubZ;;AS9ZA;;EAEE,cL1Ba;AJ2bf;;AS9ZA;EACE,mBV5B2C;AC6b7C;;AS9ZA;EACE,kBV/B2C;ACgc7C;;AS9ZA;EACE,kBVlC0C;ACmc5C;;AS9ZA;EACE,eAAe;EACf,gBV5BuC;EU6BvC,iBAAiB;EACjB,qBVpCwC;ACqc1C","file":"mekari-ui-reboot-bootstrap.css","sourcesContent":["%font-size-base {\n font-size: $font-size-base; // 16px\n line-height: 20px;\n letter-spacing: $letter-spacing;\n}\n\n%font-size-sm {\n font-size: $font-size-sm; // 12px\n line-height: 16px;\n letter-spacing: $letter-spacing;\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","body,\np,\n.font-size-default {\n font-size: 0.875rem;\n line-height: 20px;\n letter-spacing: 0.2px;\n}\n\nsmall,\n.small {\n font-size: 0.75rem;\n line-height: 16px;\n letter-spacing: 0.2px;\n}\n\n@font-face {\n font-family: \"Roboto\";\n font-style: normal;\n font-weight: 300;\n src: local(\"Roboto\");\n src: url(\"../../fonts/Roboto/Roboto-Regular.ttf\") format(\"truetype\");\n}\n\n@font-face {\n font-family: \"Roboto\";\n font-style: normal;\n font-weight: 400;\n src: local(\"Roboto\");\n src: url(\"../../fonts/Roboto/Roboto-Regular.ttf\") format(\"truetype\");\n}\n\n@font-face {\n font-family: \"Roboto\";\n font-style: normal;\n font-weight: 500;\n src: local(\"Roboto\");\n src: url(\"../../fonts/Roboto/Roboto-Medium.ttf\") format(\"truetype\");\n}\n\n@font-face {\n font-family: \"Roboto\";\n font-style: normal;\n font-weight: 700;\n src: local(\"Roboto\");\n src: url(\"../../fonts/Roboto/Roboto-Medium.ttf\") format(\"truetype\");\n}\n\n@font-face {\n font-family: \"Roboto\";\n font-style: normal;\n font-weight: 900;\n src: local(\"Roboto\");\n src: url(\"../../fonts/Roboto/Roboto-Medium.ttf\") format(\"truetype\");\n}\n\n/!\n Bootstrap Reboot v4.3.1 (https://getbootstrap.com/)\n * Copyright 2011-2019 The Bootstrap Authors\n * Copyright 2011-2019 Twitter, Inc.\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)\n * Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md)\n /\n,\n::before,\n::after {\n box-sizing: border-box;\n}\n\nhtml {\n font-family: sans-serif;\n line-height: 1.15;\n -webkit-text-size-adjust: 100%;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\n\narticle, aside, figcaption, figure, footer, header, hgroup, main, nav, section {\n display: block;\n}\n\nbody {\n margin: 0;\n font-family: \"Roboto\", \"Oxygen\", \"Ubuntu\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\", sans-serif;\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.4285;\n color: #212121;\n text-align: left;\n background-color: #fff;\n}\n\n[tabindex=\"-1\"]:focus {\n outline: 0 !important;\n}\n\nhr {\n box-sizing: content-box;\n height: 0;\n overflow: visible;\n}\n\nh1, h2, h3, h4, h5, h6 {\n margin-top: 0;\n margin-bottom: 0.5rem;\n}\n\np {\n margin-top: 0;\n margin-bottom: 1rem;\n}\n\nabbr[title],\nabbr[data-original-title] {\n text-decoration: underline;\n text-decoration: underline dotted;\n cursor: help;\n border-bottom: 0;\n text-decoration-skip-ink: none;\n}\n\naddress {\n margin-bottom: 1rem;\n font-style: normal;\n line-height: inherit;\n}\n\nol,\nul,\ndl {\n margin-top: 0;\n margin-bottom: 1rem;\n}\n\nol ol,\nul ul,\nol ul,\nul ol {\n margin-bottom: 0;\n}\n\ndt {\n font-weight: 500;\n}\n\ndd {\n margin-bottom: .5rem;\n margin-left: 0;\n}\n\nblockquote {\n margin: 0 0 1rem;\n}\n\nb,\nstrong {\n font-weight: 500;\n}\n\nsmall {\n font-size: 80%;\n}\n\nsub,\nsup {\n position: relative;\n font-size: 75%;\n line-height: 0;\n vertical-align: baseline;\n}\n\nsub {\n bottom: -.25em;\n}\n\nsup {\n top: -.5em;\n}\n\na {\n color: #1357ff;\n text-decoration: none;\n background-color: transparent;\n}\n\na:hover {\n color: #0039c6;\n text-decoration: underline;\n}\n\na:not([href]):not([tabindex]) {\n color: inherit;\n text-decoration: none;\n}\n\na:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus {\n color: inherit;\n text-decoration: none;\n}\n\na:not([href]):not([tabindex]):focus {\n outline: 0;\n}\n\npre,\ncode,\nkbd,\nsamp {\n font-family: monospace;\n font-size: 1em;\n}\n\npre {\n margin-top: 0;\n margin-bottom: 1rem;\n overflow: auto;\n}\n\nfigure {\n margin: 0 0 1rem;\n}\n\nimg {\n vertical-align: middle;\n border-style: none;\n}\n\nsvg {\n overflow: hidden;\n vertical-align: middle;\n}\n\ntable {\n border-collapse: collapse;\n}\n\ncaption {\n padding-top: 0.75rem;\n padding-bottom: 0.75rem;\n color: #b4b4b4;\n text-align: left;\n caption-side: bottom;\n}\n\nth {\n text-align: inherit;\n}\n\nlabel {\n display: inline-block;\n margin-bottom: 8px;\n}\n\nbutton {\n border-radius: 0;\n}\n\nbutton:focus {\n outline: 1px dotted;\n outline: 5px auto -webkit-focus-ring-color;\n}\n\ninput,\nbutton,\nselect,\noptgroup,\ntextarea {\n margin: 0;\n font-family: inherit;\n font-size: inherit;\n line-height: inherit;\n}\n\nbutton,\ninput {\n overflow: visible;\n}\n\nbutton,\nselect {\n text-transform: none;\n}\n\nselect {\n word-wrap: normal;\n}\n\nbutton,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n -webkit-appearance: button;\n}\n\nbutton:not(:disabled),\n[type=\"button\"]:not(:disabled),\n[type=\"reset\"]:not(:disabled),\n[type=\"submit\"]:not(:disabled) {\n cursor: pointer;\n}\n\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n padding: 0;\n border-style: none;\n}\n\ninput[type=\"radio\"],\ninput[type=\"checkbox\"] {\n box-sizing: border-box;\n padding: 0;\n}\n\ninput[type=\"date\"],\ninput[type=\"time\"],\ninput[type=\"datetime-local\"],\ninput[type=\"month\"] {\n -webkit-appearance: listbox;\n}\n\ntextarea {\n overflow: auto;\n resize: vertical;\n}\n\nfieldset {\n min-width: 0;\n padding: 0;\n margin: 0;\n border: 0;\n}\n\nlegend {\n display: block;\n width: 100%;\n max-width: 100%;\n padding: 0;\n margin-bottom: .5rem;\n font-size: 1.5rem;\n line-height: inherit;\n color: inherit;\n white-space: normal;\n}\n\n@media (max-width: 1200px) {\n legend {\n font-size: calc(1.275rem + 0.3vw) ;\n }\n}\n\nprogress {\n vertical-align: baseline;\n}\n\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n height: auto;\n}\n\n[type=\"search\"] {\n outline-offset: -2px;\n -webkit-appearance: none;\n}\n\n[type=\"search\"]::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n\n::-webkit-file-upload-button {\n font: inherit;\n -webkit-appearance: button;\n}\n\noutput {\n display: inline-block;\n}\n\nsummary {\n display: list-item;\n cursor: pointer;\n}\n\ntemplate {\n display: none;\n}\n\n[hidden] {\n display: none !important;\n}\n\nbody,\np,\n.font-size-default {\n font-size: 0.875rem;\n line-height: 20px;\n letter-spacing: 0.2px;\n}\n\nsmall,\n.small {\n font-size: 0.75rem;\n line-height: 16px;\n letter-spacing: 0.2px;\n}\n\nh1,\n.h1 {\n margin-bottom: 0;\n font-size: 24px;\n line-height: 32px;\n color: #212121;\n letter-spacing: 0.2px;\n}\n\nh2,\n.h2 {\n margin-bottom: 0;\n font-size: 20px;\n line-height: 28px;\n color: #212121;\n letter-spacing: 0.2px;\n}\n\nh3,\n.h3 {\n margin-bottom: 0;\n font-size: 16px;\n line-height: 24px;\n color: #212121;\n letter-spacing: 0.2px;\n}\n\nbody,\np,\n.font-size-default {\n margin-bottom: 0;\n}\n\nsmall,\n.small {\n color: #777;\n}\n\n:disabled,\n[readonly] {\n color: #b4b4b4;\n}\n\n.text-base {\n font-size: 0.875rem;\n}\n\n.text-lg {\n font-size: 1.25rem;\n}\n\n.text-sm {\n font-size: 0.75rem;\n}\n\n.large-title {\n font-size: 32px;\n font-weight: 500;\n line-height: 48px;\n letter-spacing: 0.2px;\n}\n\n/# sourceMappingURL=mekari-ui-reboot-bootstrap.css.map /","// Roboto as default Mekari fontfamily\n$font-family: \"Roboto\";\n$fonts: (\n 300: \"Roboto-Regular\",\n 400: \"Roboto-Regular\",\n 500: \"Roboto-Medium\",\n 700: \"Roboto-Medium\",\n 900: \"Roboto-Medium\"\n);\n\n$font-path: #{\"../../fonts/Roboto/\"} !default;\n@if $is-using-rubygems {\n $font-path: #{\"fonts/Roboto/\"} !default;\n}\n\n@each $font-weight, $font-type in $fonts {\n $src: #{$font-path}#{$font-type};\n @font-face {\n font-family: $font-family;\n font-style: normal;\n font-weight: #{$font-weight};\n src: local($font-family);\n src: url(\"#{$src}.ttf\") format(\"truetype\");\n }\n}\n","/!\n Bootstrap Reboot v4.3.1 (https://getbootstrap.com/)\n * Copyright 2011-2019 The Bootstrap Authors\n * Copyright 2011-2019 Twitter, Inc.\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)\n * Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md)\n /\n\n@import \"functions\";\n@import \"mixins\";\n@import \"reboot\";\n","// stylelint-disable at-rule-no-vendor-prefix, declaration-no-important, selector-no-qualifying-type, property-no-vendor-prefix\n\n// Reboot\n//\n// Normalization of HTML elements, manually forked from Normalize.css to remove\n// styles targeting irrelevant browsers while applying new styles.\n//\n// Normalize is licensed MIT. https://github.com/necolas/normalize.css\n\n\n// Document\n//\n// 1. Change from `box-sizing: content-box` so that `width` is not affected by `padding` or `border`.\n// 2. Change the default font family in all browsers.\n// 3. Correct the line height in all browsers.\n// 4. Prevent adjustments of font size after orientation changes in IE on Windows Phone and in iOS.\n// 5. Change the default tap highlight to be completely transparent in iOS.\n\n,\n::before,\n::after {\n box-sizing: border-box; // 1\n}\n\nhtml {\n font-family: sans-serif; // 2\n line-height: 1.15; // 3\n -webkit-text-size-adjust: 100%; // 4\n -webkit-tap-highlight-color: rgba($black, 0); // 5\n}\n\n// Shim for \"new\" HTML5 structural elements to display correctly (IE10, older browsers)\n// TODO: remove in v5\n// stylelint-disable-next-line selector-list-comma-newline-after\narticle, aside, figcaption, figure, footer, header, hgroup, main, nav, section {\n display: block;\n}\n\n// Body\n//\n// 1. Remove the margin in all browsers.\n// 2. As a best practice, apply a default `background-color`.\n// 3. Set an explicit initial text-align value so that we can later use\n// the `inherit` value on things like `<th>` elements.\n\nbody {\n margin: 0; // 1\n font-family: $font-family-base;\n @include font-size($font-size-base);\n font-weight: $font-weight-base;\n line-height: $line-height-base;\n color: $body-color;\n text-align: left; // 3\n background-color: $body-bg; // 2\n}\n\n// Suppress the focus outline on elements that cannot be accessed via keyboard.\n// This prevents an unwanted focus outline from appearing around elements that\n// might still respond to pointer events.\n//\n// Credit: https://github.com/suitcss/base\n[tabindex=\"-1\"]:focus {\n outline: 0 !important;\n}\n\n\n// Content grouping\n//\n// 1. Add the correct box sizing in Firefox.\n// 2. Show the overflow in Edge and IE.\n\nhr {\n box-sizing: content-box; // 1\n height: 0; // 1\n overflow: visible; // 2\n}\n\n\n//\n// Typography\n//\n\n// Remove top margins from headings\n//\n// By default, `<h1>`-`<h6>` all receive top and bottom margins. We nuke the top\n// margin for easier control within type scales as it avoids margin collapsing.\n// stylelint-disable-next-line selector-list-comma-newline-after\nh1, h2, h3, h4, h5, h6 {\n margin-top: 0;\n margin-bottom: $headings-margin-bottom;\n}\n\n// Reset margins on paragraphs\n//\n// Similarly, the top margin on `<p>`s get reset. However, we also reset the\n// bottom margin to use `rem` units instead of `em`.\np {\n margin-top: 0;\n margin-bottom: $paragraph-margin-bottom;\n}\n\n// Abbreviations\n//\n// 1. Duplicate behavior to the data-* attribute for our tooltip plugin\n// 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n// 3. Add explicit cursor to indicate changed behavior.\n// 4. Remove the bottom border in Firefox 39-.\n// 5. Prevent the text-decoration to be skipped.\n\nabbr[title],\nabbr[data-original-title] { // 1\n text-decoration: underline; // 2\n text-decoration: underline dotted; // 2\n cursor: help; // 3\n border-bottom: 0; // 4\n text-decoration-skip-ink: none; // 5\n}\n\naddress {\n margin-bottom: 1rem;\n font-style: normal;\n line-height: inherit;\n}\n\nol,\nul,\ndl {\n margin-top: 0;\n margin-bottom: 1rem;\n}\n\nol ol,\nul ul,\nol ul,\nul ol {\n margin-bottom: 0;\n}\n\ndt {\n font-weight: $dt-font-weight;\n}\n\ndd {\n margin-bottom: .5rem;\n margin-left: 0; // Undo browser default\n}\n\nblockquote {\n margin: 0 0 1rem;\n}\n\nb,\nstrong {\n font-weight: $font-weight-bolder; // Add the correct font weight in Chrome, Edge, and Safari\n}\n\nsmall {\n @include font-size(80%); // Add the correct font size in all browsers\n}\n\n//\n// Prevent `sub` and `sup` elements from affecting the line height in\n// all browsers.\n//\n\nsub,\nsup {\n position: relative;\n @include font-size(75%);\n line-height: 0;\n vertical-align: baseline;\n}\n\nsub { bottom: -.25em; }\nsup { top: -.5em; }\n\n\n//\n// Links\n//\n\na {\n color: $link-color;\n text-decoration: $link-decoration;\n background-color: transparent; // Remove the gray background on active links in IE 10.\n\n @include hover {\n color: $link-hover-color;\n text-decoration: $link-hover-decoration;\n }\n}\n\n// And undo these styles for placeholder links/named anchors (without href)\n// which have not been made explicitly keyboard-focusable (without tabindex).\n// It would be more straightforward to just use a[href] in previous block, but that\n// causes specificity issues in many other styles that are too complex to fix.\n// See https://github.com/twbs/bootstrap/issues/19402\n\na:not([href]):not([tabindex]) {\n color: inherit;\n text-decoration: none;\n\n @include hover-focus {\n color: inherit;\n text-decoration: none;\n }\n\n &:focus {\n outline: 0;\n }\n}\n\n\n//\n// Code\n//\n\npre,\ncode,\nkbd,\nsamp {\n font-family: $font-family-monospace;\n @include font-size(1em); // Correct the odd `em` font sizing in all browsers.\n}\n\npre {\n // Remove browser default top margin\n margin-top: 0;\n // Reset browser default of `1em` to use `rem`s\n margin-bottom: 1rem;\n // Don't allow content to break outside\n overflow: auto;\n}\n\n\n//\n// Figures\n//\n\nfigure {\n // Apply a consistent margin strategy (matches our type styles).\n margin: 0 0 1rem;\n}\n\n\n//\n// Images and content\n//\n\nimg {\n vertical-align: middle;\n border-style: none; // Remove the border on images inside links in IE 10-.\n}\n\nsvg {\n // Workaround for the SVG overflow bug in IE10/11 is still required.\n // See https://github.com/twbs/bootstrap/issues/26878\n overflow: hidden;\n vertical-align: middle;\n}\n\n\n//\n// Tables\n//\n\ntable {\n border-collapse: collapse; // Prevent double borders\n}\n\ncaption {\n padding-top: $table-cell-padding;\n padding-bottom: $table-cell-padding;\n color: $table-caption-color;\n text-align: left;\n caption-side: bottom;\n}\n\nth {\n // Matches default `<td>` alignment by inheriting from the `<body>`, or the\n // closest parent with a set `text-align`.\n text-align: inherit;\n}\n\n\n//\n// Forms\n//\n\nlabel {\n // Allow labels to use `margin` for spacing.\n display: inline-block;\n margin-bottom: $label-margin-bottom;\n}\n\n// Remove the default `border-radius` that macOS Chrome adds.\n//\n// Details at https://github.com/twbs/bootstrap/issues/24093\nbutton {\n // stylelint-disable-next-line property-blacklist\n border-radius: 0;\n}\n\n// Work around a Firefox/IE bug where the transparent `button` background\n// results in a loss of the default `button` focus styles.\n//\n// Credit: https://github.com/suitcss/base/\nbutton:focus {\n outline: 1px dotted;\n outline: 5px auto -webkit-focus-ring-color;\n}\n\ninput,\nbutton,\nselect,\noptgroup,\ntextarea {\n margin: 0; // Remove the margin in Firefox and Safari\n font-family: inherit;\n @include font-size(inherit);\n line-height: inherit;\n}\n\nbutton,\ninput {\n overflow: visible; // Show the overflow in Edge\n}\n\nbutton,\nselect {\n text-transform: none; // Remove the inheritance of text transform in Firefox\n}\n\n// Remove the inheritance of word-wrap in Safari.\n//\n// Details at https://github.com/twbs/bootstrap/issues/24990\nselect {\n word-wrap: normal;\n}\n\n\n// 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`\n// controls in Android 4.\n// 2. Correct the inability to style clickable types in iOS and Safari.\nbutton,\n[type=\"button\"], // 1\n[type=\"reset\"],\n[type=\"submit\"] {\n -webkit-appearance: button; // 2\n}\n\n// Opinionated: add \"hand\" cursor to non-disabled button elements.\n@if $enable-pointer-cursor-for-buttons {\n button,\n [type=\"button\"],\n [type=\"reset\"],\n [type=\"submit\"] {\n &:not(:disabled) {\n cursor: pointer;\n }\n }\n}\n\n// Remove inner border and padding from Firefox, but don't restore the outline like Normalize.\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n padding: 0;\n border-style: none;\n}\n\ninput[type=\"radio\"],\ninput[type=\"checkbox\"] {\n box-sizing: border-box; // 1. Add the correct box sizing in IE 10-\n padding: 0; // 2. Remove the padding in IE 10-\n}\n\n\ninput[type=\"date\"],\ninput[type=\"time\"],\ninput[type=\"datetime-local\"],\ninput[type=\"month\"] {\n // Remove the default appearance of temporal inputs to avoid a Mobile Safari\n // bug where setting a custom line-height prevents text from being vertically\n // centered within the input.\n // See https://bugs.webkit.org/show_bug.cgi?id=139848\n // and https://github.com/twbs/bootstrap/issues/11266\n -webkit-appearance: listbox;\n}\n\ntextarea {\n overflow: auto; // Remove the default vertical scrollbar in IE.\n // Textareas should really only resize vertically so they don't break their (horizontal) containers.\n resize: vertical;\n}\n\nfieldset {\n // Browsers set a default `min-width: min-content;` on fieldsets,\n // unlike e.g. `<div>`s, which have `min-width: 0;` by default.\n // So we reset that to ensure fieldsets behave more like a standard block element.\n // See https://github.com/twbs/bootstrap/issues/12359\n // and https://html.spec.whatwg.org/multipage/#the-fieldset-and-legend-elements\n min-width: 0;\n // Reset the default outline behavior of fieldsets so they don't affect page layout.\n padding: 0;\n margin: 0;\n border: 0;\n}\n\n// 1. Correct the text wrapping in Edge and IE.\n// 2. Correct the color inheritance from `fieldset` elements in IE.\nlegend {\n display: block;\n width: 100%;\n max-width: 100%; // 1\n padding: 0;\n margin-bottom: .5rem;\n @include font-size(1.5rem);\n line-height: inherit;\n color: inherit; // 2\n white-space: normal; // 1\n}\n\nprogress {\n vertical-align: baseline; // Add the correct vertical alignment in Chrome, Firefox, and Opera.\n}\n\n// Correct the cursor style of increment and decrement buttons in Chrome.\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n height: auto;\n}\n\n[type=\"search\"] {\n // This overrides the extra rounded corners on search inputs in iOS so that our\n // `.form-control` class can properly style them. Note that this cannot simply\n // be added to `.form-control` as it's not specific enough. For details, see\n // https://github.com/twbs/bootstrap/issues/11586.\n outline-offset: -2px; // 2. Correct the outline style in Safari.\n -webkit-appearance: none;\n}\n\n//\n// Remove the inner padding in Chrome and Safari on macOS.\n//\n\n[type=\"search\"]::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n\n//\n// 1. Correct the inability to style clickable types in iOS and Safari.\n// 2. Change font properties to `inherit` in Safari.\n//\n\n::-webkit-file-upload-button {\n font: inherit; // 2\n -webkit-appearance: button; // 1\n}\n\n//\n// Correct element displays\n//\n\noutput {\n display: inline-block;\n}\n\nsummary {\n display: list-item; // Add the correct display in all browsers\n cursor: pointer;\n}\n\ntemplate {\n display: none; // Add the correct display in IE\n}\n\n// Always hide an element with the `hidden` HTML attribute (from PureCSS).\n// Needed for proper display in IE 10-.\n[hidden] {\n display: none !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, 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","// Spacing for Mekari UI\n$spacer: 1rem;\n$spacers: (\n 0: 0,\n 1: ($spacer * .25), // tiny\n 2: ($spacer * .5), // xmall\n 3: $spacer, // small\n 4: ($spacer * 1.5), // normal\n 5: ($spacer * 2), // medium\n 6: ($spacer * 2.5), // large\n 7: ($spacer * 5) // xlarge\n);\n\n$headings-margin-bottom: $spacer / 2;\n$paragraph-margin-bottom: $spacer;\n$label-margin-bottom: 8px;\n\n//pagination\n\n$pagination-padding-y: 8px;\n$pagination-padding-x: 12px;\n$pagination-padding-y-sm: 4px;\n$pagination-padding-x-sm: 8px;\n$pagination-padding-y-lg: 12px;\n$pagination-padding-x-lg: 24px;\n$pagination-line-height: 20px;\n\n$pagination-border-width: 1px;\n$pagination-border-color: $smoke;\n\n$pagination-hover-color: $link-hover-color;\n$pagination-hover-bg: $smoke;\n$pagination-hover-border-color: $muted;\n\n$pagination-color: $link-color;\n$pagination-bg: $white;\n$pagination-focus-outline: 0;\n$pagination-focus-box-shadow: 0 0 0 .2rem $primary;\n\n$pagination-active-color: $white;\n$pagination-active-bg: $primary;\n$pagination-active-border-color: $pagination-active-bg;\n\n$pagination-disabled-color: $slate !default;\n$pagination-disabled-bg: $white !default;\n$pagination-disabled-border-color: $smoke !default;\n\n$line-height-lg: 32px;\n\n//images\n\n$thumbnail-padding: 4px;\n$thumbnail-bg: $body-bg;\n\n$thumbnail-border-width: 1px;\n$thumbnail-border-color: $smoke;\n$thumbnail-border-radius: 4px;\n$thumbnail-box-shadow: 0 1px 2px rgba($black, .075);\n$figure-caption-font-size: 90%;\n$figure-caption-color: $slate;\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","\n$table-head-bg: $white;\n$table-head-color: $dark;\n\n$table-accent-bg: rgba($black, .05);\n$table-bg: null;\n$table-bg-level: -9;\n$table-caption-color: $text-muted;\n$table-color: $dark;\n$theme-color-interval: 8%;\n$table-striped-order: odd;\n\n$table-hover-color: $table-color;\n$table-hover-bg: $cloud;\n\n$table-active-bg: $table-hover-bg;\n\n$table-border-color: $smoke;\n$table-border-level: -6;\n$table-border-width: 1px;\n\n$table-cell-padding: .75rem;\n$table-cell-padding-sm: .3rem;\n\n$table-dark-color: $white;\n$table-dark-bg: $slate;\n$table-dark-accent-bg: rgba($white, .05);\n$table-dark-hover-color: $table-dark-color;\n$table-dark-hover-bg: rgba($white, .075);\n$table-dark-border-color: lighten($table-dark-bg, 7.5%);\n","@import \"../mixins/text\";\n\n$heading-size: 24px, 20px, 16px;\n@for $i from 1 through length($heading-size) {\n h#{$i},\n .h#{$i} {\n margin-bottom: 0;\n font-size: nth($heading-size, $i);\n line-height: nth($heading-size, $i) + 8;\n color: $dark;\n letter-spacing: $letter-spacing;\n }\n}\n\nbody,\np,\n.font-size-default {\n margin-bottom: 0;\n @extend %font-size-base;\n}\n\nsmall,\n.small {\n @extend %font-size-sm;\n color: $slate;\n}\n\n:disabled,\n[readonly] {\n color: $text-muted;\n}\n\n.text-base {\n font-size: $font-size-base;\n}\n\n.text-lg {\n font-size: $font-size-lg;\n}\n\n.text-sm {\n font-size: $font-size-sm;\n}\n\n.large-title {\n font-size: 32px;\n font-weight: $font-weight-bold;\n line-height: 48px;\n letter-spacing: $letter-spacing;\n}\n"]}

data/lib/assets/stylesheets/css/components/mekari-ui-tables-min.css CHANGED

@@ -1,2 +1,2 @@
-.table{width:100%;margin-bottom:1rem;color:#212121}.table td,.table th{padding:.75rem;vertical-align:top;border-top:1px solid #e2e2e2}.table thead th{vertical-align:bottom;border-bottom:2px solid #e2e2e2}.table tbody+tbody{border-top:2px solid #e2e2e2}.table-sm td,.table-sm th{padding:.3rem}.table-bordered{border:1px solid #e2e2e2}.table-bordered td,.table-bordered th{border:1px solid #e2e2e2}.table-bordered thead td,.table-bordered thead th{border-bottom-width:2px}.table-borderless tbody+tbody,.table-borderless td,.table-borderless th,.table-borderless thead th{border:0}.table-striped tbody tr:nth-of-type(odd){background-color:rgba(0,0,0,.05)}.table-hover tbody tr:hover{color:#212121;background-color:#f2f4f7}.table-danger,.table-danger>td,.table-danger>th{background-color:#f4cac1}.table-danger tbody+tbody,.table-danger td,.table-danger th,.table-danger thead th{border-color:#ea9c8c}.table-hover .table-danger:hover{background-color:#f0b7ab}.table-hover .table-danger:hover>td,.table-hover .table-danger:hover>th{background-color:#f0b7ab}.table-success,.table-success>td,.table-success>th{background-color:#b8e4d3}.table-success tbody+tbody,.table-success td,.table-success th,.table-success thead th{border-color:#7acdad}.table-hover .table-success:hover{background-color:#a6ddc8}.table-hover .table-success:hover>td,.table-hover .table-success:hover>th{background-color:#a6ddc8}.table-info,.table-info>td,.table-info>th{background-color:#fff9e2}.table-info tbody+tbody,.table-info td,.table-info th,.table-info thead th{border-color:#fff5ca}.table-hover .table-info:hover{background-color:#fff4c9}.table-hover .table-info:hover>td,.table-hover .table-info:hover>th{background-color:#fff4c9}.table-warning,.table-warning>td,.table-warning>th{background-color:#ffebb8}.table-warning tbody+tbody,.table-warning td,.table-warning th,.table-warning thead th{border-color:#ffda7a}.table-hover .table-warning:hover{background-color:#ffe49f}.table-hover .table-warning:hover>td,.table-hover .table-warning:hover>th{background-color:#ffe49f}.table-primary,.table-primary>td,.table-primary>th{background-color:#b8d2ed}.table-primary tbody+tbody,.table-primary td,.table-primary th,.table-primary thead th{border-color:#7aacde}.table-hover .table-primary:hover{background-color:#a4c5e8}.table-hover .table-primary:hover>td,.table-hover .table-primary:hover>th{background-color:#a4c5e8}.table-jurnal,.table-jurnal>td,.table-jurnal>th{background-color:#b8e3f6}.table-jurnal tbody+tbody,.table-jurnal td,.table-jurnal th,.table-jurnal thead th{border-color:#7acbee}.table-hover .table-jurnal:hover{background-color:#a1daf3}.table-hover .table-jurnal:hover>td,.table-hover .table-jurnal:hover>th{background-color:#a1daf3}.table-talenta,.table-talenta>td,.table-talenta>th{background-color:#edc3c6}.table-talenta tbody+tbody,.table-talenta td,.table-talenta th,.table-talenta thead th{border-color:#de9095}.table-hover .table-talenta:hover{background-color:#e7afb3}.table-hover .table-talenta:hover>td,.table-hover .table-talenta:hover>th{background-color:#e7afb3}.table-klikpajak,.table-klikpajak>td,.table-klikpajak>th{background-color:#fdd6b8}.table-klikpajak tbody+tbody,.table-klikpajak td,.table-klikpajak th,.table-klikpajak thead th{border-color:#fcb37b}.table-hover .table-klikpajak:hover{background-color:#fcc89f}.table-hover .table-klikpajak:hover>td,.table-hover .table-klikpajak:hover>th{background-color:#fcc89f}.table-mekari,.table-mekari>td,.table-mekari>th{background-color:#d6ccf8}.table-mekari tbody+tbody,.table-mekari td,.table-mekari th,.table-mekari thead th{border-color:#b3a0f1}.table-hover .table-mekari:hover{background-color:#c4b6f5}.table-hover .table-mekari:hover>td,.table-hover .table-mekari:hover>th{background-color:#c4b6f5}.table-dark,.table-dark>td,.table-dark>th{background-color:#c1c1c1}.table-dark tbody+tbody,.table-dark td,.table-dark th,.table-dark thead th{border-color:#8c8c8c}.table-hover .table-dark:hover{background-color:#b4b4b4}.table-hover .table-dark:hover>td,.table-hover .table-dark:hover>th{background-color:#b4b4b4}.table-slate,.table-slate>td,.table-slate>th{background-color:#d9d9d9}.table-slate tbody+tbody,.table-slate td,.table-slate th,.table-slate thead th{border-color:#b8b8b8}.table-hover .table-slate:hover{background-color:#ccc}.table-hover .table-slate:hover>td,.table-hover .table-slate:hover>th{background-color:#ccc}.table-muted,.table-muted>td,.table-muted>th{background-color:#eaeaea}.table-muted tbody+tbody,.table-muted td,.table-muted th,.table-muted thead th{border-color:#d8d8d8}.table-hover .table-muted:hover{background-color:#ddd}.table-hover .table-muted:hover>td,.table-hover .table-muted:hover>th{background-color:#ddd}.table-smoke,.table-smoke>td,.table-smoke>th{background-color:#f7f7f7}.table-smoke tbody+tbody,.table-smoke td,.table-smoke th,.table-smoke thead th{border-color:#f0f0f0}.table-hover .table-smoke:hover{background-color:#eaeaea}.table-hover .table-smoke:hover>td,.table-hover .table-smoke:hover>th{background-color:#eaeaea}.table-light,.table-light>td,.table-light>th{background-color:#fefefe}.table-light tbody+tbody,.table-light td,.table-light th,.table-light thead th{border-color:#fdfdfd}.table-hover .table-light:hover{background-color:#f1f1f1}.table-hover .table-light:hover>td,.table-hover .table-light:hover>th{background-color:#f1f1f1}.table-cloud,.table-cloud>td,.table-cloud>th{background-color:#fbfcfd}.table-cloud tbody+tbody,.table-cloud td,.table-cloud th,.table-cloud thead th{border-color:#f8f9fb}.table-hover .table-cloud:hover{background-color:#eaeff5}.table-hover .table-cloud:hover>td,.table-hover .table-cloud:hover>th{background-color:#eaeff5}.table-link,.table-link>td,.table-link>th{background-color:#bdd0ff}.table-link tbody+tbody,.table-link td,.table-link th,.table-link thead th{border-color:#84a8ff}.table-hover .table-link:hover{background-color:#a4beff}.table-hover .table-link:hover>td,.table-hover .table-link:hover>th{background-color:#a4beff}.table-white,.table-white>td,.table-white>th{background-color:#fff}.table-white tbody+tbody,.table-white td,.table-white th,.table-white thead th{border-color:#fff}.table-hover .table-white:hover{background-color:#f2f2f2}.table-hover .table-white:hover>td,.table-hover .table-white:hover>th{background-color:#f2f2f2}.table-active,.table-active>td,.table-active>th{background-color:#f2f4f7}.table-hover .table-active:hover{background-color:#e2e7ed}.table-hover .table-active:hover>td,.table-hover .table-active:hover>th{background-color:#e2e7ed}.table .thead-dark th{color:#fff;background-color:#777;border-color:#8a8a8a}.table .thead-light th{color:#212121;background-color:#fff;border-color:#e2e2e2}.table-dark{color:#fff;background-color:#777}.table-dark td,.table-dark th,.table-dark thead th{border-color:#8a8a8a}.table-dark.table-bordered{border:0}.table-dark.table-striped tbody tr:nth-of-type(odd){background-color:rgba(255,255,255,.05)}.table-dark.table-hover tbody tr:hover{color:#fff;background-color:rgba(255,255,255,.075)}@media (max-width:575.98px){.table-responsive-sm{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive-sm>.table-bordered{border:0}}@media (max-width:767.98px){.table-responsive-md{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive-md>.table-bordered{border:0}}@media (max-width:991.98px){.table-responsive-lg{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive-lg>.table-bordered{border:0}}@media (max-width:1271.98px){.table-responsive-xl{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive-xl>.table-bordered{border:0}}.table-responsive{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive>.table-bordered{border:0}.table{margin-bottom:0;border-spacing:0;border-collapse:separate;border:1px solid #e2e2e2;border-radius:4px}.table td,.table th{padding:10px 16px;border-top:0}.table td .btn-icon,.table th .btn-icon{margin-top:-8px;margin-bottom:-8px}.table thead th{background-color:#fbfbfb;border-bottom:1px solid #e2e2e2}.table thead th:first-child{border-top-left-radius:4px}.table thead th:last-child{border-top-right-radius:4px}.table thead .sort{cursor:pointer}.table thead .sort span{position:relative}.table thead .sort span::after,.table thead .sort span::before{position:absolute;right:-12px;width:0;height:0;content:"";border-style:solid}.table thead .sort span::before{top:2px;border-color:transparent transparent #777 transparent;border-width:0 4px 4px}.table thead .sort span::after{bottom:2px;border-color:#777 transparent transparent transparent;border-width:4px 4px 0}.table thead .sort.sort-down span::before,.table thead .sort.sort-up span::before{border-color:transparent transparent #212121 transparent}.table thead .sort.sort-down span::after,.table thead .sort.sort-up span::after{border-color:#212121 transparent transparent transparent}.table tbody tr:not(:last-child) td,.table tbody tr:not(:last-child) th{border-bottom:1px solid #e2e2e2}.table.table-bordered tbody td,.table.table-bordered tbody th{border-bottom:0}.table.table-bordered td,.table.table-bordered th{border-right:1px solid #e2e2e2;border-left:0}.table.table-bordered tbody td:last-child,.table.table-bordered thead th:last-child{border-right:0}.table .table__checkbox{width:32px;padding-right:0}.table .table__checkbox .custom-control{padding-left:16px;margin-bottom:0}.table .table__checkbox .custom-control-label::after,.table .table__checkbox .custom-control-label::before{left:-16px}
+.table{width:100%;margin-bottom:1rem;color:#212121}.table td,.table th{padding:.75rem;vertical-align:top;border-top:1px solid #e2e2e2}.table thead th{vertical-align:bottom;border-bottom:2px solid #e2e2e2}.table tbody+tbody{border-top:2px solid #e2e2e2}.table-sm td,.table-sm th{padding:.3rem}.table-bordered{border:1px solid #e2e2e2}.table-bordered td,.table-bordered th{border:1px solid #e2e2e2}.table-bordered thead td,.table-bordered thead th{border-bottom-width:2px}.table-borderless tbody+tbody,.table-borderless td,.table-borderless th,.table-borderless thead th{border:0}.table-striped tbody tr:nth-of-type(odd){background-color:rgba(0,0,0,.05)}.table-hover tbody tr:hover{color:#212121;background-color:#f2f4f7}.table-danger,.table-danger>td,.table-danger>th{background-color:#f4cac1}.table-danger tbody+tbody,.table-danger td,.table-danger th,.table-danger thead th{border-color:#ea9c8c}.table-hover .table-danger:hover{background-color:#f0b7ab}.table-hover .table-danger:hover>td,.table-hover .table-danger:hover>th{background-color:#f0b7ab}.table-success,.table-success>td,.table-success>th{background-color:#b8e4d3}.table-success tbody+tbody,.table-success td,.table-success th,.table-success thead th{border-color:#7acdad}.table-hover .table-success:hover{background-color:#a6ddc8}.table-hover .table-success:hover>td,.table-hover .table-success:hover>th{background-color:#a6ddc8}.table-info,.table-info>td,.table-info>th{background-color:#fff9e2}.table-info tbody+tbody,.table-info td,.table-info th,.table-info thead th{border-color:#fff5ca}.table-hover .table-info:hover{background-color:#fff4c9}.table-hover .table-info:hover>td,.table-hover .table-info:hover>th{background-color:#fff4c9}.table-warning,.table-warning>td,.table-warning>th{background-color:#ffebb8}.table-warning tbody+tbody,.table-warning td,.table-warning th,.table-warning thead th{border-color:#ffda7a}.table-hover .table-warning:hover{background-color:#ffe49f}.table-hover .table-warning:hover>td,.table-hover .table-warning:hover>th{background-color:#ffe49f}.table-primary,.table-primary>td,.table-primary>th{background-color:#b8d2ed}.table-primary tbody+tbody,.table-primary td,.table-primary th,.table-primary thead th{border-color:#7aacde}.table-hover .table-primary:hover{background-color:#a4c5e8}.table-hover .table-primary:hover>td,.table-hover .table-primary:hover>th{background-color:#a4c5e8}.table-jurnal,.table-jurnal>td,.table-jurnal>th{background-color:#b8e3f6}.table-jurnal tbody+tbody,.table-jurnal td,.table-jurnal th,.table-jurnal thead th{border-color:#7acbee}.table-hover .table-jurnal:hover{background-color:#a1daf3}.table-hover .table-jurnal:hover>td,.table-hover .table-jurnal:hover>th{background-color:#a1daf3}.table-talenta,.table-talenta>td,.table-talenta>th{background-color:#edc3c6}.table-talenta tbody+tbody,.table-talenta td,.table-talenta th,.table-talenta thead th{border-color:#de9095}.table-hover .table-talenta:hover{background-color:#e7afb3}.table-hover .table-talenta:hover>td,.table-hover .table-talenta:hover>th{background-color:#e7afb3}.table-klikpajak,.table-klikpajak>td,.table-klikpajak>th{background-color:#fdd6b8}.table-klikpajak tbody+tbody,.table-klikpajak td,.table-klikpajak th,.table-klikpajak thead th{border-color:#fcb37b}.table-hover .table-klikpajak:hover{background-color:#fcc89f}.table-hover .table-klikpajak:hover>td,.table-hover .table-klikpajak:hover>th{background-color:#fcc89f}.table-mekari,.table-mekari>td,.table-mekari>th{background-color:#d6ccf8}.table-mekari tbody+tbody,.table-mekari td,.table-mekari th,.table-mekari thead th{border-color:#b3a0f1}.table-hover .table-mekari:hover{background-color:#c4b6f5}.table-hover .table-mekari:hover>td,.table-hover .table-mekari:hover>th{background-color:#c4b6f5}.table-dark,.table-dark>td,.table-dark>th{background-color:#c1c1c1}.table-dark tbody+tbody,.table-dark td,.table-dark th,.table-dark thead th{border-color:#8c8c8c}.table-hover .table-dark:hover{background-color:#b4b4b4}.table-hover .table-dark:hover>td,.table-hover .table-dark:hover>th{background-color:#b4b4b4}.table-slate,.table-slate>td,.table-slate>th{background-color:#d9d9d9}.table-slate tbody+tbody,.table-slate td,.table-slate th,.table-slate thead th{border-color:#b8b8b8}.table-hover .table-slate:hover{background-color:#ccc}.table-hover .table-slate:hover>td,.table-hover .table-slate:hover>th{background-color:#ccc}.table-muted,.table-muted>td,.table-muted>th{background-color:#eaeaea}.table-muted tbody+tbody,.table-muted td,.table-muted th,.table-muted thead th{border-color:#d8d8d8}.table-hover .table-muted:hover{background-color:#ddd}.table-hover .table-muted:hover>td,.table-hover .table-muted:hover>th{background-color:#ddd}.table-smoke,.table-smoke>td,.table-smoke>th{background-color:#f7f7f7}.table-smoke tbody+tbody,.table-smoke td,.table-smoke th,.table-smoke thead th{border-color:#f0f0f0}.table-hover .table-smoke:hover{background-color:#eaeaea}.table-hover .table-smoke:hover>td,.table-hover .table-smoke:hover>th{background-color:#eaeaea}.table-light,.table-light>td,.table-light>th{background-color:#fefefe}.table-light tbody+tbody,.table-light td,.table-light th,.table-light thead th{border-color:#fdfdfd}.table-hover .table-light:hover{background-color:#f1f1f1}.table-hover .table-light:hover>td,.table-hover .table-light:hover>th{background-color:#f1f1f1}.table-cloud,.table-cloud>td,.table-cloud>th{background-color:#fbfcfd}.table-cloud tbody+tbody,.table-cloud td,.table-cloud th,.table-cloud thead th{border-color:#f8f9fb}.table-hover .table-cloud:hover{background-color:#eaeff5}.table-hover .table-cloud:hover>td,.table-hover .table-cloud:hover>th{background-color:#eaeff5}.table-link,.table-link>td,.table-link>th{background-color:#bdd0ff}.table-link tbody+tbody,.table-link td,.table-link th,.table-link thead th{border-color:#84a8ff}.table-hover .table-link:hover{background-color:#a4beff}.table-hover .table-link:hover>td,.table-hover .table-link:hover>th{background-color:#a4beff}.table-white,.table-white>td,.table-white>th{background-color:#fff}.table-white tbody+tbody,.table-white td,.table-white th,.table-white thead th{border-color:#fff}.table-hover .table-white:hover{background-color:#f2f2f2}.table-hover .table-white:hover>td,.table-hover .table-white:hover>th{background-color:#f2f2f2}.table-active,.table-active>td,.table-active>th{background-color:#f2f4f7}.table-hover .table-active:hover{background-color:#e2e7ed}.table-hover .table-active:hover>td,.table-hover .table-active:hover>th{background-color:#e2e7ed}.table .thead-dark th{color:#fff;background-color:#777;border-color:#8a8a8a}.table .thead-light th{color:#212121;background-color:#fff;border-color:#e2e2e2}.table-dark{color:#fff;background-color:#777}.table-dark td,.table-dark th,.table-dark thead th{border-color:#8a8a8a}.table-dark.table-bordered{border:0}.table-dark.table-striped tbody tr:nth-of-type(odd){background-color:rgba(255,255,255,.05)}.table-dark.table-hover tbody tr:hover{color:#fff;background-color:rgba(255,255,255,.075)}@media (max-width:575.98px){.table-responsive-sm{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive-sm>.table-bordered{border:0}}@media (max-width:767.98px){.table-responsive-md{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive-md>.table-bordered{border:0}}@media (max-width:991.98px){.table-responsive-lg{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive-lg>.table-bordered{border:0}}@media (max-width:1271.98px){.table-responsive-xl{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive-xl>.table-bordered{border:0}}.table-responsive{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive>.table-bordered{border:0}.table{margin-bottom:0;border-spacing:0;border-collapse:separate;border:1px solid #e2e2e2;border-radius:4px}.table tr:hover{background:#f2f4f7}.table td,.table th{padding:10px 16px;border-top:0}.table td .btn-icon,.table th .btn-icon{margin-top:-8px;margin-bottom:-8px}.table thead th{background-color:#fbfbfb;border-bottom:1px solid #e2e2e2}.table thead th:first-child{border-top-left-radius:4px}.table thead th:last-child{border-top-right-radius:4px}.table thead .sort{cursor:pointer}.table thead .sort span{position:relative}.table thead .sort span::after,.table thead .sort span::before{position:absolute;right:-12px;width:0;height:0;content:"";border-style:solid}.table thead .sort span::before{top:2px;border-color:transparent transparent #777 transparent;border-width:0 4px 4px}.table thead .sort span::after{bottom:2px;border-color:#777 transparent transparent transparent;border-width:4px 4px 0}.table thead .sort.sort-down span::before,.table thead .sort.sort-up span::before{border-color:transparent transparent #212121 transparent}.table thead .sort.sort-down span::after,.table thead .sort.sort-up span::after{border-color:#212121 transparent transparent transparent}.table tbody tr:not(:last-child) td,.table tbody tr:not(:last-child) th{border-bottom:1px solid #e2e2e2}.table.table-bordered tbody td,.table.table-bordered tbody th{border-bottom:0}.table.table-bordered td,.table.table-bordered th{border-right:1px solid #e2e2e2;border-left:0}.table.table-bordered tbody td:last-child,.table.table-bordered thead th:last-child{border-right:0}.table .table__checkbox{width:32px;padding-right:0}.table .table__checkbox .custom-control{padding-left:16px;margin-bottom:0}.table .table__checkbox .custom-control-label::after,.table .table__checkbox .custom-control-label::before{left:-16px}
 /*# sourceMappingURL=mekari-ui-tables-min.css.map */

data/lib/assets/stylesheets/css/components/mekari-ui-tables-min.css.map CHANGED

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../scss/vendors/_tables.scss","dist/css/components/mekari-ui-tables.css","../../../scss/vendors/mixins/_hover.scss","../../../scss/vendors/mixins/_table-row.scss","../../../scss/vendors/mixins/_breakpoints.scss","../../../scss/components/config/_tables.scss","../../../scss/vendors/mixins/_border-radius.scss"],"names":[],"mappings":"AAIA,OACE,MAAA,KACA,cAAA,KACA,MAAA,QCAF,UDHA,UAQI,QAAA,OACA,eAAA,IACA,WAAA,IAAA,MAAA,QAVJ,gBAcI,eAAA,OACA,cAAA,IAAA,MAAA,QAfJ,mBAmBI,WAAA,IAAA,MAAA,QCAJ,aDSA,aAGI,QAAA,MASJ,gBACE,OAAA,IAAA,MAAA,QCbF,mBDYA,mBAKI,OAAA,IAAA,MAAA,QCZJ,yBDOA,yBAWM,oBAAA,ICXN,8BAFA,qBDkBA,qBCjBA,2BDsBI,OAAA,EAQJ,yCAEI,iBAAA,gBE/DF,4BF2EI,MAAA,QACA,iBAAA,QGnFJ,cFsDF,iBADA,iBEjDM,iBAAA,QFyDN,0BAFA,iBE3DE,iBF4DF,uBEhDQ,aAAA,QDLN,iCCiBM,iBAAA,QALN,oCFmDF,oCE1CU,iBAAA,QA5BR,eF4EF,kBADA,kBEvEM,iBAAA,QF+EN,2BAFA,kBEjFE,kBFkFF,wBEtEQ,aAAA,QDLN,kCCiBM,iBAAA,QALN,qCFyEF,qCEhEU,iBAAA,QA5BR,YFkGF,eADA,eE7FM,iBAAA,QFqGN,wBAFA,eEvGE,eFwGF,qBE5FQ,aAAA,QDLN,+BCiBM,iBAAA,QALN,kCF+FF,kCEtFU,iBAAA,QA5BR,eFwHF,kBADA,kBEnHM,iBAAA,QF2HN,2BAFA,kBE7HE,kBF8HF,wBElHQ,aAAA,QDLN,kCCiBM,iBAAA,QALN,qCFqHF,qCE5GU,iBAAA,QA5BR,eF8IF,kBADA,kBEzIM,iBAAA,QFiJN,2BAFA,kBEnJE,kBFoJF,wBExIQ,aAAA,QDLN,kCCiBM,iBAAA,QALN,qCF2IF,qCElIU,iBAAA,QA5BR,cFoKF,iBADA,iBE/JM,iBAAA,QFuKN,0BAFA,iBEzKE,iBF0KF,uBE9JQ,aAAA,QDLN,iCCiBM,iBAAA,QALN,oCFiKF,oCExJU,iBAAA,QA5BR,eF0LF,kBADA,kBErLM,iBAAA,QF6LN,2BAFA,kBE/LE,kBFgMF,wBEpLQ,aAAA,QDLN,kCCiBM,iBAAA,QALN,qCFuLF,qCE9KU,iBAAA,QA5BR,iBFgNF,oBADA,oBE3MM,iBAAA,QFmNN,6BAFA,oBErNE,oBFsNF,0BE1MQ,aAAA,QDLN,oCCiBM,iBAAA,QALN,uCF6MF,uCEpMU,iBAAA,QA5BR,cFsOF,iBADA,iBEjOM,iBAAA,QFyON,0BAFA,iBE3OE,iBF4OF,uBEhOQ,aAAA,QDLN,iCCiBM,iBAAA,QALN,oCFmOF,oCE1NU,iBAAA,QA5BR,YF4PF,eADA,eEvPM,iBAAA,QF+PN,wBAFA,eEjQE,eFkQF,qBEtPQ,aAAA,QDLN,+BCiBM,iBAAA,QALN,kCFyPF,kCEhPU,iBAAA,QA5BR,aFkRF,gBADA,gBE7QM,iBAAA,QFqRN,yBAFA,gBEvRE,gBFwRF,sBE5QQ,aAAA,QDLN,gCCiBM,iBAAA,KALN,mCF+QF,mCEtQU,iBAAA,KA5BR,aFwSF,gBADA,gBEnSM,iBAAA,QF2SN,yBAFA,gBE7SE,gBF8SF,sBElSQ,aAAA,QDLN,gCCiBM,iBAAA,KALN,mCFqSF,mCE5RU,iBAAA,KA5BR,aF8TF,gBADA,gBEzTM,iBAAA,QFiUN,yBAFA,gBEnUE,gBFoUF,sBExTQ,aAAA,QDLN,gCCiBM,iBAAA,QALN,mCF2TF,mCElTU,iBAAA,QA5BR,aFoVF,gBADA,gBE/UM,iBAAA,QFuVN,yBAFA,gBEzVE,gBF0VF,sBE9UQ,aAAA,QDLN,gCCiBM,iBAAA,QALN,mCFiVF,mCExUU,iBAAA,QA5BR,aF0WF,gBADA,gBErWM,iBAAA,QF6WN,yBAFA,gBE/WE,gBFgXF,sBEpWQ,aAAA,QDLN,gCCiBM,iBAAA,QALN,mCFuWF,mCE9VU,iBAAA,QA5BR,YFgYF,eADA,eE3XM,iBAAA,QFmYN,wBAFA,eErYE,eFsYF,qBE1XQ,aAAA,QDLN,+BCiBM,iBAAA,QALN,kCF6XF,kCEpXU,iBAAA,QA5BR,aFsZF,gBADA,gBEjZM,iBAAA,KFyZN,yBAFA,gBE3ZE,gBF4ZF,sBEhZQ,aAAA,KDLN,gCCiBM,iBAAA,QALN,mCFmZF,mCE1YU,iBAAA,QA5BR,cF4aF,iBADA,iBEvaM,iBAAA,QDGJ,iCCiBM,iBAAA,QALN,oCFkaF,oCEzZU,iBAAA,QH8EV,sBAGM,MAAA,KACA,iBAAA,KACA,aAAA,QALN,uBAWM,MAAA,QACA,iBAAA,KACA,aAAA,QAKN,YACE,MAAA,KACA,iBAAA,KC6UF,eD/UA,eCgVA,qBDzUI,aAAA,QAPJ,2BAWI,OAAA,EAXJ,oDAgBM,iBAAA,sBErIJ,uCF4IM,MAAA,KACA,iBAAA,uBIhFJ,4BJiGA,qBAEI,QAAA,MACA,MAAA,KACA,WAAA,KACA,2BAAA,MALH,qCASK,OAAA,GI1GN,4BJiGA,qBAEI,QAAA,MACA,MAAA,KACA,WAAA,KACA,2BAAA,MALH,qCASK,OAAA,GI1GN,4BJiGA,qBAEI,QAAA,MACA,MAAA,KACA,WAAA,KACA,2BAAA,MALH,qCASK,OAAA,GI1GN,6BJiGA,qBAEI,QAAA,MACA,MAAA,KACA,WAAA,KACA,2BAAA,MALH,qCASK,OAAA,GAdV,kBAOQ,QAAA,MACA,MAAA,KACA,WAAA,KACA,2BAAA,MAVR,kCAcU,OAAA,EKlLV,OACE,cAAA,EACA,eAAA,EACA,gBAAA,SACA,OAAA,IAAA,MAAA,QCAE,cAAA,ILiiBJ,UIriBA,UAQI,QAAA,KAAA,KACA,WAAA,EJkiBJ,oBI3iBA,oBAYM,WAAA,KACA,cAAA,KAbN,gBAkBM,iBAAA,QACA,cAAA,IAAA,MAAA,QAnBN,4BAsBQ,uBAAA,IAtBR,2BA0BQ,wBAAA,IA1BR,mBA8BM,OAAA,QA9BN,wBAgCQ,SAAA,SAhCR,+BAAA,gCAmCU,SAAA,SACA,MAAA,MACA,MAAA,EACA,OAAA,EACA,QAAA,GACA,aAAA,MAxCV,gCA2CU,IAAA,IACA,aAAA,YAAA,YAAA,KAAA,YACA,aAAA,EAAA,IAAA,IA7CV,+BAgDU,OAAA,IACA,aAAA,KAAA,YAAA,YAAA,YACA,aAAA,IAAA,IAAA,EAlDV,0CAAA,wCAyDY,aAAA,YAAA,YAAA,QAAA,YAzDZ,yCAAA,uCA4DY,aAAA,QAAA,YAAA,YAAA,YJuiBZ,oCInmBA,oCAuEQ,cAAA,IAAA,MAAA,QJiiBR,+BIxmBA,+BAgFQ,cAAA,EJ6hBR,yBI7mBA,yBAqFM,aAAA,IAAA,MAAA,QACA,YAAA,EJ6hBN,0CInnBA,0CA0FM,aAAA,EA1FN,wBAgGM,MAAA,KACA,cAAA,EAjGN,wCAoGQ,aAAA,KACA,cAAA,EArGR,qDAAA,sDA0GY,KAAA","sourcesContent":["//\n// Basic Bootstrap table\n//\n\n.#{$prefix}table {\n width: 100%;\n margin-bottom: $spacer;\n color: $table-color;\n background-color: $table-bg; // Reset for nesting within parents with `background-color`.\n\n th,\n td {\n padding: $table-cell-padding;\n vertical-align: top;\n border-top: $table-border-width solid $table-border-color;\n }\n\n thead th {\n vertical-align: bottom;\n border-bottom: (2 * $table-border-width) solid $table-border-color;\n }\n\n tbody + tbody {\n border-top: (2 * $table-border-width) solid $table-border-color;\n }\n}\n\n\n//\n// Condensed table w/ half padding\n//\n\n.#{$prefix}table-sm {\n th,\n td {\n padding: $table-cell-padding-sm;\n }\n}\n\n\n// Border versions\n//\n// Add or remove borders all around the table and between all the columns.\n\n.#{$prefix}table-bordered {\n border: $table-border-width solid $table-border-color;\n\n th,\n td {\n border: $table-border-width solid $table-border-color;\n }\n\n thead {\n th,\n td {\n border-bottom-width: 2 * $table-border-width;\n }\n }\n}\n\n.#{$prefix}table-borderless {\n th,\n td,\n thead th,\n tbody + tbody {\n border: 0;\n }\n}\n\n// Zebra-striping\n//\n// Default zebra-stripe styles (alternating gray and transparent backgrounds)\n\n.#{$prefix}table-striped {\n tbody tr:nth-of-type(#{$table-striped-order}) {\n background-color: $table-accent-bg;\n }\n}\n\n\n// Hover effect\n//\n// Placed here since it has to come after the potential zebra striping\n\n.#{$prefix}table-hover {\n tbody tr {\n @include hover {\n color: $table-hover-color;\n background-color: $table-hover-bg;\n }\n }\n}\n\n\n// Table backgrounds\n//\n// Exact selectors below required to override `.#{$prefix}table-striped` and prevent\n// inheritance to nested tables.\n\n@each $color, $value in $theme-colors {\n @include table-row-variant($color, theme-color-level($color, $table-bg-level), theme-color-level($color, $table-border-level));\n}\n\n@include table-row-variant(active, $table-active-bg);\n\n\n// Dark styles\n//\n// Same table markup, but inverted color scheme: dark background and light text.\n\n// stylelint-disable-next-line no-duplicate-selectors\n.#{$prefix}table {\n .#{$prefix}thead-dark {\n th {\n color: $table-dark-color;\n background-color: $table-dark-bg;\n border-color: $table-dark-border-color;\n }\n }\n\n .#{$prefix}thead-light {\n th {\n color: $table-head-color;\n background-color: $table-head-bg;\n border-color: $table-border-color;\n }\n }\n}\n\n.#{$prefix}table-dark {\n color: $table-dark-color;\n background-color: $table-dark-bg;\n\n th,\n td,\n thead th {\n border-color: $table-dark-border-color;\n }\n\n &.#{$prefix}table-bordered {\n border: 0;\n }\n\n &.#{$prefix}table-striped {\n tbody tr:nth-of-type(odd) {\n background-color: $table-dark-accent-bg;\n }\n }\n\n &.#{$prefix}table-hover {\n tbody tr {\n @include hover {\n color: $table-dark-hover-color;\n background-color: $table-dark-hover-bg;\n }\n }\n }\n}\n\n\n// Responsive tables\n//\n// Generate series of `.#{$prefix}table-responsive-` classes for configuring the screen\n// size of where your table will overflow.\n\n.#{$prefix}table-responsive {\n @each $breakpoint in map-keys($grid-breakpoints) {\n $next: breakpoint-next($breakpoint, $grid-breakpoints);\n $infix: breakpoint-infix($next, $grid-breakpoints);\n\n &#{$infix} {\n @include media-breakpoint-down($breakpoint) {\n display: block;\n width: 100%;\n overflow-x: auto;\n -webkit-overflow-scrolling: touch;\n\n // Prevent double border on horizontal scroll due to use of `display: block;`\n > .#{$prefix}table-bordered {\n border: 0;\n }\n }\n }\n }\n}\n",".table {\n width: 100%;\n margin-bottom: 1rem;\n color: #212121;\n}\n\n.table th,\n.table td {\n padding: 0.75rem;\n vertical-align: top;\n border-top: 1px solid #e2e2e2;\n}\n\n.table thead th {\n vertical-align: bottom;\n border-bottom: 2px solid #e2e2e2;\n}\n\n.table tbody + tbody {\n border-top: 2px solid #e2e2e2;\n}\n\n.table-sm th,\n.table-sm td {\n padding: 0.3rem;\n}\n\n.table-bordered {\n border: 1px solid #e2e2e2;\n}\n\n.table-bordered th,\n.table-bordered td {\n border: 1px solid #e2e2e2;\n}\n\n.table-bordered thead th,\n.table-bordered thead td {\n border-bottom-width: 2px;\n}\n\n.table-borderless th,\n.table-borderless td,\n.table-borderless thead th,\n.table-borderless tbody + tbody {\n border: 0;\n}\n\n.table-striped tbody tr:nth-of-type(odd) {\n background-color: rgba(0, 0, 0, 0.05);\n}\n\n.table-hover tbody tr:hover {\n color: #212121;\n background-color: #f2f4f7;\n}\n\n.table-danger,\n.table-danger > th,\n.table-danger > td {\n background-color: #f4cac1;\n}\n\n.table-danger th,\n.table-danger td,\n.table-danger thead th,\n.table-danger tbody + tbody {\n border-color: #ea9c8c;\n}\n\n.table-hover .table-danger:hover {\n background-color: #f0b7ab;\n}\n\n.table-hover .table-danger:hover > td,\n.table-hover .table-danger:hover > th {\n background-color: #f0b7ab;\n}\n\n.table-success,\n.table-success > th,\n.table-success > td {\n background-color: #b8e4d3;\n}\n\n.table-success th,\n.table-success td,\n.table-success thead th,\n.table-success tbody + tbody {\n border-color: #7acdad;\n}\n\n.table-hover .table-success:hover {\n background-color: #a6ddc8;\n}\n\n.table-hover .table-success:hover > td,\n.table-hover .table-success:hover > th {\n background-color: #a6ddc8;\n}\n\n.table-info,\n.table-info > th,\n.table-info > td {\n background-color: #fff9e2;\n}\n\n.table-info th,\n.table-info td,\n.table-info thead th,\n.table-info tbody + tbody {\n border-color: #fff5ca;\n}\n\n.table-hover .table-info:hover {\n background-color: #fff4c9;\n}\n\n.table-hover .table-info:hover > td,\n.table-hover .table-info:hover > th {\n background-color: #fff4c9;\n}\n\n.table-warning,\n.table-warning > th,\n.table-warning > td {\n background-color: #ffebb8;\n}\n\n.table-warning th,\n.table-warning td,\n.table-warning thead th,\n.table-warning tbody + tbody {\n border-color: #ffda7a;\n}\n\n.table-hover .table-warning:hover {\n background-color: #ffe49f;\n}\n\n.table-hover .table-warning:hover > td,\n.table-hover .table-warning:hover > th {\n background-color: #ffe49f;\n}\n\n.table-primary,\n.table-primary > th,\n.table-primary > td {\n background-color: #b8d2ed;\n}\n\n.table-primary th,\n.table-primary td,\n.table-primary thead th,\n.table-primary tbody + tbody {\n border-color: #7aacde;\n}\n\n.table-hover .table-primary:hover {\n background-color: #a4c5e8;\n}\n\n.table-hover .table-primary:hover > td,\n.table-hover .table-primary:hover > th {\n background-color: #a4c5e8;\n}\n\n.table-jurnal,\n.table-jurnal > th,\n.table-jurnal > td {\n background-color: #b8e3f6;\n}\n\n.table-jurnal th,\n.table-jurnal td,\n.table-jurnal thead th,\n.table-jurnal tbody + tbody {\n border-color: #7acbee;\n}\n\n.table-hover .table-jurnal:hover {\n background-color: #a1daf3;\n}\n\n.table-hover .table-jurnal:hover > td,\n.table-hover .table-jurnal:hover > th {\n background-color: #a1daf3;\n}\n\n.table-talenta,\n.table-talenta > th,\n.table-talenta > td {\n background-color: #edc3c6;\n}\n\n.table-talenta th,\n.table-talenta td,\n.table-talenta thead th,\n.table-talenta tbody + tbody {\n border-color: #de9095;\n}\n\n.table-hover .table-talenta:hover {\n background-color: #e7afb3;\n}\n\n.table-hover .table-talenta:hover > td,\n.table-hover .table-talenta:hover > th {\n background-color: #e7afb3;\n}\n\n.table-klikpajak,\n.table-klikpajak > th,\n.table-klikpajak > td {\n background-color: #fdd6b8;\n}\n\n.table-klikpajak th,\n.table-klikpajak td,\n.table-klikpajak thead th,\n.table-klikpajak tbody + tbody {\n border-color: #fcb37b;\n}\n\n.table-hover .table-klikpajak:hover {\n background-color: #fcc89f;\n}\n\n.table-hover .table-klikpajak:hover > td,\n.table-hover .table-klikpajak:hover > th {\n background-color: #fcc89f;\n}\n\n.table-mekari,\n.table-mekari > th,\n.table-mekari > td {\n background-color: #d6ccf8;\n}\n\n.table-mekari th,\n.table-mekari td,\n.table-mekari thead th,\n.table-mekari tbody + tbody {\n border-color: #b3a0f1;\n}\n\n.table-hover .table-mekari:hover {\n background-color: #c4b6f5;\n}\n\n.table-hover .table-mekari:hover > td,\n.table-hover .table-mekari:hover > th {\n background-color: #c4b6f5;\n}\n\n.table-dark,\n.table-dark > th,\n.table-dark > td {\n background-color: #c1c1c1;\n}\n\n.table-dark th,\n.table-dark td,\n.table-dark thead th,\n.table-dark tbody + tbody {\n border-color: #8c8c8c;\n}\n\n.table-hover .table-dark:hover {\n background-color: #b4b4b4;\n}\n\n.table-hover .table-dark:hover > td,\n.table-hover .table-dark:hover > th {\n background-color: #b4b4b4;\n}\n\n.table-slate,\n.table-slate > th,\n.table-slate > td {\n background-color: #d9d9d9;\n}\n\n.table-slate th,\n.table-slate td,\n.table-slate thead th,\n.table-slate tbody + tbody {\n border-color: #b8b8b8;\n}\n\n.table-hover .table-slate:hover {\n background-color: #cccccc;\n}\n\n.table-hover .table-slate:hover > td,\n.table-hover .table-slate:hover > th {\n background-color: #cccccc;\n}\n\n.table-muted,\n.table-muted > th,\n.table-muted > td {\n background-color: #eaeaea;\n}\n\n.table-muted th,\n.table-muted td,\n.table-muted thead th,\n.table-muted tbody + tbody {\n border-color: #d8d8d8;\n}\n\n.table-hover .table-muted:hover {\n background-color: #dddddd;\n}\n\n.table-hover .table-muted:hover > td,\n.table-hover .table-muted:hover > th {\n background-color: #dddddd;\n}\n\n.table-smoke,\n.table-smoke > th,\n.table-smoke > td {\n background-color: #f7f7f7;\n}\n\n.table-smoke th,\n.table-smoke td,\n.table-smoke thead th,\n.table-smoke tbody + tbody {\n border-color: #f0f0f0;\n}\n\n.table-hover .table-smoke:hover {\n background-color: #eaeaea;\n}\n\n.table-hover .table-smoke:hover > td,\n.table-hover .table-smoke:hover > th {\n background-color: #eaeaea;\n}\n\n.table-light,\n.table-light > th,\n.table-light > td {\n background-color: #fefefe;\n}\n\n.table-light th,\n.table-light td,\n.table-light thead th,\n.table-light tbody + tbody {\n border-color: #fdfdfd;\n}\n\n.table-hover .table-light:hover {\n background-color: #f1f1f1;\n}\n\n.table-hover .table-light:hover > td,\n.table-hover .table-light:hover > th {\n background-color: #f1f1f1;\n}\n\n.table-cloud,\n.table-cloud > th,\n.table-cloud > td {\n background-color: #fbfcfd;\n}\n\n.table-cloud th,\n.table-cloud td,\n.table-cloud thead th,\n.table-cloud tbody + tbody {\n border-color: #f8f9fb;\n}\n\n.table-hover .table-cloud:hover {\n background-color: #eaeff5;\n}\n\n.table-hover .table-cloud:hover > td,\n.table-hover .table-cloud:hover > th {\n background-color: #eaeff5;\n}\n\n.table-link,\n.table-link > th,\n.table-link > td {\n background-color: #bdd0ff;\n}\n\n.table-link th,\n.table-link td,\n.table-link thead th,\n.table-link tbody + tbody {\n border-color: #84a8ff;\n}\n\n.table-hover .table-link:hover {\n background-color: #a4beff;\n}\n\n.table-hover .table-link:hover > td,\n.table-hover .table-link:hover > th {\n background-color: #a4beff;\n}\n\n.table-white,\n.table-white > th,\n.table-white > td {\n background-color: white;\n}\n\n.table-white th,\n.table-white td,\n.table-white thead th,\n.table-white tbody + tbody {\n border-color: white;\n}\n\n.table-hover .table-white:hover {\n background-color: #f2f2f2;\n}\n\n.table-hover .table-white:hover > td,\n.table-hover .table-white:hover > th {\n background-color: #f2f2f2;\n}\n\n.table-active,\n.table-active > th,\n.table-active > td {\n background-color: #f2f4f7;\n}\n\n.table-hover .table-active:hover {\n background-color: #e2e7ed;\n}\n\n.table-hover .table-active:hover > td,\n.table-hover .table-active:hover > th {\n background-color: #e2e7ed;\n}\n\n.table .thead-dark th {\n color: #fff;\n background-color: #777;\n border-color: #8a8a8a;\n}\n\n.table .thead-light th {\n color: #212121;\n background-color: #fff;\n border-color: #e2e2e2;\n}\n\n.table-dark {\n color: #fff;\n background-color: #777;\n}\n\n.table-dark th,\n.table-dark td,\n.table-dark thead th {\n border-color: #8a8a8a;\n}\n\n.table-dark.table-bordered {\n border: 0;\n}\n\n.table-dark.table-striped tbody tr:nth-of-type(odd) {\n background-color: rgba(255, 255, 255, 0.05);\n}\n\n.table-dark.table-hover tbody tr:hover {\n color: #fff;\n background-color: rgba(255, 255, 255, 0.075);\n}\n\n@media (max-width: 575.98px) {\n .table-responsive-sm {\n display: block;\n width: 100%;\n overflow-x: auto;\n -webkit-overflow-scrolling: touch;\n }\n .table-responsive-sm > .table-bordered {\n border: 0;\n }\n}\n\n@media (max-width: 767.98px) {\n .table-responsive-md {\n display: block;\n width: 100%;\n overflow-x: auto;\n -webkit-overflow-scrolling: touch;\n }\n .table-responsive-md > .table-bordered {\n border: 0;\n }\n}\n\n@media (max-width: 991.98px) {\n .table-responsive-lg {\n display: block;\n width: 100%;\n overflow-x: auto;\n -webkit-overflow-scrolling: touch;\n }\n .table-responsive-lg > .table-bordered {\n border: 0;\n }\n}\n\n@media (max-width: 1271.98px) {\n .table-responsive-xl {\n display: block;\n width: 100%;\n overflow-x: auto;\n -webkit-overflow-scrolling: touch;\n }\n .table-responsive-xl > .table-bordered {\n border: 0;\n }\n}\n\n.table-responsive {\n display: block;\n width: 100%;\n overflow-x: auto;\n -webkit-overflow-scrolling: touch;\n}\n\n.table-responsive > .table-bordered {\n border: 0;\n}\n\n.table {\n margin-bottom: 0;\n border-spacing: 0;\n border-collapse: separate;\n border: 1px solid #e2e2e2;\n border-radius: 4px;\n}\n\n.table th,\n.table td {\n padding: 10px 16px;\n border-top: 0;\n}\n\n.table th .btn-icon,\n.table td .btn-icon {\n margin-top: -8px;\n margin-bottom: -8px;\n}\n\n.table thead th {\n background-color: #fbfbfb;\n border-bottom: 1px solid #e2e2e2;\n}\n\n.table thead th:first-child {\n border-top-left-radius: 4px;\n}\n\n.table thead th:last-child {\n border-top-right-radius: 4px;\n}\n\n.table thead .sort {\n cursor: pointer;\n}\n\n.table thead .sort span {\n position: relative;\n}\n\n.table thead .sort span::before, .table thead .sort span::after {\n position: absolute;\n right: -12px;\n width: 0;\n height: 0;\n content: \"\";\n border-style: solid;\n}\n\n.table thead .sort span::before {\n top: 2px;\n border-color: transparent transparent #777 transparent;\n border-width: 0 4px 4px;\n}\n\n.table thead .sort span::after {\n bottom: 2px;\n border-color: #777 transparent transparent transparent;\n border-width: 4px 4px 0;\n}\n\n.table thead .sort.sort-up span::before, .table thead .sort.sort-down span::before {\n border-color: transparent transparent #212121 transparent;\n}\n\n.table thead .sort.sort-up span::after, .table thead .sort.sort-down span::after {\n border-color: #212121 transparent transparent transparent;\n}\n\n.table tbody tr:not(:last-child) th,\n.table tbody tr:not(:last-child) td {\n border-bottom: 1px solid #e2e2e2;\n}\n\n.table.table-bordered tbody th,\n.table.table-bordered tbody td {\n border-bottom: 0;\n}\n\n.table.table-bordered th,\n.table.table-bordered td {\n border-right: 1px solid #e2e2e2;\n border-left: 0;\n}\n\n.table.table-bordered thead th:last-child,\n.table.table-bordered tbody td:last-child {\n border-right: 0;\n}\n\n.table .table__checkbox {\n width: 32px;\n padding-right: 0;\n}\n\n.table .table__checkbox .custom-control {\n padding-left: 16px;\n margin-bottom: 0;\n}\n\n.table .table__checkbox .custom-control-label::before, .table .table__checkbox .custom-control-label::after {\n left: -16px;\n}\n/# sourceMappingURL=mekari-ui-tables.css.map */","// 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","// Tables\n\n@mixin table-row-variant($state, $background, $border: null) {\n // Exact selectors below required to override `.#{$prefix}table-striped` and prevent\n // inheritance to nested tables.\n .#{$prefix}table-#{$state} {\n &,\n > th,\n > td {\n background-color: $background;\n }\n\n @if $border != null {\n th,\n td,\n thead th,\n tbody + tbody {\n border-color: $border;\n }\n }\n }\n\n // Hover states for `.#{$prefix}table-hover`\n // Note: this is not available for cells or rows within `thead` or `tfoot`.\n .#{$prefix}table-hover {\n $hover-background: darken($background, 5%);\n\n .#{$prefix}table-#{$state} {\n @include hover {\n background-color: $hover-background;\n\n > td,\n > th {\n background-color: $hover-background;\n }\n }\n }\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","\n.#{$prefix}table {\n margin-bottom: 0;\n border-spacing: 0;\n border-collapse: separate;\n border: 1px solid $smoke;\n @include border-radius(4px);\n th,\n td {\n padding: 10px 16px;\n border-top: 0;\n\n .#{$prefix}btn-icon {\n margin-top: -8px;\n margin-bottom: -8px;\n }\n }\n thead {\n th {\n background-color: $light;\n border-bottom: $table-border-width solid $table-border-color;\n &:first-child {\n // stylelint-disable-next-line property-blacklist\n border-top-left-radius: 4px;\n }\n &:last-child {\n // stylelint-disable-next-line property-blacklist\n border-top-right-radius: 4px;\n }\n }\n .sort {\n cursor: pointer;\n span {\n position: relative;\n &::before,\n &::after {\n position: absolute;\n right: -12px;\n width: 0;\n height: 0;\n content: \"\";\n border-style: solid;\n }\n &::before {\n top: 2px;\n border-color: transparent transparent $slate transparent;\n border-width: 0 4px 4px;\n }\n &::after {\n bottom: 2px;\n border-color: $slate transparent transparent transparent;\n border-width: 4px 4px 0;\n }\n }\n &.sort-up,\n &.sort-down {\n span {\n &::before {\n border-color: transparent transparent $dark transparent;\n }\n &::after {\n border-color: $dark transparent transparent transparent;\n }\n }\n }\n }\n }\n tbody {\n tr:not(:last-child) {\n // stylelint-disable-next-line selector-max-type\n th,\n td {\n border-bottom: 1px solid $table-border-color;\n }\n }\n }\n\n &.#{$prefix}table-bordered {\n tbody {\n th,\n td {\n border-bottom: 0;\n }\n }\n th,\n td {\n border-right: $table-border-width solid $table-border-color;\n border-left: 0;\n }\n thead th:last-child,\n tbody td:last-child {\n border-right: 0;\n }\n }\n\n .#{$prefix}table {\n &__checkbox {\n width: 32px;\n padding-right: 0;\n\n .#{$prefix}custom-control {\n padding-left: 16px;\n margin-bottom: 0;\n\n &-label {\n &::before,\n &::after {\n left: -16px;\n }\n }\n }\n }\n }\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"]}
1	+ {"version":3,"sources":["../../../scss/vendors/_tables.scss","dist/css/components/mekari-ui-tables.css","../../../scss/vendors/mixins/_hover.scss","../../../scss/vendors/mixins/_table-row.scss","../../../scss/vendors/mixins/_breakpoints.scss","../../../scss/components/config/_tables.scss","../../../scss/vendors/mixins/_border-radius.scss"],"names":[],"mappings":"AAIA,OACE,MAAA,KACA,cAAA,KACA,MAAA,QCAF,UDHA,UAQI,QAAA,OACA,eAAA,IACA,WAAA,IAAA,MAAA,QAVJ,gBAcI,eAAA,OACA,cAAA,IAAA,MAAA,QAfJ,mBAmBI,WAAA,IAAA,MAAA,QCAJ,aDSA,aAGI,QAAA,MASJ,gBACE,OAAA,IAAA,MAAA,QCbF,mBDYA,mBAKI,OAAA,IAAA,MAAA,QCZJ,yBDOA,yBAWM,oBAAA,ICXN,8BAFA,qBDkBA,qBCjBA,2BDsBI,OAAA,EAQJ,yCAEI,iBAAA,gBE/DF,4BF2EI,MAAA,QACA,iBAAA,QGnFJ,cFsDF,iBADA,iBEjDM,iBAAA,QFyDN,0BAFA,iBE3DE,iBF4DF,uBEhDQ,aAAA,QDLN,iCCiBM,iBAAA,QALN,oCFmDF,oCE1CU,iBAAA,QA5BR,eF4EF,kBADA,kBEvEM,iBAAA,QF+EN,2BAFA,kBEjFE,kBFkFF,wBEtEQ,aAAA,QDLN,kCCiBM,iBAAA,QALN,qCFyEF,qCEhEU,iBAAA,QA5BR,YFkGF,eADA,eE7FM,iBAAA,QFqGN,wBAFA,eEvGE,eFwGF,qBE5FQ,aAAA,QDLN,+BCiBM,iBAAA,QALN,kCF+FF,kCEtFU,iBAAA,QA5BR,eFwHF,kBADA,kBEnHM,iBAAA,QF2HN,2BAFA,kBE7HE,kBF8HF,wBElHQ,aAAA,QDLN,kCCiBM,iBAAA,QALN,qCFqHF,qCE5GU,iBAAA,QA5BR,eF8IF,kBADA,kBEzIM,iBAAA,QFiJN,2BAFA,kBEnJE,kBFoJF,wBExIQ,aAAA,QDLN,kCCiBM,iBAAA,QALN,qCF2IF,qCElIU,iBAAA,QA5BR,cFoKF,iBADA,iBE/JM,iBAAA,QFuKN,0BAFA,iBEzKE,iBF0KF,uBE9JQ,aAAA,QDLN,iCCiBM,iBAAA,QALN,oCFiKF,oCExJU,iBAAA,QA5BR,eF0LF,kBADA,kBErLM,iBAAA,QF6LN,2BAFA,kBE/LE,kBFgMF,wBEpLQ,aAAA,QDLN,kCCiBM,iBAAA,QALN,qCFuLF,qCE9KU,iBAAA,QA5BR,iBFgNF,oBADA,oBE3MM,iBAAA,QFmNN,6BAFA,oBErNE,oBFsNF,0BE1MQ,aAAA,QDLN,oCCiBM,iBAAA,QALN,uCF6MF,uCEpMU,iBAAA,QA5BR,cFsOF,iBADA,iBEjOM,iBAAA,QFyON,0BAFA,iBE3OE,iBF4OF,uBEhOQ,aAAA,QDLN,iCCiBM,iBAAA,QALN,oCFmOF,oCE1NU,iBAAA,QA5BR,YF4PF,eADA,eEvPM,iBAAA,QF+PN,wBAFA,eEjQE,eFkQF,qBEtPQ,aAAA,QDLN,+BCiBM,iBAAA,QALN,kCFyPF,kCEhPU,iBAAA,QA5BR,aFkRF,gBADA,gBE7QM,iBAAA,QFqRN,yBAFA,gBEvRE,gBFwRF,sBE5QQ,aAAA,QDLN,gCCiBM,iBAAA,KALN,mCF+QF,mCEtQU,iBAAA,KA5BR,aFwSF,gBADA,gBEnSM,iBAAA,QF2SN,yBAFA,gBE7SE,gBF8SF,sBElSQ,aAAA,QDLN,gCCiBM,iBAAA,KALN,mCFqSF,mCE5RU,iBAAA,KA5BR,aF8TF,gBADA,gBEzTM,iBAAA,QFiUN,yBAFA,gBEnUE,gBFoUF,sBExTQ,aAAA,QDLN,gCCiBM,iBAAA,QALN,mCF2TF,mCElTU,iBAAA,QA5BR,aFoVF,gBADA,gBE/UM,iBAAA,QFuVN,yBAFA,gBEzVE,gBF0VF,sBE9UQ,aAAA,QDLN,gCCiBM,iBAAA,QALN,mCFiVF,mCExUU,iBAAA,QA5BR,aF0WF,gBADA,gBErWM,iBAAA,QF6WN,yBAFA,gBE/WE,gBFgXF,sBEpWQ,aAAA,QDLN,gCCiBM,iBAAA,QALN,mCFuWF,mCE9VU,iBAAA,QA5BR,YFgYF,eADA,eE3XM,iBAAA,QFmYN,wBAFA,eErYE,eFsYF,qBE1XQ,aAAA,QDLN,+BCiBM,iBAAA,QALN,kCF6XF,kCEpXU,iBAAA,QA5BR,aFsZF,gBADA,gBEjZM,iBAAA,KFyZN,yBAFA,gBE3ZE,gBF4ZF,sBEhZQ,aAAA,KDLN,gCCiBM,iBAAA,QALN,mCFmZF,mCE1YU,iBAAA,QA5BR,cF4aF,iBADA,iBEvaM,iBAAA,QDGJ,iCCiBM,iBAAA,QALN,oCFkaF,oCEzZU,iBAAA,QH8EV,sBAGM,MAAA,KACA,iBAAA,KACA,aAAA,QALN,uBAWM,MAAA,QACA,iBAAA,KACA,aAAA,QAKN,YACE,MAAA,KACA,iBAAA,KC6UF,eD/UA,eCgVA,qBDzUI,aAAA,QAPJ,2BAWI,OAAA,EAXJ,oDAgBM,iBAAA,sBErIJ,uCF4IM,MAAA,KACA,iBAAA,uBIhFJ,4BJiGA,qBAEI,QAAA,MACA,MAAA,KACA,WAAA,KACA,2BAAA,MALH,qCASK,OAAA,GI1GN,4BJiGA,qBAEI,QAAA,MACA,MAAA,KACA,WAAA,KACA,2BAAA,MALH,qCASK,OAAA,GI1GN,4BJiGA,qBAEI,QAAA,MACA,MAAA,KACA,WAAA,KACA,2BAAA,MALH,qCASK,OAAA,GI1GN,6BJiGA,qBAEI,QAAA,MACA,MAAA,KACA,WAAA,KACA,2BAAA,MALH,qCASK,OAAA,GAdV,kBAOQ,QAAA,MACA,MAAA,KACA,WAAA,KACA,2BAAA,MAVR,kCAcU,OAAA,EKlLV,OACE,cAAA,EACA,eAAA,EACA,gBAAA,SACA,OAAA,IAAA,MAAA,QCAE,cAAA,IDJJ,gBAOI,WAAA,QJkiBJ,UIziBA,UAWI,QAAA,KAAA,KACA,WAAA,EJmiBJ,oBI/iBA,oBAeM,WAAA,KACA,cAAA,KAhBN,gBAqBM,iBAAA,QACA,cAAA,IAAA,MAAA,QAtBN,4BAyBQ,uBAAA,IAzBR,2BA6BQ,wBAAA,IA7BR,mBAiCM,OAAA,QAjCN,wBAmCQ,SAAA,SAnCR,+BAAA,gCAsCU,SAAA,SACA,MAAA,MACA,MAAA,EACA,OAAA,EACA,QAAA,GACA,aAAA,MA3CV,gCA8CU,IAAA,IACA,aAAA,YAAA,YAAA,KAAA,YACA,aAAA,EAAA,IAAA,IAhDV,+BAmDU,OAAA,IACA,aAAA,KAAA,YAAA,YAAA,YACA,aAAA,IAAA,IAAA,EArDV,0CAAA,wCA4DY,aAAA,YAAA,YAAA,QAAA,YA5DZ,yCAAA,uCA+DY,aAAA,QAAA,YAAA,YAAA,YJwiBZ,oCIvmBA,oCA0EQ,cAAA,IAAA,MAAA,QJkiBR,+BI5mBA,+BAmFQ,cAAA,EJ8hBR,yBIjnBA,yBAwFM,aAAA,IAAA,MAAA,QACA,YAAA,EJ8hBN,0CIvnBA,0CA6FM,aAAA,EA7FN,wBAmGM,MAAA,KACA,cAAA,EApGN,wCAuGQ,aAAA,KACA,cAAA,EAxGR,qDAAA,sDA6GY,KAAA","sourcesContent":["//\n// Basic Bootstrap table\n//\n\n.#{$prefix}table {\n width: 100%;\n margin-bottom: $spacer;\n color: $table-color;\n background-color: $table-bg; // Reset for nesting within parents with `background-color`.\n\n th,\n td {\n padding: $table-cell-padding;\n vertical-align: top;\n border-top: $table-border-width solid $table-border-color;\n }\n\n thead th {\n vertical-align: bottom;\n border-bottom: (2 * $table-border-width) solid $table-border-color;\n }\n\n tbody + tbody {\n border-top: (2 * $table-border-width) solid $table-border-color;\n }\n}\n\n\n//\n// Condensed table w/ half padding\n//\n\n.#{$prefix}table-sm {\n th,\n td {\n padding: $table-cell-padding-sm;\n }\n}\n\n\n// Border versions\n//\n// Add or remove borders all around the table and between all the columns.\n\n.#{$prefix}table-bordered {\n border: $table-border-width solid $table-border-color;\n\n th,\n td {\n border: $table-border-width solid $table-border-color;\n }\n\n thead {\n th,\n td {\n border-bottom-width: 2 * $table-border-width;\n }\n }\n}\n\n.#{$prefix}table-borderless {\n th,\n td,\n thead th,\n tbody + tbody {\n border: 0;\n }\n}\n\n// Zebra-striping\n//\n// Default zebra-stripe styles (alternating gray and transparent backgrounds)\n\n.#{$prefix}table-striped {\n tbody tr:nth-of-type(#{$table-striped-order}) {\n background-color: $table-accent-bg;\n }\n}\n\n\n// Hover effect\n//\n// Placed here since it has to come after the potential zebra striping\n\n.#{$prefix}table-hover {\n tbody tr {\n @include hover {\n color: $table-hover-color;\n background-color: $table-hover-bg;\n }\n }\n}\n\n\n// Table backgrounds\n//\n// Exact selectors below required to override `.#{$prefix}table-striped` and prevent\n// inheritance to nested tables.\n\n@each $color, $value in $theme-colors {\n @include table-row-variant($color, theme-color-level($color, $table-bg-level), theme-color-level($color, $table-border-level));\n}\n\n@include table-row-variant(active, $table-active-bg);\n\n\n// Dark styles\n//\n// Same table markup, but inverted color scheme: dark background and light text.\n\n// stylelint-disable-next-line no-duplicate-selectors\n.#{$prefix}table {\n .#{$prefix}thead-dark {\n th {\n color: $table-dark-color;\n background-color: $table-dark-bg;\n border-color: $table-dark-border-color;\n }\n }\n\n .#{$prefix}thead-light {\n th {\n color: $table-head-color;\n background-color: $table-head-bg;\n border-color: $table-border-color;\n }\n }\n}\n\n.#{$prefix}table-dark {\n color: $table-dark-color;\n background-color: $table-dark-bg;\n\n th,\n td,\n thead th {\n border-color: $table-dark-border-color;\n }\n\n &.#{$prefix}table-bordered {\n border: 0;\n }\n\n &.#{$prefix}table-striped {\n tbody tr:nth-of-type(odd) {\n background-color: $table-dark-accent-bg;\n }\n }\n\n &.#{$prefix}table-hover {\n tbody tr {\n @include hover {\n color: $table-dark-hover-color;\n background-color: $table-dark-hover-bg;\n }\n }\n }\n}\n\n\n// Responsive tables\n//\n// Generate series of `.#{$prefix}table-responsive-` classes for configuring the screen\n// size of where your table will overflow.\n\n.#{$prefix}table-responsive {\n @each $breakpoint in map-keys($grid-breakpoints) {\n $next: breakpoint-next($breakpoint, $grid-breakpoints);\n $infix: breakpoint-infix($next, $grid-breakpoints);\n\n &#{$infix} {\n @include media-breakpoint-down($breakpoint) {\n display: block;\n width: 100%;\n overflow-x: auto;\n -webkit-overflow-scrolling: touch;\n\n // Prevent double border on horizontal scroll due to use of `display: block;`\n > .#{$prefix}table-bordered {\n border: 0;\n }\n }\n }\n }\n}\n",".table {\n width: 100%;\n margin-bottom: 1rem;\n color: #212121;\n}\n\n.table th,\n.table td {\n padding: 0.75rem;\n vertical-align: top;\n border-top: 1px solid #e2e2e2;\n}\n\n.table thead th {\n vertical-align: bottom;\n border-bottom: 2px solid #e2e2e2;\n}\n\n.table tbody + tbody {\n border-top: 2px solid #e2e2e2;\n}\n\n.table-sm th,\n.table-sm td {\n padding: 0.3rem;\n}\n\n.table-bordered {\n border: 1px solid #e2e2e2;\n}\n\n.table-bordered th,\n.table-bordered td {\n border: 1px solid #e2e2e2;\n}\n\n.table-bordered thead th,\n.table-bordered thead td {\n border-bottom-width: 2px;\n}\n\n.table-borderless th,\n.table-borderless td,\n.table-borderless thead th,\n.table-borderless tbody + tbody {\n border: 0;\n}\n\n.table-striped tbody tr:nth-of-type(odd) {\n background-color: rgba(0, 0, 0, 0.05);\n}\n\n.table-hover tbody tr:hover {\n color: #212121;\n background-color: #f2f4f7;\n}\n\n.table-danger,\n.table-danger > th,\n.table-danger > td {\n background-color: #f4cac1;\n}\n\n.table-danger th,\n.table-danger td,\n.table-danger thead th,\n.table-danger tbody + tbody {\n border-color: #ea9c8c;\n}\n\n.table-hover .table-danger:hover {\n background-color: #f0b7ab;\n}\n\n.table-hover .table-danger:hover > td,\n.table-hover .table-danger:hover > th {\n background-color: #f0b7ab;\n}\n\n.table-success,\n.table-success > th,\n.table-success > td {\n background-color: #b8e4d3;\n}\n\n.table-success th,\n.table-success td,\n.table-success thead th,\n.table-success tbody + tbody {\n border-color: #7acdad;\n}\n\n.table-hover .table-success:hover {\n background-color: #a6ddc8;\n}\n\n.table-hover .table-success:hover > td,\n.table-hover .table-success:hover > th {\n background-color: #a6ddc8;\n}\n\n.table-info,\n.table-info > th,\n.table-info > td {\n background-color: #fff9e2;\n}\n\n.table-info th,\n.table-info td,\n.table-info thead th,\n.table-info tbody + tbody {\n border-color: #fff5ca;\n}\n\n.table-hover .table-info:hover {\n background-color: #fff4c9;\n}\n\n.table-hover .table-info:hover > td,\n.table-hover .table-info:hover > th {\n background-color: #fff4c9;\n}\n\n.table-warning,\n.table-warning > th,\n.table-warning > td {\n background-color: #ffebb8;\n}\n\n.table-warning th,\n.table-warning td,\n.table-warning thead th,\n.table-warning tbody + tbody {\n border-color: #ffda7a;\n}\n\n.table-hover .table-warning:hover {\n background-color: #ffe49f;\n}\n\n.table-hover .table-warning:hover > td,\n.table-hover .table-warning:hover > th {\n background-color: #ffe49f;\n}\n\n.table-primary,\n.table-primary > th,\n.table-primary > td {\n background-color: #b8d2ed;\n}\n\n.table-primary th,\n.table-primary td,\n.table-primary thead th,\n.table-primary tbody + tbody {\n border-color: #7aacde;\n}\n\n.table-hover .table-primary:hover {\n background-color: #a4c5e8;\n}\n\n.table-hover .table-primary:hover > td,\n.table-hover .table-primary:hover > th {\n background-color: #a4c5e8;\n}\n\n.table-jurnal,\n.table-jurnal > th,\n.table-jurnal > td {\n background-color: #b8e3f6;\n}\n\n.table-jurnal th,\n.table-jurnal td,\n.table-jurnal thead th,\n.table-jurnal tbody + tbody {\n border-color: #7acbee;\n}\n\n.table-hover .table-jurnal:hover {\n background-color: #a1daf3;\n}\n\n.table-hover .table-jurnal:hover > td,\n.table-hover .table-jurnal:hover > th {\n background-color: #a1daf3;\n}\n\n.table-talenta,\n.table-talenta > th,\n.table-talenta > td {\n background-color: #edc3c6;\n}\n\n.table-talenta th,\n.table-talenta td,\n.table-talenta thead th,\n.table-talenta tbody + tbody {\n border-color: #de9095;\n}\n\n.table-hover .table-talenta:hover {\n background-color: #e7afb3;\n}\n\n.table-hover .table-talenta:hover > td,\n.table-hover .table-talenta:hover > th {\n background-color: #e7afb3;\n}\n\n.table-klikpajak,\n.table-klikpajak > th,\n.table-klikpajak > td {\n background-color: #fdd6b8;\n}\n\n.table-klikpajak th,\n.table-klikpajak td,\n.table-klikpajak thead th,\n.table-klikpajak tbody + tbody {\n border-color: #fcb37b;\n}\n\n.table-hover .table-klikpajak:hover {\n background-color: #fcc89f;\n}\n\n.table-hover .table-klikpajak:hover > td,\n.table-hover .table-klikpajak:hover > th {\n background-color: #fcc89f;\n}\n\n.table-mekari,\n.table-mekari > th,\n.table-mekari > td {\n background-color: #d6ccf8;\n}\n\n.table-mekari th,\n.table-mekari td,\n.table-mekari thead th,\n.table-mekari tbody + tbody {\n border-color: #b3a0f1;\n}\n\n.table-hover .table-mekari:hover {\n background-color: #c4b6f5;\n}\n\n.table-hover .table-mekari:hover > td,\n.table-hover .table-mekari:hover > th {\n background-color: #c4b6f5;\n}\n\n.table-dark,\n.table-dark > th,\n.table-dark > td {\n background-color: #c1c1c1;\n}\n\n.table-dark th,\n.table-dark td,\n.table-dark thead th,\n.table-dark tbody + tbody {\n border-color: #8c8c8c;\n}\n\n.table-hover .table-dark:hover {\n background-color: #b4b4b4;\n}\n\n.table-hover .table-dark:hover > td,\n.table-hover .table-dark:hover > th {\n background-color: #b4b4b4;\n}\n\n.table-slate,\n.table-slate > th,\n.table-slate > td {\n background-color: #d9d9d9;\n}\n\n.table-slate th,\n.table-slate td,\n.table-slate thead th,\n.table-slate tbody + tbody {\n border-color: #b8b8b8;\n}\n\n.table-hover .table-slate:hover {\n background-color: #cccccc;\n}\n\n.table-hover .table-slate:hover > td,\n.table-hover .table-slate:hover > th {\n background-color: #cccccc;\n}\n\n.table-muted,\n.table-muted > th,\n.table-muted > td {\n background-color: #eaeaea;\n}\n\n.table-muted th,\n.table-muted td,\n.table-muted thead th,\n.table-muted tbody + tbody {\n border-color: #d8d8d8;\n}\n\n.table-hover .table-muted:hover {\n background-color: #dddddd;\n}\n\n.table-hover .table-muted:hover > td,\n.table-hover .table-muted:hover > th {\n background-color: #dddddd;\n}\n\n.table-smoke,\n.table-smoke > th,\n.table-smoke > td {\n background-color: #f7f7f7;\n}\n\n.table-smoke th,\n.table-smoke td,\n.table-smoke thead th,\n.table-smoke tbody + tbody {\n border-color: #f0f0f0;\n}\n\n.table-hover .table-smoke:hover {\n background-color: #eaeaea;\n}\n\n.table-hover .table-smoke:hover > td,\n.table-hover .table-smoke:hover > th {\n background-color: #eaeaea;\n}\n\n.table-light,\n.table-light > th,\n.table-light > td {\n background-color: #fefefe;\n}\n\n.table-light th,\n.table-light td,\n.table-light thead th,\n.table-light tbody + tbody {\n border-color: #fdfdfd;\n}\n\n.table-hover .table-light:hover {\n background-color: #f1f1f1;\n}\n\n.table-hover .table-light:hover > td,\n.table-hover .table-light:hover > th {\n background-color: #f1f1f1;\n}\n\n.table-cloud,\n.table-cloud > th,\n.table-cloud > td {\n background-color: #fbfcfd;\n}\n\n.table-cloud th,\n.table-cloud td,\n.table-cloud thead th,\n.table-cloud tbody + tbody {\n border-color: #f8f9fb;\n}\n\n.table-hover .table-cloud:hover {\n background-color: #eaeff5;\n}\n\n.table-hover .table-cloud:hover > td,\n.table-hover .table-cloud:hover > th {\n background-color: #eaeff5;\n}\n\n.table-link,\n.table-link > th,\n.table-link > td {\n background-color: #bdd0ff;\n}\n\n.table-link th,\n.table-link td,\n.table-link thead th,\n.table-link tbody + tbody {\n border-color: #84a8ff;\n}\n\n.table-hover .table-link:hover {\n background-color: #a4beff;\n}\n\n.table-hover .table-link:hover > td,\n.table-hover .table-link:hover > th {\n background-color: #a4beff;\n}\n\n.table-white,\n.table-white > th,\n.table-white > td {\n background-color: white;\n}\n\n.table-white th,\n.table-white td,\n.table-white thead th,\n.table-white tbody + tbody {\n border-color: white;\n}\n\n.table-hover .table-white:hover {\n background-color: #f2f2f2;\n}\n\n.table-hover .table-white:hover > td,\n.table-hover .table-white:hover > th {\n background-color: #f2f2f2;\n}\n\n.table-active,\n.table-active > th,\n.table-active > td {\n background-color: #f2f4f7;\n}\n\n.table-hover .table-active:hover {\n background-color: #e2e7ed;\n}\n\n.table-hover .table-active:hover > td,\n.table-hover .table-active:hover > th {\n background-color: #e2e7ed;\n}\n\n.table .thead-dark th {\n color: #fff;\n background-color: #777;\n border-color: #8a8a8a;\n}\n\n.table .thead-light th {\n color: #212121;\n background-color: #fff;\n border-color: #e2e2e2;\n}\n\n.table-dark {\n color: #fff;\n background-color: #777;\n}\n\n.table-dark th,\n.table-dark td,\n.table-dark thead th {\n border-color: #8a8a8a;\n}\n\n.table-dark.table-bordered {\n border: 0;\n}\n\n.table-dark.table-striped tbody tr:nth-of-type(odd) {\n background-color: rgba(255, 255, 255, 0.05);\n}\n\n.table-dark.table-hover tbody tr:hover {\n color: #fff;\n background-color: rgba(255, 255, 255, 0.075);\n}\n\n@media (max-width: 575.98px) {\n .table-responsive-sm {\n display: block;\n width: 100%;\n overflow-x: auto;\n -webkit-overflow-scrolling: touch;\n }\n .table-responsive-sm > .table-bordered {\n border: 0;\n }\n}\n\n@media (max-width: 767.98px) {\n .table-responsive-md {\n display: block;\n width: 100%;\n overflow-x: auto;\n -webkit-overflow-scrolling: touch;\n }\n .table-responsive-md > .table-bordered {\n border: 0;\n }\n}\n\n@media (max-width: 991.98px) {\n .table-responsive-lg {\n display: block;\n width: 100%;\n overflow-x: auto;\n -webkit-overflow-scrolling: touch;\n }\n .table-responsive-lg > .table-bordered {\n border: 0;\n }\n}\n\n@media (max-width: 1271.98px) {\n .table-responsive-xl {\n display: block;\n width: 100%;\n overflow-x: auto;\n -webkit-overflow-scrolling: touch;\n }\n .table-responsive-xl > .table-bordered {\n border: 0;\n }\n}\n\n.table-responsive {\n display: block;\n width: 100%;\n overflow-x: auto;\n -webkit-overflow-scrolling: touch;\n}\n\n.table-responsive > .table-bordered {\n border: 0;\n}\n\n.table {\n margin-bottom: 0;\n border-spacing: 0;\n border-collapse: separate;\n border: 1px solid #e2e2e2;\n border-radius: 4px;\n}\n\n.table tr:hover {\n background: #f2f4f7;\n}\n\n.table th,\n.table td {\n padding: 10px 16px;\n border-top: 0;\n}\n\n.table th .btn-icon,\n.table td .btn-icon {\n margin-top: -8px;\n margin-bottom: -8px;\n}\n\n.table thead th {\n background-color: #fbfbfb;\n border-bottom: 1px solid #e2e2e2;\n}\n\n.table thead th:first-child {\n border-top-left-radius: 4px;\n}\n\n.table thead th:last-child {\n border-top-right-radius: 4px;\n}\n\n.table thead .sort {\n cursor: pointer;\n}\n\n.table thead .sort span {\n position: relative;\n}\n\n.table thead .sort span::before, .table thead .sort span::after {\n position: absolute;\n right: -12px;\n width: 0;\n height: 0;\n content: \"\";\n border-style: solid;\n}\n\n.table thead .sort span::before {\n top: 2px;\n border-color: transparent transparent #777 transparent;\n border-width: 0 4px 4px;\n}\n\n.table thead .sort span::after {\n bottom: 2px;\n border-color: #777 transparent transparent transparent;\n border-width: 4px 4px 0;\n}\n\n.table thead .sort.sort-up span::before, .table thead .sort.sort-down span::before {\n border-color: transparent transparent #212121 transparent;\n}\n\n.table thead .sort.sort-up span::after, .table thead .sort.sort-down span::after {\n border-color: #212121 transparent transparent transparent;\n}\n\n.table tbody tr:not(:last-child) th,\n.table tbody tr:not(:last-child) td {\n border-bottom: 1px solid #e2e2e2;\n}\n\n.table.table-bordered tbody th,\n.table.table-bordered tbody td {\n border-bottom: 0;\n}\n\n.table.table-bordered th,\n.table.table-bordered td {\n border-right: 1px solid #e2e2e2;\n border-left: 0;\n}\n\n.table.table-bordered thead th:last-child,\n.table.table-bordered tbody td:last-child {\n border-right: 0;\n}\n\n.table .table__checkbox {\n width: 32px;\n padding-right: 0;\n}\n\n.table .table__checkbox .custom-control {\n padding-left: 16px;\n margin-bottom: 0;\n}\n\n.table .table__checkbox .custom-control-label::before, .table .table__checkbox .custom-control-label::after {\n left: -16px;\n}\n/# sourceMappingURL=mekari-ui-tables.css.map */","// 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","// Tables\n\n@mixin table-row-variant($state, $background, $border: null) {\n // Exact selectors below required to override `.#{$prefix}table-striped` and prevent\n // inheritance to nested tables.\n .#{$prefix}table-#{$state} {\n &,\n > th,\n > td {\n background-color: $background;\n }\n\n @if $border != null {\n th,\n td,\n thead th,\n tbody + tbody {\n border-color: $border;\n }\n }\n }\n\n // Hover states for `.#{$prefix}table-hover`\n // Note: this is not available for cells or rows within `thead` or `tfoot`.\n .#{$prefix}table-hover {\n $hover-background: darken($background, 5%);\n\n .#{$prefix}table-#{$state} {\n @include hover {\n background-color: $hover-background;\n\n > td,\n > th {\n background-color: $hover-background;\n }\n }\n }\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","\n.#{$prefix}table {\n margin-bottom: 0;\n border-spacing: 0;\n border-collapse: separate;\n border: 1px solid $smoke;\n @include border-radius(4px);\n tr:hover {\n background: $cloud;\n }\n th,\n td {\n padding: 10px 16px;\n border-top: 0;\n\n .#{$prefix}btn-icon {\n margin-top: -8px;\n margin-bottom: -8px;\n }\n }\n thead {\n th {\n background-color: $light;\n border-bottom: $table-border-width solid $table-border-color;\n &:first-child {\n // stylelint-disable-next-line property-blacklist\n border-top-left-radius: 4px;\n }\n &:last-child {\n // stylelint-disable-next-line property-blacklist\n border-top-right-radius: 4px;\n }\n }\n .sort {\n cursor: pointer;\n span {\n position: relative;\n &::before,\n &::after {\n position: absolute;\n right: -12px;\n width: 0;\n height: 0;\n content: \"\";\n border-style: solid;\n }\n &::before {\n top: 2px;\n border-color: transparent transparent $slate transparent;\n border-width: 0 4px 4px;\n }\n &::after {\n bottom: 2px;\n border-color: $slate transparent transparent transparent;\n border-width: 4px 4px 0;\n }\n }\n &.sort-up,\n &.sort-down {\n span {\n &::before {\n border-color: transparent transparent $dark transparent;\n }\n &::after {\n border-color: $dark transparent transparent transparent;\n }\n }\n }\n }\n }\n tbody {\n tr:not(:last-child) {\n // stylelint-disable-next-line selector-max-type\n th,\n td {\n border-bottom: 1px solid $table-border-color;\n }\n }\n }\n\n &.#{$prefix}table-bordered {\n tbody {\n th,\n td {\n border-bottom: 0;\n }\n }\n th,\n td {\n border-right: $table-border-width solid $table-border-color;\n border-left: 0;\n }\n thead th:last-child,\n tbody td:last-child {\n border-right: 0;\n }\n }\n\n .#{$prefix}table {\n &__checkbox {\n width: 32px;\n padding-right: 0;\n\n .#{$prefix}custom-control {\n padding-left: 16px;\n margin-bottom: 0;\n\n &-label {\n &::before,\n &::after {\n left: -16px;\n }\n }\n }\n }\n }\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"]}

data/lib/assets/stylesheets/css/components/mekari-ui-tables.css CHANGED

@@ -547,6 +547,10 @@
   border-radius: 4px;
 }
+.table tr:hover {
+  background: #f2f4f7;
+}
 .table th,
 .table td {
   padding: 10px 16px;

data/lib/assets/stylesheets/css/components/mekari-ui-tables.css.map CHANGED

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../scss/vendors/_tables.scss","../../../scss/vendor-extensions/_spacing.scss","../../../scss/vendor-extensions/_color.scss","mekari-ui-tables.css","../../../scss/vendor-extensions/_tables.scss","../../../scss/vendors/mixins/_hover.scss","../../../scss/vendors/mixins/_table-row.scss","../../../scss/vendors/_functions.scss","../../../scss/vendors/mixins/_breakpoints.scss","../../../scss/components/config/_tables.scss","../../../scss/vendors/mixins/_border-radius.scss"],"names":[],"mappings":"AAIA;EACE,WAAW;EACX,mBCLW;EDMX,cENa;ACGf;;AHAA;;EAQI,gBISgC;EJRhC,mBAAmB;EACnB,6BEVW;ACOf;;AHPA;EAcI,sBAAsB;EACtB,gCEfW;ACYf;;AHZA;EAmBI,6BEnBW;ACgBf;;AHYA;;EAGI,eIb+B;ADGnC;;AHmBA;EACE,yBEzCa;ACyBf;;AHeA;;EAKI,yBE7CW;AC8Bf;;AHUA;;EAWM,wBAA4C;AGhBlD;;AHqBA;;;;EAKI,SAAS;AGnBb;;AH2BA;EAEI,qCEnDW;AC0Bf;;AEtCE;EL2EI,cEtFS;EFuFT,yBEjFS;ACgDf;;AGlDE;;;EAII,yBC2E4D;AJvBlE;;AGxDE;;;;EAYM,qBCmE0D;AJhBlE;;AExDE;ECiBM,yBAJsC;AH+C9C;;AGhDE;;EASQ,yBARoC;AHoD9C;;AGxEE;;;EAII,yBC2E4D;AJDlE;;AG9EE;;;;EAYM,qBCmE0D;AJMlE;;AE9EE;ECiBM,yBAJsC;AHqE9C;;AGtEE;;EASQ,yBARoC;AH0E9C;;AG9FE;;;EAII,yBC2E4D;AJqBlE;;AGpGE;;;;EAYM,qBCmE0D;AJ4BlE;;AEpGE;ECiBM,yBAJsC;AH2F9C;;AG5FE;;EASQ,yBARoC;AHgG9C;;AGpHE;;;EAII,yBC2E4D;AJ2ClE;;AG1HE;;;;EAYM,qBCmE0D;AJkDlE;;AE1HE;ECiBM,yBAJsC;AHiH9C;;AGlHE;;EASQ,yBARoC;AHsH9C;;AG1IE;;;EAII,yBC2E4D;AJiElE;;AGhJE;;;;EAYM,qBCmE0D;AJwElE;;AEhJE;ECiBM,yBAJsC;AHuI9C;;AGxIE;;EASQ,yBARoC;AH4I9C;;AGhKE;;;EAII,yBC2E4D;AJuFlE;;AGtKE;;;;EAYM,qBCmE0D;AJ8FlE;;AEtKE;ECiBM,yBAJsC;AH6J9C;;AG9JE;;EASQ,yBARoC;AHkK9C;;AGtLE;;;EAII,yBC2E4D;AJ6GlE;;AG5LE;;;;EAYM,qBCmE0D;AJoHlE;;AE5LE;ECiBM,yBAJsC;AHmL9C;;AGpLE;;EASQ,yBARoC;AHwL9C;;AG5ME;;;EAII,yBC2E4D;AJmIlE;;AGlNE;;;;EAYM,qBCmE0D;AJ0IlE;;AElNE;ECiBM,yBAJsC;AHyM9C;;AG1ME;;EASQ,yBARoC;AH8M9C;;AGlOE;;;EAII,yBC2E4D;AJyJlE;;AGxOE;;;;EAYM,qBCmE0D;AJgKlE;;AExOE;ECiBM,yBAJsC;AH+N9C;;AGhOE;;EASQ,yBARoC;AHoO9C;;AGxPE;;;EAII,yBC2E4D;AJ+KlE;;AG9PE;;;;EAYM,qBCmE0D;AJsLlE;;AE9PE;ECiBM,yBAJsC;AHqP9C;;AGtPE;;EASQ,yBARoC;AH0P9C;;AG9QE;;;EAII,yBC2E4D;AJqMlE;;AGpRE;;;;EAYM,qBCmE0D;AJ4MlE;;AEpRE;ECiBM,yBAJsC;AH2Q9C;;AG5QE;;EASQ,yBARoC;AHgR9C;;AGpSE;;;EAII,yBC2E4D;AJ2NlE;;AG1SE;;;;EAYM,qBCmE0D;AJkOlE;;AE1SE;ECiBM,yBAJsC;AHiS9C;;AGlSE;;EASQ,yBARoC;AHsS9C;;AG1TE;;;EAII,yBC2E4D;AJiPlE;;AGhUE;;;;EAYM,qBCmE0D;AJwPlE;;AEhUE;ECiBM,yBAJsC;AHuT9C;;AGxTE;;EASQ,yBARoC;AH4T9C;;AGhVE;;;EAII,yBC2E4D;AJuQlE;;AGtVE;;;;EAYM,qBCmE0D;AJ8QlE;;AEtVE;ECiBM,yBAJsC;AH6U9C;;AG9UE;;EASQ,yBARoC;AHkV9C;;AGtWE;;;EAII,yBC2E4D;AJ6RlE;;AG5WE;;;;EAYM,qBCmE0D;AJoSlE;;AE5WE;ECiBM,yBAJsC;AHmW9C;;AGpWE;;EASQ,yBARoC;AHwW9C;;AG5XE;;;EAII,yBC2E4D;AJmTlE;;AGlYE;;;;EAYM,qBCmE0D;AJ0TlE;;AElYE;ECiBM,yBAJsC;AHyX9C;;AG1XE;;EASQ,yBARoC;AH8X9C;;AGlZE;;;EAII,uBC2E4D;AJyUlE;;AGxZE;;;;EAYM,mBCmE0D;AJgVlE;;AExZE;ECiBM,yBAJsC;AH+Y9C;;AGhZE;;EASQ,yBARoC;AHoZ9C;;AGxaE;;;EAII,yBJFS;AC4af;;AEvaE;ECiBM,yBAJsC;AH8Z9C;;AG/ZE;;EASQ,yBARoC;AHma9C;;AH7UA;EAGM,WE5GM;EF6GN,sBEjHM;EFkHN,qBIvFqD;ADqa3D;;AHnVA;EAWM,cEzHS;EF0HT,sBErHM;EFsHN,qBExHS;ACocf;;AHvUA;EACE,WE5HU;EF6HV,sBEjIU;AC2cZ;;AH5UA;;;EAOI,qBI3GuD;ADsb3D;;AHlVA;EAWI,SAAS;AG2Ub;;AHtVA;EAgBM,2CE3IM;ACqdZ;;AE/cE;EL4IM,WElJI;EFmJJ,4CEnJI;AC0dZ;;AKvZI;ERiGA;IAEI,cAAc;IACd,WAAW;IACX,gBAAgB;IAChB,iCAAiC;EGyTvC;EH9TG;IASK,SAAS;EGwTjB;AACF;;AKnaI;ERiGA;IAEI,cAAc;IACd,WAAW;IACX,gBAAgB;IAChB,iCAAiC;EGqUvC;EH1UG;IASK,SAAS;EGoUjB;AACF;;AK/aI;ERiGA;IAEI,cAAc;IACd,WAAW;IACX,gBAAgB;IAChB,iCAAiC;EGiVvC;EHtVG;IASK,SAAS;EGgVjB;AACF;;AK3bI;ERiGA;IAEI,cAAc;IACd,WAAW;IACX,gBAAgB;IAChB,iCAAiC;EG6VvC;EHlWG;IASK,SAAS;EG4VjB;AACF;;AH3WA;EAOQ,cAAc;EACd,WAAW;EACX,gBAAgB;EAChB,iCAAiC;AGwWzC;;AHlXA;EAcU,SAAS;AGwWnB;;AM1hBA;EACE,gBAAgB;EAChB,iBAAiB;EACjB,yBAAyB;EACzB,yBPDa;EQCX,kBDCwB;AN6hB5B;;AMliBA;;EAQI,kBAAkB;EAClB,aAAa;AN+hBjB;;AMxiBA;;EAYM,gBAAgB;EAChB,mBAAmB;ANiiBzB;;AM9iBA;EAkBM,yBPdS;EOeT,gCPhBS;ACgjBf;;AMnjBA;EAsBQ,2BAA2B;ANiiBnC;;AMvjBA;EA0BQ,4BAA4B;ANiiBpC;;AM3jBA;EA8BM,eAAe;ANiiBrB;;AM/jBA;EAgCQ,kBAAkB;ANmiB1B;;AMnkBA;EAmCU,kBAAkB;EAClB,YAAY;EACZ,QAAQ;EACR,SAAS;EACT,WAAW;EACX,mBAAmB;ANoiB7B;;AM5kBA;EA2CU,QAAQ;EACR,sDAAwD;EACxD,uBAAuB;ANqiBjC;;AMllBA;EAgDU,WAAW;EACX,sDAAwD;EACxD,uBAAuB;ANsiBjC;;AMxlBA;EAyDY,yDAAuD;ANmiBnE;;AM5lBA;EA4DY,yDAAuD;ANoiBnE;;AMhmBA;;EAuEQ,gCPpEO;ACkmBf;;AMrmBA;;EAgFQ,gBAAgB;AN0hBxB;;AM1mBA;;EAqFM,+BPlFS;EOmFT,cAAc;AN0hBpB;;AMhnBA;;EA0FM,eAAe;AN2hBrB;;AMrnBA;EAgGM,WAAW;EACX,gBAAgB;ANyhBtB;;AM1nBA;EAoGQ,kBAAkB;EAClB,gBAAgB;AN0hBxB;;AM/nBA;EA0GY,WAAW;ANyhBvB","file":"mekari-ui-tables.css","sourcesContent":["//\n// Basic Bootstrap table\n//\n\n.#{$prefix}table {\n width: 100%;\n margin-bottom: $spacer;\n color: $table-color;\n background-color: $table-bg; // Reset for nesting within parents with `background-color`.\n\n th,\n td {\n padding: $table-cell-padding;\n vertical-align: top;\n border-top: $table-border-width solid $table-border-color;\n }\n\n thead th {\n vertical-align: bottom;\n border-bottom: (2 * $table-border-width) solid $table-border-color;\n }\n\n tbody + tbody {\n border-top: (2 * $table-border-width) solid $table-border-color;\n }\n}\n\n\n//\n// Condensed table w/ half padding\n//\n\n.#{$prefix}table-sm {\n th,\n td {\n padding: $table-cell-padding-sm;\n }\n}\n\n\n// Border versions\n//\n// Add or remove borders all around the table and between all the columns.\n\n.#{$prefix}table-bordered {\n border: $table-border-width solid $table-border-color;\n\n th,\n td {\n border: $table-border-width solid $table-border-color;\n }\n\n thead {\n th,\n td {\n border-bottom-width: 2 * $table-border-width;\n }\n }\n}\n\n.#{$prefix}table-borderless {\n th,\n td,\n thead th,\n tbody + tbody {\n border: 0;\n }\n}\n\n// Zebra-striping\n//\n// Default zebra-stripe styles (alternating gray and transparent backgrounds)\n\n.#{$prefix}table-striped {\n tbody tr:nth-of-type(#{$table-striped-order}) {\n background-color: $table-accent-bg;\n }\n}\n\n\n// Hover effect\n//\n// Placed here since it has to come after the potential zebra striping\n\n.#{$prefix}table-hover {\n tbody tr {\n @include hover {\n color: $table-hover-color;\n background-color: $table-hover-bg;\n }\n }\n}\n\n\n// Table backgrounds\n//\n// Exact selectors below required to override `.#{$prefix}table-striped` and prevent\n// inheritance to nested tables.\n\n@each $color, $value in $theme-colors {\n @include table-row-variant($color, theme-color-level($color, $table-bg-level), theme-color-level($color, $table-border-level));\n}\n\n@include table-row-variant(active, $table-active-bg);\n\n\n// Dark styles\n//\n// Same table markup, but inverted color scheme: dark background and light text.\n\n// stylelint-disable-next-line no-duplicate-selectors\n.#{$prefix}table {\n .#{$prefix}thead-dark {\n th {\n color: $table-dark-color;\n background-color: $table-dark-bg;\n border-color: $table-dark-border-color;\n }\n }\n\n .#{$prefix}thead-light {\n th {\n color: $table-head-color;\n background-color: $table-head-bg;\n border-color: $table-border-color;\n }\n }\n}\n\n.#{$prefix}table-dark {\n color: $table-dark-color;\n background-color: $table-dark-bg;\n\n th,\n td,\n thead th {\n border-color: $table-dark-border-color;\n }\n\n &.#{$prefix}table-bordered {\n border: 0;\n }\n\n &.#{$prefix}table-striped {\n tbody tr:nth-of-type(odd) {\n background-color: $table-dark-accent-bg;\n }\n }\n\n &.#{$prefix}table-hover {\n tbody tr {\n @include hover {\n color: $table-dark-hover-color;\n background-color: $table-dark-hover-bg;\n }\n }\n }\n}\n\n\n// Responsive tables\n//\n// Generate series of `.#{$prefix}table-responsive-` classes for configuring the screen\n// size of where your table will overflow.\n\n.#{$prefix}table-responsive {\n @each $breakpoint in map-keys($grid-breakpoints) {\n $next: breakpoint-next($breakpoint, $grid-breakpoints);\n $infix: breakpoint-infix($next, $grid-breakpoints);\n\n &#{$infix} {\n @include media-breakpoint-down($breakpoint) {\n display: block;\n width: 100%;\n overflow-x: auto;\n -webkit-overflow-scrolling: touch;\n\n // Prevent double border on horizontal scroll due to use of `display: block;`\n > .#{$prefix}table-bordered {\n border: 0;\n }\n }\n }\n }\n}\n","// Spacing for Mekari UI\n$spacer: 1rem;\n$spacers: (\n 0: 0,\n 1: ($spacer .25), // tiny\n 2: ($spacer * .5), // xmall\n 3: $spacer, // small\n 4: ($spacer * 1.5), // normal\n 5: ($spacer * 2), // medium\n 6: ($spacer * 2.5), // large\n 7: ($spacer * 5) // xlarge\n);\n\n$headings-margin-bottom: $spacer / 2;\n$paragraph-margin-bottom: $spacer;\n$label-margin-bottom: 8px;\n\n//pagination\n\n$pagination-padding-y: 8px;\n$pagination-padding-x: 12px;\n$pagination-padding-y-sm: 4px;\n$pagination-padding-x-sm: 8px;\n$pagination-padding-y-lg: 12px;\n$pagination-padding-x-lg: 24px;\n$pagination-line-height: 20px;\n\n$pagination-border-width: 1px;\n$pagination-border-color: $smoke;\n\n$pagination-hover-color: $link-hover-color;\n$pagination-hover-bg: $smoke;\n$pagination-hover-border-color: $muted;\n\n$pagination-color: $link-color;\n$pagination-bg: $white;\n$pagination-focus-outline: 0;\n$pagination-focus-box-shadow: 0 0 0 .2rem $primary;\n\n$pagination-active-color: $white;\n$pagination-active-bg: $primary;\n$pagination-active-border-color: $pagination-active-bg;\n\n$pagination-disabled-color: $slate !default;\n$pagination-disabled-bg: $white !default;\n$pagination-disabled-border-color: $smoke !default;\n\n$line-height-lg: 32px;\n\n//images\n\n$thumbnail-padding: 4px;\n$thumbnail-bg: $body-bg;\n\n$thumbnail-border-width: 1px;\n$thumbnail-border-color: $smoke;\n$thumbnail-border-radius: 4px;\n$thumbnail-box-shadow: 0 1px 2px rgba($black, .075);\n$figure-caption-font-size: 90%;\n$figure-caption-color: $slate;\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",".table {\n width: 100%;\n margin-bottom: 1rem;\n color: #212121;\n}\n\n.table th,\n.table td {\n padding: 0.75rem;\n vertical-align: top;\n border-top: 1px solid #e2e2e2;\n}\n\n.table thead th {\n vertical-align: bottom;\n border-bottom: 2px solid #e2e2e2;\n}\n\n.table tbody + tbody {\n border-top: 2px solid #e2e2e2;\n}\n\n.table-sm th,\n.table-sm td {\n padding: 0.3rem;\n}\n\n.table-bordered {\n border: 1px solid #e2e2e2;\n}\n\n.table-bordered th,\n.table-bordered td {\n border: 1px solid #e2e2e2;\n}\n\n.table-bordered thead th,\n.table-bordered thead td {\n border-bottom-width: 2px;\n}\n\n.table-borderless th,\n.table-borderless td,\n.table-borderless thead th,\n.table-borderless tbody + tbody {\n border: 0;\n}\n\n.table-striped tbody tr:nth-of-type(odd) {\n background-color: rgba(0, 0, 0, 0.05);\n}\n\n.table-hover tbody tr:hover {\n color: #212121;\n background-color: #f2f4f7;\n}\n\n.table-danger,\n.table-danger > th,\n.table-danger > td {\n background-color: #f4cac1;\n}\n\n.table-danger th,\n.table-danger td,\n.table-danger thead th,\n.table-danger tbody + tbody {\n border-color: #ea9c8c;\n}\n\n.table-hover .table-danger:hover {\n background-color: #f0b7ab;\n}\n\n.table-hover .table-danger:hover > td,\n.table-hover .table-danger:hover > th {\n background-color: #f0b7ab;\n}\n\n.table-success,\n.table-success > th,\n.table-success > td {\n background-color: #b8e4d3;\n}\n\n.table-success th,\n.table-success td,\n.table-success thead th,\n.table-success tbody + tbody {\n border-color: #7acdad;\n}\n\n.table-hover .table-success:hover {\n background-color: #a6ddc8;\n}\n\n.table-hover .table-success:hover > td,\n.table-hover .table-success:hover > th {\n background-color: #a6ddc8;\n}\n\n.table-info,\n.table-info > th,\n.table-info > td {\n background-color: #fff9e2;\n}\n\n.table-info th,\n.table-info td,\n.table-info thead th,\n.table-info tbody + tbody {\n border-color: #fff5ca;\n}\n\n.table-hover .table-info:hover {\n background-color: #fff4c9;\n}\n\n.table-hover .table-info:hover > td,\n.table-hover .table-info:hover > th {\n background-color: #fff4c9;\n}\n\n.table-warning,\n.table-warning > th,\n.table-warning > td {\n background-color: #ffebb8;\n}\n\n.table-warning th,\n.table-warning td,\n.table-warning thead th,\n.table-warning tbody + tbody {\n border-color: #ffda7a;\n}\n\n.table-hover .table-warning:hover {\n background-color: #ffe49f;\n}\n\n.table-hover .table-warning:hover > td,\n.table-hover .table-warning:hover > th {\n background-color: #ffe49f;\n}\n\n.table-primary,\n.table-primary > th,\n.table-primary > td {\n background-color: #b8d2ed;\n}\n\n.table-primary th,\n.table-primary td,\n.table-primary thead th,\n.table-primary tbody + tbody {\n border-color: #7aacde;\n}\n\n.table-hover .table-primary:hover {\n background-color: #a4c5e8;\n}\n\n.table-hover .table-primary:hover > td,\n.table-hover .table-primary:hover > th {\n background-color: #a4c5e8;\n}\n\n.table-jurnal,\n.table-jurnal > th,\n.table-jurnal > td {\n background-color: #b8e3f6;\n}\n\n.table-jurnal th,\n.table-jurnal td,\n.table-jurnal thead th,\n.table-jurnal tbody + tbody {\n border-color: #7acbee;\n}\n\n.table-hover .table-jurnal:hover {\n background-color: #a1daf3;\n}\n\n.table-hover .table-jurnal:hover > td,\n.table-hover .table-jurnal:hover > th {\n background-color: #a1daf3;\n}\n\n.table-talenta,\n.table-talenta > th,\n.table-talenta > td {\n background-color: #edc3c6;\n}\n\n.table-talenta th,\n.table-talenta td,\n.table-talenta thead th,\n.table-talenta tbody + tbody {\n border-color: #de9095;\n}\n\n.table-hover .table-talenta:hover {\n background-color: #e7afb3;\n}\n\n.table-hover .table-talenta:hover > td,\n.table-hover .table-talenta:hover > th {\n background-color: #e7afb3;\n}\n\n.table-klikpajak,\n.table-klikpajak > th,\n.table-klikpajak > td {\n background-color: #fdd6b8;\n}\n\n.table-klikpajak th,\n.table-klikpajak td,\n.table-klikpajak thead th,\n.table-klikpajak tbody + tbody {\n border-color: #fcb37b;\n}\n\n.table-hover .table-klikpajak:hover {\n background-color: #fcc89f;\n}\n\n.table-hover .table-klikpajak:hover > td,\n.table-hover .table-klikpajak:hover > th {\n background-color: #fcc89f;\n}\n\n.table-mekari,\n.table-mekari > th,\n.table-mekari > td {\n background-color: #d6ccf8;\n}\n\n.table-mekari th,\n.table-mekari td,\n.table-mekari thead th,\n.table-mekari tbody + tbody {\n border-color: #b3a0f1;\n}\n\n.table-hover .table-mekari:hover {\n background-color: #c4b6f5;\n}\n\n.table-hover .table-mekari:hover > td,\n.table-hover .table-mekari:hover > th {\n background-color: #c4b6f5;\n}\n\n.table-dark,\n.table-dark > th,\n.table-dark > td {\n background-color: #c1c1c1;\n}\n\n.table-dark th,\n.table-dark td,\n.table-dark thead th,\n.table-dark tbody + tbody {\n border-color: #8c8c8c;\n}\n\n.table-hover .table-dark:hover {\n background-color: #b4b4b4;\n}\n\n.table-hover .table-dark:hover > td,\n.table-hover .table-dark:hover > th {\n background-color: #b4b4b4;\n}\n\n.table-slate,\n.table-slate > th,\n.table-slate > td {\n background-color: #d9d9d9;\n}\n\n.table-slate th,\n.table-slate td,\n.table-slate thead th,\n.table-slate tbody + tbody {\n border-color: #b8b8b8;\n}\n\n.table-hover .table-slate:hover {\n background-color: #cccccc;\n}\n\n.table-hover .table-slate:hover > td,\n.table-hover .table-slate:hover > th {\n background-color: #cccccc;\n}\n\n.table-muted,\n.table-muted > th,\n.table-muted > td {\n background-color: #eaeaea;\n}\n\n.table-muted th,\n.table-muted td,\n.table-muted thead th,\n.table-muted tbody + tbody {\n border-color: #d8d8d8;\n}\n\n.table-hover .table-muted:hover {\n background-color: #dddddd;\n}\n\n.table-hover .table-muted:hover > td,\n.table-hover .table-muted:hover > th {\n background-color: #dddddd;\n}\n\n.table-smoke,\n.table-smoke > th,\n.table-smoke > td {\n background-color: #f7f7f7;\n}\n\n.table-smoke th,\n.table-smoke td,\n.table-smoke thead th,\n.table-smoke tbody + tbody {\n border-color: #f0f0f0;\n}\n\n.table-hover .table-smoke:hover {\n background-color: #eaeaea;\n}\n\n.table-hover .table-smoke:hover > td,\n.table-hover .table-smoke:hover > th {\n background-color: #eaeaea;\n}\n\n.table-light,\n.table-light > th,\n.table-light > td {\n background-color: #fefefe;\n}\n\n.table-light th,\n.table-light td,\n.table-light thead th,\n.table-light tbody + tbody {\n border-color: #fdfdfd;\n}\n\n.table-hover .table-light:hover {\n background-color: #f1f1f1;\n}\n\n.table-hover .table-light:hover > td,\n.table-hover .table-light:hover > th {\n background-color: #f1f1f1;\n}\n\n.table-cloud,\n.table-cloud > th,\n.table-cloud > td {\n background-color: #fbfcfd;\n}\n\n.table-cloud th,\n.table-cloud td,\n.table-cloud thead th,\n.table-cloud tbody + tbody {\n border-color: #f8f9fb;\n}\n\n.table-hover .table-cloud:hover {\n background-color: #eaeff5;\n}\n\n.table-hover .table-cloud:hover > td,\n.table-hover .table-cloud:hover > th {\n background-color: #eaeff5;\n}\n\n.table-link,\n.table-link > th,\n.table-link > td {\n background-color: #bdd0ff;\n}\n\n.table-link th,\n.table-link td,\n.table-link thead th,\n.table-link tbody + tbody {\n border-color: #84a8ff;\n}\n\n.table-hover .table-link:hover {\n background-color: #a4beff;\n}\n\n.table-hover .table-link:hover > td,\n.table-hover .table-link:hover > th {\n background-color: #a4beff;\n}\n\n.table-white,\n.table-white > th,\n.table-white > td {\n background-color: white;\n}\n\n.table-white th,\n.table-white td,\n.table-white thead th,\n.table-white tbody + tbody {\n border-color: white;\n}\n\n.table-hover .table-white:hover {\n background-color: #f2f2f2;\n}\n\n.table-hover .table-white:hover > td,\n.table-hover .table-white:hover > th {\n background-color: #f2f2f2;\n}\n\n.table-active,\n.table-active > th,\n.table-active > td {\n background-color: #f2f4f7;\n}\n\n.table-hover .table-active:hover {\n background-color: #e2e7ed;\n}\n\n.table-hover .table-active:hover > td,\n.table-hover .table-active:hover > th {\n background-color: #e2e7ed;\n}\n\n.table .thead-dark th {\n color: #fff;\n background-color: #777;\n border-color: #8a8a8a;\n}\n\n.table .thead-light th {\n color: #212121;\n background-color: #fff;\n border-color: #e2e2e2;\n}\n\n.table-dark {\n color: #fff;\n background-color: #777;\n}\n\n.table-dark th,\n.table-dark td,\n.table-dark thead th {\n border-color: #8a8a8a;\n}\n\n.table-dark.table-bordered {\n border: 0;\n}\n\n.table-dark.table-striped tbody tr:nth-of-type(odd) {\n background-color: rgba(255, 255, 255, 0.05);\n}\n\n.table-dark.table-hover tbody tr:hover {\n color: #fff;\n background-color: rgba(255, 255, 255, 0.075);\n}\n\n@media (max-width: 575.98px) {\n .table-responsive-sm {\n display: block;\n width: 100%;\n overflow-x: auto;\n -webkit-overflow-scrolling: touch;\n }\n .table-responsive-sm > .table-bordered {\n border: 0;\n }\n}\n\n@media (max-width: 767.98px) {\n .table-responsive-md {\n display: block;\n width: 100%;\n overflow-x: auto;\n -webkit-overflow-scrolling: touch;\n }\n .table-responsive-md > .table-bordered {\n border: 0;\n }\n}\n\n@media (max-width: 991.98px) {\n .table-responsive-lg {\n display: block;\n width: 100%;\n overflow-x: auto;\n -webkit-overflow-scrolling: touch;\n }\n .table-responsive-lg > .table-bordered {\n border: 0;\n }\n}\n\n@media (max-width: 1271.98px) {\n .table-responsive-xl {\n display: block;\n width: 100%;\n overflow-x: auto;\n -webkit-overflow-scrolling: touch;\n }\n .table-responsive-xl > .table-bordered {\n border: 0;\n }\n}\n\n.table-responsive {\n display: block;\n width: 100%;\n overflow-x: auto;\n -webkit-overflow-scrolling: touch;\n}\n\n.table-responsive > .table-bordered {\n border: 0;\n}\n\n.table {\n margin-bottom: 0;\n border-spacing: 0;\n border-collapse: separate;\n border: 1px solid #e2e2e2;\n border-radius: 4px;\n}\n\n.table th,\n.table td {\n padding: 10px 16px;\n border-top: 0;\n}\n\n.table th .btn-icon,\n.table td .btn-icon {\n margin-top: -8px;\n margin-bottom: -8px;\n}\n\n.table thead th {\n background-color: #fbfbfb;\n border-bottom: 1px solid #e2e2e2;\n}\n\n.table thead th:first-child {\n border-top-left-radius: 4px;\n}\n\n.table thead th:last-child {\n border-top-right-radius: 4px;\n}\n\n.table thead .sort {\n cursor: pointer;\n}\n\n.table thead .sort span {\n position: relative;\n}\n\n.table thead .sort span::before, .table thead .sort span::after {\n position: absolute;\n right: -12px;\n width: 0;\n height: 0;\n content: \"\";\n border-style: solid;\n}\n\n.table thead .sort span::before {\n top: 2px;\n border-color: transparent transparent #777 transparent;\n border-width: 0 4px 4px;\n}\n\n.table thead .sort span::after {\n bottom: 2px;\n border-color: #777 transparent transparent transparent;\n border-width: 4px 4px 0;\n}\n\n.table thead .sort.sort-up span::before, .table thead .sort.sort-down span::before {\n border-color: transparent transparent #212121 transparent;\n}\n\n.table thead .sort.sort-up span::after, .table thead .sort.sort-down span::after {\n border-color: #212121 transparent transparent transparent;\n}\n\n.table tbody tr:not(:last-child) th,\n.table tbody tr:not(:last-child) td {\n border-bottom: 1px solid #e2e2e2;\n}\n\n.table.table-bordered tbody th,\n.table.table-bordered tbody td {\n border-bottom: 0;\n}\n\n.table.table-bordered th,\n.table.table-bordered td {\n border-right: 1px solid #e2e2e2;\n border-left: 0;\n}\n\n.table.table-bordered thead th:last-child,\n.table.table-bordered tbody td:last-child {\n border-right: 0;\n}\n\n.table .table__checkbox {\n width: 32px;\n padding-right: 0;\n}\n\n.table .table__checkbox .custom-control {\n padding-left: 16px;\n margin-bottom: 0;\n}\n\n.table .table__checkbox .custom-control-label::before, .table .table__checkbox .custom-control-label::after {\n left: -16px;\n}\n\n/# sourceMappingURL=mekari-ui-tables.css.map /","\n$table-head-bg: $white;\n$table-head-color: $dark;\n\n$table-accent-bg: rgba($black, .05);\n$table-bg: null;\n$table-bg-level: -9;\n$table-caption-color: $text-muted;\n$table-color: $dark;\n$theme-color-interval: 8%;\n$table-striped-order: odd;\n\n$table-hover-color: $table-color;\n$table-hover-bg: $cloud;\n\n$table-active-bg: $table-hover-bg;\n\n$table-border-color: $smoke;\n$table-border-level: -6;\n$table-border-width: 1px;\n\n$table-cell-padding: .75rem;\n$table-cell-padding-sm: .3rem;\n\n$table-dark-color: $white;\n$table-dark-bg: $slate;\n$table-dark-accent-bg: rgba($white, .05);\n$table-dark-hover-color: $table-dark-color;\n$table-dark-hover-bg: rgba($white, .075);\n$table-dark-border-color: lighten($table-dark-bg, 7.5%);\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","// Tables\n\n@mixin table-row-variant($state, $background, $border: null) {\n // Exact selectors below required to override `.#{$prefix}table-striped` and prevent\n // inheritance to nested tables.\n .#{$prefix}table-#{$state} {\n &,\n > th,\n > td {\n background-color: $background;\n }\n\n @if $border != null {\n th,\n td,\n thead th,\n tbody + tbody {\n border-color: $border;\n }\n }\n }\n\n // Hover states for `.#{$prefix}table-hover`\n // Note: this is not available for cells or rows within `thead` or `tfoot`.\n .#{$prefix}table-hover {\n $hover-background: darken($background, 5%);\n\n .#{$prefix}table-#{$state} {\n @include hover {\n background-color: $hover-background;\n\n > td,\n > th {\n background-color: $hover-background;\n }\n }\n }\n }\n}\n","// Bootstrap functions\n//\n// Utility mixins and functions for evaluating source code across our variables, maps, and mixins.\n\n// Ascending\n// Used to evaluate Sass maps like our grid breakpoints.\n@mixin _assert-ascending($map, $map-name) {\n $prev-key: null;\n $prev-num: null;\n @each $key, $num in $map {\n @if $prev-num == null or unit($num) == \"%\" {\n // Do nothing\n } @else if not comparable($prev-num, $num) {\n @warn \"Potentially invalid value for #{$map-name}: This map must be in ascending order, but key '#{$key}' has value #{$num} whose unit makes it incomparable to #{$prev-num}, the value of the previous key '#{$prev-key}' !\";\n } @else if $prev-num >= $num {\n @warn \"Invalid value for #{$map-name}: This map must be in ascending order, but key '#{$key}' has value #{$num} which isn't greater than #{$prev-num}, the value of the previous key '#{$prev-key}' !\";\n }\n $prev-key: $key;\n $prev-num: $num;\n }\n}\n\n// Starts at zero\n// Used to ensure the min-width of the lowest breakpoint starts at 0.\n@mixin _assert-starts-at-zero($map, $map-name: \"$grid-breakpoints\") {\n $values: map-values($map);\n $first-value: nth($values, 1);\n @if $first-value != 0 {\n @warn \"First breakpoint in #{$map-name} must start at 0, but starts at #{$first-value}.\";\n }\n}\n\n// Replace `$search` with `$replace` in `$string`\n// Used on our SVG icon backgrounds for custom forms.\n//\n// @author Hugo Giraudel\n// @param {String} $string - Initial string\n// @param {String} $search - Substring to replace\n// @param {String} $replace ('') - New value\n// @return {String} - Updated string\n@function str-replace($string, $search, $replace: \"\") {\n $index: str-index($string, $search);\n\n @if $index {\n @return str-slice($string, 1, $index - 1) + $replace + str-replace(str-slice($string, $index + str-length($search)), $search, $replace);\n }\n\n @return $string;\n}\n\n// Color contrast\n@function color-yiq($color, $dark: $yiq-text-dark, $light: $yiq-text-light) {\n $r: red($color);\n $g: green($color);\n $b: blue($color);\n\n $yiq: (($r * 299) + ($g * 587) + ($b * 114)) / 1000;\n\n @if ($yiq >= $yiq-contrasted-threshold) {\n @return $dark;\n } @else {\n @return $light;\n }\n}\n\n// Retrieve color Sass maps\n@function color($key: \"blue\") {\n @return map-get($colors, $key);\n}\n\n@function theme-color($key: \"primary\") {\n @return map-get($theme-colors, $key);\n}\n\n@function gray($key: \"100\") {\n @return map-get($grays, $key);\n}\n\n// Request a theme color level\n@function theme-color-level($color-name: \"primary\", $level: 0) {\n $color: theme-color($color-name);\n $color-base: if($level > 0, $black, $white);\n $level: abs($level);\n\n @return mix($color-base, $color, $level * $theme-color-interval);\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","\n.#{$prefix}table {\n margin-bottom: 0;\n border-spacing: 0;\n border-collapse: separate;\n border: 1px solid $smoke;\n @include border-radius(4px);\n th,\n td {\n padding: 10px 16px;\n border-top: 0;\n\n .#{$prefix}btn-icon {\n margin-top: -8px;\n margin-bottom: -8px;\n }\n }\n thead {\n th {\n background-color: $light;\n border-bottom: $table-border-width solid $table-border-color;\n &:first-child {\n // stylelint-disable-next-line property-blacklist\n border-top-left-radius: 4px;\n }\n &:last-child {\n // stylelint-disable-next-line property-blacklist\n border-top-right-radius: 4px;\n }\n }\n .sort {\n cursor: pointer;\n span {\n position: relative;\n &::before,\n &::after {\n position: absolute;\n right: -12px;\n width: 0;\n height: 0;\n content: \"\";\n border-style: solid;\n }\n &::before {\n top: 2px;\n border-color: transparent transparent $slate transparent;\n border-width: 0 4px 4px;\n }\n &::after {\n bottom: 2px;\n border-color: $slate transparent transparent transparent;\n border-width: 4px 4px 0;\n }\n }\n &.sort-up,\n &.sort-down {\n span {\n &::before {\n border-color: transparent transparent $dark transparent;\n }\n &::after {\n border-color: $dark transparent transparent transparent;\n }\n }\n }\n }\n }\n tbody {\n tr:not(:last-child) {\n // stylelint-disable-next-line selector-max-type\n th,\n td {\n border-bottom: 1px solid $table-border-color;\n }\n }\n }\n\n &.#{$prefix}table-bordered {\n tbody {\n th,\n td {\n border-bottom: 0;\n }\n }\n th,\n td {\n border-right: $table-border-width solid $table-border-color;\n border-left: 0;\n }\n thead th:last-child,\n tbody td:last-child {\n border-right: 0;\n }\n }\n\n .#{$prefix}table {\n &__checkbox {\n width: 32px;\n padding-right: 0;\n\n .#{$prefix}custom-control {\n padding-left: 16px;\n margin-bottom: 0;\n\n &-label {\n &::before,\n &::after {\n left: -16px;\n }\n }\n }\n }\n }\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"]}
1	+ {"version":3,"sources":["../../../scss/vendors/_tables.scss","../../../scss/vendor-extensions/_spacing.scss","../../../scss/vendor-extensions/_color.scss","mekari-ui-tables.css","../../../scss/vendor-extensions/_tables.scss","../../../scss/vendors/mixins/_hover.scss","../../../scss/vendors/mixins/_table-row.scss","../../../scss/vendors/_functions.scss","../../../scss/vendors/mixins/_breakpoints.scss","../../../scss/components/config/_tables.scss","../../../scss/vendors/mixins/_border-radius.scss"],"names":[],"mappings":"AAIA;EACE,WAAW;EACX,mBCLW;EDMX,cENa;ACGf;;AHAA;;EAQI,gBISgC;EJRhC,mBAAmB;EACnB,6BEVW;ACOf;;AHPA;EAcI,sBAAsB;EACtB,gCEfW;ACYf;;AHZA;EAmBI,6BEnBW;ACgBf;;AHYA;;EAGI,eIb+B;ADGnC;;AHmBA;EACE,yBEzCa;ACyBf;;AHeA;;EAKI,yBE7CW;AC8Bf;;AHUA;;EAWM,wBAA4C;AGhBlD;;AHqBA;;;;EAKI,SAAS;AGnBb;;AH2BA;EAEI,qCEnDW;AC0Bf;;AEtCE;EL2EI,cEtFS;EFuFT,yBEjFS;ACgDf;;AGlDE;;;EAII,yBC2E4D;AJvBlE;;AGxDE;;;;EAYM,qBCmE0D;AJhBlE;;AExDE;ECiBM,yBAJsC;AH+C9C;;AGhDE;;EASQ,yBARoC;AHoD9C;;AGxEE;;;EAII,yBC2E4D;AJDlE;;AG9EE;;;;EAYM,qBCmE0D;AJMlE;;AE9EE;ECiBM,yBAJsC;AHqE9C;;AGtEE;;EASQ,yBARoC;AH0E9C;;AG9FE;;;EAII,yBC2E4D;AJqBlE;;AGpGE;;;;EAYM,qBCmE0D;AJ4BlE;;AEpGE;ECiBM,yBAJsC;AH2F9C;;AG5FE;;EASQ,yBARoC;AHgG9C;;AGpHE;;;EAII,yBC2E4D;AJ2ClE;;AG1HE;;;;EAYM,qBCmE0D;AJkDlE;;AE1HE;ECiBM,yBAJsC;AHiH9C;;AGlHE;;EASQ,yBARoC;AHsH9C;;AG1IE;;;EAII,yBC2E4D;AJiElE;;AGhJE;;;;EAYM,qBCmE0D;AJwElE;;AEhJE;ECiBM,yBAJsC;AHuI9C;;AGxIE;;EASQ,yBARoC;AH4I9C;;AGhKE;;;EAII,yBC2E4D;AJuFlE;;AGtKE;;;;EAYM,qBCmE0D;AJ8FlE;;AEtKE;ECiBM,yBAJsC;AH6J9C;;AG9JE;;EASQ,yBARoC;AHkK9C;;AGtLE;;;EAII,yBC2E4D;AJ6GlE;;AG5LE;;;;EAYM,qBCmE0D;AJoHlE;;AE5LE;ECiBM,yBAJsC;AHmL9C;;AGpLE;;EASQ,yBARoC;AHwL9C;;AG5ME;;;EAII,yBC2E4D;AJmIlE;;AGlNE;;;;EAYM,qBCmE0D;AJ0IlE;;AElNE;ECiBM,yBAJsC;AHyM9C;;AG1ME;;EASQ,yBARoC;AH8M9C;;AGlOE;;;EAII,yBC2E4D;AJyJlE;;AGxOE;;;;EAYM,qBCmE0D;AJgKlE;;AExOE;ECiBM,yBAJsC;AH+N9C;;AGhOE;;EASQ,yBARoC;AHoO9C;;AGxPE;;;EAII,yBC2E4D;AJ+KlE;;AG9PE;;;;EAYM,qBCmE0D;AJsLlE;;AE9PE;ECiBM,yBAJsC;AHqP9C;;AGtPE;;EASQ,yBARoC;AH0P9C;;AG9QE;;;EAII,yBC2E4D;AJqMlE;;AGpRE;;;;EAYM,qBCmE0D;AJ4MlE;;AEpRE;ECiBM,yBAJsC;AH2Q9C;;AG5QE;;EASQ,yBARoC;AHgR9C;;AGpSE;;;EAII,yBC2E4D;AJ2NlE;;AG1SE;;;;EAYM,qBCmE0D;AJkOlE;;AE1SE;ECiBM,yBAJsC;AHiS9C;;AGlSE;;EASQ,yBARoC;AHsS9C;;AG1TE;;;EAII,yBC2E4D;AJiPlE;;AGhUE;;;;EAYM,qBCmE0D;AJwPlE;;AEhUE;ECiBM,yBAJsC;AHuT9C;;AGxTE;;EASQ,yBARoC;AH4T9C;;AGhVE;;;EAII,yBC2E4D;AJuQlE;;AGtVE;;;;EAYM,qBCmE0D;AJ8QlE;;AEtVE;ECiBM,yBAJsC;AH6U9C;;AG9UE;;EASQ,yBARoC;AHkV9C;;AGtWE;;;EAII,yBC2E4D;AJ6RlE;;AG5WE;;;;EAYM,qBCmE0D;AJoSlE;;AE5WE;ECiBM,yBAJsC;AHmW9C;;AGpWE;;EASQ,yBARoC;AHwW9C;;AG5XE;;;EAII,yBC2E4D;AJmTlE;;AGlYE;;;;EAYM,qBCmE0D;AJ0TlE;;AElYE;ECiBM,yBAJsC;AHyX9C;;AG1XE;;EASQ,yBARoC;AH8X9C;;AGlZE;;;EAII,uBC2E4D;AJyUlE;;AGxZE;;;;EAYM,mBCmE0D;AJgVlE;;AExZE;ECiBM,yBAJsC;AH+Y9C;;AGhZE;;EASQ,yBARoC;AHoZ9C;;AGxaE;;;EAII,yBJFS;AC4af;;AEvaE;ECiBM,yBAJsC;AH8Z9C;;AG/ZE;;EASQ,yBARoC;AHma9C;;AH7UA;EAGM,WE5GM;EF6GN,sBEjHM;EFkHN,qBIvFqD;ADqa3D;;AHnVA;EAWM,cEzHS;EF0HT,sBErHM;EFsHN,qBExHS;ACocf;;AHvUA;EACE,WE5HU;EF6HV,sBEjIU;AC2cZ;;AH5UA;;;EAOI,qBI3GuD;ADsb3D;;AHlVA;EAWI,SAAS;AG2Ub;;AHtVA;EAgBM,2CE3IM;ACqdZ;;AE/cE;EL4IM,WElJI;EFmJJ,4CEnJI;AC0dZ;;AKvZI;ERiGA;IAEI,cAAc;IACd,WAAW;IACX,gBAAgB;IAChB,iCAAiC;EGyTvC;EH9TG;IASK,SAAS;EGwTjB;AACF;;AKnaI;ERiGA;IAEI,cAAc;IACd,WAAW;IACX,gBAAgB;IAChB,iCAAiC;EGqUvC;EH1UG;IASK,SAAS;EGoUjB;AACF;;AK/aI;ERiGA;IAEI,cAAc;IACd,WAAW;IACX,gBAAgB;IAChB,iCAAiC;EGiVvC;EHtVG;IASK,SAAS;EGgVjB;AACF;;AK3bI;ERiGA;IAEI,cAAc;IACd,WAAW;IACX,gBAAgB;IAChB,iCAAiC;EG6VvC;EHlWG;IASK,SAAS;EG4VjB;AACF;;AH3WA;EAOQ,cAAc;EACd,WAAW;EACX,gBAAgB;EAChB,iCAAiC;AGwWzC;;AHlXA;EAcU,SAAS;AGwWnB;;AM1hBA;EACE,gBAAgB;EAChB,iBAAiB;EACjB,yBAAyB;EACzB,yBPDa;EQCX,kBDCwB;AN6hB5B;;AMliBA;EAOI,mBPDW;ACgiBf;;AMtiBA;;EAWI,kBAAkB;EAClB,aAAa;ANgiBjB;;AM5iBA;;EAeM,gBAAgB;EAChB,mBAAmB;ANkiBzB;;AMljBA;EAqBM,yBPjBS;EOkBT,gCPnBS;ACojBf;;AMvjBA;EAyBQ,2BAA2B;ANkiBnC;;AM3jBA;EA6BQ,4BAA4B;ANkiBpC;;AM/jBA;EAiCM,eAAe;ANkiBrB;;AMnkBA;EAmCQ,kBAAkB;ANoiB1B;;AMvkBA;EAsCU,kBAAkB;EAClB,YAAY;EACZ,QAAQ;EACR,SAAS;EACT,WAAW;EACX,mBAAmB;ANqiB7B;;AMhlBA;EA8CU,QAAQ;EACR,sDAAwD;EACxD,uBAAuB;ANsiBjC;;AMtlBA;EAmDU,WAAW;EACX,sDAAwD;EACxD,uBAAuB;ANuiBjC;;AM5lBA;EA4DY,yDAAuD;ANoiBnE;;AMhmBA;EA+DY,yDAAuD;ANqiBnE;;AMpmBA;;EA0EQ,gCPvEO;ACsmBf;;AMzmBA;;EAmFQ,gBAAgB;AN2hBxB;;AM9mBA;;EAwFM,+BPrFS;EOsFT,cAAc;AN2hBpB;;AMpnBA;;EA6FM,eAAe;AN4hBrB;;AMznBA;EAmGM,WAAW;EACX,gBAAgB;AN0hBtB;;AM9nBA;EAuGQ,kBAAkB;EAClB,gBAAgB;AN2hBxB;;AMnoBA;EA6GY,WAAW;AN0hBvB","file":"mekari-ui-tables.css","sourcesContent":["//\n// Basic Bootstrap table\n//\n\n.#{$prefix}table {\n width: 100%;\n margin-bottom: $spacer;\n color: $table-color;\n background-color: $table-bg; // Reset for nesting within parents with `background-color`.\n\n th,\n td {\n padding: $table-cell-padding;\n vertical-align: top;\n border-top: $table-border-width solid $table-border-color;\n }\n\n thead th {\n vertical-align: bottom;\n border-bottom: (2 * $table-border-width) solid $table-border-color;\n }\n\n tbody + tbody {\n border-top: (2 * $table-border-width) solid $table-border-color;\n }\n}\n\n\n//\n// Condensed table w/ half padding\n//\n\n.#{$prefix}table-sm {\n th,\n td {\n padding: $table-cell-padding-sm;\n }\n}\n\n\n// Border versions\n//\n// Add or remove borders all around the table and between all the columns.\n\n.#{$prefix}table-bordered {\n border: $table-border-width solid $table-border-color;\n\n th,\n td {\n border: $table-border-width solid $table-border-color;\n }\n\n thead {\n th,\n td {\n border-bottom-width: 2 * $table-border-width;\n }\n }\n}\n\n.#{$prefix}table-borderless {\n th,\n td,\n thead th,\n tbody + tbody {\n border: 0;\n }\n}\n\n// Zebra-striping\n//\n// Default zebra-stripe styles (alternating gray and transparent backgrounds)\n\n.#{$prefix}table-striped {\n tbody tr:nth-of-type(#{$table-striped-order}) {\n background-color: $table-accent-bg;\n }\n}\n\n\n// Hover effect\n//\n// Placed here since it has to come after the potential zebra striping\n\n.#{$prefix}table-hover {\n tbody tr {\n @include hover {\n color: $table-hover-color;\n background-color: $table-hover-bg;\n }\n }\n}\n\n\n// Table backgrounds\n//\n// Exact selectors below required to override `.#{$prefix}table-striped` and prevent\n// inheritance to nested tables.\n\n@each $color, $value in $theme-colors {\n @include table-row-variant($color, theme-color-level($color, $table-bg-level), theme-color-level($color, $table-border-level));\n}\n\n@include table-row-variant(active, $table-active-bg);\n\n\n// Dark styles\n//\n// Same table markup, but inverted color scheme: dark background and light text.\n\n// stylelint-disable-next-line no-duplicate-selectors\n.#{$prefix}table {\n .#{$prefix}thead-dark {\n th {\n color: $table-dark-color;\n background-color: $table-dark-bg;\n border-color: $table-dark-border-color;\n }\n }\n\n .#{$prefix}thead-light {\n th {\n color: $table-head-color;\n background-color: $table-head-bg;\n border-color: $table-border-color;\n }\n }\n}\n\n.#{$prefix}table-dark {\n color: $table-dark-color;\n background-color: $table-dark-bg;\n\n th,\n td,\n thead th {\n border-color: $table-dark-border-color;\n }\n\n &.#{$prefix}table-bordered {\n border: 0;\n }\n\n &.#{$prefix}table-striped {\n tbody tr:nth-of-type(odd) {\n background-color: $table-dark-accent-bg;\n }\n }\n\n &.#{$prefix}table-hover {\n tbody tr {\n @include hover {\n color: $table-dark-hover-color;\n background-color: $table-dark-hover-bg;\n }\n }\n }\n}\n\n\n// Responsive tables\n//\n// Generate series of `.#{$prefix}table-responsive-` classes for configuring the screen\n// size of where your table will overflow.\n\n.#{$prefix}table-responsive {\n @each $breakpoint in map-keys($grid-breakpoints) {\n $next: breakpoint-next($breakpoint, $grid-breakpoints);\n $infix: breakpoint-infix($next, $grid-breakpoints);\n\n &#{$infix} {\n @include media-breakpoint-down($breakpoint) {\n display: block;\n width: 100%;\n overflow-x: auto;\n -webkit-overflow-scrolling: touch;\n\n // Prevent double border on horizontal scroll due to use of `display: block;`\n > .#{$prefix}table-bordered {\n border: 0;\n }\n }\n }\n }\n}\n","// Spacing for Mekari UI\n$spacer: 1rem;\n$spacers: (\n 0: 0,\n 1: ($spacer .25), // tiny\n 2: ($spacer * .5), // xmall\n 3: $spacer, // small\n 4: ($spacer * 1.5), // normal\n 5: ($spacer * 2), // medium\n 6: ($spacer * 2.5), // large\n 7: ($spacer * 5) // xlarge\n);\n\n$headings-margin-bottom: $spacer / 2;\n$paragraph-margin-bottom: $spacer;\n$label-margin-bottom: 8px;\n\n//pagination\n\n$pagination-padding-y: 8px;\n$pagination-padding-x: 12px;\n$pagination-padding-y-sm: 4px;\n$pagination-padding-x-sm: 8px;\n$pagination-padding-y-lg: 12px;\n$pagination-padding-x-lg: 24px;\n$pagination-line-height: 20px;\n\n$pagination-border-width: 1px;\n$pagination-border-color: $smoke;\n\n$pagination-hover-color: $link-hover-color;\n$pagination-hover-bg: $smoke;\n$pagination-hover-border-color: $muted;\n\n$pagination-color: $link-color;\n$pagination-bg: $white;\n$pagination-focus-outline: 0;\n$pagination-focus-box-shadow: 0 0 0 .2rem $primary;\n\n$pagination-active-color: $white;\n$pagination-active-bg: $primary;\n$pagination-active-border-color: $pagination-active-bg;\n\n$pagination-disabled-color: $slate !default;\n$pagination-disabled-bg: $white !default;\n$pagination-disabled-border-color: $smoke !default;\n\n$line-height-lg: 32px;\n\n//images\n\n$thumbnail-padding: 4px;\n$thumbnail-bg: $body-bg;\n\n$thumbnail-border-width: 1px;\n$thumbnail-border-color: $smoke;\n$thumbnail-border-radius: 4px;\n$thumbnail-box-shadow: 0 1px 2px rgba($black, .075);\n$figure-caption-font-size: 90%;\n$figure-caption-color: $slate;\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",".table {\n width: 100%;\n margin-bottom: 1rem;\n color: #212121;\n}\n\n.table th,\n.table td {\n padding: 0.75rem;\n vertical-align: top;\n border-top: 1px solid #e2e2e2;\n}\n\n.table thead th {\n vertical-align: bottom;\n border-bottom: 2px solid #e2e2e2;\n}\n\n.table tbody + tbody {\n border-top: 2px solid #e2e2e2;\n}\n\n.table-sm th,\n.table-sm td {\n padding: 0.3rem;\n}\n\n.table-bordered {\n border: 1px solid #e2e2e2;\n}\n\n.table-bordered th,\n.table-bordered td {\n border: 1px solid #e2e2e2;\n}\n\n.table-bordered thead th,\n.table-bordered thead td {\n border-bottom-width: 2px;\n}\n\n.table-borderless th,\n.table-borderless td,\n.table-borderless thead th,\n.table-borderless tbody + tbody {\n border: 0;\n}\n\n.table-striped tbody tr:nth-of-type(odd) {\n background-color: rgba(0, 0, 0, 0.05);\n}\n\n.table-hover tbody tr:hover {\n color: #212121;\n background-color: #f2f4f7;\n}\n\n.table-danger,\n.table-danger > th,\n.table-danger > td {\n background-color: #f4cac1;\n}\n\n.table-danger th,\n.table-danger td,\n.table-danger thead th,\n.table-danger tbody + tbody {\n border-color: #ea9c8c;\n}\n\n.table-hover .table-danger:hover {\n background-color: #f0b7ab;\n}\n\n.table-hover .table-danger:hover > td,\n.table-hover .table-danger:hover > th {\n background-color: #f0b7ab;\n}\n\n.table-success,\n.table-success > th,\n.table-success > td {\n background-color: #b8e4d3;\n}\n\n.table-success th,\n.table-success td,\n.table-success thead th,\n.table-success tbody + tbody {\n border-color: #7acdad;\n}\n\n.table-hover .table-success:hover {\n background-color: #a6ddc8;\n}\n\n.table-hover .table-success:hover > td,\n.table-hover .table-success:hover > th {\n background-color: #a6ddc8;\n}\n\n.table-info,\n.table-info > th,\n.table-info > td {\n background-color: #fff9e2;\n}\n\n.table-info th,\n.table-info td,\n.table-info thead th,\n.table-info tbody + tbody {\n border-color: #fff5ca;\n}\n\n.table-hover .table-info:hover {\n background-color: #fff4c9;\n}\n\n.table-hover .table-info:hover > td,\n.table-hover .table-info:hover > th {\n background-color: #fff4c9;\n}\n\n.table-warning,\n.table-warning > th,\n.table-warning > td {\n background-color: #ffebb8;\n}\n\n.table-warning th,\n.table-warning td,\n.table-warning thead th,\n.table-warning tbody + tbody {\n border-color: #ffda7a;\n}\n\n.table-hover .table-warning:hover {\n background-color: #ffe49f;\n}\n\n.table-hover .table-warning:hover > td,\n.table-hover .table-warning:hover > th {\n background-color: #ffe49f;\n}\n\n.table-primary,\n.table-primary > th,\n.table-primary > td {\n background-color: #b8d2ed;\n}\n\n.table-primary th,\n.table-primary td,\n.table-primary thead th,\n.table-primary tbody + tbody {\n border-color: #7aacde;\n}\n\n.table-hover .table-primary:hover {\n background-color: #a4c5e8;\n}\n\n.table-hover .table-primary:hover > td,\n.table-hover .table-primary:hover > th {\n background-color: #a4c5e8;\n}\n\n.table-jurnal,\n.table-jurnal > th,\n.table-jurnal > td {\n background-color: #b8e3f6;\n}\n\n.table-jurnal th,\n.table-jurnal td,\n.table-jurnal thead th,\n.table-jurnal tbody + tbody {\n border-color: #7acbee;\n}\n\n.table-hover .table-jurnal:hover {\n background-color: #a1daf3;\n}\n\n.table-hover .table-jurnal:hover > td,\n.table-hover .table-jurnal:hover > th {\n background-color: #a1daf3;\n}\n\n.table-talenta,\n.table-talenta > th,\n.table-talenta > td {\n background-color: #edc3c6;\n}\n\n.table-talenta th,\n.table-talenta td,\n.table-talenta thead th,\n.table-talenta tbody + tbody {\n border-color: #de9095;\n}\n\n.table-hover .table-talenta:hover {\n background-color: #e7afb3;\n}\n\n.table-hover .table-talenta:hover > td,\n.table-hover .table-talenta:hover > th {\n background-color: #e7afb3;\n}\n\n.table-klikpajak,\n.table-klikpajak > th,\n.table-klikpajak > td {\n background-color: #fdd6b8;\n}\n\n.table-klikpajak th,\n.table-klikpajak td,\n.table-klikpajak thead th,\n.table-klikpajak tbody + tbody {\n border-color: #fcb37b;\n}\n\n.table-hover .table-klikpajak:hover {\n background-color: #fcc89f;\n}\n\n.table-hover .table-klikpajak:hover > td,\n.table-hover .table-klikpajak:hover > th {\n background-color: #fcc89f;\n}\n\n.table-mekari,\n.table-mekari > th,\n.table-mekari > td {\n background-color: #d6ccf8;\n}\n\n.table-mekari th,\n.table-mekari td,\n.table-mekari thead th,\n.table-mekari tbody + tbody {\n border-color: #b3a0f1;\n}\n\n.table-hover .table-mekari:hover {\n background-color: #c4b6f5;\n}\n\n.table-hover .table-mekari:hover > td,\n.table-hover .table-mekari:hover > th {\n background-color: #c4b6f5;\n}\n\n.table-dark,\n.table-dark > th,\n.table-dark > td {\n background-color: #c1c1c1;\n}\n\n.table-dark th,\n.table-dark td,\n.table-dark thead th,\n.table-dark tbody + tbody {\n border-color: #8c8c8c;\n}\n\n.table-hover .table-dark:hover {\n background-color: #b4b4b4;\n}\n\n.table-hover .table-dark:hover > td,\n.table-hover .table-dark:hover > th {\n background-color: #b4b4b4;\n}\n\n.table-slate,\n.table-slate > th,\n.table-slate > td {\n background-color: #d9d9d9;\n}\n\n.table-slate th,\n.table-slate td,\n.table-slate thead th,\n.table-slate tbody + tbody {\n border-color: #b8b8b8;\n}\n\n.table-hover .table-slate:hover {\n background-color: #cccccc;\n}\n\n.table-hover .table-slate:hover > td,\n.table-hover .table-slate:hover > th {\n background-color: #cccccc;\n}\n\n.table-muted,\n.table-muted > th,\n.table-muted > td {\n background-color: #eaeaea;\n}\n\n.table-muted th,\n.table-muted td,\n.table-muted thead th,\n.table-muted tbody + tbody {\n border-color: #d8d8d8;\n}\n\n.table-hover .table-muted:hover {\n background-color: #dddddd;\n}\n\n.table-hover .table-muted:hover > td,\n.table-hover .table-muted:hover > th {\n background-color: #dddddd;\n}\n\n.table-smoke,\n.table-smoke > th,\n.table-smoke > td {\n background-color: #f7f7f7;\n}\n\n.table-smoke th,\n.table-smoke td,\n.table-smoke thead th,\n.table-smoke tbody + tbody {\n border-color: #f0f0f0;\n}\n\n.table-hover .table-smoke:hover {\n background-color: #eaeaea;\n}\n\n.table-hover .table-smoke:hover > td,\n.table-hover .table-smoke:hover > th {\n background-color: #eaeaea;\n}\n\n.table-light,\n.table-light > th,\n.table-light > td {\n background-color: #fefefe;\n}\n\n.table-light th,\n.table-light td,\n.table-light thead th,\n.table-light tbody + tbody {\n border-color: #fdfdfd;\n}\n\n.table-hover .table-light:hover {\n background-color: #f1f1f1;\n}\n\n.table-hover .table-light:hover > td,\n.table-hover .table-light:hover > th {\n background-color: #f1f1f1;\n}\n\n.table-cloud,\n.table-cloud > th,\n.table-cloud > td {\n background-color: #fbfcfd;\n}\n\n.table-cloud th,\n.table-cloud td,\n.table-cloud thead th,\n.table-cloud tbody + tbody {\n border-color: #f8f9fb;\n}\n\n.table-hover .table-cloud:hover {\n background-color: #eaeff5;\n}\n\n.table-hover .table-cloud:hover > td,\n.table-hover .table-cloud:hover > th {\n background-color: #eaeff5;\n}\n\n.table-link,\n.table-link > th,\n.table-link > td {\n background-color: #bdd0ff;\n}\n\n.table-link th,\n.table-link td,\n.table-link thead th,\n.table-link tbody + tbody {\n border-color: #84a8ff;\n}\n\n.table-hover .table-link:hover {\n background-color: #a4beff;\n}\n\n.table-hover .table-link:hover > td,\n.table-hover .table-link:hover > th {\n background-color: #a4beff;\n}\n\n.table-white,\n.table-white > th,\n.table-white > td {\n background-color: white;\n}\n\n.table-white th,\n.table-white td,\n.table-white thead th,\n.table-white tbody + tbody {\n border-color: white;\n}\n\n.table-hover .table-white:hover {\n background-color: #f2f2f2;\n}\n\n.table-hover .table-white:hover > td,\n.table-hover .table-white:hover > th {\n background-color: #f2f2f2;\n}\n\n.table-active,\n.table-active > th,\n.table-active > td {\n background-color: #f2f4f7;\n}\n\n.table-hover .table-active:hover {\n background-color: #e2e7ed;\n}\n\n.table-hover .table-active:hover > td,\n.table-hover .table-active:hover > th {\n background-color: #e2e7ed;\n}\n\n.table .thead-dark th {\n color: #fff;\n background-color: #777;\n border-color: #8a8a8a;\n}\n\n.table .thead-light th {\n color: #212121;\n background-color: #fff;\n border-color: #e2e2e2;\n}\n\n.table-dark {\n color: #fff;\n background-color: #777;\n}\n\n.table-dark th,\n.table-dark td,\n.table-dark thead th {\n border-color: #8a8a8a;\n}\n\n.table-dark.table-bordered {\n border: 0;\n}\n\n.table-dark.table-striped tbody tr:nth-of-type(odd) {\n background-color: rgba(255, 255, 255, 0.05);\n}\n\n.table-dark.table-hover tbody tr:hover {\n color: #fff;\n background-color: rgba(255, 255, 255, 0.075);\n}\n\n@media (max-width: 575.98px) {\n .table-responsive-sm {\n display: block;\n width: 100%;\n overflow-x: auto;\n -webkit-overflow-scrolling: touch;\n }\n .table-responsive-sm > .table-bordered {\n border: 0;\n }\n}\n\n@media (max-width: 767.98px) {\n .table-responsive-md {\n display: block;\n width: 100%;\n overflow-x: auto;\n -webkit-overflow-scrolling: touch;\n }\n .table-responsive-md > .table-bordered {\n border: 0;\n }\n}\n\n@media (max-width: 991.98px) {\n .table-responsive-lg {\n display: block;\n width: 100%;\n overflow-x: auto;\n -webkit-overflow-scrolling: touch;\n }\n .table-responsive-lg > .table-bordered {\n border: 0;\n }\n}\n\n@media (max-width: 1271.98px) {\n .table-responsive-xl {\n display: block;\n width: 100%;\n overflow-x: auto;\n -webkit-overflow-scrolling: touch;\n }\n .table-responsive-xl > .table-bordered {\n border: 0;\n }\n}\n\n.table-responsive {\n display: block;\n width: 100%;\n overflow-x: auto;\n -webkit-overflow-scrolling: touch;\n}\n\n.table-responsive > .table-bordered {\n border: 0;\n}\n\n.table {\n margin-bottom: 0;\n border-spacing: 0;\n border-collapse: separate;\n border: 1px solid #e2e2e2;\n border-radius: 4px;\n}\n\n.table tr:hover {\n background: #f2f4f7;\n}\n\n.table th,\n.table td {\n padding: 10px 16px;\n border-top: 0;\n}\n\n.table th .btn-icon,\n.table td .btn-icon {\n margin-top: -8px;\n margin-bottom: -8px;\n}\n\n.table thead th {\n background-color: #fbfbfb;\n border-bottom: 1px solid #e2e2e2;\n}\n\n.table thead th:first-child {\n border-top-left-radius: 4px;\n}\n\n.table thead th:last-child {\n border-top-right-radius: 4px;\n}\n\n.table thead .sort {\n cursor: pointer;\n}\n\n.table thead .sort span {\n position: relative;\n}\n\n.table thead .sort span::before, .table thead .sort span::after {\n position: absolute;\n right: -12px;\n width: 0;\n height: 0;\n content: \"\";\n border-style: solid;\n}\n\n.table thead .sort span::before {\n top: 2px;\n border-color: transparent transparent #777 transparent;\n border-width: 0 4px 4px;\n}\n\n.table thead .sort span::after {\n bottom: 2px;\n border-color: #777 transparent transparent transparent;\n border-width: 4px 4px 0;\n}\n\n.table thead .sort.sort-up span::before, .table thead .sort.sort-down span::before {\n border-color: transparent transparent #212121 transparent;\n}\n\n.table thead .sort.sort-up span::after, .table thead .sort.sort-down span::after {\n border-color: #212121 transparent transparent transparent;\n}\n\n.table tbody tr:not(:last-child) th,\n.table tbody tr:not(:last-child) td {\n border-bottom: 1px solid #e2e2e2;\n}\n\n.table.table-bordered tbody th,\n.table.table-bordered tbody td {\n border-bottom: 0;\n}\n\n.table.table-bordered th,\n.table.table-bordered td {\n border-right: 1px solid #e2e2e2;\n border-left: 0;\n}\n\n.table.table-bordered thead th:last-child,\n.table.table-bordered tbody td:last-child {\n border-right: 0;\n}\n\n.table .table__checkbox {\n width: 32px;\n padding-right: 0;\n}\n\n.table .table__checkbox .custom-control {\n padding-left: 16px;\n margin-bottom: 0;\n}\n\n.table .table__checkbox .custom-control-label::before, .table .table__checkbox .custom-control-label::after {\n left: -16px;\n}\n\n/# sourceMappingURL=mekari-ui-tables.css.map /","\n$table-head-bg: $white;\n$table-head-color: $dark;\n\n$table-accent-bg: rgba($black, .05);\n$table-bg: null;\n$table-bg-level: -9;\n$table-caption-color: $text-muted;\n$table-color: $dark;\n$theme-color-interval: 8%;\n$table-striped-order: odd;\n\n$table-hover-color: $table-color;\n$table-hover-bg: $cloud;\n\n$table-active-bg: $table-hover-bg;\n\n$table-border-color: $smoke;\n$table-border-level: -6;\n$table-border-width: 1px;\n\n$table-cell-padding: .75rem;\n$table-cell-padding-sm: .3rem;\n\n$table-dark-color: $white;\n$table-dark-bg: $slate;\n$table-dark-accent-bg: rgba($white, .05);\n$table-dark-hover-color: $table-dark-color;\n$table-dark-hover-bg: rgba($white, .075);\n$table-dark-border-color: lighten($table-dark-bg, 7.5%);\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","// Tables\n\n@mixin table-row-variant($state, $background, $border: null) {\n // Exact selectors below required to override `.#{$prefix}table-striped` and prevent\n // inheritance to nested tables.\n .#{$prefix}table-#{$state} {\n &,\n > th,\n > td {\n background-color: $background;\n }\n\n @if $border != null {\n th,\n td,\n thead th,\n tbody + tbody {\n border-color: $border;\n }\n }\n }\n\n // Hover states for `.#{$prefix}table-hover`\n // Note: this is not available for cells or rows within `thead` or `tfoot`.\n .#{$prefix}table-hover {\n $hover-background: darken($background, 5%);\n\n .#{$prefix}table-#{$state} {\n @include hover {\n background-color: $hover-background;\n\n > td,\n > th {\n background-color: $hover-background;\n }\n }\n }\n }\n}\n","// Bootstrap functions\n//\n// Utility mixins and functions for evaluating source code across our variables, maps, and mixins.\n\n// Ascending\n// Used to evaluate Sass maps like our grid breakpoints.\n@mixin _assert-ascending($map, $map-name) {\n $prev-key: null;\n $prev-num: null;\n @each $key, $num in $map {\n @if $prev-num == null or unit($num) == \"%\" {\n // Do nothing\n } @else if not comparable($prev-num, $num) {\n @warn \"Potentially invalid value for #{$map-name}: This map must be in ascending order, but key '#{$key}' has value #{$num} whose unit makes it incomparable to #{$prev-num}, the value of the previous key '#{$prev-key}' !\";\n } @else if $prev-num >= $num {\n @warn \"Invalid value for #{$map-name}: This map must be in ascending order, but key '#{$key}' has value #{$num} which isn't greater than #{$prev-num}, the value of the previous key '#{$prev-key}' !\";\n }\n $prev-key: $key;\n $prev-num: $num;\n }\n}\n\n// Starts at zero\n// Used to ensure the min-width of the lowest breakpoint starts at 0.\n@mixin _assert-starts-at-zero($map, $map-name: \"$grid-breakpoints\") {\n $values: map-values($map);\n $first-value: nth($values, 1);\n @if $first-value != 0 {\n @warn \"First breakpoint in #{$map-name} must start at 0, but starts at #{$first-value}.\";\n }\n}\n\n// Replace `$search` with `$replace` in `$string`\n// Used on our SVG icon backgrounds for custom forms.\n//\n// @author Hugo Giraudel\n// @param {String} $string - Initial string\n// @param {String} $search - Substring to replace\n// @param {String} $replace ('') - New value\n// @return {String} - Updated string\n@function str-replace($string, $search, $replace: \"\") {\n $index: str-index($string, $search);\n\n @if $index {\n @return str-slice($string, 1, $index - 1) + $replace + str-replace(str-slice($string, $index + str-length($search)), $search, $replace);\n }\n\n @return $string;\n}\n\n// Color contrast\n@function color-yiq($color, $dark: $yiq-text-dark, $light: $yiq-text-light) {\n $r: red($color);\n $g: green($color);\n $b: blue($color);\n\n $yiq: (($r * 299) + ($g * 587) + ($b * 114)) / 1000;\n\n @if ($yiq >= $yiq-contrasted-threshold) {\n @return $dark;\n } @else {\n @return $light;\n }\n}\n\n// Retrieve color Sass maps\n@function color($key: \"blue\") {\n @return map-get($colors, $key);\n}\n\n@function theme-color($key: \"primary\") {\n @return map-get($theme-colors, $key);\n}\n\n@function gray($key: \"100\") {\n @return map-get($grays, $key);\n}\n\n// Request a theme color level\n@function theme-color-level($color-name: \"primary\", $level: 0) {\n $color: theme-color($color-name);\n $color-base: if($level > 0, $black, $white);\n $level: abs($level);\n\n @return mix($color-base, $color, $level * $theme-color-interval);\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","\n.#{$prefix}table {\n margin-bottom: 0;\n border-spacing: 0;\n border-collapse: separate;\n border: 1px solid $smoke;\n @include border-radius(4px);\n tr:hover {\n background: $cloud;\n }\n th,\n td {\n padding: 10px 16px;\n border-top: 0;\n\n .#{$prefix}btn-icon {\n margin-top: -8px;\n margin-bottom: -8px;\n }\n }\n thead {\n th {\n background-color: $light;\n border-bottom: $table-border-width solid $table-border-color;\n &:first-child {\n // stylelint-disable-next-line property-blacklist\n border-top-left-radius: 4px;\n }\n &:last-child {\n // stylelint-disable-next-line property-blacklist\n border-top-right-radius: 4px;\n }\n }\n .sort {\n cursor: pointer;\n span {\n position: relative;\n &::before,\n &::after {\n position: absolute;\n right: -12px;\n width: 0;\n height: 0;\n content: \"\";\n border-style: solid;\n }\n &::before {\n top: 2px;\n border-color: transparent transparent $slate transparent;\n border-width: 0 4px 4px;\n }\n &::after {\n bottom: 2px;\n border-color: $slate transparent transparent transparent;\n border-width: 4px 4px 0;\n }\n }\n &.sort-up,\n &.sort-down {\n span {\n &::before {\n border-color: transparent transparent $dark transparent;\n }\n &::after {\n border-color: $dark transparent transparent transparent;\n }\n }\n }\n }\n }\n tbody {\n tr:not(:last-child) {\n // stylelint-disable-next-line selector-max-type\n th,\n td {\n border-bottom: 1px solid $table-border-color;\n }\n }\n }\n\n &.#{$prefix}table-bordered {\n tbody {\n th,\n td {\n border-bottom: 0;\n }\n }\n th,\n td {\n border-right: $table-border-width solid $table-border-color;\n border-left: 0;\n }\n thead th:last-child,\n tbody td:last-child {\n border-right: 0;\n }\n }\n\n .#{$prefix}table {\n &__checkbox {\n width: 32px;\n padding-right: 0;\n\n .#{$prefix}custom-control {\n padding-left: 16px;\n margin-bottom: 0;\n\n &-label {\n &::before,\n &::after {\n left: -16px;\n }\n }\n }\n }\n }\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"]}

data/lib/assets/stylesheets/css/full-bundle/mekari-ui.css CHANGED

@@ -4308,7 +4308,7 @@ input[type="button"].btn-block {
 }
 .custom-control-input:focus ~ .custom-control-label::before {
-  box-shadow: 0 0 0 2px rgba(0, 95, 191, 0.3);
+  box-shadow: 0 0 0 0.2rem rgba(19, 87, 255, 0.25);
 }
 .custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
@@ -4345,7 +4345,7 @@ input[type="button"].btn-block {
   pointer-events: none;
   content: "";
   background-color: #fff;
-  border: #e2e2e2 solid 1px;
+  border: #adb5bd solid 1px;
 }
 .custom-control-label::after {
@@ -4360,15 +4360,15 @@ input[type="button"].btn-block {
 }
 .custom-checkbox .custom-control-label::before {
-  border-radius: 2px;
+  border-radius: 4px;
 }
 .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");
+  background-image: url("data:image/svg+xml, %3csvg width='12' height='10' viewBox='0 0 12 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M0.542893 4.54289C0.933418 4.15237 1.56658 4.15237 1.95711 4.54289L4.25 6.83579L10.0429 1.04289C10.4334 0.652369 11.0666 0.652369 11.4571 1.04289C11.8476 1.43342 11.8476 2.06658 11.4571 2.45711L4.95711 8.95711C4.56658 9.34763 3.93342 9.34763 3.54289 8.95711L0.542893 5.95711C0.152369 5.56658 0.152369 4.93342 0.542893 4.54289Z' fill='%23ffffff'/%3e%3c/svg%3e");
 }
 .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
-  border-color: #e2e2e2;
+  border-color: #005fbf;
   background-color: #005fbf;
 }
@@ -4385,7 +4385,7 @@ input[type="button"].btn-block {
 }
 .custom-radio .custom-control-label::before {
-  border-radius: 100%;
+  border-radius: 50%;
 }
 .custom-radio .custom-control-input:checked ~ .custom-control-label::after {
@@ -4412,7 +4412,7 @@ input[type="button"].btn-block {
   left: calc(-2.25rem + 2px);
   width: calc(1rem - 4px);
   height: calc(1rem - 4px);
-  background-color: #e2e2e2;
+  background-color: #adb5bd;
   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;
 }
@@ -5123,7 +5123,7 @@ input[type="button"].btn-block {
 }
 .navbar-light .navbar-toggler-icon {
-  background-image: str-replace(url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"), "#", "%23");
+  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
 }
 .navbar-light .navbar-text {
@@ -5171,7 +5171,7 @@ input[type="button"].btn-block {
 }
 .navbar-dark .navbar-toggler-icon {
-  background-image: str-replace(url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"), "#", "%23");
+  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
 }
 .navbar-dark .navbar-text {
@@ -11495,7 +11495,7 @@ p,
 }
 small,
-.small, .badge, .tooltip {
+.small, .badge, .dropdown-item--title, .tooltip {
   font-size: 0.75rem;
   line-height: 16px;
   letter-spacing: 0.2px;
@@ -11569,7 +11569,7 @@ p,
 }
 small,
-.small, .badge, .tooltip {
+.small, .badge, .dropdown-item--title, .tooltip {
   font-size: 0.75rem;
   line-height: 16px;
   letter-spacing: 0.2px;
@@ -11584,7 +11584,7 @@ p,
 }
 small,
-.small, .badge, .tooltip {
+.small, .badge, .dropdown-item--title, .tooltip {
   font-size: 0.75rem;
   line-height: 16px;
   letter-spacing: 0.2px;
@@ -12413,7 +12413,7 @@ p,
 }
 small,
-.small, .badge, .tooltip {
+.small, .badge, .dropdown-item--title, .tooltip {
   font-size: 0.75rem;
   line-height: 16px;
   letter-spacing: 0.2px;
@@ -17917,6 +17917,14 @@ a.text-white:hover, a.text-white:focus {
   border-left: 4px solid #fff !important;
 }
+.opacity--transparent {
+  opacity: 0;
+}
+.opacity--opaque {
+  opacity: 1;
+}
 @font-face {
   font-family: "Mekari-Icon-Regular";
   font-style: normal;
@@ -17974,24 +17982,41 @@ a.text-white:hover, a.text-white:focus {
   position: absolute;
   top: 6px;
   left: 6px;
+  z-index: 5;
   padding: 0;
   color: inherit;
   pointer-events: all;
   cursor: pointer;
 }
+.ic-input-prefix.ic-small {
+  top: 7px;
+  left: 10px;
+}
 .ic-input-suffix {
   position: absolute;
   top: 6px;
   right: 6px;
+  z-index: 5;
   padding: 0;
   color: inherit;
   pointer-events: all;
   cursor: pointer;
 }
-.ic-input-suffix.ic-input-double-suffix {
+.ic-input-suffix.ic-input-double-suffix, .ic-input-suffix.ic-input-suffix--double {
   right: 36px;
+  z-index: 5;
+}
+.ic-input-suffix.ic-small {
+  top: 7px;
+  right: 10px;
+}
+.ic-input-suffix.ic-small.ic-input-double-suffix, .ic-input-suffix.ic-small.ic-input-suffix--double {
+  right: 38px;
 }
 .ic-activity {
@@ -18021,6 +18046,15 @@ a.text-white:hover, a.text-white:focus {
   content: "\e93b";
 }
+.ic-add-staff {
+  color: #777;
+}
+.ic-add-staff::before {
+  color: inherit;
+  content: "\e956";
+}
 .ic-adjustment {
   color: #777;
 }
@@ -18480,6 +18514,24 @@ a.text-white:hover, a.text-white:focus {
   content: "\e89f";
 }
+.ic-file-comment {
+  color: #777;
+}
+.ic-file-comment::before {
+  color: inherit;
+  content: "\e953";
+}
+.ic-file-history {
+  color: #777;
+}
+.ic-file-history::before {
+  color: inherit;
+  content: "\e952";
+}
 .ic-finance {
   color: #777;
 }
@@ -18831,6 +18883,15 @@ a.text-white:hover, a.text-white:focus {
   content: "\e87d";
 }
+.ic-plans {
+  color: #777;
+}
+.ic-plans::before {
+  color: inherit;
+  content: "\e955";
+}
 .ic-product {
   color: #777;
 }
@@ -19065,6 +19126,15 @@ a.text-white:hover, a.text-white:focus {
   content: "\e905";
 }
+.ic-team-goal {
+  color: #777;
+}
+.ic-team-goal::before {
+  color: inherit;
+  content: "\e954";
+}
 .ic-time {
   color: #777;
 }
@@ -19207,20 +19277,29 @@ a.text-white:hover, a.text-white:focus {
 }
 .badge {
+  font-size: 0.75rem;
+  line-height: 1.25;
   vertical-align: middle;
 }
 .badge .ic {
-  width: 14px;
-  height: 14px;
-  margin-left: 4px;
-  font-size: 12px;
-  font-weight: 600;
+  width: 12px;
+  height: 12px;
+  font-size: 14px;
   line-height: 12px;
+  color: inherit;
   vertical-align: middle;
   cursor: pointer;
 }
+.badge .ic:first-child {
+  margin-right: 12px;
+}
+.badge .ic:last-child {
+  margin-left: 12px;
+}
 .badge-sm {
   padding: 0 4px;
 }
@@ -19232,10 +19311,6 @@ a.text-white:hover, a.text-white:focus {
   padding: 0;
 }
-.badge-cloud, .badge-info, .badge-light, .badge-smoke, .badge-warning {
-  color: #212121;
-}
 .banner {
   display: flex;
   align-items: center;
@@ -19265,860 +19340,1472 @@ a.text-white:hover, a.text-white:focus {
   color: #fff;
 }
-.banner-icon,
-.banner-text {
-  display: inline-block;
-  padding-right: 8px;
+.banner.banner-danger {
+  color: #fff;
+  background-color: #d74022;
 }
-.banner-link {
-  display: inline-block;
-  text-decoration: underline;
-  cursor: pointer;
+a.banner.banner-danger:hover, a.banner.banner-danger:focus {
+  color: #fff;
+  background-color: #ab331b;
 }
-.banner-link a {
-  color: inherit;
+a.banner.banner-danger:focus, a.banner.banner-danger.focus {
+  outline: 0;
+  box-shadow: 0 0 0 0.2em rgba(215, 64, 34, 0.5);
 }
-.breadcrumb li a {
-  color: #777;
+.banner.banner-success {
+  color: #fff;
+  background-color: #009f61;
 }
-.breadcrumb-item.active a {
-  color: #212121;
-  text-decoration: underline;
+a.banner.banner-success:hover, a.banner.banner-success:focus {
+  color: #fff;
+  background-color: #006c42;
 }
-.btn.btn-link, .btn.btn-link:not(:disabled):not(.disabled):active, .btn-group.show > .btn-link {
-  color: #1357ff;
-  background-color: transparent;
-  border-color: transparent;
+a.banner.banner-success:focus, a.banner.banner-success.focus {
+  outline: 0;
+  box-shadow: 0 0 0 0.2em rgba(0, 159, 97, 0.5);
 }
-.btn.btn-ghost, .btn.btn-icon-only {
-  color: #777;
-  background-color: transparent;
-  border: 1px solid transparent;
+.banner.banner-info {
+  color: #212529;
+  background-color: #ffeb99;
 }
-.btn.btn-ghost:not(:disabled):not(.disabled):hover, .btn.btn-icon-only:not(:disabled):not(.disabled):hover {
-  background-color: #f2f4f7;
-  border-color: #f2f4f7;
+a.banner.banner-info:hover, a.banner.banner-info:focus {
+  color: #212529;
+  background-color: #ffe166;
 }
-.btn.btn-ghost:not(:disabled):not(.disabled):focus, .btn.btn-icon-only:not(:disabled):not(.disabled):focus {
-  background-color: transparent;
-  border-color: #1357ff;
-  box-shadow: 0 0 4px 1px #1357ff;
+a.banner.banner-info:focus, a.banner.banner-info.focus {
+  outline: 0;
+  box-shadow: 0 0 0 0.2em rgba(255, 235, 153, 0.5);
 }
-.btn.btn-basic, .btn.btn-secondary {
-  color: #777;
-  background-color: #fbfbfb;
-  border: 1px solid #e2e2e2;
+.banner.banner-warning {
+  color: #212529;
+  background-color: #ffb700;
 }
-.btn.btn-basic:not(:disabled):not(.disabled):hover, .btn.btn-secondary:not(:disabled):not(.disabled):hover {
-  border-color: #005fbf;
+a.banner.banner-warning:hover, a.banner.banner-warning:focus {
+  color: #212529;
+  background-color: #cc9200;
 }
-.btn.btn-basic:not(:disabled):not(.disabled):focus, .btn.btn-secondary:not(:disabled):not(.disabled):focus {
-  border-color: #005fbf;
-  box-shadow: 0 0 4px 1px #005fbf;
+a.banner.banner-warning:focus, a.banner.banner-warning.focus {
+  outline: 0;
+  box-shadow: 0 0 0 0.2em rgba(255, 183, 0, 0.5);
 }
-.btn.btn-ghost:not(:disabled):not(.disabled):focus {
-  background-color: transparent;
-  border-color: #005fbf;
-  box-shadow: 0 0 4px 1px #005fbf;
+.banner.banner-primary {
+  color: #fff;
+  background-color: #005fbf;
 }
-.btn.btn-link {
-  padding: 0;
+a.banner.banner-primary:hover, a.banner.banner-primary:focus {
+  color: #fff;
+  background-color: #00468c;
 }
-.btn.btn-link:not(:disabled):not(.disabled):focus {
-  text-decoration: none;
-  box-shadow: 0 0 4px 1px #1357ff;
+a.banner.banner-primary:focus, a.banner.banner-primary.focus {
+  outline: 0;
+  box-shadow: 0 0 0 0.2em rgba(0, 95, 191, 0.5);
 }
-.btn.btn-link:disabled, .btn.btn-link.disabled {
-  text-decoration: none;
-  pointer-events: auto;
-  background-color: transparent;
-  border: none;
+.banner.banner-jurnal {
+  color: #fff;
+  background-color: #009bde;
 }
-.btn.btn-primary.btn-with-icon .ic::before {
-  color: #fff !important;
+a.banner.banner-jurnal:hover, a.banner.banner-jurnal:focus {
+  color: #fff;
+  background-color: #0077ab;
 }
-.btn.btn-primary.btn-icon-only .ic::before {
-  color: inherit !important;
+a.banner.banner-jurnal:focus, a.banner.banner-jurnal.focus {
+  outline: 0;
+  box-shadow: 0 0 0 0.2em rgba(0, 155, 222, 0.5);
 }
-.btn.is-loading {
-  position: relative;
-  min-height: 36px;
-  pointer-events: none;
+.banner.banner-talenta {
+  color: #fff;
+  background-color: #c02a34;
 }
-.btn.is-loading::before {
-  position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  z-index: 3;
-  content: "";
-  background-color: inherit;
-  border-radius: 4px;
+a.banner.banner-talenta:hover, a.banner.banner-talenta:focus {
+  color: #fff;
+  background-color: #962129;
 }
-.btn.is-loading::after {
-  position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  z-index: 4;
-  display: inline-block;
-  width: 18px;
-  height: 18px;
-  margin: auto;
-  content: "";
-  background: center center no-repeat;
-  background-size: cover;
-  border: 2px solid #fff;
-  border-right-color: transparent;
-  border-radius: 50%;
-  -webkit-animation: spinner-border .75s linear infinite;
-  animation: spinner-border .75s linear infinite;
+a.banner.banner-talenta:focus, a.banner.banner-talenta.focus {
+  outline: 0;
+  box-shadow: 0 0 0 0.2em rgba(192, 42, 52, 0.5);
 }
-.btn.is-loading.btn-basic::after, .btn.is-loading.btn-secondary::after {
-  border-color: #777;
-  border-right-color: transparent;
+.banner.banner-klikpajak {
+  color: #fff;
+  background-color: #f96d01;
 }
-.btn.is-loading.btn-ghost {
-  color: transparent;
+a.banner.banner-klikpajak:hover, a.banner.banner-klikpajak:focus {
+  color: #fff;
+  background-color: #c65701;
 }
-.btn.is-loading.btn-ghost::after {
-  border-color: #777;
-  border-right-color: transparent;
+a.banner.banner-klikpajak:focus, a.banner.banner-klikpajak.focus {
+  outline: 0;
+  box-shadow: 0 0 0 0.2em rgba(249, 109, 1, 0.5);
 }
-.btn.btn-with-icon .ic,
-.btn.btn-with-icon span {
-  vertical-align: top;
-  border: none;
+.banner.banner-mekari {
+  color: #fff;
+  background-color: #6d48e5;
 }
-.btn.btn-with-icon .ic {
-  width: 16px;
-  height: 16px;
-  padding: 0;
-  font-size: 16px;
-  color: inherit;
+a.banner.banner-mekari:hover, a.banner.banner-mekari:focus {
+  color: #fff;
+  background-color: #4b1fdb;
 }
-.btn.btn-with-icon .ic.is-left {
-  margin-right: 8px;
+a.banner.banner-mekari:focus, a.banner.banner-mekari.focus {
+  outline: 0;
+  box-shadow: 0 0 0 0.2em rgba(109, 72, 229, 0.5);
 }
-.btn.btn-with-icon .ic.is-right {
-  margin-left: 8px;
+.banner.banner-dark {
+  color: #fff;
+  background-color: #212121;
 }
-.btn.btn-with-icon.btn-sm .ic, .btn-group-sm > .btn.btn-with-icon .ic,
-.btn.btn-with-icon.btn-sm span,
-.btn-group-sm > .btn.btn-with-icon span {
-  line-height: 16px;
-  vertical-align: baseline;
-  border: none;
+a.banner.banner-dark:hover, a.banner.banner-dark:focus {
+  color: #fff;
+  background-color: #080808;
 }
-.btn.btn-with-icon.btn-sm .ic, .btn-group-sm > .btn.btn-with-icon .ic {
-  margin-right: 0;
-  line-height: 18px;
+a.banner.banner-dark:focus, a.banner.banner-dark.focus {
+  outline: 0;
+  box-shadow: 0 0 0 0.2em rgba(33, 33, 33, 0.5);
 }
-.btn.btn-with-icon.btn-sm .is-left, .btn-group-sm > .btn.btn-with-icon .is-left {
-  margin-right: 0;
+.banner.banner-slate {
+  color: #fff;
+  background-color: #777;
 }
-.btn.btn-with-icon.btn-sm .is-right, .btn-group-sm > .btn.btn-with-icon .is-right {
-  margin-left: 0;
+a.banner.banner-slate:hover, a.banner.banner-slate:focus {
+  color: #fff;
+  background-color: #5e5e5e;
 }
-.btn.btn-with-icon.btn-lg .ic, .btn-group-lg > .btn.btn-with-icon .ic,
-.btn.btn-with-icon.btn-lg span,
-.btn-group-lg > .btn.btn-with-icon span {
+a.banner.banner-slate:focus, a.banner.banner-slate.focus {
+  outline: 0;
+  box-shadow: 0 0 0 0.2em rgba(119, 119, 119, 0.5);
+}
+.banner.banner-muted {
+  color: #212529;
+  background-color: #b4b4b4;
+}
+a.banner.banner-muted:hover, a.banner.banner-muted:focus {
+  color: #212529;
+  background-color: #9b9b9b;
+}
+a.banner.banner-muted:focus, a.banner.banner-muted.focus {
+  outline: 0;
+  box-shadow: 0 0 0 0.2em rgba(180, 180, 180, 0.5);
+}
+.banner.banner-smoke {
+  color: #212529;
+  background-color: #e2e2e2;
+}
+a.banner.banner-smoke:hover, a.banner.banner-smoke:focus {
+  color: #212529;
+  background-color: #c9c9c9;
+}
+a.banner.banner-smoke:focus, a.banner.banner-smoke.focus {
+  outline: 0;
+  box-shadow: 0 0 0 0.2em rgba(226, 226, 226, 0.5);
+}
+.banner.banner-light {
+  color: #212529;
+  background-color: #fbfbfb;
+}
+a.banner.banner-light:hover, a.banner.banner-light:focus {
+  color: #212529;
+  background-color: #e2e2e2;
+}
+a.banner.banner-light:focus, a.banner.banner-light.focus {
+  outline: 0;
+  box-shadow: 0 0 0 0.2em rgba(251, 251, 251, 0.5);
+}
+.banner.banner-cloud {
+  color: #212529;
+  background-color: #f2f4f7;
+}
+a.banner.banner-cloud:hover, a.banner.banner-cloud:focus {
+  color: #212529;
+  background-color: #d2d9e4;
+}
+a.banner.banner-cloud:focus, a.banner.banner-cloud.focus {
+  outline: 0;
+  box-shadow: 0 0 0 0.2em rgba(242, 244, 247, 0.5);
+}
+.banner.banner-link {
+  color: #fff;
+  background-color: #1357ff;
+}
+a.banner.banner-link:hover, a.banner.banner-link:focus {
+  color: #fff;
+  background-color: #0040df;
+}
+a.banner.banner-link:focus, a.banner.banner-link.focus {
+  outline: 0;
+  box-shadow: 0 0 0 0.2em rgba(19, 87, 255, 0.5);
+}
+.banner.banner-white {
+  color: #212529;
+  background-color: #fff;
+}
+a.banner.banner-white:hover, a.banner.banner-white:focus {
+  color: #212529;
+  background-color: #e6e6e6;
+}
+a.banner.banner-white:focus, a.banner.banner-white.focus {
+  outline: 0;
+  box-shadow: 0 0 0 0.2em rgba(255, 255, 255, 0.5);
+}
+.banner .ic {
+  width: 20px;
+  height: 20px;
+  font-size: 18px;
+  line-height: 18px;
+  color: inherit;
+}
+.banner-text,
+.banner-link {
+  display: inline-block;
+  padding-left: 8px;
+}
+.banner-link {
+  display: inline-block;
+  text-decoration: underline;
+  cursor: pointer;
+}
+.banner-link a {
+  color: inherit;
+}
+.breadcrumb li a {
+  color: #777;
+}
+.breadcrumb-item.active a {
+  color: #212121;
+  text-decoration: underline;
+}
+.btn.btn-link, .btn.btn-link:not(:disabled):not(.disabled):active, .btn-group.show > .btn-link {
+  color: #1357ff;
+  background-color: transparent;
+  border-color: transparent;
+}
+.btn.btn-ghost, .btn.btn-icon-only {
+  color: #777;
+  background-color: transparent;
+  border: 1px solid transparent;
+}
+.btn.btn-ghost:not(:disabled):not(.disabled):hover, .btn.btn-icon-only:not(:disabled):not(.disabled):hover {
+  background-color: #f2f4f7;
+  border-color: #f2f4f7;
+}
+.btn.btn-ghost:not(:disabled):not(.disabled):focus, .btn.btn-icon-only:not(:disabled):not(.disabled):focus {
+  background-color: transparent;
+  border-color: #1357ff;
+  box-shadow: 0 0 4px 1px #1357ff;
+}
+.btn.btn-basic, .btn.btn-secondary, .btn.btn-basic:not(:disabled):not(.disabled):active, .btn.btn-basic.active:not(:disabled):not(.disabled),
+.show > .btn.btn-basic.dropdown-toggle, .btn.btn-secondary:not(:disabled):not(.disabled):active, .btn.btn-secondary.active:not(:disabled):not(.disabled),
+.show > .btn.btn-secondary.dropdown-toggle {
+  color: #777;
+  background-color: #fbfbfb;
+  border: 1px solid #e2e2e2;
+}
+.btn.btn-basic:not(:disabled):not(.disabled):hover, .btn.btn-secondary:not(:disabled):not(.disabled):hover {
+  border-color: #005fbf;
+}
+.btn.btn-basic:not(:disabled):not(.disabled):focus, .btn.btn-secondary:not(:disabled):not(.disabled):focus {
+  border-color: #005fbf;
+  box-shadow: 0 0 4px 1px #005fbf;
+}
+.btn.btn-ghost:not(:disabled):not(.disabled):focus {
+  background-color: transparent;
+  border-color: #005fbf;
+  box-shadow: 0 0 4px 1px #005fbf;
+}
+.btn.btn-link {
+  height: auto;
+  padding: 0 4px;
+  border-radius: 2px;
+}
+.btn.btn-link:not(:disabled):not(.disabled):focus {
+  text-decoration: none;
+  box-shadow: 0 0 0 2px rgba(19, 87, 255, 0.3);
+}
+.btn.btn-link:disabled, .btn.btn-link.disabled {
+  text-decoration: none;
+  pointer-events: auto;
+  background-color: transparent;
+  border: none;
+}
+.btn.btn-primary.btn-with-icon .ic::before {
+  color: #fff !important;
+}
+.btn.btn-primary.btn-icon-only .ic::before {
+  color: inherit !important;
+}
+.btn.is-loading {
+  position: relative;
+  min-height: 36px;
+  pointer-events: none;
+}
+.btn.is-loading::before {
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  z-index: 3;
+  content: "";
+  background-color: inherit;
+  border-radius: 4px;
+}
+.btn.is-loading::after {
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  z-index: 4;
+  display: inline-block;
+  width: 18px;
+  height: 18px;
+  margin: auto;
+  content: "";
+  background: center center no-repeat;
+  background-size: cover;
+  border: 2px solid #fff;
+  border-right-color: transparent;
+  border-radius: 50%;
+  -webkit-animation: spinner-border .75s linear infinite;
+  animation: spinner-border .75s linear infinite;
+}
+.btn.is-loading.btn-basic::after, .btn.is-loading.btn-secondary::after {
+  border-color: #777;
+  border-right-color: transparent;
+}
+.btn.is-loading.btn-ghost {
+  color: transparent;
+}
+.btn.is-loading.btn-ghost::after {
+  border-color: #777;
+  border-right-color: transparent;
+}
+.btn.btn-with-icon .ic,
+.btn.btn-with-icon span {
   vertical-align: top;
   border: none;
 }
-.btn.btn-with-icon.btn-lg .ic, .btn-group-lg > .btn.btn-with-icon .ic {
-  width: 24px;
-  height: 24px;
+.btn.btn-with-icon .ic {
+  width: 16px;
+  height: 16px;
+  padding: 0;
+  font-size: 16px;
+  color: inherit;
+}
+.btn.btn-with-icon .ic.is-left {
+  margin-right: 8px;
+}
+.btn.btn-with-icon .ic.is-right {
+  margin-left: 8px;
+}
+.btn.btn-with-icon.btn-sm .ic, .btn-group-sm > .btn.btn-with-icon .ic,
+.btn.btn-with-icon.btn-sm span,
+.btn-group-sm > .btn.btn-with-icon span {
+  line-height: 16px;
+  vertical-align: baseline;
+  border: none;
+}
+.btn.btn-with-icon.btn-sm .ic, .btn-group-sm > .btn.btn-with-icon .ic {
+  margin-right: 0;
+  line-height: 18px;
+}
+.btn.btn-with-icon.btn-sm .is-left, .btn-group-sm > .btn.btn-with-icon .is-left {
+  margin-right: 0;
+}
+.btn.btn-with-icon.btn-sm .is-right, .btn-group-sm > .btn.btn-with-icon .is-right {
+  margin-left: 0;
+}
+.btn.btn-with-icon.btn-lg .ic, .btn-group-lg > .btn.btn-with-icon .ic,
+.btn.btn-with-icon.btn-lg span,
+.btn-group-lg > .btn.btn-with-icon span {
+  vertical-align: top;
+  border: none;
+}
+.btn.btn-with-icon.btn-lg .ic, .btn-group-lg > .btn.btn-with-icon .ic {
+  width: 24px;
+  height: 24px;
+  padding: 0;
+  font-size: 24px;
+}
+.btn.btn-with-icon.btn-lg span,
+.btn-group-lg > .btn.btn-with-icon span {
+  line-height: 24px;
+}
+.btn.disabled, .btn:disabled {
+  color: #b4b4b4;
+  cursor: not-allowed;
+  background-color: #f2f4f7;
+  border: 1px solid #f2f4f7;
+  opacity: 1;
+}
+.btn.disabled.btn-ghost, .btn:disabled.btn-ghost {
+  background-color: transparent;
+  border-color: transparent;
+}
+.btn.dropdown-toggle::before {
+  margin-right: 16px;
+}
+.btn.dropdown-toggle::after {
+  margin-left: 16px;
+}
+.btn-group .btn:first-child:not(:only-child):not(.dropdown-toggle) {
+  padding-right: 8px;
+}
+.btn-group .btn:last-child:not(:only-child) {
+  padding-left: 8px;
+}
+.btn-group .dropdown-toggle-split {
+  min-width: 36px;
+  padding-right: 8px;
+  padding-left: 8px;
+}
+.btn-group .dropdown-toggle-split::before {
+  margin-right: 0;
+}
+.btn-group .dropdown-toggle-split::after {
+  margin-left: 0;
+}
+.btn-group .dropdown-toggle-split.btn-basic:not(:hover):not(:focus), .btn-group .dropdown-toggle-split.btn-secondary:not(:hover):not(:focus) {
+  padding-left: 9px;
+  border-left: none;
+}
+.btn-group.dropleft .dropdown-toggle-split.btn-basic, .btn-group.dropleft .dropdown-toggle-split.btn-secondary:not(:hover):not(:focus) {
+  padding-left: 8px;
+  border-left: 1px solid #e2e2e2;
+}
+.btn-group.dropleft ~ .btn-basic:not(:hover):not(:focus),
+.btn-group.dropleft ~ .btn-secondary:not(:hover):not(:focus) {
+  padding-left: 9px;
+  border-left: none;
+}
+.btn {
+  height: 36px;
+}
+.btn.btn-sm, .btn-group-sm > .btn {
+  height: 24px;
+}
+.btn.btn-lg, .btn-group-lg > .btn {
+  height: 40px;
+}
+.btn.btn-icon-only {
+  width: 36px;
+  height: 36px;
+  padding: 8px;
+  font-size: 18px;
+  line-height: 18px;
+}
+.btn.btn-icon-only > .ic {
+  width: 18px;
+  height: 18px;
+  padding: 0;
+  font-size: 18px;
+}
+.alert-danger {
+  color: #d74022;
+  background-color: rgba(215, 64, 34, 0.15);
+  border: none;
+}
+.alert-toast.alert-danger {
+  border: 1px solid #d74022;
+}
+.alert-success {
+  color: #009f61;
+  background-color: rgba(0, 159, 97, 0.15);
+  border: none;
+}
+.alert-toast.alert-success {
+  border: 1px solid #009f61;
+}
+.alert-info {
+  color: #ffeb99;
+  background-color: rgba(255, 235, 153, 0.15);
+  border: none;
+}
+.alert-toast.alert-info {
+  border: 1px solid #ffeb99;
+}
+.alert-warning {
+  color: #ffb700;
+  background-color: rgba(255, 183, 0, 0.15);
+  border: none;
+}
+.alert-toast.alert-warning {
+  border: 1px solid #ffb700;
+}
+.alert-primary {
+  color: #005fbf;
+  background-color: rgba(0, 95, 191, 0.15);
+  border: none;
+}
+.alert-toast.alert-primary {
+  border: 1px solid #005fbf;
+}
+.alert-jurnal {
+  color: #009bde;
+  background-color: rgba(0, 155, 222, 0.15);
+  border: none;
+}
+.alert-toast.alert-jurnal {
+  border: 1px solid #009bde;
+}
+.alert-talenta {
+  color: #c02a34;
+  background-color: rgba(192, 42, 52, 0.15);
+  border: none;
+}
+.alert-toast.alert-talenta {
+  border: 1px solid #c02a34;
+}
+.alert-klikpajak {
+  color: #f96d01;
+  background-color: rgba(249, 109, 1, 0.15);
+  border: none;
+}
+.alert-toast.alert-klikpajak {
+  border: 1px solid #f96d01;
+}
+.alert-mekari {
+  color: #6d48e5;
+  background-color: rgba(109, 72, 229, 0.15);
+  border: none;
+}
+.alert-toast.alert-mekari {
+  border: 1px solid #6d48e5;
+}
+.alert-dark {
+  color: #212121;
+  background-color: rgba(33, 33, 33, 0.15);
+  border: none;
+}
+.alert-toast.alert-dark {
+  border: 1px solid #212121;
+}
+.alert-slate {
+  color: #777;
+  background-color: rgba(119, 119, 119, 0.15);
+  border: none;
+}
+.alert-toast.alert-slate {
+  border: 1px solid #777;
+}
+.alert-muted {
+  color: #b4b4b4;
+  background-color: rgba(180, 180, 180, 0.15);
+  border: none;
+}
+.alert-toast.alert-muted {
+  border: 1px solid #b4b4b4;
+}
+.alert-smoke {
+  color: #e2e2e2;
+  background-color: rgba(226, 226, 226, 0.15);
+  border: none;
+}
+.alert-toast.alert-smoke {
+  border: 1px solid #e2e2e2;
+}
+.alert-light {
+  color: #fbfbfb;
+  background-color: rgba(251, 251, 251, 0.15);
+  border: none;
+}
+.alert-toast.alert-light {
+  border: 1px solid #fbfbfb;
+}
+.alert-cloud {
+  color: #f2f4f7;
+  background-color: rgba(242, 244, 247, 0.15);
+  border: none;
+}
+.alert-toast.alert-cloud {
+  border: 1px solid #f2f4f7;
+}
+.alert-link {
+  color: #1357ff;
+  background-color: rgba(19, 87, 255, 0.15);
+  border: none;
+}
+.alert-toast.alert-link {
+  border: 1px solid #1357ff;
+}
+.alert-white {
+  color: #fff;
+  background-color: rgba(255, 255, 255, 0.15);
+  border: none;
+}
+.alert-toast.alert-white {
+  border: 1px solid #fff;
+}
+.alert-info {
+  color: #005fbf;
+  background-color: rgba(0, 95, 191, 0.15);
+  border: none;
+}
+.alert-toast.alert-info {
+  border: 1px solid #005fbf;
+}
+.alert-error {
+  color: #d74022;
+  background-color: rgba(215, 64, 34, 0.15);
+  border: none;
+}
+.alert-toast.alert-error {
+  border: 1px solid #d74022;
+}
+.alert {
+  display: flex;
+  justify-content: space-between;
+  padding: 16px;
+  font-size: 0;
+}
+.alert .alert-icon {
+  flex-basis: 24px;
+  width: 24px;
+  margin-right: 12px;
+  font-size: 14px;
+  vertical-align: top;
+}
+.alert .alert-icon .ic {
+  color: inherit !important;
+}
+.alert .alert-content {
+  display: inline-block;
+  padding-top: 2px;
+  font-size: 14px;
+  color: #212121;
+  vertical-align: top;
+}
+.alert .alert-icon + .alert-content {
+  flex: 1 1 0;
+}
+.alert .alert-title {
+  font-weight: 500;
+  line-height: 20px;
+}
+.alert .alert-description {
+  line-height: 20px;
+}
+.alert .alert-title + .alert-description {
+  padding-top: 4px;
+}
+.alert .alert-link {
+  display: block;
+  padding-top: 16px;
+  font-weight: 400;
+  color: #1357ff !important;
+  background-color: transparent;
+}
+.alert.alert-dismissible .close {
+  position: relative;
+  display: inline-block;
+  width: 20px;
+  height: 20px;
+  padding: 0;
+  color: #777;
+}
+.alert.alert-dismissible .close .ic {
+  width: 20px;
+  height: 20px;
+  font-size: 20px;
+  font-weight: 700;
+  line-height: 20px;
+  vertical-align: middle;
+}
+.alert.alert-small .alert-content {
+  display: flex;
+}
+.alert.alert-small .alert-description {
+  display: inline-block;
+}
+.alert.alert-small .alert-link {
+  display: inline-block;
   padding: 0;
-  font-size: 24px;
+  padding-left: 16px;
+  font-weight: 400;
+  color: #1357ff !important;
+  background-color: transparent;
 }
+.alert.alert-toast {
+  display: inline-flex;
+  padding: 12px;
+  font-size: 0;
+  background-color: #fff;
+  border-radius: 4px;
+  box-shadow: 0 4px 8px 0 rgba(119, 119, 119, 0.1), 0 12px 20px 0 rgba(119, 119, 119, 0.2);
+}
-.btn.btn-with-icon.btn-lg span,
-.btn-group-lg > .btn.btn-with-icon span {
-  line-height: 24px;
+.alert.alert-toast .alert-icon {
+  margin-right: 8px;
 }
-.btn.disabled, .btn:disabled {
-  color: #b4b4b4;
-  cursor: not-allowed;
-  background-color: #f2f4f7;
-  border: 1px solid #f2f4f7;
-  opacity: 1;
+.alert.alert-toast .alert-description {
+  display: inline-block;
 }
-.btn.disabled.btn-ghost, .btn:disabled.btn-ghost {
+.alert.alert-toast .alert-link {
+  display: inline-block;
+  padding: 0;
+  padding-left: 16px;
+  font-weight: 400;
+  color: #1357ff !important;
   background-color: transparent;
-  border-color: transparent;
 }
-.btn.dropdown-toggle::before {
-  margin-right: 16px;
+.avatar.avatar-default-people, .avatar.avatar-default-file, .avatar.avatar-default-image {
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-origin: content-box;
+  background-size: 60% 60%;
 }
-.btn.dropdown-toggle::after {
-  margin-left: 16px;
+.avatar::after, .avatar.avatar-xlarge::after {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  opacity: 0;
 }
-.btn-group .btn:first-child:not(:only-child):not(.dropdown-toggle) {
-  padding-right: 8px;
+.avatar {
+  position: relative;
+  display: inline-block;
+  overflow: hidden;
+  text-align: center;
+  vertical-align: middle;
+  background-color: #e2e2e2;
 }
-.btn-group .btn:last-child:not(:only-child) {
-  padding-left: 8px;
+.avatar.dropdown-toggle::after {
+  display: initial !important;
 }
-.btn-group .dropdown-toggle-split {
-  min-width: 36px;
-  padding-right: 8px;
-  padding-left: 8px;
+.avatar::after {
+  content: "\A";
+  background: rgba(0, 0, 0, 0.5) !important;
 }
-.btn-group .dropdown-toggle-split::before {
-  margin-right: 0;
+.avatar:hover {
+  cursor: pointer;
 }
-.btn-group .dropdown-toggle-split::after {
-  margin-left: 0;
+.avatar:hover::after {
+  cursor: pointer;
+  opacity: 1;
 }
-.btn-group .dropdown-toggle-split.btn-basic:not(:hover):not(:focus), .btn-group .dropdown-toggle-split.btn-secondary:not(:hover):not(:focus) {
-  padding-left: 9px;
-  border-left: none;
+.avatar .avatar-photo {
+  width: 100%;
+  height: 100%;
+  vertical-align: top;
+  background-color: #e2e2e2;
 }
-.btn-group.dropleft .dropdown-toggle-split.btn-basic, .btn-group.dropleft .dropdown-toggle-split.btn-secondary:not(:hover):not(:focus) {
-  padding-left: 8px;
-  border-left: 1px solid #e2e2e2;
+.avatar.avatar-default-people {
+  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='60px' height='60px' viewBox='0 0 60 60' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3E57B2CFBF-9694-4E42-8A9B-7C4261320855svg/%3C/title%3E%3Cdefs%3E%3Ccircle id='path-1' cx='30' cy='30' r='30'%3E%3C/circle%3E%3C/defs%3E%3Cg id='Design-Principle' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Components/-Avatar' transform='translate(-852.000000, -1412.000000)'%3E%3Cg id='Default-avatars' transform='translate(660.000000, 1315.000000)'%3E%3Cg id='Components/-Avatar/-Circle/-60px' transform='translate(192.000000, 97.000000)'%3E%3Cg id='Border'%3E%3Ccircle cx='30' cy='30' r='30'%3E%3C/circle%3E%3C/g%3E%3Cg id='Container'%3E%3Cmask id='mask-2' fill='white'%3E%3Cuse xlink:href='%23path-1'%3E%3C/use%3E%3C/mask%3E%3Cg id='Oval'%3E%3C/g%3E%3Cg id='Type' mask='url(%23mask-2)' fill-rule='nonzero'%3E%3Cg id='🙂-Face'%3E%3Crect id='Base' fill='%23E2E2E2' x='0' y='0' width='60' height='60'%3E%3C/rect%3E%3Cpath d='M31.7647059,38.8235294 C41.5109073,38.8235294 49.4117647,46.7243868 49.4117647,56.4705882 L49.4117647,60 L10.5882353,60 L10.5882353,56.4705882 C10.5882353,46.7243868 18.4890927,38.8235294 28.2352941,38.8235294 L31.7647059,38.8235294 Z M30.5294118,14.1176471 C36.3771326,14.1176471 41.1176471,18.8581615 41.1176471,24.7058824 C41.1176471,30.5536032 36.3771326,35.2941176 30.5294118,35.2941176 C24.6816909,35.2941176 19.9411765,30.5536032 19.9411765,24.7058824 C19.9411765,18.8581615 24.6816909,14.1176471 30.5294118,14.1176471 Z' id='Path' fill='%23B4B4B4'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3Cg id='State' mask='url(%23mask-2)'%3E%3Crect id='Overlay' x='0' y='0' width='60' height='60'%3E%3C/rect%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
+  background-size: 100% 100%;
 }
-.btn-group.dropleft ~ .btn-basic:not(:hover):not(:focus),
-.btn-group.dropleft ~ .btn-secondary:not(:hover):not(:focus) {
-  padding-left: 9px;
-  border-left: none;
+.avatar.avatar-default-file {
+  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='36px' height='36px' viewBox='0 0 36 36' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: sketchtool 64 (101010) - https://sketch.com --%3E%3Ctitle%3E8416DD89-AB9A-4D81-8594-0E1ED11C1B09svg/%3C/title%3E%3Cdesc%3ECreated with sketchtool.%3C/desc%3E%3Cdefs%3E%3Crect id='path-1' x='0' y='0' width='60' height='60' rx='8'%3E%3C/rect%3E%3C/defs%3E%3Cg id='Design-Principle' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Components/-Avatar' transform='translate(-1224.000000, -1424.000000)'%3E%3Crect id='base' fill='%23FFFFFF' x='0' y='0' width='1920' height='3164'%3E%3C/rect%3E%3Cg id='Default-avatars' transform='translate(660.000000, 1315.000000)'%3E%3Cg id='Avatar-blank-type' transform='translate(192.000000, 97.000000)'%3E%3Cg id='Components/-Avatar/-Square/-60px' transform='translate(360.000000, 0.000000)'%3E%3Cmask id='mask-2' fill='white'%3E%3Cuse xlink:href='%23path-1'%3E%3C/use%3E%3C/mask%3E%3Cg id='Base'%3E%3C/g%3E%3Cg id='Type' mask='url(%23mask-2)' fill-rule='nonzero'%3E%3Crect id='Base' fill='%23E2E2E2' x='0' y='0' width='60' height='60'%3E%3C/rect%3E%3Cg id='Icons/-Regular/-Feature/-IMG' transform='translate(12.000000, 12.000000)' fill='%23777777'%3E%3Cpath d='M23.1213203,3 L30,9.87867966 L30,30 C30,31.6568542 28.6568542,33 27,33 L9,33 C7.34314575,33 6,31.6568542 6,30 L6,6 C6,4.34314575 7.34314575,3 9,3 L23.1213203,3 Z M21,4.5 L9,4.5 C8.17157288,4.5 7.5,5.17157288 7.5,6 L7.5,30 C7.5,30.8284271 8.17157288,31.5 9,31.5 L27,31.5 C27.8284271,31.5 28.5,30.8284271 28.5,30 L28.5,12 L23.25,12 C22.1342953,12 21.0906184,11.0028107 21.0055823,9.89504535 L21,9.75 L21,4.5 Z M24.75,25.5 C25.1642136,25.5 25.5,25.8357864 25.5,26.25 C25.5,26.6642136 25.1642136,27 24.75,27 L11.25,27 C10.8357864,27 10.5,26.6642136 10.5,26.25 C10.5,25.8357864 10.8357864,25.5 11.25,25.5 L24.75,25.5 Z M24.75,18 C25.1642136,18 25.5,18.3357864 25.5,18.75 C25.5,19.1642136 25.1642136,19.5 24.75,19.5 L11.25,19.5 C10.8357864,19.5 10.5,19.1642136 10.5,18.75 C10.5,18.3357864 10.8357864,18 11.25,18 L24.75,18 Z M15.75,10.5 C16.1642136,10.5 16.5,10.8357864 16.5,11.25 C16.5,11.6642136 16.1642136,12 15.75,12 L11.25,12 C10.8357864,12 10.5,11.6642136 10.5,11.25 C10.5,10.8357864 10.8357864,10.5 11.25,10.5 L15.75,10.5 Z M22.5,4.5 L22.5,9.75 C22.5,10.0857864 22.9142136,10.5 23.25,10.5 L23.25,10.5 L28.5,10.5 L22.5,4.5 Z' id='Color'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
 }
-.btn {
-  height: 36px;
+.avatar.avatar-default-image {
+  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='36px' height='36px' viewBox='0 0 36 36' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: sketchtool 64 (101010) - https://sketch.com --%3E%3Ctitle%3E854A7405-039C-4712-92A0-AB1D01FDD088svg/%3C/title%3E%3Cdesc%3ECreated with sketchtool.%3C/desc%3E%3Cdefs%3E%3Crect id='path-1' x='0' y='0' width='60' height='60' rx='8'%3E%3C/rect%3E%3C/defs%3E%3Cg id='Design-Principle' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Components/-Avatar' transform='translate(-1044.000000, -1424.000000)'%3E%3Crect id='base' fill='%23FFFFFF' x='0' y='0' width='1920' height='3164'%3E%3C/rect%3E%3Cg id='Default-avatars' transform='translate(660.000000, 1315.000000)'%3E%3Cg id='Avatar-blank-type' transform='translate(192.000000, 97.000000)'%3E%3Cg id='Components/-Avatar/-Square/-60px' transform='translate(180.000000, 0.000000)'%3E%3Cmask id='mask-2' fill='white'%3E%3Cuse xlink:href='%23path-1'%3E%3C/use%3E%3C/mask%3E%3Cg id='Base'%3E%3C/g%3E%3Cg id='Type' mask='url(%23mask-2)' fill-rule='nonzero'%3E%3Crect id='Base' fill='%23E2E2E2' x='0' y='0' width='60' height='60'%3E%3C/rect%3E%3Cg id='Icons/-Regular/-Feature/-IMG' transform='translate(12.000000, 12.000000)' fill='%23777777'%3E%3Cpath d='M24.0307692,3 C24.2326984,3 24.4271578,3.07954407 24.5751301,3.22267209 L29.7443609,8.22267209 C29.9073745,8.38034894 30,8.60160933 30,8.83333333 L30,32.1666667 C30,32.626904 29.6418278,33 29.2,33 L6.8,33 C6.3581722,33 6,32.626904 6,32.1666667 L6,3.83333333 C6,3.37309604 6.3581722,3 6.8,3 L24.0307692,3 Z M12.2596988,25.7875335 L8.92873792,30.3339749 C8.84660416,30.4571755 8.80277564,30.6019313 8.80277564,30.75 C8.80277564,31.1642136 9.13856208,31.5 9.55277564,31.5 L18.6487188,31.5 L13.4599025,25.7234205 C13.4137204,25.6680021 13.3597846,25.6195363 13.2997616,25.579521 C12.9551151,25.3497567 12.4894631,25.442887 12.2596988,25.7875335 Z M21.1758419,19.8540405 L16.7020464,26.6752406 L20.607804,31.5 L27.299016,31.4994534 C28.5,31.4923469 28.5,31.3928571 28.5,30 L28.5,28.5391523 L22.3636022,19.842318 C22.3238169,19.7917673 22.2776933,19.7465447 22.2263672,19.707765 C21.8958797,19.4580634 21.4255435,19.523553 21.1758419,19.8540405 Z M23.7715845,4.5 L7.5,4.5 L7.50072911,29.827172 C7.55141195,29.7144696 7.61151182,29.6056505 7.68066248,29.5019246 L11.0116233,24.9554835 C11.7009164,23.921544 13.0978724,23.642153 14.1318119,24.331446 C14.3118808,24.4514919 14.4736883,24.5968893 14.6122344,24.7631445 L15.455,25.722 L19.9790409,18.949791 C20.7281458,17.9583286 22.1391544,17.7618596 23.1306168,18.5109645 C23.2845952,18.6273037 23.4229661,18.7629699 23.5423219,18.914622 L28.5,25.905 L28.5,9.08668365 L23.7715845,4.5 Z M12.75,12 C14.4068542,12 15.75,13.3431458 15.75,15 C15.75,16.6568542 14.4068542,18 12.75,18 C11.0931458,18 9.75,16.6568542 9.75,15 C9.75,13.3431458 11.0931458,12 12.75,12 Z M12.75,13.5 C11.9215729,13.5 11.25,14.1715729 11.25,15 C11.25,15.8284271 11.9215729,16.5 12.75,16.5 C13.5784271,16.5 14.25,15.8284271 14.25,15 C14.25,14.1715729 13.5784271,13.5 12.75,13.5 Z' id='Color'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
 }
-.btn.btn-sm, .btn-group-sm > .btn {
+.avatar.avatar-xsmall {
+  width: 24px;
   height: 24px;
+  line-height: 24px;
 }
-.btn.btn-lg, .btn-group-lg > .btn {
+.avatar.avatar-xsmall .avatar-initial {
+  font-family: "Roboto", "Oxygen", "Ubuntu", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+  font-size: 9px;
+  color: #777;
+}
+.avatar.avatar-small {
+  width: 32px;
+  height: 32px;
+  line-height: 32px;
+}
+.avatar.avatar-small .avatar-initial {
+  font-family: "Roboto", "Oxygen", "Ubuntu", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+  font-size: 12px;
+  color: #777;
+}
+.avatar.avatar-medium {
+  width: 40px;
   height: 40px;
+  line-height: 40px;
 }
-.btn.btn-icon-only {
-  width: 36px;
-  height: 36px;
-  padding: 8px;
-  font-size: 18px;
-  line-height: 18px;
+.avatar.avatar-medium .avatar-initial {
+  font-family: "Roboto", "Oxygen", "Ubuntu", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+  font-size: 15px;
+  color: #777;
 }
-.btn.btn-icon-only > .ic {
-  width: 18px;
-  height: 18px;
-  padding: 0;
-  font-size: 18px;
+.avatar.avatar-large {
+  width: 60px;
+  height: 60px;
+  line-height: 60px;
 }
-.alert-danger {
-  color: #d74022;
-  background-color: rgba(215, 64, 34, 0.15);
-  border: none;
+.avatar.avatar-large .avatar-initial {
+  font-family: "Roboto", "Oxygen", "Ubuntu", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+  font-size: 22.5px;
+  color: #777;
 }
-.alert-toast.alert-danger {
-  border: 1px solid #d74022;
+.avatar.avatar-xlarge {
+  width: 120px;
+  height: 120px;
+  line-height: 120px;
 }
-.alert-success {
-  color: #009f61;
-  background-color: rgba(0, 159, 97, 0.15);
-  border: none;
+.avatar.avatar-xlarge .avatar-initial {
+  font-family: "Roboto", "Oxygen", "Ubuntu", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+  font-size: 45px;
+  color: #777;
 }
-.alert-toast.alert-success {
-  border: 1px solid #009f61;
+.avatar.avatar-xlarge {
+  font-family: "Mekari-Icon-Regular";
+  font-size: 24px;
 }
-.alert-info {
-  color: #ffeb99;
-  background-color: rgba(255, 235, 153, 0.15);
-  border: none;
+.avatar.avatar-xlarge::after {
+  color: #fff;
+  content: "\e877";
 }
-.alert-toast.alert-info {
-  border: 1px solid #ffeb99;
+.avatar.avatar-xlarge:hover::after {
+  cursor: pointer;
+  opacity: 1;
 }
-.alert-warning {
-  color: #ffb700;
-  background-color: rgba(255, 183, 0, 0.15);
-  border: none;
+.avatar.avatar-circle {
+  border-radius: 100%;
 }
-.alert-toast.alert-warning {
-  border: 1px solid #ffb700;
+.avatar.avatar-square {
+  border-radius: 8px;
 }
-.alert-primary {
-  color: #005fbf;
-  background-color: rgba(0, 95, 191, 0.15);
-  border: none;
+.avatar.avatar--no-overlay:hover::after {
+  opacity: 0;
 }
-.alert-toast.alert-primary {
-  border: 1px solid #005fbf;
+.avatar-stacked {
+  display: inline-flex;
+  flex-wrap: wrap;
+  align-items: center;
+  font-size: 0;
 }
-.alert-jurnal {
-  color: #009bde;
-  background-color: rgba(0, 155, 222, 0.15);
-  border: none;
+.avatar-stacked .avatar-xsmall {
+  box-shadow: 0.6px 0 0 0.6px #fff;
 }
-.alert-toast.alert-jurnal {
-  border: 1px solid #009bde;
+.avatar-stacked .avatar-xsmall:nth-child(1) {
+  margin-left: 0;
+  z-index: 6;
 }
-.alert-talenta {
-  color: #c02a34;
-  background-color: rgba(192, 42, 52, 0.15);
-  border: none;
+.avatar-stacked .avatar-xsmall:nth-child(2) {
+  margin-left: -6px;
+  z-index: 5;
+}
+.avatar-stacked .avatar-xsmall:nth-child(3) {
+  margin-left: -6px;
+  z-index: 4;
+}
+.avatar-stacked .avatar-xsmall:nth-child(4) {
+  margin-left: -6px;
+  z-index: 3;
+}
+.avatar-stacked .avatar-xsmall:nth-child(5) {
+  margin-left: -6px;
+  z-index: 2;
+}
+.avatar-stacked .avatar-xsmall:nth-child(6) {
+  margin-left: -6px;
+  z-index: 1;
+}
+.avatar-stacked .avatar-small {
+  box-shadow: 0.8px 0 0 0.8px #fff;
+}
+.avatar-stacked .avatar-small:nth-child(1) {
+  margin-left: 0;
+  z-index: 6;
 }
-.alert-toast.alert-talenta {
-  border: 1px solid #c02a34;
+.avatar-stacked .avatar-small:nth-child(2) {
+  margin-left: -8px;
+  z-index: 5;
 }
-.alert-klikpajak {
-  color: #f96d01;
-  background-color: rgba(249, 109, 1, 0.15);
-  border: none;
+.avatar-stacked .avatar-small:nth-child(3) {
+  margin-left: -8px;
+  z-index: 4;
 }
-.alert-toast.alert-klikpajak {
-  border: 1px solid #f96d01;
+.avatar-stacked .avatar-small:nth-child(4) {
+  margin-left: -8px;
+  z-index: 3;
 }
-.alert-mekari {
-  color: #6d48e5;
-  background-color: rgba(109, 72, 229, 0.15);
-  border: none;
+.avatar-stacked .avatar-small:nth-child(5) {
+  margin-left: -8px;
+  z-index: 2;
 }
-.alert-toast.alert-mekari {
-  border: 1px solid #6d48e5;
+.avatar-stacked .avatar-small:nth-child(6) {
+  margin-left: -8px;
+  z-index: 1;
 }
-.alert-dark {
-  color: #212121;
-  background-color: rgba(33, 33, 33, 0.15);
-  border: none;
+.avatar-stacked .avatar-medium {
+  box-shadow: 1px 0 0 1px #fff;
 }
-.alert-toast.alert-dark {
-  border: 1px solid #212121;
+.avatar-stacked .avatar-medium:nth-child(1) {
+  margin-left: 0;
+  z-index: 6;
 }
-.alert-slate {
-  color: #777;
-  background-color: rgba(119, 119, 119, 0.15);
-  border: none;
+.avatar-stacked .avatar-medium:nth-child(2) {
+  margin-left: -10px;
+  z-index: 5;
 }
-.alert-toast.alert-slate {
-  border: 1px solid #777;
+.avatar-stacked .avatar-medium:nth-child(3) {
+  margin-left: -10px;
+  z-index: 4;
 }
-.alert-muted {
-  color: #b4b4b4;
-  background-color: rgba(180, 180, 180, 0.15);
-  border: none;
+.avatar-stacked .avatar-medium:nth-child(4) {
+  margin-left: -10px;
+  z-index: 3;
 }
-.alert-toast.alert-muted {
-  border: 1px solid #b4b4b4;
+.avatar-stacked .avatar-medium:nth-child(5) {
+  margin-left: -10px;
+  z-index: 2;
 }
-.alert-smoke {
-  color: #e2e2e2;
-  background-color: rgba(226, 226, 226, 0.15);
-  border: none;
+.avatar-stacked .avatar-medium:nth-child(6) {
+  margin-left: -10px;
+  z-index: 1;
 }
-.alert-toast.alert-smoke {
-  border: 1px solid #e2e2e2;
+.avatar-stacked .avatar-large {
+  box-shadow: 1.5px 0 0 1.5px #fff;
 }
-.alert-light {
-  color: #fbfbfb;
-  background-color: rgba(251, 251, 251, 0.15);
-  border: none;
+.avatar-stacked .avatar-large:nth-child(1) {
+  margin-left: 0;
+  z-index: 6;
 }
-.alert-toast.alert-light {
-  border: 1px solid #fbfbfb;
+.avatar-stacked .avatar-large:nth-child(2) {
+  margin-left: -15px;
+  z-index: 5;
 }
-.alert-cloud {
-  color: #f2f4f7;
-  background-color: rgba(242, 244, 247, 0.15);
-  border: none;
+.avatar-stacked .avatar-large:nth-child(3) {
+  margin-left: -15px;
+  z-index: 4;
 }
-.alert-toast.alert-cloud {
-  border: 1px solid #f2f4f7;
+.avatar-stacked .avatar-large:nth-child(4) {
+  margin-left: -15px;
+  z-index: 3;
 }
-.alert-link {
-  color: #1357ff;
-  background-color: rgba(19, 87, 255, 0.15);
-  border: none;
+.avatar-stacked .avatar-large:nth-child(5) {
+  margin-left: -15px;
+  z-index: 2;
 }
-.alert-toast.alert-link {
-  border: 1px solid #1357ff;
+.avatar-stacked .avatar-large:nth-child(6) {
+  margin-left: -15px;
+  z-index: 1;
 }
-.alert-white {
-  color: #fff;
-  background-color: rgba(255, 255, 255, 0.15);
-  border: none;
+.avatar-stacked .avatar-xlarge {
+  box-shadow: 3px 0 0 3px #fff;
 }
-.alert-toast.alert-white {
-  border: 1px solid #fff;
+.avatar-stacked .avatar-xlarge:nth-child(1) {
+  margin-left: 0;
+  z-index: 6;
 }
-.alert-info {
-  color: #005fbf;
-  background-color: rgba(0, 95, 191, 0.15);
-  border: none;
+.avatar-stacked .avatar-xlarge:nth-child(2) {
+  margin-left: -30px;
+  z-index: 5;
 }
-.alert-toast.alert-info {
-  border: 1px solid #005fbf;
+.avatar-stacked .avatar-xlarge:nth-child(3) {
+  margin-left: -30px;
+  z-index: 4;
 }
-.alert-error {
-  color: #d74022;
-  background-color: rgba(215, 64, 34, 0.15);
-  border: none;
+.avatar-stacked .avatar-xlarge:nth-child(4) {
+  margin-left: -30px;
+  z-index: 3;
 }
-.alert-toast.alert-error {
-  border: 1px solid #d74022;
+.avatar-stacked .avatar-xlarge:nth-child(5) {
+  margin-left: -30px;
+  z-index: 2;
 }
-.alert {
-  display: flex;
-  padding: 16px;
-  font-size: 0;
+.avatar-stacked .avatar-xlarge:nth-child(6) {
+  margin-left: -30px;
+  z-index: 1;
 }
-.alert .alert-icon {
-  flex-basis: 24px;
-  width: 24px;
-  margin-right: 12px;
-  font-size: 14px;
-  vertical-align: top;
+.avatar-stacked .avatar-stacked-text {
+  position: relative;
+  padding-left: 16px;
+  color: #1357ff;
+  cursor: pointer;
 }
-.alert .alert-icon .ic {
-  color: inherit !important;
+.avatar-stacked .avatar-stacked-text p {
+  margin: 0;
+  line-height: 14px;
 }
-.alert .alert-content {
-  display: inline-block;
-  padding-top: 2px;
-  font-size: 14px;
-  color: #212121;
-  vertical-align: top;
+.avatar-stacked .avatar-stacked-text.dropdown-toggle::after {
+  display: none;
 }
-.alert .alert-icon + .alert-content {
-  flex: 1 1 0;
+.avatar-stacked.avatar-stacked-reversed .avatar-xsmall {
+  box-shadow: -0.6px 0 0 0.6px #fff;
 }
-.alert .alert-title {
-  font-weight: 500;
-  line-height: 20px;
+.avatar-stacked.avatar-stacked-reversed .avatar-xsmall:nth-child(1) {
+  z-index: 1;
 }
-.alert .alert-description {
-  line-height: 20px;
+.avatar-stacked.avatar-stacked-reversed .avatar-xsmall:nth-child(2) {
+  z-index: 2;
 }
-.alert .alert-title + .alert-description {
-  padding-top: 4px;
+.avatar-stacked.avatar-stacked-reversed .avatar-xsmall:nth-child(3) {
+  z-index: 3;
 }
-.alert .alert-link {
-  display: block;
-  padding-top: 16px;
-  font-weight: 400;
-  color: #1357ff !important;
-  background-color: transparent;
+.avatar-stacked.avatar-stacked-reversed .avatar-xsmall:nth-child(4) {
+  z-index: 4;
 }
-.alert.alert-dismissible .close {
-  position: relative;
-  display: inline-block;
-  width: 20px;
-  height: 20px;
-  padding: 0;
-  color: #777;
+.avatar-stacked.avatar-stacked-reversed .avatar-xsmall:nth-child(5) {
+  z-index: 5;
 }
-.alert.alert-dismissible .close .ic {
-  width: 20px;
-  height: 20px;
-  font-size: 16px;
-  font-weight: 700;
-  line-height: 20px;
-  vertical-align: middle;
+.avatar-stacked.avatar-stacked-reversed .avatar-xsmall:nth-child(6) {
+  z-index: 6;
 }
-.alert.alert-small .alert-content {
-  display: flex;
+.avatar-stacked.avatar-stacked-reversed .avatar-small {
+  box-shadow: -0.8px 0 0 0.8px #fff;
 }
-.alert.alert-small .alert-description {
-  display: inline-block;
+.avatar-stacked.avatar-stacked-reversed .avatar-small:nth-child(1) {
+  z-index: 1;
 }
-.alert.alert-small .alert-link {
-  display: inline-block;
-  padding: 0;
-  padding-left: 16px;
-  font-weight: 400;
-  color: #1357ff !important;
-  background-color: transparent;
+.avatar-stacked.avatar-stacked-reversed .avatar-small:nth-child(2) {
+  z-index: 2;
 }
-.alert.alert-toast {
-  display: inline-flex;
-  padding: 12px;
-  font-size: 0;
-  background-color: #fff;
-  border-radius: 4px;
-  box-shadow: 0 4px 8px 0 rgba(119, 119, 119, 0.1), 0 12px 20px 0 rgba(119, 119, 119, 0.2);
+.avatar-stacked.avatar-stacked-reversed .avatar-small:nth-child(3) {
+  z-index: 3;
 }
-.alert.alert-toast .alert-icon {
-  margin-right: 8px;
+.avatar-stacked.avatar-stacked-reversed .avatar-small:nth-child(4) {
+  z-index: 4;
 }
-.alert.alert-toast .alert-description {
-  display: inline-block;
+.avatar-stacked.avatar-stacked-reversed .avatar-small:nth-child(5) {
+  z-index: 5;
 }
-.alert.alert-toast .alert-link {
-  display: inline-block;
-  padding: 0;
-  padding-left: 16px;
-  font-weight: 400;
-  color: #1357ff !important;
-  background-color: transparent;
+.avatar-stacked.avatar-stacked-reversed .avatar-small:nth-child(6) {
+  z-index: 6;
 }
-.avatar.avatar-default-people, .avatar.avatar-default-file, .avatar.avatar-default-image {
-  background-repeat: no-repeat;
-  background-position: center center;
-  background-origin: content-box;
-  background-size: 60% 60%;
+.avatar-stacked.avatar-stacked-reversed .avatar-medium {
+  box-shadow: -1px 0 0 1px #fff;
 }
-.avatar::after, .avatar.avatar-xlarge::after {
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  opacity: 0;
+.avatar-stacked.avatar-stacked-reversed .avatar-medium:nth-child(1) {
+  z-index: 1;
 }
-.avatar {
-  position: relative;
-  display: inline-block;
-  overflow: hidden;
-  text-align: center;
-  vertical-align: middle;
-  background-color: #e2e2e2;
+.avatar-stacked.avatar-stacked-reversed .avatar-medium:nth-child(2) {
+  z-index: 2;
 }
-.avatar::after {
-  content: "\A";
-  background: rgba(0, 0, 0, 0.5);
+.avatar-stacked.avatar-stacked-reversed .avatar-medium:nth-child(3) {
+  z-index: 3;
 }
-.avatar:hover::after {
-  cursor: pointer;
-  opacity: 1;
+.avatar-stacked.avatar-stacked-reversed .avatar-medium:nth-child(4) {
+  z-index: 4;
 }
-.avatar .avatar-photo {
-  width: 100%;
-  height: 100%;
-  vertical-align: top;
-  background-color: #e2e2e2;
+.avatar-stacked.avatar-stacked-reversed .avatar-medium:nth-child(5) {
+  z-index: 5;
 }
-.avatar.avatar-default-people {
-  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='60px' height='60px' viewBox='0 0 60 60' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3E57B2CFBF-9694-4E42-8A9B-7C4261320855svg/%3C/title%3E%3Cdefs%3E%3Ccircle id='path-1' cx='30' cy='30' r='30'%3E%3C/circle%3E%3C/defs%3E%3Cg id='Design-Principle' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Components/-Avatar' transform='translate(-852.000000, -1412.000000)'%3E%3Cg id='Default-avatars' transform='translate(660.000000, 1315.000000)'%3E%3Cg id='Components/-Avatar/-Circle/-60px' transform='translate(192.000000, 97.000000)'%3E%3Cg id='Border'%3E%3Ccircle cx='30' cy='30' r='30'%3E%3C/circle%3E%3C/g%3E%3Cg id='Container'%3E%3Cmask id='mask-2' fill='white'%3E%3Cuse xlink:href='%23path-1'%3E%3C/use%3E%3C/mask%3E%3Cg id='Oval'%3E%3C/g%3E%3Cg id='Type' mask='url(%23mask-2)' fill-rule='nonzero'%3E%3Cg id='🙂-Face'%3E%3Crect id='Base' fill='%23E2E2E2' x='0' y='0' width='60' height='60'%3E%3C/rect%3E%3Cpath d='M31.7647059,38.8235294 C41.5109073,38.8235294 49.4117647,46.7243868 49.4117647,56.4705882 L49.4117647,60 L10.5882353,60 L10.5882353,56.4705882 C10.5882353,46.7243868 18.4890927,38.8235294 28.2352941,38.8235294 L31.7647059,38.8235294 Z M30.5294118,14.1176471 C36.3771326,14.1176471 41.1176471,18.8581615 41.1176471,24.7058824 C41.1176471,30.5536032 36.3771326,35.2941176 30.5294118,35.2941176 C24.6816909,35.2941176 19.9411765,30.5536032 19.9411765,24.7058824 C19.9411765,18.8581615 24.6816909,14.1176471 30.5294118,14.1176471 Z' id='Path' fill='%23B4B4B4'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3Cg id='State' mask='url(%23mask-2)'%3E%3Crect id='Overlay' x='0' y='0' width='60' height='60'%3E%3C/rect%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
-  background-size: 100% 100%;
+.avatar-stacked.avatar-stacked-reversed .avatar-medium:nth-child(6) {
+  z-index: 6;
+}
+.avatar-stacked.avatar-stacked-reversed .avatar-large {
+  box-shadow: -1.5px 0 0 1.5px #fff;
 }
-.avatar.avatar-default-file {
-  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='36px' height='36px' viewBox='0 0 36 36' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: sketchtool 64 (101010) - https://sketch.com --%3E%3Ctitle%3E8416DD89-AB9A-4D81-8594-0E1ED11C1B09svg/%3C/title%3E%3Cdesc%3ECreated with sketchtool.%3C/desc%3E%3Cdefs%3E%3Crect id='path-1' x='0' y='0' width='60' height='60' rx='8'%3E%3C/rect%3E%3C/defs%3E%3Cg id='Design-Principle' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Components/-Avatar' transform='translate(-1224.000000, -1424.000000)'%3E%3Crect id='base' fill='%23FFFFFF' x='0' y='0' width='1920' height='3164'%3E%3C/rect%3E%3Cg id='Default-avatars' transform='translate(660.000000, 1315.000000)'%3E%3Cg id='Avatar-blank-type' transform='translate(192.000000, 97.000000)'%3E%3Cg id='Components/-Avatar/-Square/-60px' transform='translate(360.000000, 0.000000)'%3E%3Cmask id='mask-2' fill='white'%3E%3Cuse xlink:href='%23path-1'%3E%3C/use%3E%3C/mask%3E%3Cg id='Base'%3E%3C/g%3E%3Cg id='Type' mask='url(%23mask-2)' fill-rule='nonzero'%3E%3Crect id='Base' fill='%23E2E2E2' x='0' y='0' width='60' height='60'%3E%3C/rect%3E%3Cg id='Icons/-Regular/-Feature/-IMG' transform='translate(12.000000, 12.000000)' fill='%23777777'%3E%3Cpath d='M23.1213203,3 L30,9.87867966 L30,30 C30,31.6568542 28.6568542,33 27,33 L9,33 C7.34314575,33 6,31.6568542 6,30 L6,6 C6,4.34314575 7.34314575,3 9,3 L23.1213203,3 Z M21,4.5 L9,4.5 C8.17157288,4.5 7.5,5.17157288 7.5,6 L7.5,30 C7.5,30.8284271 8.17157288,31.5 9,31.5 L27,31.5 C27.8284271,31.5 28.5,30.8284271 28.5,30 L28.5,12 L23.25,12 C22.1342953,12 21.0906184,11.0028107 21.0055823,9.89504535 L21,9.75 L21,4.5 Z M24.75,25.5 C25.1642136,25.5 25.5,25.8357864 25.5,26.25 C25.5,26.6642136 25.1642136,27 24.75,27 L11.25,27 C10.8357864,27 10.5,26.6642136 10.5,26.25 C10.5,25.8357864 10.8357864,25.5 11.25,25.5 L24.75,25.5 Z M24.75,18 C25.1642136,18 25.5,18.3357864 25.5,18.75 C25.5,19.1642136 25.1642136,19.5 24.75,19.5 L11.25,19.5 C10.8357864,19.5 10.5,19.1642136 10.5,18.75 C10.5,18.3357864 10.8357864,18 11.25,18 L24.75,18 Z M15.75,10.5 C16.1642136,10.5 16.5,10.8357864 16.5,11.25 C16.5,11.6642136 16.1642136,12 15.75,12 L11.25,12 C10.8357864,12 10.5,11.6642136 10.5,11.25 C10.5,10.8357864 10.8357864,10.5 11.25,10.5 L15.75,10.5 Z M22.5,4.5 L22.5,9.75 C22.5,10.0857864 22.9142136,10.5 23.25,10.5 L23.25,10.5 L28.5,10.5 L22.5,4.5 Z' id='Color'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
+.avatar-stacked.avatar-stacked-reversed .avatar-large:nth-child(1) {
+  z-index: 1;
 }
-.avatar.avatar-default-image {
-  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='36px' height='36px' viewBox='0 0 36 36' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: sketchtool 64 (101010) - https://sketch.com --%3E%3Ctitle%3E854A7405-039C-4712-92A0-AB1D01FDD088svg/%3C/title%3E%3Cdesc%3ECreated with sketchtool.%3C/desc%3E%3Cdefs%3E%3Crect id='path-1' x='0' y='0' width='60' height='60' rx='8'%3E%3C/rect%3E%3C/defs%3E%3Cg id='Design-Principle' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Components/-Avatar' transform='translate(-1044.000000, -1424.000000)'%3E%3Crect id='base' fill='%23FFFFFF' x='0' y='0' width='1920' height='3164'%3E%3C/rect%3E%3Cg id='Default-avatars' transform='translate(660.000000, 1315.000000)'%3E%3Cg id='Avatar-blank-type' transform='translate(192.000000, 97.000000)'%3E%3Cg id='Components/-Avatar/-Square/-60px' transform='translate(180.000000, 0.000000)'%3E%3Cmask id='mask-2' fill='white'%3E%3Cuse xlink:href='%23path-1'%3E%3C/use%3E%3C/mask%3E%3Cg id='Base'%3E%3C/g%3E%3Cg id='Type' mask='url(%23mask-2)' fill-rule='nonzero'%3E%3Crect id='Base' fill='%23E2E2E2' x='0' y='0' width='60' height='60'%3E%3C/rect%3E%3Cg id='Icons/-Regular/-Feature/-IMG' transform='translate(12.000000, 12.000000)' fill='%23777777'%3E%3Cpath d='M24.0307692,3 C24.2326984,3 24.4271578,3.07954407 24.5751301,3.22267209 L29.7443609,8.22267209 C29.9073745,8.38034894 30,8.60160933 30,8.83333333 L30,32.1666667 C30,32.626904 29.6418278,33 29.2,33 L6.8,33 C6.3581722,33 6,32.626904 6,32.1666667 L6,3.83333333 C6,3.37309604 6.3581722,3 6.8,3 L24.0307692,3 Z M12.2596988,25.7875335 L8.92873792,30.3339749 C8.84660416,30.4571755 8.80277564,30.6019313 8.80277564,30.75 C8.80277564,31.1642136 9.13856208,31.5 9.55277564,31.5 L18.6487188,31.5 L13.4599025,25.7234205 C13.4137204,25.6680021 13.3597846,25.6195363 13.2997616,25.579521 C12.9551151,25.3497567 12.4894631,25.442887 12.2596988,25.7875335 Z M21.1758419,19.8540405 L16.7020464,26.6752406 L20.607804,31.5 L27.299016,31.4994534 C28.5,31.4923469 28.5,31.3928571 28.5,30 L28.5,28.5391523 L22.3636022,19.842318 C22.3238169,19.7917673 22.2776933,19.7465447 22.2263672,19.707765 C21.8958797,19.4580634 21.4255435,19.523553 21.1758419,19.8540405 Z M23.7715845,4.5 L7.5,4.5 L7.50072911,29.827172 C7.55141195,29.7144696 7.61151182,29.6056505 7.68066248,29.5019246 L11.0116233,24.9554835 C11.7009164,23.921544 13.0978724,23.642153 14.1318119,24.331446 C14.3118808,24.4514919 14.4736883,24.5968893 14.6122344,24.7631445 L15.455,25.722 L19.9790409,18.949791 C20.7281458,17.9583286 22.1391544,17.7618596 23.1306168,18.5109645 C23.2845952,18.6273037 23.4229661,18.7629699 23.5423219,18.914622 L28.5,25.905 L28.5,9.08668365 L23.7715845,4.5 Z M12.75,12 C14.4068542,12 15.75,13.3431458 15.75,15 C15.75,16.6568542 14.4068542,18 12.75,18 C11.0931458,18 9.75,16.6568542 9.75,15 C9.75,13.3431458 11.0931458,12 12.75,12 Z M12.75,13.5 C11.9215729,13.5 11.25,14.1715729 11.25,15 C11.25,15.8284271 11.9215729,16.5 12.75,16.5 C13.5784271,16.5 14.25,15.8284271 14.25,15 C14.25,14.1715729 13.5784271,13.5 12.75,13.5 Z' id='Color'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
+.avatar-stacked.avatar-stacked-reversed .avatar-large:nth-child(2) {
+  z-index: 2;
 }
-.avatar.avatar-small {
-  width: 24px;
-  height: 24px;
-  line-height: 24px;
+.avatar-stacked.avatar-stacked-reversed .avatar-large:nth-child(3) {
+  z-index: 3;
 }
-.avatar.avatar-small .avatar-initial {
-  font-family: "Roboto", "Oxygen", "Ubuntu", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
-  font-size: 10.8px;
-  color: #777;
+.avatar-stacked.avatar-stacked-reversed .avatar-large:nth-child(4) {
+  z-index: 4;
 }
-.avatar.avatar-medium {
-  width: 40px;
-  height: 40px;
-  line-height: 40px;
+.avatar-stacked.avatar-stacked-reversed .avatar-large:nth-child(5) {
+  z-index: 5;
 }
-.avatar.avatar-medium .avatar-initial {
-  font-family: "Roboto", "Oxygen", "Ubuntu", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
-  font-size: 18px;
-  color: #777;
+.avatar-stacked.avatar-stacked-reversed .avatar-large:nth-child(6) {
+  z-index: 6;
 }
-.avatar.avatar-large {
-  width: 60px;
-  height: 60px;
-  line-height: 60px;
+.avatar-stacked.avatar-stacked-reversed .avatar-xlarge {
+  box-shadow: -3px 0 0 3px #fff;
 }
-.avatar.avatar-large .avatar-initial {
-  font-family: "Roboto", "Oxygen", "Ubuntu", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
-  font-size: 27px;
-  color: #777;
+.avatar-stacked.avatar-stacked-reversed .avatar-xlarge:nth-child(1) {
+  z-index: 1;
 }
-.avatar.avatar-xlarge {
-  width: 120px;
-  height: 120px;
-  line-height: 120px;
+.avatar-stacked.avatar-stacked-reversed .avatar-xlarge:nth-child(2) {
+  z-index: 2;
 }
-.avatar.avatar-xlarge .avatar-initial {
-  font-family: "Roboto", "Oxygen", "Ubuntu", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
-  font-size: 54px;
-  color: #777;
+.avatar-stacked.avatar-stacked-reversed .avatar-xlarge:nth-child(3) {
+  z-index: 3;
 }
-.avatar.avatar-xlarge {
-  font-family: "Mekari-Icon-Regular";
-  font-size: 24px;
+.avatar-stacked.avatar-stacked-reversed .avatar-xlarge:nth-child(4) {
+  z-index: 4;
 }
-.avatar.avatar-xlarge::after {
-  color: #fff;
-  content: "\e877";
+.avatar-stacked.avatar-stacked-reversed .avatar-xlarge:nth-child(5) {
+  z-index: 5;
 }
-.avatar.avatar-xlarge:hover::after {
-  cursor: pointer;
-  opacity: 1;
+.avatar-stacked.avatar-stacked-reversed .avatar-xlarge:nth-child(6) {
+  z-index: 6;
 }
-.avatar.avatar-circle {
-  border-radius: 100%;
+.avatar-stacked.avatar-stacked-sparse .avatar-xsmall:nth-child(1) {
+  margin-left: 0;
 }
-.avatar.avatar-square {
-  border-radius: 8px;
+.avatar-stacked.avatar-stacked-sparse .avatar-xsmall:nth-child(2) {
+  margin-left: -3px;
 }
-.avatar-stacked {
-  display: flex;
-  flex-wrap: wrap;
-  align-items: center;
-  font-size: 0;
+.avatar-stacked.avatar-stacked-sparse .avatar-xsmall:nth-child(3) {
+  margin-left: -3px;
 }
-.avatar-stacked .avatar-small {
-  box-shadow: 2.4px 0 0 1.2px #fff;
+.avatar-stacked.avatar-stacked-sparse .avatar-xsmall:nth-child(4) {
+  margin-left: -3px;
 }
-.avatar-stacked .avatar-small:nth-child(1) {
-  z-index: 5;
+.avatar-stacked.avatar-stacked-sparse .avatar-xsmall:nth-child(5) {
+  margin-left: -3px;
 }
-.avatar-stacked .avatar-small:nth-child(2) {
-  right: 2.4px;
-  z-index: 4;
+.avatar-stacked.avatar-stacked-sparse .avatar-xsmall:nth-child(6) {
+  margin-left: -3px;
 }
-.avatar-stacked .avatar-small:nth-child(3) {
-  right: 4.8px;
-  z-index: 3;
+.avatar-stacked.avatar-stacked-sparse .avatar-small:nth-child(1) {
+  margin-left: 0;
 }
-.avatar-stacked .avatar-small:nth-child(4) {
-  right: 7.2px;
-  z-index: 2;
+.avatar-stacked.avatar-stacked-sparse .avatar-small:nth-child(2) {
+  margin-left: -4px;
 }
-.avatar-stacked .avatar-small:nth-child(5) {
-  right: 9.6px;
-  z-index: 1;
+.avatar-stacked.avatar-stacked-sparse .avatar-small:nth-child(3) {
+  margin-left: -4px;
 }
-.avatar-stacked .avatar-medium {
-  box-shadow: 4px 0 0 2px #fff;
+.avatar-stacked.avatar-stacked-sparse .avatar-small:nth-child(4) {
+  margin-left: -4px;
 }
-.avatar-stacked .avatar-medium:nth-child(1) {
-  z-index: 5;
+.avatar-stacked.avatar-stacked-sparse .avatar-small:nth-child(5) {
+  margin-left: -4px;
 }
-.avatar-stacked .avatar-medium:nth-child(2) {
-  right: 4px;
-  z-index: 4;
+.avatar-stacked.avatar-stacked-sparse .avatar-small:nth-child(6) {
+  margin-left: -4px;
 }
-.avatar-stacked .avatar-medium:nth-child(3) {
-  right: 8px;
-  z-index: 3;
+.avatar-stacked.avatar-stacked-sparse .avatar-medium:nth-child(1) {
+  margin-left: 0;
 }
-.avatar-stacked .avatar-medium:nth-child(4) {
-  right: 12px;
-  z-index: 2;
+.avatar-stacked.avatar-stacked-sparse .avatar-medium:nth-child(2) {
+  margin-left: -5px;
 }
-.avatar-stacked .avatar-medium:nth-child(5) {
-  right: 16px;
-  z-index: 1;
+.avatar-stacked.avatar-stacked-sparse .avatar-medium:nth-child(3) {
+  margin-left: -5px;
 }
-.avatar-stacked .avatar-large {
-  box-shadow: 6px 0 0 3px #fff;
+.avatar-stacked.avatar-stacked-sparse .avatar-medium:nth-child(4) {
+  margin-left: -5px;
 }
-.avatar-stacked .avatar-large:nth-child(1) {
-  z-index: 5;
+.avatar-stacked.avatar-stacked-sparse .avatar-medium:nth-child(5) {
+  margin-left: -5px;
 }
-.avatar-stacked .avatar-large:nth-child(2) {
-  right: 6px;
-  z-index: 4;
+.avatar-stacked.avatar-stacked-sparse .avatar-medium:nth-child(6) {
+  margin-left: -5px;
 }
-.avatar-stacked .avatar-large:nth-child(3) {
-  right: 12px;
-  z-index: 3;
+.avatar-stacked.avatar-stacked-sparse .avatar-large:nth-child(1) {
+  margin-left: 0;
 }
-.avatar-stacked .avatar-large:nth-child(4) {
-  right: 18px;
-  z-index: 2;
+.avatar-stacked.avatar-stacked-sparse .avatar-large:nth-child(2) {
+  margin-left: -7.5px;
 }
-.avatar-stacked .avatar-large:nth-child(5) {
-  right: 24px;
-  z-index: 1;
+.avatar-stacked.avatar-stacked-sparse .avatar-large:nth-child(3) {
+  margin-left: -7.5px;
 }
-.avatar-stacked .avatar-xlarge {
-  box-shadow: 12px 0 0 6px #fff;
+.avatar-stacked.avatar-stacked-sparse .avatar-large:nth-child(4) {
+  margin-left: -7.5px;
 }
-.avatar-stacked .avatar-xlarge:nth-child(1) {
-  z-index: 5;
+.avatar-stacked.avatar-stacked-sparse .avatar-large:nth-child(5) {
+  margin-left: -7.5px;
 }
-.avatar-stacked .avatar-xlarge:nth-child(2) {
-  right: 12px;
-  z-index: 4;
+.avatar-stacked.avatar-stacked-sparse .avatar-large:nth-child(6) {
+  margin-left: -7.5px;
 }
-.avatar-stacked .avatar-xlarge:nth-child(3) {
-  right: 24px;
-  z-index: 3;
+.avatar-stacked.avatar-stacked-sparse .avatar-xlarge:nth-child(1) {
+  margin-left: 0;
 }
-.avatar-stacked .avatar-xlarge:nth-child(4) {
-  right: 36px;
-  z-index: 2;
+.avatar-stacked.avatar-stacked-sparse .avatar-xlarge:nth-child(2) {
+  margin-left: -15px;
 }
-.avatar-stacked .avatar-xlarge:nth-child(5) {
-  right: 48px;
-  z-index: 1;
+.avatar-stacked.avatar-stacked-sparse .avatar-xlarge:nth-child(3) {
+  margin-left: -15px;
 }
-.avatar-stacked .avatar-stacked-text {
-  color: #1357ff;
-  cursor: pointer;
+.avatar-stacked.avatar-stacked-sparse .avatar-xlarge:nth-child(4) {
+  margin-left: -15px;
 }
-.avatar-stacked .avatar-stacked-text p {
-  margin: 0;
-  line-height: 14px;
+.avatar-stacked.avatar-stacked-sparse .avatar-xlarge:nth-child(5) {
+  margin-left: -15px;
 }
-.avatar-stacked .avatar-stacked-text.dropdown-toggle::after {
-  display: none;
+.avatar-stacked.avatar-stacked-sparse .avatar-xlarge:nth-child(6) {
+  margin-left: -15px;
 }
 .avatar-grid-container {
@@ -20129,10 +20816,18 @@ a.text-white:hover, a.text-white:focus {
   font-size: 0;
 }
-.avatar-grid-row .avatar-small {
+.avatar-grid-row .avatar-xsmall {
   margin-left: 8px;
 }
+.avatar-grid-row .avatar-xsmall:first-child {
+  margin-left: 0;
+}
+.avatar-grid-row .avatar-small {
+  margin-left: 10.666667px;
+}
 .avatar-grid-row .avatar-small:first-child {
   margin-left: 0;
 }
@@ -20176,10 +20871,18 @@ a.text-white:hover, a.text-white:focus {
   display: none;
 }
-.avatar-grid-small .avatar-grid-row {
+.avatar-grid-xsmall .avatar-grid-row {
   padding-top: 8px;
 }
+.avatar-grid-xsmall .avatar-grid-row:first-child {
+  padding-top: 0;
+}
+.avatar-grid-small .avatar-grid-row {
+  padding-top: 10.666667px;
+}
 .avatar-grid-small .avatar-grid-row:first-child {
   padding-top: 0;
 }
@@ -20208,26 +20911,36 @@ a.text-white:hover, a.text-white:focus {
   padding-top: 0;
 }
+body,
+p,
+.font-size-default {
+  font-size: 0.875rem;
+  line-height: 20px;
+  letter-spacing: 0.2px;
+}
+small,
+.small, .badge, .dropdown-item--title, .tooltip {
+  font-size: 0.75rem;
+  line-height: 16px;
+  letter-spacing: 0.2px;
+}
 .dropdown-toggle::after {
   display: none;
   vertical-align: 2px;
 }
-.dropdown .dropdown-menu {
-  display: block;
-}
 .dropdown-menu {
   width: auto;
   min-width: 80px;
   max-width: 684px;
-  max-height: 180px;
   padding: 0;
   margin: 4px 0 0;
   overflow-y: auto;
   background-color: #fff;
   border: 1px solid #e2e2e2;
-  box-shadow: 0 4px 8px 0 rgba(119, 119, 119, 0.24);
+  box-shadow: 0 2px 4px rgba(119, 119, 119, 0.1), 0 4px 8px rgba(119, 119, 119, 0.2);
   border-radius: 4px;
 }
@@ -20248,13 +20961,47 @@ a.text-white:hover, a.text-white:focus {
   border-radius: 4px;
 }
+.dropdown-menu--small {
+  width: 80px;
+}
+.dropdown-menu--medium {
+  width: 184px;
+}
+.dropdown-menu--large {
+  width: 288px;
+}
+.dropdown-menu--max-content {
+  width: -webkit-max-content;
+  width: -moz-max-content;
+  width: max-content;
+}
+.dropdown-menu--fixed-height {
+  max-height: 180px;
+}
 .dropdown-item {
-  padding: 8px 12px;
+  padding: 8px;
   color: #212121;
+  white-space: normal;
   cursor: pointer;
   outline: none;
 }
+.dropdown-item--title {
+  padding-top: 12px;
+  padding-bottom: 4px;
+  color: #777;
+  border-top: 1px solid #e2e2e2;
+}
+.dropdown-item--title:first-child {
+  border: none;
+}
 .dropdown-item:hover {
   background-color: #f2f4f7;
 }
@@ -20267,6 +21014,14 @@ a.text-white:hover, a.text-white:focus {
   background-color: #00468c;
 }
+.dropdown-item.active:hover:active {
+  color: #f2f4f7;
+}
+.dropdown-item.active .ic {
+  color: inherit;
+}
 .dropdown-item.is-selected {
   background-color: #f2f4f7;
 }
@@ -20277,7 +21032,7 @@ a.text-white:hover, a.text-white:focus {
 .dropdown-not-found {
   display: block;
-  padding: 8px 12px;
+  padding: 8px;
   color: #b4b4b4;
   text-align: center;
 }
@@ -20350,18 +21105,26 @@ a.text-white:hover, a.text-white:focus {
   background-color: transparent;
 }
-.datepicker-container {
+.dropdown--medium {
+  width: 184px;
+}
+.dropdown--large {
+  width: 288px;
+}
+.date-picker-container {
   position: relative;
   z-index: 11;
   width: 0;
   height: 0;
 }
-.datepicker-container.on-right {
+.date-picker-container.on-right {
   left: calc(100% - 392px);
 }
-.datepicker-calendar-view, .datepicker-collapse-view {
+.date-picker-calendar-view, .date-picker-collapse-view {
   position: absolute;
   width: 392px;
   padding: 0 16px;
@@ -20372,59 +21135,61 @@ a.text-white:hover, a.text-white:focus {
   box-shadow: 0 2px 4px 0 rgba(119, 119, 119, 0.1), 0 4px 8px 0 rgba(119, 119, 119, 0.2);
 }
-.datepicker-calendar-view {
-  height: 320px;
+.date-picker-calendar-view {
+  height: auto;
+  min-height: 284px;
 }
-.datepicker-collapse-view {
-  height: 244px;
+.date-picker-collapse-view {
+  height: auto;
+  min-height: 244px;
 }
-.datepicker-header {
+.date-picker-header {
   display: flex;
   align-items: center;
   height: 52px;
   text-align: center;
 }
-.datepicker-header-title {
+.date-picker-header-title {
   flex-grow: 5;
   font-weight: 500;
   cursor: pointer;
 }
-.datepicker-previous-button {
+.date-picker-previous-button {
   flex-grow: 1;
   padding-right: 16px;
   text-align: left;
 }
-.datepicker-previous-button .ic:hover {
+.date-picker-previous-button .ic:hover {
   cursor: pointer;
 }
-.datepicker-next-button {
+.date-picker-next-button {
   flex-grow: 1;
   padding-left: 16px;
   text-align: right;
 }
-.datepicker-next-button .ic:hover {
+.date-picker-next-button .ic:hover {
   cursor: pointer;
 }
-.datepicker-row .datepicker-cell .datepicker-date-cell.current-date, .datepicker-row .datepicker-cell .datepicker-month-cell.current-month, .datepicker-row .datepicker-cell .datepicker-year-cell.current-year {
+.date-picker-row .date-picker-cell .date-picker-date-cell.current-date, .date-picker-row .date-picker-cell .date-picker-month-cell.current-month, .date-picker-row .date-picker-cell .date-picker-year-cell.current-year {
   border-radius: 100%;
   box-shadow: inset 0 0 0 1px #005fbf;
 }
-.datepicker-row .datepicker-cell .datepicker-date-cell.selected-date, .datepicker-row .datepicker-cell .datepicker-month-cell.selected-month, .datepicker-row .datepicker-cell .datepicker-year-cell.selected-year {
-  color: #fff;
-  background-color: #005fbf;
+.date-picker-row .date-picker-cell .date-picker-date-cell.selected-date, .date-picker-row .date-picker-cell .date-picker-month-cell.selected-month, .date-picker-row .date-picker-cell .date-picker-year-cell.selected-year {
+  color: #fff !important;
+  background-color: #005fbf !important;
   border-radius: 100%;
 }
-.datepicker-row .datepicker-cell .datepicker-date-cell:hover, .datepicker-row .datepicker-cell .datepicker-month-cell:hover, .datepicker-row .datepicker-cell .datepicker-year-cell:hover {
+.date-picker-row .date-picker-cell .date-picker-date-cell:hover, .date-picker-row .date-picker-cell .date-picker-month-cell:hover, .date-picker-row .date-picker-cell .date-picker-year-cell:hover {
   color: #212121;
   cursor: pointer;
   background-color: #f2f4f7;
@@ -20432,23 +21197,24 @@ a.text-white:hover, a.text-white:focus {
   box-shadow: none;
 }
-.datepicker-row {
+.date-picker-row {
   display: flex;
+  flex-wrap: wrap;
 }
-.datepicker-row .datepicker-cell {
+.date-picker-row .date-picker-cell {
   flex: 1 1 0;
   text-align: center;
 }
-.datepicker-row .datepicker-cell .datepicker-date-cell {
+.date-picker-row .date-picker-cell .date-picker-date-cell {
   width: 32px;
   height: 32px;
   margin: 2px auto;
   line-height: 32px;
 }
-.datepicker-row .datepicker-cell .datepicker-month-cell {
+.date-picker-row .date-picker-cell .date-picker-month-cell {
   width: 40px;
   height: 40px;
   margin: 0 auto;
@@ -20456,7 +21222,7 @@ a.text-white:hover, a.text-white:focus {
   line-height: 40px;
 }
-.datepicker-row .datepicker-cell .datepicker-year-cell {
+.date-picker-row .date-picker-cell .date-picker-year-cell {
   width: 48px;
   height: 48px;
   margin: 0 auto;
@@ -20464,31 +21230,39 @@ a.text-white:hover, a.text-white:focus {
   line-height: 48px;
 }
-.datepicker-day-container {
+.date-picker-day-container {
   display: flex;
   margin-bottom: 16px;
 }
-.datepicker-day-container .datepicker-day {
+.date-picker-day-container .date-picker-day {
   flex: 1 1 0;
   color: #777;
   text-align: center;
 }
-.datepicker-shortcut-button {
-  position: absolute;
-  bottom: 16px;
+.date-picker-shortcut-button {
   width: 360px;
+  padding: 16px 0;
   color: #777;
   text-align: center;
   cursor: pointer;
 }
-.datepicker-shortcut-button.disabled {
+.date-picker-shortcut-button.disabled {
   color: #b4b4b4;
   cursor: not-allowed;
 }
+.date-picker-break {
+  flex-basis: 100%;
+  height: 0;
+}
+.date-picker--no-outline {
+  outline: none;
+}
 .form-control {
   padding: 8px 12px;
   margin-top: 4px;
@@ -20501,7 +21275,7 @@ a.text-white:hover, a.text-white:focus {
   border: 1px solid #005fbf;
 }
-.form-control:disabled, .form-control[readonly]:not(.input-datepicker) {
+.form-control:disabled, .form-control[readonly] {
   color: #b4b4b4;
   cursor: not-allowed;
   background-color: #f2f4f7;
@@ -20522,6 +21296,18 @@ a.text-white:hover, a.text-white:focus {
   padding-right: 36px;
 }
+.form-control.with-reset-icon, .form-control.suffix-icon--double {
+  padding-right: 36px;
+}
+.form-control.with-reset-icon.suffix-icon, .form-control.suffix-icon--double.suffix-icon {
+  padding-right: 72px;
+}
+.form-control.is-invalid, .form-control:invalid {
+  border-color: #d74022;
+}
 .form-control-plaintext:focus {
   outline: none;
   box-shadow: none;
@@ -20652,7 +21438,7 @@ input[type="file"]::-webkit-file-upload-button {
 }
 .custom-control-input:focus {
-  box-shadow: 0 0 0 2px rgba(0, 95, 191, 0.3);
+  box-shadow: 0 0 0 0.2rem rgba(19, 87, 255, 0.25);
 }
 .custom-control-input:hover ~ .custom-control-label::before {
@@ -20672,8 +21458,8 @@ input[type="file"]::-webkit-file-upload-button {
 .custom-control-input:disabled ~ .custom-control-label::before {
   cursor: not-allowed;
-  background-color: #f2f4f7;
-  border: 1px solid #e2e2e2;
+  background-color: #f2f4f7 !important;
+  border: 1px solid #e2e2e2 !important;
 }
 .custom-control-input:disabled ~ .custom-control-label {
@@ -20686,11 +21472,31 @@ input[type="file"]::-webkit-file-upload-button {
 }
 .custom-control-label::before {
-  top: 2px;
+  top: 1px;
 }
 .custom-control-label::after {
-  top: 2px;
+  top: 1px;
+}
+.custom-checkbox .custom-control-label::after {
+  background: no-repeat 100% / 100% 65%;
+}
+.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::after {
+  background: url("data:image/svg+xml, %3csvg width='12' height='10' viewBox='0 0 12 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M0.542893 4.54289C0.933418 4.15237 1.56658 4.15237 1.95711 4.54289L4.25 6.83579L10.0429 1.04289C10.4334 0.652369 11.0666 0.652369 11.4571 1.04289C11.8476 1.43342 11.8476 2.06658 11.4571 2.45711L4.95711 8.95711C4.56658 9.34763 3.93342 9.34763 3.54289 8.95711L0.542893 5.95711C0.152369 5.56658 0.152369 4.93342 0.542893 4.54289Z' fill='%23b4b4b4'/%3e%3c/svg%3e") no-repeat 100%/100% 65%;
+}
+.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::after {
+  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3e%3cpath stroke='%23b4b4b4' d='M0 2h4'/%3e%3c/svg%3e") no-repeat 100%/100% 65%;
+}
+.custom-radio .custom-control-label::after {
+  background: no-repeat 100% / 100% 50%;
+}
+.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::after {
+  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23b4b4b4'/%3e%3c/svg%3e") no-repeat 100%/100% 50%;
 }
 .form-check {
@@ -20798,23 +21604,18 @@ textarea.form-control::-webkit-scrollbar-track {
   border-radius: 4px;
 }
-.input-datepicker {
-  cursor: pointer;
+.input-date-picker,
+.input-no-readonly {
+  color: #212121 !important;
+  cursor: pointer !important;
   background-color: #fff !important;
 }
-.input-datepicker:hover:not(:disabled) {
+.input-date-picker:hover:not(:disabled),
+.input-no-readonly:hover:not(:disabled) {
   border: 1px solid #005fbf;
 }
-.input-datepicker:hover:not(:disabled).with-reset-icon {
-  padding-right: 36px;
-}
-.input-datepicker:hover:not(:disabled).with-reset-icon.suffix-icon {
-  padding-right: 72px;
-}
 .input-with-icon-container {
   position: relative;
 }
@@ -20888,6 +21689,12 @@ textarea.form-control::-webkit-scrollbar-track {
   list-style-type: none;
 }
+.pagination ul li .ic {
+  width: 20px;
+  height: 20px;
+  font-size: 20px;
+}
 .pagination_limit ul li {
   margin-right: 6px;
   color: #777;
@@ -20907,8 +21714,8 @@ textarea.form-control::-webkit-scrollbar-track {
   max-width: 20px;
   max-height: 20px;
   padding: 0;
-  margin-top: -2px;
   font-size: 20px;
+  border: 0;
 }
 .pagination_pages li .btn:hover {
@@ -20960,6 +21767,10 @@ textarea.form-control::-webkit-scrollbar-track {
   border-radius: 4px;
 }
+.table tr:hover {
+  background: #f2f4f7;
+}
 .table th,
 .table td {
   padding: 10px 16px;