/*
 * Teekr POS takeaway system
 *
 * Written by Dearthwood Software.
 * Copyright (c) 2023 - 2026 Dearthwood Software.
 *
 * Metro UI replacement — customerboard / FE CMS.
 *
 * The order-flow markup still uses a handful of Metro utility/component class names
 * (fg-*, bg-*, button, small, table, rounded and the p-/m- spacing scale). Metro UI itself is no
 * longer loaded anywhere on the customer board or the front-end CMS.
 *
 * These rules are the EXACT declarations Metro UI v4.5.0 produced for those class names, extracted
 * programmatically from metro-all.css (not hand-written), so the rendered result is unchanged.
 * `!important` is preserved exactly as Metro had it, so the SU theme / order-flow inline styles keep
 * winning over these rules in precisely the same way they did before.
 *
 * Loaded from customerboard/order/includes/partyplan.php at the SAME point Metro's <link> sat, so
 * the cascade position and page scope are identical. Do NOT move it into index.css — that would
 * apply these rules to pages that never loaded Metro and change their appearance.
 *
 * Metro's icon font is gone: the one icon used (.mif-bin) is now an inline SVG at its call sites.
 */
.button.primary,.input .button.primary,.select .button.primary,.tag-input .button.primary,.spinner .button.primary{outline-color: #75b5fd; background-color: #0366d6; color: #ffffff;}
.button.primary.outline,.input .button.primary.outline,.select .button.primary.outline,.tag-input .button.primary.outline,.spinner .button.primary.outline{color: #0366d6; border-color: #0366d6;}
.button.primary.outline.dropdown-toggle::before,.input .button.primary.outline.dropdown-toggle::before,.select .button.primary.outline.dropdown-toggle::before,.tag-input .button.primary.outline.dropdown-toggle::before,.spinner .button.primary.outline.dropdown-toggle::before{border-color: #0366d6;}
.button.primary.outline:hover,.input .button.primary.outline:hover,.select .button.primary.outline:hover,.tag-input .button.primary.outline:hover,.spinner .button.primary.outline:hover{color: #ffffff;}
.button.primary.dropdown-toggle::before,.input .button.primary.dropdown-toggle::before,.select .button.primary.dropdown-toggle::before,.tag-input .button.primary.dropdown-toggle::before,.spinner .button.primary.dropdown-toggle::before{border-color: #ffffff;}
.button.primary:hover,.input .button.primary:hover,.select .button.primary:hover,.tag-input .button.primary:hover,.spinner .button.primary:hover{color: #ffffff; background-color: #024ea4; border-color: #023671;}
.button.primary:hover.dropdown-toggle::before,.input .button.primary:hover.dropdown-toggle::before,.select .button.primary:hover.dropdown-toggle::before,.tag-input .button.primary:hover.dropdown-toggle::before,.spinner .button.primary:hover.dropdown-toggle::before{border-color: #ffffff;}
.button.primary.same-color:hover,.input .button.primary.same-color:hover,.select .button.primary.same-color:hover,.tag-input .button.primary.same-color:hover,.spinner .button.primary.same-color:hover{background-color: #0366d6; border-color: #0366d6;}
.button.primary:active,.input .button.primary:active,.select .button.primary:active,.tag-input .button.primary:active,.spinner .button.primary:active,.button.primary.focus,.input .button.primary.focus,.select .button.primary.focus,.tag-input .button.primary.focus,.spinner .button.primary.focus,.button.primary:focus,.input .button.primary:focus,.select .button.primary:focus,.tag-input .button.primary:focus,.spinner .button.primary:focus{-webkit-box-shadow: 0 0 0 3px rgba(3, 102, 214, 0.45); box-shadow: 0 0 0 3px rgba(3, 102, 214, 0.45);}
.button.secondary,.input .button.secondary,.select .button.secondary,.tag-input .button.secondary,.spinner .button.secondary{outline-color: #b7c6cd; background-color: #607d8b; color: #ffffff;}
.button.secondary.outline,.input .button.secondary.outline,.select .button.secondary.outline,.tag-input .button.secondary.outline,.spinner .button.secondary.outline{color: #607d8b; border-color: #607d8b;}
.button.secondary.outline.dropdown-toggle::before,.input .button.secondary.outline.dropdown-toggle::before,.select .button.secondary.outline.dropdown-toggle::before,.tag-input .button.secondary.outline.dropdown-toggle::before,.spinner .button.secondary.outline.dropdown-toggle::before{border-color: #607d8b;}
.button.secondary.outline:hover,.input .button.secondary.outline:hover,.select .button.secondary.outline:hover,.tag-input .button.secondary.outline:hover,.spinner .button.secondary.outline:hover{color: #ffffff;}
.button.secondary.dropdown-toggle::before,.input .button.secondary.dropdown-toggle::before,.select .button.secondary.dropdown-toggle::before,.tag-input .button.secondary.dropdown-toggle::before,.spinner .button.secondary.dropdown-toggle::before{border-color: #ffffff;}
.button.secondary:hover,.input .button.secondary:hover,.select .button.secondary:hover,.tag-input .button.secondary:hover,.spinner .button.secondary:hover{color: #ffffff; background-color: #4b626d; border-color: #36474f;}
.button.secondary:hover.dropdown-toggle::before,.input .button.secondary:hover.dropdown-toggle::before,.select .button.secondary:hover.dropdown-toggle::before,.tag-input .button.secondary:hover.dropdown-toggle::before,.spinner .button.secondary:hover.dropdown-toggle::before{border-color: #ffffff;}
.button.secondary.same-color:hover,.input .button.secondary.same-color:hover,.select .button.secondary.same-color:hover,.tag-input .button.secondary.same-color:hover,.spinner .button.secondary.same-color:hover{background-color: #607d8b; border-color: #607d8b;}
.button.secondary:active,.input .button.secondary:active,.select .button.secondary:active,.tag-input .button.secondary:active,.spinner .button.secondary:active,.button.secondary.focus,.input .button.secondary.focus,.select .button.secondary.focus,.tag-input .button.secondary.focus,.spinner .button.secondary.focus,.button.secondary:focus,.input .button.secondary:focus,.select .button.secondary:focus,.tag-input .button.secondary:focus,.spinner .button.secondary:focus{-webkit-box-shadow: 0 0 0 3px rgba(96, 125, 139, 0.45); box-shadow: 0 0 0 3px rgba(96, 125, 139, 0.45);}
.button.success,.input .button.success,.select .button.success,.tag-input .button.success,.spinner .button.success{outline-color: #adeb6e; background-color: #60a917; color: #ffffff;}
.button.success.outline,.input .button.success.outline,.select .button.success.outline,.tag-input .button.success.outline,.spinner .button.success.outline{color: #60a917; border-color: #60a917;}
.button.success.outline.dropdown-toggle::before,.input .button.success.outline.dropdown-toggle::before,.select .button.success.outline.dropdown-toggle::before,.tag-input .button.success.outline.dropdown-toggle::before,.spinner .button.success.outline.dropdown-toggle::before{border-color: #60a917;}
.button.success.outline:hover,.input .button.success.outline:hover,.select .button.success.outline:hover,.tag-input .button.success.outline:hover,.spinner .button.success.outline:hover{color: #ffffff;}
.button.success.dropdown-toggle::before,.input .button.success.dropdown-toggle::before,.select .button.success.dropdown-toggle::before,.tag-input .button.success.dropdown-toggle::before,.spinner .button.success.dropdown-toggle::before{border-color: #ffffff;}
.button.success:hover,.input .button.success:hover,.select .button.success:hover,.tag-input .button.success:hover,.spinner .button.success:hover{color: #ffffff; background-color: #477c11; border-color: #2d4f0b;}
.button.success:hover.dropdown-toggle::before,.input .button.success:hover.dropdown-toggle::before,.select .button.success:hover.dropdown-toggle::before,.tag-input .button.success:hover.dropdown-toggle::before,.spinner .button.success:hover.dropdown-toggle::before{border-color: #ffffff;}
.button.success.same-color:hover,.input .button.success.same-color:hover,.select .button.success.same-color:hover,.tag-input .button.success.same-color:hover,.spinner .button.success.same-color:hover{background-color: #60a917; border-color: #60a917;}
.button.success:active,.input .button.success:active,.select .button.success:active,.tag-input .button.success:active,.spinner .button.success:active,.button.success.focus,.input .button.success.focus,.select .button.success.focus,.tag-input .button.success.focus,.spinner .button.success.focus,.button.success:focus,.input .button.success:focus,.select .button.success:focus,.tag-input .button.success:focus,.spinner .button.success:focus{-webkit-box-shadow: 0 0 0 3px rgba(96, 169, 23, 0.45); box-shadow: 0 0 0 3px rgba(96, 169, 23, 0.45);}
.button.alert,.input .button.alert,.select .button.alert,.tag-input .button.alert,.spinner .button.alert{outline-color: #ecaba7; background-color: #CE352C; color: #ffffff;}
.button.alert.outline,.input .button.alert.outline,.select .button.alert.outline,.tag-input .button.alert.outline,.spinner .button.alert.outline{color: #CE352C; border-color: #CE352C;}
.button.alert.outline.dropdown-toggle::before,.input .button.alert.outline.dropdown-toggle::before,.select .button.alert.outline.dropdown-toggle::before,.tag-input .button.alert.outline.dropdown-toggle::before,.spinner .button.alert.outline.dropdown-toggle::before{border-color: #CE352C;}
.button.alert.outline:hover,.input .button.alert.outline:hover,.select .button.alert.outline:hover,.tag-input .button.alert.outline:hover,.spinner .button.alert.outline:hover{color: #ffffff;}
.button.alert.dropdown-toggle::before,.input .button.alert.dropdown-toggle::before,.select .button.alert.dropdown-toggle::before,.tag-input .button.alert.dropdown-toggle::before,.spinner .button.alert.dropdown-toggle::before{border-color: #ffffff;}
.button.alert:hover,.input .button.alert:hover,.select .button.alert:hover,.tag-input .button.alert:hover,.spinner .button.alert:hover{color: #ffffff; background-color: #a42a23; border-color: #7a1f1a;}
.button.alert:hover.dropdown-toggle::before,.input .button.alert:hover.dropdown-toggle::before,.select .button.alert:hover.dropdown-toggle::before,.tag-input .button.alert:hover.dropdown-toggle::before,.spinner .button.alert:hover.dropdown-toggle::before{border-color: #ffffff;}
.button.alert.same-color:hover,.input .button.alert.same-color:hover,.select .button.alert.same-color:hover,.tag-input .button.alert.same-color:hover,.spinner .button.alert.same-color:hover{background-color: #CE352C; border-color: #CE352C;}
.button.alert:active,.input .button.alert:active,.select .button.alert:active,.tag-input .button.alert:active,.spinner .button.alert:active,.button.alert.focus,.input .button.alert.focus,.select .button.alert.focus,.tag-input .button.alert.focus,.spinner .button.alert.focus,.button.alert:focus,.input .button.alert:focus,.select .button.alert:focus,.tag-input .button.alert:focus,.spinner .button.alert:focus{-webkit-box-shadow: 0 0 0 3px rgba(206, 53, 44, 0.45); box-shadow: 0 0 0 3px rgba(206, 53, 44, 0.45);}
.button.warning,.input .button.warning,.select .button.warning,.tag-input .button.warning,.spinner .button.warning{outline-color: #ffede1; background-color: #ff9447; color: #ffffff;}
.button.warning.outline,.input .button.warning.outline,.select .button.warning.outline,.tag-input .button.warning.outline,.spinner .button.warning.outline{color: #ff9447; border-color: #ff9447;}
.button.warning.outline.dropdown-toggle::before,.input .button.warning.outline.dropdown-toggle::before,.select .button.warning.outline.dropdown-toggle::before,.tag-input .button.warning.outline.dropdown-toggle::before,.spinner .button.warning.outline.dropdown-toggle::before{border-color: #ff9447;}
.button.warning.outline:hover,.input .button.warning.outline:hover,.select .button.warning.outline:hover,.tag-input .button.warning.outline:hover,.spinner .button.warning.outline:hover{color: #ffffff;}
.button.warning.dropdown-toggle::before,.input .button.warning.dropdown-toggle::before,.select .button.warning.dropdown-toggle::before,.tag-input .button.warning.dropdown-toggle::before,.spinner .button.warning.dropdown-toggle::before{border-color: #ffffff;}
.button.warning:hover,.input .button.warning:hover,.select .button.warning:hover,.tag-input .button.warning:hover,.spinner .button.warning:hover{color: #ffffff; background-color: #ff7615; border-color: #e05d00;}
.button.warning:hover.dropdown-toggle::before,.input .button.warning:hover.dropdown-toggle::before,.select .button.warning:hover.dropdown-toggle::before,.tag-input .button.warning:hover.dropdown-toggle::before,.spinner .button.warning:hover.dropdown-toggle::before{border-color: #ffffff;}
.button.warning.same-color:hover,.input .button.warning.same-color:hover,.select .button.warning.same-color:hover,.tag-input .button.warning.same-color:hover,.spinner .button.warning.same-color:hover{background-color: #ff9447; border-color: #ff9447;}
.button.warning:active,.input .button.warning:active,.select .button.warning:active,.tag-input .button.warning:active,.spinner .button.warning:active,.button.warning.focus,.input .button.warning.focus,.select .button.warning.focus,.tag-input .button.warning.focus,.spinner .button.warning.focus,.button.warning:focus,.input .button.warning:focus,.select .button.warning:focus,.tag-input .button.warning:focus,.spinner .button.warning:focus{-webkit-box-shadow: 0 0 0 3px rgba(255, 148, 71, 0.45); box-shadow: 0 0 0 3px rgba(255, 148, 71, 0.45);}
.button.yellow,.input .button.yellow,.select .button.yellow,.tag-input .button.yellow,.spinner .button.yellow{outline-color: #ffffff; background-color: #ffe484; color: #ffffff;}
.button.yellow.outline,.input .button.yellow.outline,.select .button.yellow.outline,.tag-input .button.yellow.outline,.spinner .button.yellow.outline{color: #ffe484; border-color: #ffe484;}
.button.yellow.outline.dropdown-toggle::before,.input .button.yellow.outline.dropdown-toggle::before,.select .button.yellow.outline.dropdown-toggle::before,.tag-input .button.yellow.outline.dropdown-toggle::before,.spinner .button.yellow.outline.dropdown-toggle::before{border-color: #ffe484;}
.button.yellow.outline:hover,.input .button.yellow.outline:hover,.select .button.yellow.outline:hover,.tag-input .button.yellow.outline:hover,.spinner .button.yellow.outline:hover{color: #ffffff;}
.button.yellow.dropdown-toggle::before,.input .button.yellow.dropdown-toggle::before,.select .button.yellow.dropdown-toggle::before,.tag-input .button.yellow.dropdown-toggle::before,.spinner .button.yellow.dropdown-toggle::before{border-color: #ffffff;}
.button.yellow:hover,.input .button.yellow:hover,.select .button.yellow:hover,.tag-input .button.yellow:hover,.spinner .button.yellow:hover{color: #ffffff; background-color: #ffd951; border-color: #ffce1e;}
.button.yellow:hover.dropdown-toggle::before,.input .button.yellow:hover.dropdown-toggle::before,.select .button.yellow:hover.dropdown-toggle::before,.tag-input .button.yellow:hover.dropdown-toggle::before,.spinner .button.yellow:hover.dropdown-toggle::before{border-color: #ffffff;}
.button.yellow.same-color:hover,.input .button.yellow.same-color:hover,.select .button.yellow.same-color:hover,.tag-input .button.yellow.same-color:hover,.spinner .button.yellow.same-color:hover{background-color: #ffe484; border-color: #ffe484;}
.button.yellow:active,.input .button.yellow:active,.select .button.yellow:active,.tag-input .button.yellow:active,.spinner .button.yellow:active,.button.yellow.focus,.input .button.yellow.focus,.select .button.yellow.focus,.tag-input .button.yellow.focus,.spinner .button.yellow.focus,.button.yellow:focus,.input .button.yellow:focus,.select .button.yellow:focus,.tag-input .button.yellow:focus,.spinner .button.yellow:focus{-webkit-box-shadow: 0 0 0 3px rgba(255, 228, 132, 0.45); box-shadow: 0 0 0 3px rgba(255, 228, 132, 0.45);}
.button.info,.input .button.info,.select .button.info,.tag-input .button.info,.spinner .button.info{outline-color: #e6f5fc; background-color: #5ebdec; color: #ffffff;}
.button.info.outline,.input .button.info.outline,.select .button.info.outline,.tag-input .button.info.outline,.spinner .button.info.outline{color: #5ebdec; border-color: #5ebdec;}
.button.info.outline.dropdown-toggle::before,.input .button.info.outline.dropdown-toggle::before,.select .button.info.outline.dropdown-toggle::before,.tag-input .button.info.outline.dropdown-toggle::before,.spinner .button.info.outline.dropdown-toggle::before{border-color: #5ebdec;}
.button.info.outline:hover,.input .button.info.outline:hover,.select .button.info.outline:hover,.tag-input .button.info.outline:hover,.spinner .button.info.outline:hover{color: #ffffff;}
.button.info.dropdown-toggle::before,.input .button.info.dropdown-toggle::before,.select .button.info.dropdown-toggle::before,.tag-input .button.info.dropdown-toggle::before,.spinner .button.info.dropdown-toggle::before{border-color: #ffffff;}
.button.info:hover,.input .button.info:hover,.select .button.info:hover,.tag-input .button.info:hover,.spinner .button.info:hover{color: #ffffff; background-color: #30abe6; border-color: #1891cb;}
.button.info:hover.dropdown-toggle::before,.input .button.info:hover.dropdown-toggle::before,.select .button.info:hover.dropdown-toggle::before,.tag-input .button.info:hover.dropdown-toggle::before,.spinner .button.info:hover.dropdown-toggle::before{border-color: #ffffff;}
.button.info.same-color:hover,.input .button.info.same-color:hover,.select .button.info.same-color:hover,.tag-input .button.info.same-color:hover,.spinner .button.info.same-color:hover{background-color: #5ebdec; border-color: #5ebdec;}
.button.info:active,.input .button.info:active,.select .button.info:active,.tag-input .button.info:active,.spinner .button.info:active,.button.info.focus,.input .button.info.focus,.select .button.info.focus,.tag-input .button.info.focus,.spinner .button.info.focus,.button.info:focus,.input .button.info:focus,.select .button.info:focus,.tag-input .button.info:focus,.spinner .button.info:focus{-webkit-box-shadow: 0 0 0 3px rgba(94, 189, 236, 0.45); box-shadow: 0 0 0 3px rgba(94, 189, 236, 0.45);}
.button.dark,.input .button.dark,.select .button.dark,.tag-input .button.dark,.spinner .button.dark{outline-color: #9d9d9d; background-color: #505050; color: #ffffff;}
.button.dark.outline,.input .button.dark.outline,.select .button.dark.outline,.tag-input .button.dark.outline,.spinner .button.dark.outline{color: #505050; border-color: #505050;}
.button.dark.outline.dropdown-toggle::before,.input .button.dark.outline.dropdown-toggle::before,.select .button.dark.outline.dropdown-toggle::before,.tag-input .button.dark.outline.dropdown-toggle::before,.spinner .button.dark.outline.dropdown-toggle::before{border-color: #505050;}
.button.dark.outline:hover,.input .button.dark.outline:hover,.select .button.dark.outline:hover,.tag-input .button.dark.outline:hover,.spinner .button.dark.outline:hover{color: #ffffff;}
.button.dark.dropdown-toggle::before,.input .button.dark.dropdown-toggle::before,.select .button.dark.dropdown-toggle::before,.tag-input .button.dark.dropdown-toggle::before,.spinner .button.dark.dropdown-toggle::before{border-color: #ffffff;}
.button.dark:hover,.input .button.dark:hover,.select .button.dark:hover,.tag-input .button.dark:hover,.spinner .button.dark:hover{color: #ffffff; background-color: #373737; border-color: #1d1d1d;}
.button.dark:hover.dropdown-toggle::before,.input .button.dark:hover.dropdown-toggle::before,.select .button.dark:hover.dropdown-toggle::before,.tag-input .button.dark:hover.dropdown-toggle::before,.spinner .button.dark:hover.dropdown-toggle::before{border-color: #ffffff;}
.button.dark.same-color:hover,.input .button.dark.same-color:hover,.select .button.dark.same-color:hover,.tag-input .button.dark.same-color:hover,.spinner .button.dark.same-color:hover{background-color: #505050; border-color: #505050;}
.button.dark:active,.input .button.dark:active,.select .button.dark:active,.tag-input .button.dark:active,.spinner .button.dark:active,.button.dark.focus,.input .button.dark.focus,.select .button.dark.focus,.tag-input .button.dark.focus,.spinner .button.dark.focus,.button.dark:focus,.input .button.dark:focus,.select .button.dark:focus,.tag-input .button.dark:focus,.spinner .button.dark:focus{-webkit-box-shadow: 0 0 0 3px rgba(80, 80, 80, 0.45); box-shadow: 0 0 0 3px rgba(80, 80, 80, 0.45);}
.button.light,.input .button.light,.select .button.light,.tag-input .button.light,.spinner .button.light{outline-color: #ffffff; background-color: #f8f8f8; color: #ffffff;}
.button.light.outline,.input .button.light.outline,.select .button.light.outline,.tag-input .button.light.outline,.spinner .button.light.outline{color: #f8f8f8; border-color: #f8f8f8;}
.button.light.outline.dropdown-toggle::before,.input .button.light.outline.dropdown-toggle::before,.select .button.light.outline.dropdown-toggle::before,.tag-input .button.light.outline.dropdown-toggle::before,.spinner .button.light.outline.dropdown-toggle::before{border-color: #f8f8f8;}
.button.light.outline:hover,.input .button.light.outline:hover,.select .button.light.outline:hover,.tag-input .button.light.outline:hover,.spinner .button.light.outline:hover{color: #ffffff;}
.button.light.dropdown-toggle::before,.input .button.light.dropdown-toggle::before,.select .button.light.dropdown-toggle::before,.tag-input .button.light.dropdown-toggle::before,.spinner .button.light.dropdown-toggle::before{border-color: #ffffff;}
.button.light:hover,.input .button.light:hover,.select .button.light:hover,.tag-input .button.light:hover,.spinner .button.light:hover{color: #ffffff; background-color: #dfdfdf; border-color: #c5c5c5;}
.button.light:hover.dropdown-toggle::before,.input .button.light:hover.dropdown-toggle::before,.select .button.light:hover.dropdown-toggle::before,.tag-input .button.light:hover.dropdown-toggle::before,.spinner .button.light:hover.dropdown-toggle::before{border-color: #ffffff;}
.button.light.same-color:hover,.input .button.light.same-color:hover,.select .button.light.same-color:hover,.tag-input .button.light.same-color:hover,.spinner .button.light.same-color:hover{background-color: #f8f8f8; border-color: #f8f8f8;}
.button.light:active,.input .button.light:active,.select .button.light:active,.tag-input .button.light:active,.spinner .button.light:active,.button.light.focus,.input .button.light.focus,.select .button.light.focus,.tag-input .button.light.focus,.spinner .button.light.focus,.button.light:focus,.input .button.light:focus,.select .button.light:focus,.tag-input .button.light:focus,.spinner .button.light:focus{-webkit-box-shadow: 0 0 0 3px rgba(248, 248, 248, 0.45); box-shadow: 0 0 0 3px rgba(248, 248, 248, 0.45);}
.button.yellow,.input .button.yellow,.select .button.yellow,.tag-input .button.yellow,.spinner .button.yellow,.button.light,.input .button.light,.select .button.light,.tag-input .button.light,.spinner .button.light{color: #1d1d1d;}
.button.yellow:hover,.input .button.yellow:hover,.select .button.yellow:hover,.tag-input .button.yellow:hover,.spinner .button.yellow:hover,.button.light:hover,.input .button.light:hover,.select .button.light:hover,.tag-input .button.light:hover,.spinner .button.light:hover,.button.yellow.outline:hover,.input .button.yellow.outline:hover,.select .button.yellow.outline:hover,.tag-input .button.yellow.outline:hover,.spinner .button.yellow.outline:hover,.button.light.outline:hover,.input .button.light.outline:hover,.select .button.light.outline:hover,.tag-input .button.light.outline:hover,.spinner .button.light.outline:hover{color: #1d1d1d;}
.rounded{border-radius: 0.25rem !important;}
.img-container.rounded img{border-radius: 0.25rem;}
.m-0{margin: 0!important;}
.mb-0{margin-bottom: 0!important;}
.pr-1{padding-right: 4px !important;}
.pl-1{padding-left: 4px !important;}
.mb-1{margin-bottom: 4px !important;}
.p-2{padding: 8px !important;}
.pt-2{padding-top: 8px !important;}
.pb-2{padding-bottom: 8px !important;}
.m-2{margin: 8px !important;}
.mt-2{margin-top: 8px !important;}
.mb-2{margin-bottom: 8px !important;}
.p-3{padding: 12px !important;}
.mt-3{margin-top: 12px !important;}
.mb-3{margin-bottom: 12px !important;}
.mt-4{margin-top: 16px !important;}
.p-5{padding: 20px !important;}
.pr-5{padding-right: 20px !important;}
.pl-5{padding-left: 20px !important;}
.pb-5{padding-bottom: 20px !important;}
.mt-5{margin-top: 20px !important;}
.pr-20{padding-right: 80px !important;}
.pl-20{padding-left: 80px !important;}
.leader > .small,.h1 > .small,h1 > .small,.sub-leader > .small,.h2 > .small,h2 > .small,.header > .small,.h3 > .small,h3 > .small,.sub-header > .small,.h4 > .small,h4 > .small,.alt-header > .small,.h5 > .small,h5 > .small,.sub-alt-header > .small,.h6 > .small,h6 > .small{font-weight: 400; font-size: 0.7em; line-height: 1; color: #777;}
.activity-simple.small{width: 32px; height: 32px; border-radius: 50%;}
.activity-simple.small .circular{width: 32px; height: 32px;}
.bottom-nav .button{width: auto; height: 100%; -webkit-box-flex: 1; flex-grow: 1; flex-basis: 0; text-align: center; text-transform: capitalize; margin: 0; border-radius: 0; line-height: normal;}
.bottom-nav .button .icon{width: 24px; height: 24px; font-size: 22px;}
.bottom-nav .button .label{display: block;}
.button{display: -webkit-inline-box; display: inline-flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; font-weight: 400; text-align: center; white-space: nowrap; vertical-align: middle; -webkit-user-select: none; user-select: none; border: 1px solid transparent; padding: 0 0.75rem; font-size: 0.875rem; height: 36px; -webkit-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; background-color: #ebebeb; color: #1d1d1d; cursor: pointer; outline: none; position: relative; overflow: visible;}
.button .icon + .caption{margin-left: 8px;}
.button .caption + .icon{margin-left: 8px;}
.button:active,.button.focus,.button:focus{-webkit-box-shadow: 0 0 0 3px rgba(228, 228, 228, 0.45); box-shadow: 0 0 0 3px rgba(228, 228, 228, 0.45);}
.button:hover{background-color: rgba(29, 29, 29, 0.1);}
.button.link{background-color: transparent; color: #0366d6;}
.button.link:hover{background-color: transparent; color: #0056b3; text-decoration: underline;}
.button.link.focus,.button.link:focus{-webkit-box-shadow: none; box-shadow: none;}
.button.hovered:hover{background-color: rgba(29, 29, 29, 0.2);}
.button img{height: 1rem;}
.button.mini{font-size: 0.625rem; padding: 0 0.5rem; height: 20px; line-height: 20px;}
.button.mini img{height: 0.625rem;}
.button.small{font-size: 0.75rem; padding: 0 0.6rem; height: 26px; line-height: 26px;}
.button.small img{height: 0.75rem;}
.button.large{font-size: 1.375rem; padding: 0 1rem; height: 53px; line-height: 53px;}
.button.large img{height: 1.375rem;}
.button.square,.button.cycle{width: 2.25rem; height: 2.25rem; padding-left: 0 !important; padding-right: 0 !important;}
.button.square.mini,.button.cycle.mini{width: 1.39875rem; height: 1.39875rem;}
.button.square.small,.button.cycle.small{width: 1.724375rem; height: 1.724375rem;}
.button.square.large,.button.cycle.large{width: 3.3125rem; height: 3.3125rem;}
.button.cycle{border-radius: 50%;}
.button.square.dropdown-toggle::before,.button.cycle.dropdown-toggle::before{display: none;}
.button.dropdown-toggle.no-marker{padding-right: 0.75rem !important;}
.button:focus,.button:hover{text-decoration: none;}
.button:active{outline: 0; -webkit-box-shadow: 0 0 0 3px rgba(190, 190, 190, 0.45); box-shadow: 0 0 0 3px rgba(190, 190, 190, 0.45);}
.button.disabled,.button:disabled{opacity: 0.65;}
.button.outline{background: transparent none; border-width: 1px; border-color: #dfdfdf;}
.button:active{-webkit-box-shadow: none; box-shadow: none;}
a.button{-webkit-appearance: none; -moz-appearance: none; appearance: none; color: #1d1d1d; -webkit-box-shadow: none; box-shadow: none; text-decoration: none;}
a.button:hover{-webkit-box-shadow: none; box-shadow: none;}
a.button:active,a.button.focus,a.button:focus{-webkit-box-shadow: 0 0 0 3px rgba(228, 228, 228, 0.45); box-shadow: 0 0 0 3px rgba(228, 228, 228, 0.45);}
.button * + *{margin-left: 0.5rem;}
input[type=button].small,input[type=submit].small,input[type=reset].small{font-size: 0.75rem; padding: 0 0.6rem; height: 26px; line-height: 26px;}
input[type=button].small img,input[type=submit].small img,input[type=reset].small img{height: 0.75rem;}
input[type=button].square.small,input[type=submit].square.small,input[type=reset].square.small,input[type=button].cycle.small,input[type=submit].cycle.small,input[type=reset].cycle.small{width: 1.724375rem; height: 1.724375rem;}
.button .load-marker{-webkit-transform: scale(0); transform: scale(0); opacity: 0; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.button .load-caption{margin-left: -16px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.button.loading .load-marker{-webkit-transform: scale(1); transform: scale(1); opacity: 1; -webkit-animation: spin-loader 1.5s linear infinite; animation: spin-loader 1.5s linear infinite;}
.button.loading .load-caption{margin-left: 0.5rem;}
.calendar.compact .calendar-footer .button{height: 24px; line-height: 24px; padding: 0 0.25rem;}
.calendar .calendar-time .calendar-time__inner .button.spinner-button-minus{border-left: 1px solid #dfdfdf; border-right: 1px solid #dfdfdf;}
.color-picker .button{background-color: transparent; color: #1d1d1d; height: 34px; min-width: 34px;}
.color-picker .button:focus,.color-picker .button:active{-webkit-box-shadow: none!important; box-shadow: none!important;}
.color-picker .button:hover{background-color: #f8f8f8; text-shadow: rgba(0, 0, 0, 0.25) 0.1em 0.1em 0.2em;}
.color-selector .user-colors-actions .button{padding: 0 20px;}
.file .button{border: none;}
.file .button > *{height: 24px; max-width: 24px;}
.file.disabled .button{background-color: #f8f8f8; color: #dfdfdf;}
.file .button{-webkit-box-ordinal-group: 4; order: 3; margin-left: auto; height: 34px;}
.file[dir=rtl] .button,.file.rtl .button{-webkit-box-ordinal-group: 3; order: 2; margin-left: 0; margin-right: auto;}
.info-button .button{font-weight: 400; text-align: center; white-space: nowrap; vertical-align: middle; -webkit-user-select: none; user-select: none; border: 1px solid transparent; padding: 0 0.75rem; font-size: 0.875rem; line-height: 34px; height: 36px; -webkit-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; background-color: #ebebeb; color: #1d1d1d; cursor: pointer; outline: none; position: relative;}
.info-button .button{display: block; float: left; border-right: none; height: 100%; line-height: 32px; position: relative;}
.info-button .button:active,.info-button .button:focus{-webkit-box-shadow: none!important; box-shadow: none!important;}
.info-button .button{background-color: inherit; color: inherit;}
.info-button .button:hover{background-color: rgba(29, 29, 29, 0.1);}
.info-button .button .icon{margin-right: 4px;}
.input .button{background-color: transparent; color: #1d1d1d; height: 34px; min-width: 34px;}
.input .button:focus,.input .button:active{-webkit-box-shadow: none!important; box-shadow: none!important;}
.input .button:hover{background-color: #f8f8f8; text-shadow: rgba(0, 0, 0, 0.25) 0.1em 0.1em 0.2em;}
.input.input-large .button{height: 48px; min-width: 48px; font-size: 1.3rem;}
.input.input-large .button [class*=mif-]{font-size: 1.3rem;}
.input.input-large .button .default-icon-cross,.input.input-large .button .default-icon-eye{width: 21px; height: 21px;}
.input.input-large .button .input-clear-button,.input.input-large .button .input-reveal-button{width: 48px; padding: 0;}
.input.input-small .button{height: 26px; min-width: 26px; font-size: 0.9rem; padding: 0;}
.input.input-small .button [class*=mif-]{font-size: 0.9rem;}
.input.input-small .button .default-icon-cross,.input.input-small .button .default-icon-eye{width: 14px; height: 14px;}
.pagination.rounded .page-item{border-radius: 0.25rem;}
.pagination.no-gap.rounded .page-item{border-radius: 0;}
.pagination.no-gap.rounded .page-item:first-child{border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem;}
.pagination.no-gap.rounded .page-item:last-child{border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem;}
.progress.small{height: 6px;}
.progress.small .load{background-size: 6px 6px;}
.select .button{background-color: transparent; color: #1d1d1d; height: 34px; min-width: 34px;}
.select .button:focus,.select .button:active{-webkit-box-shadow: none!important; box-shadow: none!important;}
.select .button:hover{background-color: #f8f8f8; text-shadow: rgba(0, 0, 0, 0.25) 0.1em 0.1em 0.2em;}
.select.input-large > .button-group .button{height: 50px; width: 50px;}
.select.input-small > .button-group .button{height: 28px; width: 28px;}
.select.input-small .button-group .button{padding: 0;}
.slider.rounded .backside,.slider.rounded .complete,.slider.rounded .buffer,.slider.rounded .marker{border-radius: 0.25rem;}
.spinner .button{width: 34px; min-width: 34px; height: 34px; line-height: 34px; text-align: center; font-weight: bold; background-color: #f8f8f8; padding: 0;}
.table{display: table;}
.table{width: 100%;}
.table th,.table .th,.table td,.table .td{padding: 0.625rem;}
.table.fixed-layout{table-layout: fixed;}
.table.fixed-layout th,.table.fixed-layout .th,.table.fixed-layout td,.table.fixed-layout .td{white-space: nowrap; overflow: hidden;}
.table thead,.table tfoot,.table .thead,.table .tfoot{border-bottom: 4px solid #e4e4e4;}
.table thead th,.table tfoot th,.table .thead th,.table .tfoot th,.table thead td,.table tfoot td,.table .thead td,.table .tfoot td,.table thead .th,.table tfoot .th,.table .thead .th,.table .tfoot .th,.table thead .td,.table tfoot .td,.table .thead .td,.table .tfoot .td{cursor: default; color: #1d1d1d; border-color: transparent; text-align: left; font-weight: bold; line-height: 1.2;}
.table tfoot,.table .tfoot{border-top: 4px solid #e4e4e4;}
.table tbody td,.table .tbody td,.table tbody .td,.table .tbody .td{padding: 0.625rem; vertical-align: middle;}
.table .sortable-column,.table .sorting{position: relative; cursor: pointer; padding-right: 30px;}
.table .sortable-column:after,.table .sorting:after{position: absolute; content: "\21C5"; width: 1rem; height: 1rem; left: 100%; margin-left: -1.25rem; top: 50%; margin-top: -0.3rem; color: inherit; font-size: 0.8em; font-weight: 100; line-height: 1; opacity: 0.7;}
.table .sortable-column.sort-asc,.table .sorting.sort-asc,.table .sortable-column.sort-desc,.table .sorting.sort-desc,.table .sortable-column.sorting_asc,.table .sorting.sorting_asc,.table .sortable-column.sorting_desc,.table .sorting.sorting_desc{background-color: #ebebeb;}
.table .sortable-column.sort-asc:after,.table .sorting.sort-asc:after,.table .sortable-column.sort-desc:after,.table .sorting.sort-desc:after,.table .sortable-column.sorting_asc:after,.table .sorting.sorting_asc:after,.table .sortable-column.sorting_desc:after,.table .sorting.sorting_desc:after{color: #1d1d1d; opacity: 1; font-weight: 700; font-size: 1em; margin-top: -0.5rem;}
.table .sortable-column.sort-asc:after,.table .sorting.sort-asc:after,.table .sortable-column.sorting_asc:after,.table .sorting.sorting_asc:after{content: "\2191";}
.table .sortable-column.sort-desc:after,.table .sorting.sort-desc:after,.table .sortable-column.sorting_desc:after,.table .sorting.sorting_desc:after{content: "\2193";}
.table.sortable-markers-on-left .sortable-column,.table.sortable-markers-on-left .sorting{padding-left: 30px; padding-right: 10px;}
.table.sortable-markers-on-left .sortable-column:before,.table.sortable-markers-on-left .sorting:before,.table.sortable-markers-on-left .sortable-column:after,.table.sortable-markers-on-left .sorting:after{left: 0; margin-left: 0.625rem;}
.table tr.selected td,.table .tr.selected td,.table tr.selected .td,.table .tr.selected .td{background-color: rgba(28, 183, 236, 0.1);}
.table td.selected,.table .td.selected{background-color: rgba(28, 183, 236, 0.3);}
.table.striped tbody tr:nth-child(odd),.table.striped .tbody .tr:nth-child(odd){background: #f8f8f8;}
.table.row-hover tbody tr:hover,.table.row-hover .tbody tr:hover,.table.row-hover tbody .tr:hover,.table.row-hover .tbody .tr:hover{background-color: rgba(28, 183, 236, 0.1);}
.table.cell-hover tbody td:hover,.table.cell-hover .tbody td:hover,.table.cell-hover tbody .td:hover,.table.cell-hover .tbody .td:hover{background-color: rgba(28, 183, 236, 0.3);}
.table.table-border{border: 1px #dfdfdf solid;}
.table.cell-border th,.table.cell-border td,.table.cell-border .th,.table.cell-border .td{border: 1px #dfdfdf solid;}
.table.cell-border thead tr:first-child th,.table.cell-border .thead tr:first-child th,.table.cell-border thead .tr:first-child th,.table.cell-border .thead .tr:first-child th,.table.cell-border thead tr:first-child td,.table.cell-border .thead tr:first-child td,.table.cell-border thead .tr:first-child td,.table.cell-border .thead .tr:first-child td,.table.cell-border thead tr:first-child .th,.table.cell-border .thead tr:first-child .th,.table.cell-border thead .tr:first-child .th,.table.cell-border .thead .tr:first-child .th,.table.cell-border thead tr:first-child .td,.table.cell-border .thead tr:first-child .td,.table.cell-border thead .tr:first-child .td,.table.cell-border .thead .tr:first-child .td{border-top: none;}
.table.cell-border thead tr:first-child th:first-child,.table.cell-border .thead tr:first-child th:first-child,.table.cell-border thead .tr:first-child th:first-child,.table.cell-border .thead .tr:first-child th:first-child,.table.cell-border thead tr:first-child td:first-child,.table.cell-border .thead tr:first-child td:first-child,.table.cell-border thead .tr:first-child td:first-child,.table.cell-border .thead .tr:first-child td:first-child,.table.cell-border thead tr:first-child .th:first-child,.table.cell-border .thead tr:first-child .th:first-child,.table.cell-border thead .tr:first-child .th:first-child,.table.cell-border .thead .tr:first-child .th:first-child,.table.cell-border thead tr:first-child .td:first-child,.table.cell-border .thead tr:first-child .td:first-child,.table.cell-border thead .tr:first-child .td:first-child,.table.cell-border .thead .tr:first-child .td:first-child{border-left: none;}
.table.cell-border thead tr:first-child th:last-child,.table.cell-border .thead tr:first-child th:last-child,.table.cell-border thead .tr:first-child th:last-child,.table.cell-border .thead .tr:first-child th:last-child,.table.cell-border thead tr:first-child td:last-child,.table.cell-border .thead tr:first-child td:last-child,.table.cell-border thead .tr:first-child td:last-child,.table.cell-border .thead .tr:first-child td:last-child,.table.cell-border thead tr:first-child .th:last-child,.table.cell-border .thead tr:first-child .th:last-child,.table.cell-border thead .tr:first-child .th:last-child,.table.cell-border .thead .tr:first-child .th:last-child,.table.cell-border thead tr:first-child .td:last-child,.table.cell-border .thead tr:first-child .td:last-child,.table.cell-border thead .tr:first-child .td:last-child,.table.cell-border .thead .tr:first-child .td:last-child{border-right: none;}
.table.cell-border tbody tr:first-child td,.table.cell-border .tbody tr:first-child td,.table.cell-border tbody .tr:first-child td,.table.cell-border .tbody .tr:first-child td,.table.cell-border tbody tr:first-child .td,.table.cell-border .tbody tr:first-child .td,.table.cell-border tbody .tr:first-child .td,.table.cell-border .tbody .tr:first-child .td{border-top: none;}
.table.cell-border tbody tr td:first-child,.table.cell-border .tbody tr td:first-child,.table.cell-border tbody .tr td:first-child,.table.cell-border .tbody .tr td:first-child,.table.cell-border tbody tr .td:first-child,.table.cell-border .tbody tr .td:first-child,.table.cell-border tbody .tr .td:first-child,.table.cell-border .tbody .tr .td:first-child{border-left: none;}
.table.cell-border tbody tr td:last-child,.table.cell-border .tbody tr td:last-child,.table.cell-border tbody .tr td:last-child,.table.cell-border .tbody .tr td:last-child,.table.cell-border tbody tr .td:last-child,.table.cell-border .tbody tr .td:last-child,.table.cell-border tbody .tr .td:last-child,.table.cell-border .tbody .tr .td:last-child{border-right: none;}
.table.cell-border tbody tr:last-child td,.table.cell-border .tbody tr:last-child td,.table.cell-border tbody .tr:last-child td,.table.cell-border .tbody .tr:last-child td,.table.cell-border tbody tr:last-child .td,.table.cell-border .tbody tr:last-child .td,.table.cell-border tbody .tr:last-child .td,.table.cell-border .tbody .tr:last-child .td{border-bottom: none;}
.table.row-border tr + tr,.table.row-border .tr + .tr{border-top: 1px #dfdfdf solid;}
.table.subcompact th,.table.subcompact td,.table.subcompact .th,.table.subcompact .td{padding: 3px 8px; font-size: 80%;}
.table.compact th,.table.compact td,.table.compact .th,.table.compact .td{padding: 7px 8px; font-size: 80%;}
.table .check-cell,.table .rownum-cell{width: 36px; text-align: center;}
.table thead td.hidden,.table tbody td.hidden,.table .thead td.hidden,.table .tbody td.hidden,.table thead th.hidden,.table tbody th.hidden,.table .thead th.hidden,.table .tbody th.hidden,.table thead .th.hidden,.table tbody .th.hidden,.table .thead .th.hidden,.table .tbody .th.hidden,.table thead .td.hidden,.table tbody .td.hidden,.table .thead .td.hidden,.table .tbody .td.hidden{display: none!important;}
.table .data-wrapper{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.table .checkbox,.table .radio,.table .switch{height: initial;}
.table-inspector .table{margin-bottom: 0;}
.table-inspector .table td,.table-inspector .table .td{vertical-align: middle;}
.table-inspector .table tr.flash,.table-inspector .table .tr.flash{-webkit-animation: flash-bg 1s ease-out; animation: flash-bg 1s ease-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1;}
@media screen and (min-width: 0){.table.normal-fs th,.table.normal-fs td,.table.normal-fs .th,.table.normal-fs .td{padding: 0.625rem; font-size: 1em;}
.table.compact-fs th,.table.compact-fs td,.table.compact-fs .th,.table.compact-fs .td{padding: 7px 8px; font-size: 80%;}
.table.subcompact-fs th,.table.subcompact-fs td,.table.subcompact-fs .th,.table.subcompact-fs .td{padding: 3px 8px; font-size: 80%;}}
@media screen and (min-width: 576px){.table.normal-sm th,.table.normal-sm td,.table.normal-sm .th,.table.normal-sm .td{padding: 0.625rem; font-size: 1em;}
.table.compact-sm th,.table.compact-sm td,.table.compact-sm .th,.table.compact-sm .td{padding: 7px 8px; font-size: 80%;}
.table.subcompact-sm th,.table.subcompact-sm td,.table.subcompact-sm .th,.table.subcompact-sm .td{padding: 3px 8px; font-size: 80%;}}
@media screen and (min-width: 768px){.table.normal-md th,.table.normal-md td,.table.normal-md .th,.table.normal-md .td{padding: 0.625rem; font-size: 1em;}
.table.compact-md th,.table.compact-md td,.table.compact-md .th,.table.compact-md .td{padding: 7px 8px; font-size: 80%;}
.table.subcompact-md th,.table.subcompact-md td,.table.subcompact-md .th,.table.subcompact-md .td{padding: 3px 8px; font-size: 80%;}}
@media screen and (min-width: 992px){.table.normal-lg th,.table.normal-lg td,.table.normal-lg .th,.table.normal-lg .td{padding: 0.625rem; font-size: 1em;}
.table.compact-lg th,.table.compact-lg td,.table.compact-lg .th,.table.compact-lg .td{padding: 7px 8px; font-size: 80%;}
.table.subcompact-lg th,.table.subcompact-lg td,.table.subcompact-lg .th,.table.subcompact-lg .td{padding: 3px 8px; font-size: 80%;}}
@media screen and (min-width: 1200px){.table.normal-xl th,.table.normal-xl td,.table.normal-xl .th,.table.normal-xl .td{padding: 0.625rem; font-size: 1em;}
.table.compact-xl th,.table.compact-xl td,.table.compact-xl .th,.table.compact-xl .td{padding: 7px 8px; font-size: 80%;}
.table.subcompact-xl th,.table.subcompact-xl td,.table.subcompact-xl .th,.table.subcompact-xl .td{padding: 3px 8px; font-size: 80%;}}
@media screen and (min-width: 1452px){.table.normal-xxl th,.table.normal-xxl td,.table.normal-xxl .th,.table.normal-xxl .td{padding: 0.625rem; font-size: 1em;}
.table.compact-xxl th,.table.compact-xxl td,.table.compact-xxl .th,.table.compact-xxl .td{padding: 7px 8px; font-size: 80%;}
.table.subcompact-xxl th,.table.subcompact-xxl td,.table.subcompact-xxl .th,.table.subcompact-xxl .td{padding: 3px 8px; font-size: 80%;}}
.table-component .table-container.horizontal-scroll .table{width: auto; min-width: 100%;}
.tag-input.input-large .button{height: 48px; min-width: 48px; font-size: 1.3rem;}
.tag-input.input-large .button [class*=mif-]{font-size: 1.3rem;}
.tag-input.input-large .button [class*=default-icon-]{width: 21px; height: 21px;}
.tag-input.input-large .button .input-clear-button{width: 48px; padding: 0;}
.tag-input.input-small .button{height: 26px; min-width: 26px; font-size: 0.9rem;}
.tag-input.input-small .button [class*=mif-]{font-size: 0.9rem;}
.tag-input.input-small .button [class*=default-icon-]{width: 14px; height: 14px;}
.tag-input.static-mode .button{display: none!important;}
.tag.small{margin: 2px 2px; height: 18px; line-height: 18px;}
.tag.small .title{font-size: 0.7rem; line-height: 18px;}
.tag.small .remover{width: 18px; height: 18px; line-height: 18px; font-size: 0.8rem;}
.bg-dark{background-color: #1d1d1d !important;}
.bg-grayWhite{background-color: #f5f5f5 !important;}
.bg-emerald{background-color: #008a00 !important;}
.bg-cobalt{background-color: #0050ef !important;}
.bg-red{background-color: #CE352C !important;}
.bg-orange{background-color: #fa6800 !important;}
.bg-gray{background-color: #bebebe !important;}
.bg-lightGray{background-color: #e4e4e4 !important;}
.bg-darkOrange{background-color: #ae4800 !important;}
.fg-white{color: #ffffff !important;}
.fg-dark{color: #1d1d1d !important;}
.fg-emerald{color: #008a00 !important;}
.fg-blue{color: #00AFF0 !important;}
.fg-red{color: #CE352C !important;}
.fg-orange{color: #fa6800 !important;}
.fg-gray{color: #bebebe !important;}
/* ---------------------------------------------------------------------------
 * Metro icon replacement.
 * `.mif-bin` was a glyph in Metro's icon webfont ([class*=mif-] set font-family:'metro',
 * line-height:1, display:inline-block, and the glyph inherited the parent's font-size — 0.75rem
 * inside `.button.small` — and the parent's colour, i.e. fg-white).
 * Rendered here as an SVG mask so it keeps inheriting colour via currentColor and stays 1em,
 * with the markup (`<span class="mif-bin"></span>`) untouched. No webfont, no Metro.
 * ------------------------------------------------------------------------- */
.mif-bin {
  display: inline-block;
  position: relative;
  line-height: 1;
  width: 1em;
  height: 1em;
  vertical-align: -0.125em;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 19a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V7H6v12zM19 4h-3.5l-1-1h-5l-1 1H5v2h14V4z'/%3E%3C/svg%3E") no-repeat center / contain;
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 19a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V7H6v12zM19 4h-3.5l-1-1h-5l-1 1H5v2h14V4z'/%3E%3C/svg%3E") no-repeat center / contain;
}