github.com/tickoalcantara12/micro/v3@v3.0.0-20221007104245-9d75b9bcbab9/docs/assets/css/style.css (about) 1 /*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */ 2 /** 1. Change the default font family in all browsers (opinionated). 2. Prevent adjustments of font size after orientation changes in IE and iOS. */ 3 html { font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ } 4 5 /** Remove the margin in all browsers (opinionated). */ 6 body { margin: 0; } 7 8 /* HTML5 display definitions ========================================================================== */ 9 /** Add the correct display in IE 9-. 1. Add the correct display in Edge, IE, and Firefox. 2. Add the correct display in IE. */ 10 article, aside, details, figcaption, figure, footer, header, main, menu, nav, section { /* 1 */ display: block; } 11 12 summary { display: list-item; } 13 14 /** Add the correct display in IE 9-. */ 15 audio, canvas, progress, video { display: inline-block; } 16 17 /** Add the correct display in iOS 4-7. */ 18 audio:not([controls]) { display: none; height: 0; } 19 20 /** Add the correct vertical alignment in Chrome, Firefox, and Opera. */ 21 progress { vertical-align: baseline; } 22 23 /** Add the correct display in IE 10-. 1. Add the correct display in IE. */ 24 template, [hidden] { display: none !important; } 25 26 /* Links ========================================================================== */ 27 /** Remove the gray background on active links in IE 10. */ 28 a { background-color: transparent; /* 1 */ } 29 30 /** Remove the outline on focused links when they are also active or hovered in all browsers (opinionated). */ 31 a:active, a:hover { outline-width: 0; } 32 33 /* Text-level semantics ========================================================================== */ 34 /** 1. Remove the bottom border in Firefox 39-. 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ 35 abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ text-decoration: underline dotted; /* 2 */ } 36 37 /** Prevent the duplicate application of `bolder` by the next rule in Safari 6. */ 38 b, strong { font-weight: inherit; } 39 40 /** Add the correct font weight in Chrome, Edge, and Safari. */ 41 b, strong { font-weight: bolder; } 42 43 /** Add the correct font style in Android 4.3-. */ 44 dfn { font-style: italic; } 45 46 /** Correct the font size and margin on `h1` elements within `section` and `article` contexts in Chrome, Firefox, and Safari. */ 47 h1 { font-size: 2em; margin: 0.67em 0; } 48 49 /** Add the correct background and color in IE 9-. */ 50 mark { background-color: #ff0; color: #000; } 51 52 /** Add the correct font size in all browsers. */ 53 small { font-size: 80%; } 54 55 /** Prevent `sub` and `sup` elements from affecting the line height in all browsers. */ 56 sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } 57 58 sub { bottom: -0.25em; } 59 60 sup { top: -0.5em; } 61 62 /* Embedded content ========================================================================== */ 63 /** Remove the border on images inside links in IE 10-. */ 64 img { border-style: none; } 65 66 /** Hide the overflow in IE. */ 67 svg:not(:root) { overflow: hidden; } 68 69 /* Grouping content ========================================================================== */ 70 /** 1. Correct the inheritance and scaling of font size in all browsers. 2. Correct the odd `em` font sizing in all browsers. */ 71 code, kbd, pre, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } 72 73 /** Add the correct margin in IE 8. */ 74 figure { margin: 1em 40px; } 75 76 /** 1. Add the correct box sizing in Firefox. 2. Show the overflow in Edge and IE. */ 77 hr { box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ } 78 79 /* Forms ========================================================================== */ 80 /** 1. Change font properties to `inherit` in all browsers (opinionated). 2. Remove the margin in Firefox and Safari. */ 81 button, input, select, textarea { font: inherit; /* 1 */ margin: 0; /* 2 */ } 82 83 /** Restore the font weight unset by the previous rule. */ 84 optgroup { font-weight: bold; } 85 86 /** Show the overflow in IE. 1. Show the overflow in Edge. */ 87 button, input { /* 1 */ overflow: visible; } 88 89 /** Remove the inheritance of text transform in Edge, Firefox, and IE. 1. Remove the inheritance of text transform in Firefox. */ 90 button, select { /* 1 */ text-transform: none; } 91 92 /** 1. Prevent a WebKit bug where (2) destroys native `audio` and `video` controls in Android 4. 2. Correct the inability to style clickable types in iOS and Safari. */ 93 button, html [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; /* 2 */ } 94 95 /** Remove the inner border and padding in Firefox. */ 96 button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } 97 98 /** Restore the focus styles unset by the previous rule. */ 99 button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } 100 101 /** Change the border, margin, and padding in all browsers (opinionated). */ 102 fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } 103 104 /** 1. Correct the text wrapping in Edge and IE. 2. Correct the color inheritance from `fieldset` elements in IE. 3. Remove the padding so developers are not caught out when they zero out `fieldset` elements in all browsers. */ 105 legend { box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ } 106 107 /** Remove the default vertical scrollbar in IE. */ 108 textarea { overflow: auto; } 109 110 /** 1. Add the correct box sizing in IE 10-. 2. Remove the padding in IE 10-. */ 111 [type="checkbox"], [type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } 112 113 /** Correct the cursor style of increment and decrement buttons in Chrome. */ 114 [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } 115 116 /** 1. Correct the odd appearance in Chrome and Safari. 2. Correct the outline style in Safari. */ 117 [type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } 118 119 /** Remove the inner padding and cancel buttons in Chrome and Safari on OS X. */ 120 [type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } 121 122 /** Correct the text style of placeholders in Chrome, Edge, and Safari. */ 123 ::-webkit-input-placeholder { color: inherit; opacity: 0.54; } 124 125 /** 1. Correct the inability to style clickable types in iOS and Safari. 2. Change font properties to `inherit` in Safari. */ 126 ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } 127 128 * { box-sizing: border-box; } 129 130 input, select, textarea, button { font-family: inherit; font-size: inherit; line-height: inherit; } 131 132 body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-size: 14px; line-height: 1.5; color: #24292e; background-color: #fff; } 133 134 a { color: #0366d6; text-decoration: none; } 135 a:hover { text-decoration: underline; } 136 137 b, strong { font-weight: 600; } 138 139 hr, .rule { height: 0; margin: 15px 0; overflow: hidden; background: transparent; border: 0; border-bottom: 1px solid #dfe2e5; } 140 hr::before, .rule::before { display: table; content: ""; } 141 hr::after, .rule::after { display: table; clear: both; content: ""; } 142 143 table { border-spacing: 0; border-collapse: collapse; } 144 145 td, th { padding: 0; } 146 147 button { cursor: pointer; border-radius: 0; } 148 149 [hidden][hidden] { display: none !important; } 150 151 details summary { cursor: pointer; } 152 details:not([open]) > *:not(summary) { display: none !important; } 153 154 h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: 0; } 155 156 h1 { font-size: 32px; font-weight: 600; } 157 158 h2 { font-size: 24px; font-weight: 600; } 159 160 h3 { font-size: 20px; font-weight: 600; } 161 162 h4 { font-size: 16px; font-weight: 600; } 163 164 h5 { font-size: 14px; font-weight: 600; } 165 166 h6 { font-size: 12px; font-weight: 600; } 167 168 p { margin-top: 0; margin-bottom: 10px; } 169 170 small { font-size: 90%; } 171 172 blockquote { margin: 0; } 173 174 ul, ol { padding-left: 0; margin-top: 0; margin-bottom: 0; } 175 176 ol ol, ul ol { list-style-type: lower-roman; } 177 178 ul ul ol, ul ol ol, ol ul ol, ol ol ol { list-style-type: lower-alpha; } 179 180 dd { margin-left: 0; } 181 182 tt, code { font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace; font-size: 12px; } 183 184 pre { margin-top: 0; margin-bottom: 0; font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace; font-size: 12px; } 185 186 .octicon { vertical-align: text-bottom; } 187 188 /* Fade in an element */ 189 .anim-fade-in { animation-name: fade-in; animation-duration: 1s; animation-timing-function: ease-in-out; } 190 .anim-fade-in.fast { animation-duration: 300ms; } 191 192 @keyframes fade-in { 0% { opacity: 0; } 193 100% { opacity: 1; } } 194 /* Fade out an element */ 195 .anim-fade-out { animation-name: fade-out; animation-duration: 1s; animation-timing-function: ease-out; } 196 .anim-fade-out.fast { animation-duration: 0.3s; } 197 198 @keyframes fade-out { 0% { opacity: 1; } 199 100% { opacity: 0; } } 200 /* Fade in and slide up an element */ 201 .anim-fade-up { opacity: 0; animation-name: fade-up; animation-duration: 0.3s; animation-fill-mode: forwards; animation-timing-function: ease-out; animation-delay: 1s; } 202 203 @keyframes fade-up { 0% { opacity: 0.8; transform: translateY(100%); } 204 100% { opacity: 1; transform: translateY(0); } } 205 /* Fade an element out and slide down */ 206 .anim-fade-down { animation-name: fade-down; animation-duration: 0.3s; animation-fill-mode: forwards; animation-timing-function: ease-in; } 207 208 @keyframes fade-down { 0% { opacity: 1; transform: translateY(0); } 209 100% { opacity: 0.5; transform: translateY(100%); } } 210 /* Grow an element width from 0 to 100% */ 211 .anim-grow-x { width: 0%; animation-name: grow-x; animation-duration: 0.3s; animation-fill-mode: forwards; animation-timing-function: ease; animation-delay: 0.5s; } 212 213 @keyframes grow-x { to { width: 100%; } } 214 /* Shrink an element from 100% to 0% */ 215 .anim-shrink-x { animation-name: shrink-x; animation-duration: 0.3s; animation-fill-mode: forwards; animation-timing-function: ease-in-out; animation-delay: 0.5s; } 216 217 @keyframes shrink-x { to { width: 0%; } } 218 /* Fade in an element and scale it fast */ 219 .anim-scale-in { animation-name: scale-in; animation-duration: 0.15s; animation-timing-function: cubic-bezier(0.2, 0, 0.13, 1.5); } 220 221 @keyframes scale-in { 0% { opacity: 0; transform: scale(0.5); } 222 100% { opacity: 1; transform: scale(1); } } 223 /* Pulse an element's opacity */ 224 .anim-pulse { animation-name: pulse; animation-duration: 2s; animation-timing-function: linear; animation-iteration-count: infinite; } 225 226 @keyframes pulse { 0% { opacity: 0.3; } 227 10% { opacity: 1; } 228 100% { opacity: 0.3; } } 229 /* Pulse in an element */ 230 .anim-pulse-in { animation-name: pulse-in; animation-duration: 0.5s; } 231 232 @keyframes pulse-in { 0% { transform: scale3d(1, 1, 1); } 233 50% { transform: scale3d(1.1, 1.1, 1.1); } 234 100% { transform: scale3d(1, 1, 1); } } 235 /* Increase scale of an element on hover */ 236 .hover-grow { transition: transform 0.3s; backface-visibility: hidden; } 237 .hover-grow:hover { transform: scale(1.025); } 238 239 /* Add a gray border on all sides */ 240 .border { border: 1px #e1e4e8 solid !important; } 241 242 /* Add a gray border to the left and right */ 243 .border-y { border-top: 1px #e1e4e8 solid !important; border-bottom: 1px #e1e4e8 solid !important; } 244 245 /* Remove borders from all sides */ 246 .border-0 { border: 0 !important; } 247 248 .border-dashed { border-style: dashed !important; } 249 250 /* Use with .border to turn the border blue */ 251 .border-blue { border-color: #0366d6 !important; } 252 253 /* Use with .border to turn the border blue-light */ 254 .border-blue-light { border-color: #c8e1ff !important; } 255 256 /* Use with .border to turn the border green */ 257 .border-green { border-color: #34d058 !important; } 258 259 /* Use with .border to turn the border green light */ 260 .border-green-light { border-color: #a2cbac !important; } 261 262 /* Use with .border to turn the border red */ 263 .border-red { border-color: #d73a49 !important; } 264 265 /* Use with .border to turn the border red-light */ 266 .border-red-light { border-color: #cea0a5 !important; } 267 268 /* Use with .border to turn the border purple */ 269 .border-purple { border-color: #6f42c1 !important; } 270 271 /* Use with .border to turn the border yellow */ 272 .border-yellow { border-color: #d9d0a5 !important; } 273 274 /* Use with .border to turn the border gray-light */ 275 .border-gray-light { border-color: #eaecef !important; } 276 277 /* Use with .border to turn the border gray-dark */ 278 .border-gray-dark { border-color: #d1d5da !important; } 279 280 /* Use with .border to turn the border rgba black 0.15 */ 281 .border-black-fade { border-color: rgba(27, 31, 35, 0.15) !important; } 282 283 /* Add a gray border */ 284 /* Add a gray border to the top */ 285 .border-top { border-top: 1px #e1e4e8 solid !important; } 286 287 /* Add a gray border to the right */ 288 .border-right { border-right: 1px #e1e4e8 solid !important; } 289 290 /* Add a gray border to the bottom */ 291 .border-bottom { border-bottom: 1px #e1e4e8 solid !important; } 292 293 /* Add a gray border to the left */ 294 .border-left { border-left: 1px #e1e4e8 solid !important; } 295 296 /* Remove the top border */ 297 .border-top-0 { border-top: 0 !important; } 298 299 /* Remove the right border */ 300 .border-right-0 { border-right: 0 !important; } 301 302 /* Remove the bottom border */ 303 .border-bottom-0 { border-bottom: 0 !important; } 304 305 /* Remove the left border */ 306 .border-left-0 { border-left: 0 !important; } 307 308 /* Remove the border-radius */ 309 .rounded-0 { border-radius: 0 !important; } 310 311 /* Add a border-radius to all corners */ 312 .rounded-1 { border-radius: 3px !important; } 313 314 /* Add a 2x border-radius to all corners */ 315 .rounded-2 { border-radius: 6px !important; } 316 317 .rounded-top-0 { border-top-left-radius: 0 !important; border-top-right-radius: 0 !important; } 318 319 .rounded-top-1 { border-top-left-radius: 3px !important; border-top-right-radius: 3px !important; } 320 321 .rounded-top-2 { border-top-left-radius: 6px !important; border-top-right-radius: 6px !important; } 322 323 .rounded-right-0 { border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; } 324 325 .rounded-right-1 { border-top-right-radius: 3px !important; border-bottom-right-radius: 3px !important; } 326 327 .rounded-right-2 { border-top-right-radius: 6px !important; border-bottom-right-radius: 6px !important; } 328 329 .rounded-bottom-0 { border-bottom-right-radius: 0 !important; border-bottom-left-radius: 0 !important; } 330 331 .rounded-bottom-1 { border-bottom-right-radius: 3px !important; border-bottom-left-radius: 3px !important; } 332 333 .rounded-bottom-2 { border-bottom-right-radius: 6px !important; border-bottom-left-radius: 6px !important; } 334 335 .rounded-left-0 { border-bottom-left-radius: 0 !important; border-top-left-radius: 0 !important; } 336 337 .rounded-left-1 { border-bottom-left-radius: 3px !important; border-top-left-radius: 3px !important; } 338 339 .rounded-left-2 { border-bottom-left-radius: 6px !important; border-top-left-radius: 6px !important; } 340 341 @media (min-width: 544px) { /* Add a gray border */ 342 /* Add a gray border to the top */ 343 .border-sm-top { border-top: 1px #e1e4e8 solid !important; } 344 /* Add a gray border to the right */ 345 .border-sm-right { border-right: 1px #e1e4e8 solid !important; } 346 /* Add a gray border to the bottom */ 347 .border-sm-bottom { border-bottom: 1px #e1e4e8 solid !important; } 348 /* Add a gray border to the left */ 349 .border-sm-left { border-left: 1px #e1e4e8 solid !important; } 350 /* Remove the top border */ 351 .border-sm-top-0 { border-top: 0 !important; } 352 /* Remove the right border */ 353 .border-sm-right-0 { border-right: 0 !important; } 354 /* Remove the bottom border */ 355 .border-sm-bottom-0 { border-bottom: 0 !important; } 356 /* Remove the left border */ 357 .border-sm-left-0 { border-left: 0 !important; } 358 /* Remove the border-radius */ 359 .rounded-sm-0 { border-radius: 0 !important; } 360 /* Add a border-radius to all corners */ 361 .rounded-sm-1 { border-radius: 3px !important; } 362 /* Add a 2x border-radius to all corners */ 363 .rounded-sm-2 { border-radius: 6px !important; } 364 .rounded-sm-top-0 { border-top-left-radius: 0 !important; border-top-right-radius: 0 !important; } 365 .rounded-sm-top-1 { border-top-left-radius: 3px !important; border-top-right-radius: 3px !important; } 366 .rounded-sm-top-2 { border-top-left-radius: 6px !important; border-top-right-radius: 6px !important; } 367 .rounded-sm-right-0 { border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; } 368 .rounded-sm-right-1 { border-top-right-radius: 3px !important; border-bottom-right-radius: 3px !important; } 369 .rounded-sm-right-2 { border-top-right-radius: 6px !important; border-bottom-right-radius: 6px !important; } 370 .rounded-sm-bottom-0 { border-bottom-right-radius: 0 !important; border-bottom-left-radius: 0 !important; } 371 .rounded-sm-bottom-1 { border-bottom-right-radius: 3px !important; border-bottom-left-radius: 3px !important; } 372 .rounded-sm-bottom-2 { border-bottom-right-radius: 6px !important; border-bottom-left-radius: 6px !important; } 373 .rounded-sm-left-0 { border-bottom-left-radius: 0 !important; border-top-left-radius: 0 !important; } 374 .rounded-sm-left-1 { border-bottom-left-radius: 3px !important; border-top-left-radius: 3px !important; } 375 .rounded-sm-left-2 { border-bottom-left-radius: 6px !important; border-top-left-radius: 6px !important; } } 376 @media (min-width: 768px) { /* Add a gray border */ 377 /* Add a gray border to the top */ 378 .border-md-top { border-top: 1px #e1e4e8 solid !important; } 379 /* Add a gray border to the right */ 380 .border-md-right { border-right: 1px #e1e4e8 solid !important; } 381 /* Add a gray border to the bottom */ 382 .border-md-bottom { border-bottom: 1px #e1e4e8 solid !important; } 383 /* Add a gray border to the left */ 384 .border-md-left { border-left: 1px #e1e4e8 solid !important; } 385 /* Remove the top border */ 386 .border-md-top-0 { border-top: 0 !important; } 387 /* Remove the right border */ 388 .border-md-right-0 { border-right: 0 !important; } 389 /* Remove the bottom border */ 390 .border-md-bottom-0 { border-bottom: 0 !important; } 391 /* Remove the left border */ 392 .border-md-left-0 { border-left: 0 !important; } 393 /* Remove the border-radius */ 394 .rounded-md-0 { border-radius: 0 !important; } 395 /* Add a border-radius to all corners */ 396 .rounded-md-1 { border-radius: 3px !important; } 397 /* Add a 2x border-radius to all corners */ 398 .rounded-md-2 { border-radius: 6px !important; } 399 .rounded-md-top-0 { border-top-left-radius: 0 !important; border-top-right-radius: 0 !important; } 400 .rounded-md-top-1 { border-top-left-radius: 3px !important; border-top-right-radius: 3px !important; } 401 .rounded-md-top-2 { border-top-left-radius: 6px !important; border-top-right-radius: 6px !important; } 402 .rounded-md-right-0 { border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; } 403 .rounded-md-right-1 { border-top-right-radius: 3px !important; border-bottom-right-radius: 3px !important; } 404 .rounded-md-right-2 { border-top-right-radius: 6px !important; border-bottom-right-radius: 6px !important; } 405 .rounded-md-bottom-0 { border-bottom-right-radius: 0 !important; border-bottom-left-radius: 0 !important; } 406 .rounded-md-bottom-1 { border-bottom-right-radius: 3px !important; border-bottom-left-radius: 3px !important; } 407 .rounded-md-bottom-2 { border-bottom-right-radius: 6px !important; border-bottom-left-radius: 6px !important; } 408 .rounded-md-left-0 { border-bottom-left-radius: 0 !important; border-top-left-radius: 0 !important; } 409 .rounded-md-left-1 { border-bottom-left-radius: 3px !important; border-top-left-radius: 3px !important; } 410 .rounded-md-left-2 { border-bottom-left-radius: 6px !important; border-top-left-radius: 6px !important; } } 411 @media (min-width: 1012px) { /* Add a gray border */ 412 /* Add a gray border to the top */ 413 .border-lg-top { border-top: 1px #e1e4e8 solid !important; } 414 /* Add a gray border to the right */ 415 .border-lg-right { border-right: 1px #e1e4e8 solid !important; } 416 /* Add a gray border to the bottom */ 417 .border-lg-bottom { border-bottom: 1px #e1e4e8 solid !important; } 418 /* Add a gray border to the left */ 419 .border-lg-left { border-left: 1px #e1e4e8 solid !important; } 420 /* Remove the top border */ 421 .border-lg-top-0 { border-top: 0 !important; } 422 /* Remove the right border */ 423 .border-lg-right-0 { border-right: 0 !important; } 424 /* Remove the bottom border */ 425 .border-lg-bottom-0 { border-bottom: 0 !important; } 426 /* Remove the left border */ 427 .border-lg-left-0 { border-left: 0 !important; } 428 /* Remove the border-radius */ 429 .rounded-lg-0 { border-radius: 0 !important; } 430 /* Add a border-radius to all corners */ 431 .rounded-lg-1 { border-radius: 3px !important; } 432 /* Add a 2x border-radius to all corners */ 433 .rounded-lg-2 { border-radius: 6px !important; } 434 .rounded-lg-top-0 { border-top-left-radius: 0 !important; border-top-right-radius: 0 !important; } 435 .rounded-lg-top-1 { border-top-left-radius: 3px !important; border-top-right-radius: 3px !important; } 436 .rounded-lg-top-2 { border-top-left-radius: 6px !important; border-top-right-radius: 6px !important; } 437 .rounded-lg-right-0 { border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; } 438 .rounded-lg-right-1 { border-top-right-radius: 3px !important; border-bottom-right-radius: 3px !important; } 439 .rounded-lg-right-2 { border-top-right-radius: 6px !important; border-bottom-right-radius: 6px !important; } 440 .rounded-lg-bottom-0 { border-bottom-right-radius: 0 !important; border-bottom-left-radius: 0 !important; } 441 .rounded-lg-bottom-1 { border-bottom-right-radius: 3px !important; border-bottom-left-radius: 3px !important; } 442 .rounded-lg-bottom-2 { border-bottom-right-radius: 6px !important; border-bottom-left-radius: 6px !important; } 443 .rounded-lg-left-0 { border-bottom-left-radius: 0 !important; border-top-left-radius: 0 !important; } 444 .rounded-lg-left-1 { border-bottom-left-radius: 3px !important; border-top-left-radius: 3px !important; } 445 .rounded-lg-left-2 { border-bottom-left-radius: 6px !important; border-top-left-radius: 6px !important; } } 446 @media (min-width: 1280px) { /* Add a gray border */ 447 /* Add a gray border to the top */ 448 .border-xl-top { border-top: 1px #e1e4e8 solid !important; } 449 /* Add a gray border to the right */ 450 .border-xl-right { border-right: 1px #e1e4e8 solid !important; } 451 /* Add a gray border to the bottom */ 452 .border-xl-bottom { border-bottom: 1px #e1e4e8 solid !important; } 453 /* Add a gray border to the left */ 454 .border-xl-left { border-left: 1px #e1e4e8 solid !important; } 455 /* Remove the top border */ 456 .border-xl-top-0 { border-top: 0 !important; } 457 /* Remove the right border */ 458 .border-xl-right-0 { border-right: 0 !important; } 459 /* Remove the bottom border */ 460 .border-xl-bottom-0 { border-bottom: 0 !important; } 461 /* Remove the left border */ 462 .border-xl-left-0 { border-left: 0 !important; } 463 /* Remove the border-radius */ 464 .rounded-xl-0 { border-radius: 0 !important; } 465 /* Add a border-radius to all corners */ 466 .rounded-xl-1 { border-radius: 3px !important; } 467 /* Add a 2x border-radius to all corners */ 468 .rounded-xl-2 { border-radius: 6px !important; } 469 .rounded-xl-top-0 { border-top-left-radius: 0 !important; border-top-right-radius: 0 !important; } 470 .rounded-xl-top-1 { border-top-left-radius: 3px !important; border-top-right-radius: 3px !important; } 471 .rounded-xl-top-2 { border-top-left-radius: 6px !important; border-top-right-radius: 6px !important; } 472 .rounded-xl-right-0 { border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; } 473 .rounded-xl-right-1 { border-top-right-radius: 3px !important; border-bottom-right-radius: 3px !important; } 474 .rounded-xl-right-2 { border-top-right-radius: 6px !important; border-bottom-right-radius: 6px !important; } 475 .rounded-xl-bottom-0 { border-bottom-right-radius: 0 !important; border-bottom-left-radius: 0 !important; } 476 .rounded-xl-bottom-1 { border-bottom-right-radius: 3px !important; border-bottom-left-radius: 3px !important; } 477 .rounded-xl-bottom-2 { border-bottom-right-radius: 6px !important; border-bottom-left-radius: 6px !important; } 478 .rounded-xl-left-0 { border-bottom-left-radius: 0 !important; border-top-left-radius: 0 !important; } 479 .rounded-xl-left-1 { border-bottom-left-radius: 3px !important; border-top-left-radius: 3px !important; } 480 .rounded-xl-left-2 { border-bottom-left-radius: 6px !important; border-top-left-radius: 6px !important; } } 481 /* Add a 50% border-radius to make something into a circle */ 482 .circle { border-radius: 50% !important; } 483 484 .box-shadow { box-shadow: 0 1px 1px rgba(27, 31, 35, 0.1) !important; } 485 486 .box-shadow-medium { box-shadow: 0 1px 5px rgba(27, 31, 35, 0.15) !important; } 487 488 .box-shadow-large { box-shadow: 0 1px 15px rgba(27, 31, 35, 0.15) !important; } 489 490 .box-shadow-extra-large { box-shadow: 0 10px 50px rgba(27, 31, 35, 0.07) !important; } 491 492 .box-shadow-none { box-shadow: none !important; } 493 494 /* Set the background to $bg-white */ 495 .bg-white { background-color: #fff !important; } 496 497 /* Set the background to $bg-blue */ 498 .bg-blue { background-color: #0366d6 !important; } 499 500 /* Set the background to $bg-blue-light */ 501 .bg-blue-light { background-color: #f1f8ff !important; } 502 503 /* Set the background to $bg-gray-dark */ 504 .bg-gray-dark { background-color: #24292e !important; } 505 506 /* Set the background to $bg-gray */ 507 .bg-gray { background-color: #f6f8fa !important; } 508 509 /* Set the background to $bg-gray-light */ 510 .bg-gray-light { background-color: #fafbfc !important; } 511 512 /* Set the background to $bg-green */ 513 .bg-green { background-color: #28a745 !important; } 514 515 /* Set the background to $bg-green-light */ 516 .bg-green-light { background-color: #dcffe4 !important; } 517 518 /* Set the background to $bg-red */ 519 .bg-red { background-color: #d73a49 !important; } 520 521 /* Set the background to $bg-red-light */ 522 .bg-red-light { background-color: #ffdce0 !important; } 523 524 /* Set the background to $bg-yellow */ 525 .bg-yellow { background-color: #ffd33d !important; } 526 527 /* Set the background to $bg-yellow-light */ 528 .bg-yellow-light { background-color: #fff5b1 !important; } 529 530 /* Set the background to $bg-purple */ 531 .bg-purple { background-color: #6f42c1 !important; } 532 533 /* Set the background to $bg-purple-light */ 534 .bg-purple-light { background-color: #f5f0ff !important; } 535 536 .bg-shade-gradient { background-image: linear-gradient(180deg, rgba(27, 31, 35, 0.065), rgba(27, 31, 35, 0)) !important; background-repeat: no-repeat !important; background-size: 100% 200px !important; } 537 538 /* Set the text color to $text-blue */ 539 .text-blue { color: #0366d6 !important; } 540 541 /* Set the text color to $text-red */ 542 .text-red { color: #cb2431 !important; } 543 544 /* Set the text color to $text-gray-light */ 545 .text-gray-light { color: #6a737d !important; } 546 547 /* Set the text color to $text-gray */ 548 .text-gray { color: #586069 !important; } 549 550 /* Set the text color to $text-gray-dark */ 551 .text-gray-dark { color: #24292e !important; } 552 553 /* Set the text color to $text-green */ 554 .text-green { color: #28a745 !important; } 555 556 /* Set the text color to $text-orange */ 557 .text-orange { color: #a04100 !important; } 558 559 /* Set the text color to $text-orange-light */ 560 .text-orange-light { color: #e36209 !important; } 561 562 /* Set the text color to $text-purple */ 563 .text-purple { color: #6f42c1 !important; } 564 565 /* Set the text color to $text-white */ 566 .text-white { color: #fff !important; } 567 568 /* Set the text color to inherit */ 569 .text-inherit { color: inherit !important; } 570 571 .text-pending { color: #b08800 !important; } 572 573 .bg-pending { color: #dbab09 !important; } 574 575 .link-gray { color: #586069 !important; } 576 .link-gray:hover { color: #0366d6 !important; } 577 578 .link-gray-dark { color: #24292e !important; } 579 .link-gray-dark:hover { color: #0366d6 !important; } 580 581 /* Set the link color to $text-blue on hover Useful when you want only part of a link to turn blue on hover */ 582 .link-hover-blue:hover { color: #0366d6 !important; } 583 584 /* Make a link $text-gray, then $text-blue on hover and removes the underline */ 585 .muted-link { color: #586069 !important; } 586 .muted-link:hover { color: #0366d6 !important; text-decoration: none; } 587 588 .details-overlay[open] > summary::before { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 80; display: block; cursor: default; content: " "; background: transparent; } 589 590 .details-overlay-dark[open] > summary::before { z-index: 99; background: rgba(27, 31, 35, 0.5); } 591 592 .flex-row { flex-direction: row !important; } 593 594 .flex-row-reverse { flex-direction: row-reverse !important; } 595 596 .flex-column { flex-direction: column !important; } 597 598 .flex-wrap { flex-wrap: wrap !important; } 599 600 .flex-nowrap { flex-wrap: nowrap !important; } 601 602 .flex-justify-start { justify-content: flex-start !important; } 603 604 .flex-justify-end { justify-content: flex-end !important; } 605 606 .flex-justify-center { justify-content: center !important; } 607 608 .flex-justify-between { justify-content: space-between !important; } 609 610 .flex-justify-around { justify-content: space-around !important; } 611 612 .flex-items-start { align-items: flex-start !important; } 613 614 .flex-items-end { align-items: flex-end !important; } 615 616 .flex-items-center { align-items: center !important; } 617 618 .flex-items-baseline { align-items: baseline !important; } 619 620 .flex-items-stretch { align-items: stretch !important; } 621 622 .flex-content-start { align-content: flex-start !important; } 623 624 .flex-content-end { align-content: flex-end !important; } 625 626 .flex-content-center { align-content: center !important; } 627 628 .flex-content-between { align-content: space-between !important; } 629 630 .flex-content-around { align-content: space-around !important; } 631 632 .flex-content-stretch { align-content: stretch !important; } 633 634 .flex-auto { flex: 1 1 auto !important; } 635 636 .flex-shrink-0 { flex-shrink: 0 !important; } 637 638 .flex-self-auto { align-self: auto !important; } 639 640 .flex-self-start { align-self: flex-start !important; } 641 642 .flex-self-end { align-self: flex-end !important; } 643 644 .flex-self-center { align-self: center !important; } 645 646 .flex-self-baseline { align-self: baseline !important; } 647 648 .flex-self-stretch { align-self: stretch !important; } 649 650 .flex-item-equal { flex-grow: 1; flex-basis: 0; } 651 652 @media (min-width: 544px) { .flex-sm-row { flex-direction: row !important; } 653 .flex-sm-row-reverse { flex-direction: row-reverse !important; } 654 .flex-sm-column { flex-direction: column !important; } 655 .flex-sm-wrap { flex-wrap: wrap !important; } 656 .flex-sm-nowrap { flex-wrap: nowrap !important; } 657 .flex-sm-justify-start { justify-content: flex-start !important; } 658 .flex-sm-justify-end { justify-content: flex-end !important; } 659 .flex-sm-justify-center { justify-content: center !important; } 660 .flex-sm-justify-between { justify-content: space-between !important; } 661 .flex-sm-justify-around { justify-content: space-around !important; } 662 .flex-sm-items-start { align-items: flex-start !important; } 663 .flex-sm-items-end { align-items: flex-end !important; } 664 .flex-sm-items-center { align-items: center !important; } 665 .flex-sm-items-baseline { align-items: baseline !important; } 666 .flex-sm-items-stretch { align-items: stretch !important; } 667 .flex-sm-content-start { align-content: flex-start !important; } 668 .flex-sm-content-end { align-content: flex-end !important; } 669 .flex-sm-content-center { align-content: center !important; } 670 .flex-sm-content-between { align-content: space-between !important; } 671 .flex-sm-content-around { align-content: space-around !important; } 672 .flex-sm-content-stretch { align-content: stretch !important; } 673 .flex-sm-auto { flex: 1 1 auto !important; } 674 .flex-sm-shrink-0 { flex-shrink: 0 !important; } 675 .flex-sm-self-auto { align-self: auto !important; } 676 .flex-sm-self-start { align-self: flex-start !important; } 677 .flex-sm-self-end { align-self: flex-end !important; } 678 .flex-sm-self-center { align-self: center !important; } 679 .flex-sm-self-baseline { align-self: baseline !important; } 680 .flex-sm-self-stretch { align-self: stretch !important; } 681 .flex-sm-item-equal { flex-grow: 1; flex-basis: 0; } } 682 @media (min-width: 768px) { .flex-md-row { flex-direction: row !important; } 683 .flex-md-row-reverse { flex-direction: row-reverse !important; } 684 .flex-md-column { flex-direction: column !important; } 685 .flex-md-wrap { flex-wrap: wrap !important; } 686 .flex-md-nowrap { flex-wrap: nowrap !important; } 687 .flex-md-justify-start { justify-content: flex-start !important; } 688 .flex-md-justify-end { justify-content: flex-end !important; } 689 .flex-md-justify-center { justify-content: center !important; } 690 .flex-md-justify-between { justify-content: space-between !important; } 691 .flex-md-justify-around { justify-content: space-around !important; } 692 .flex-md-items-start { align-items: flex-start !important; } 693 .flex-md-items-end { align-items: flex-end !important; } 694 .flex-md-items-center { align-items: center !important; } 695 .flex-md-items-baseline { align-items: baseline !important; } 696 .flex-md-items-stretch { align-items: stretch !important; } 697 .flex-md-content-start { align-content: flex-start !important; } 698 .flex-md-content-end { align-content: flex-end !important; } 699 .flex-md-content-center { align-content: center !important; } 700 .flex-md-content-between { align-content: space-between !important; } 701 .flex-md-content-around { align-content: space-around !important; } 702 .flex-md-content-stretch { align-content: stretch !important; } 703 .flex-md-auto { flex: 1 1 auto !important; } 704 .flex-md-shrink-0 { flex-shrink: 0 !important; } 705 .flex-md-self-auto { align-self: auto !important; } 706 .flex-md-self-start { align-self: flex-start !important; } 707 .flex-md-self-end { align-self: flex-end !important; } 708 .flex-md-self-center { align-self: center !important; } 709 .flex-md-self-baseline { align-self: baseline !important; } 710 .flex-md-self-stretch { align-self: stretch !important; } 711 .flex-md-item-equal { flex-grow: 1; flex-basis: 0; } } 712 @media (min-width: 1012px) { .flex-lg-row { flex-direction: row !important; } 713 .flex-lg-row-reverse { flex-direction: row-reverse !important; } 714 .flex-lg-column { flex-direction: column !important; } 715 .flex-lg-wrap { flex-wrap: wrap !important; } 716 .flex-lg-nowrap { flex-wrap: nowrap !important; } 717 .flex-lg-justify-start { justify-content: flex-start !important; } 718 .flex-lg-justify-end { justify-content: flex-end !important; } 719 .flex-lg-justify-center { justify-content: center !important; } 720 .flex-lg-justify-between { justify-content: space-between !important; } 721 .flex-lg-justify-around { justify-content: space-around !important; } 722 .flex-lg-items-start { align-items: flex-start !important; } 723 .flex-lg-items-end { align-items: flex-end !important; } 724 .flex-lg-items-center { align-items: center !important; } 725 .flex-lg-items-baseline { align-items: baseline !important; } 726 .flex-lg-items-stretch { align-items: stretch !important; } 727 .flex-lg-content-start { align-content: flex-start !important; } 728 .flex-lg-content-end { align-content: flex-end !important; } 729 .flex-lg-content-center { align-content: center !important; } 730 .flex-lg-content-between { align-content: space-between !important; } 731 .flex-lg-content-around { align-content: space-around !important; } 732 .flex-lg-content-stretch { align-content: stretch !important; } 733 .flex-lg-auto { flex: 1 1 auto !important; } 734 .flex-lg-shrink-0 { flex-shrink: 0 !important; } 735 .flex-lg-self-auto { align-self: auto !important; } 736 .flex-lg-self-start { align-self: flex-start !important; } 737 .flex-lg-self-end { align-self: flex-end !important; } 738 .flex-lg-self-center { align-self: center !important; } 739 .flex-lg-self-baseline { align-self: baseline !important; } 740 .flex-lg-self-stretch { align-self: stretch !important; } 741 .flex-lg-item-equal { flex-grow: 1; flex-basis: 0; } } 742 @media (min-width: 1280px) { .flex-xl-row { flex-direction: row !important; } 743 .flex-xl-row-reverse { flex-direction: row-reverse !important; } 744 .flex-xl-column { flex-direction: column !important; } 745 .flex-xl-wrap { flex-wrap: wrap !important; } 746 .flex-xl-nowrap { flex-wrap: nowrap !important; } 747 .flex-xl-justify-start { justify-content: flex-start !important; } 748 .flex-xl-justify-end { justify-content: flex-end !important; } 749 .flex-xl-justify-center { justify-content: center !important; } 750 .flex-xl-justify-between { justify-content: space-between !important; } 751 .flex-xl-justify-around { justify-content: space-around !important; } 752 .flex-xl-items-start { align-items: flex-start !important; } 753 .flex-xl-items-end { align-items: flex-end !important; } 754 .flex-xl-items-center { align-items: center !important; } 755 .flex-xl-items-baseline { align-items: baseline !important; } 756 .flex-xl-items-stretch { align-items: stretch !important; } 757 .flex-xl-content-start { align-content: flex-start !important; } 758 .flex-xl-content-end { align-content: flex-end !important; } 759 .flex-xl-content-center { align-content: center !important; } 760 .flex-xl-content-between { align-content: space-between !important; } 761 .flex-xl-content-around { align-content: space-around !important; } 762 .flex-xl-content-stretch { align-content: stretch !important; } 763 .flex-xl-auto { flex: 1 1 auto !important; } 764 .flex-xl-shrink-0 { flex-shrink: 0 !important; } 765 .flex-xl-self-auto { align-self: auto !important; } 766 .flex-xl-self-start { align-self: flex-start !important; } 767 .flex-xl-self-end { align-self: flex-end !important; } 768 .flex-xl-self-center { align-self: center !important; } 769 .flex-xl-self-baseline { align-self: baseline !important; } 770 .flex-xl-self-stretch { align-self: stretch !important; } 771 .flex-xl-item-equal { flex-grow: 1; flex-basis: 0; } } 772 /* Set position to static */ 773 .position-static { position: static !important; } 774 775 /* Set position to relative */ 776 .position-relative { position: relative !important; } 777 778 /* Set position to absolute */ 779 .position-absolute { position: absolute !important; } 780 781 /* Set position to fixed */ 782 .position-fixed { position: fixed !important; } 783 784 /* Set top 0 */ 785 .top-0 { top: 0 !important; } 786 787 /* Set right 0 */ 788 .right-0 { right: 0 !important; } 789 790 /* Set bottom 0 */ 791 .bottom-0 { bottom: 0 !important; } 792 793 /* Set left 0 */ 794 .left-0 { left: 0 !important; } 795 796 /* Vertical align middle */ 797 .v-align-middle { vertical-align: middle !important; } 798 799 /* Vertical align top */ 800 .v-align-top { vertical-align: top !important; } 801 802 /* Vertical align bottom */ 803 .v-align-bottom { vertical-align: bottom !important; } 804 805 /* Vertical align to the top of the text */ 806 .v-align-text-top { vertical-align: text-top !important; } 807 808 /* Vertical align to the bottom of the text */ 809 .v-align-text-bottom { vertical-align: text-bottom !important; } 810 811 /* Vertical align to the parent's baseline */ 812 .v-align-baseline { vertical-align: baseline !important; } 813 814 /* Set the overflow hidden */ 815 .overflow-hidden { overflow: hidden !important; } 816 817 /* Set the overflow scroll */ 818 .overflow-scroll { overflow: scroll !important; } 819 820 /* Set the overflow auto */ 821 .overflow-auto { overflow: auto !important; } 822 823 /* Clear floats around the element */ 824 .clearfix::before { display: table; content: ""; } 825 .clearfix::after { display: table; clear: both; content: ""; } 826 827 /* Float to the left */ 828 .float-left { float: left !important; } 829 830 /* Float to the right */ 831 .float-right { float: right !important; } 832 833 /* No float */ 834 .float-none { float: none !important; } 835 836 @media (min-width: 544px) { /* Float to the left */ 837 .float-sm-left { float: left !important; } 838 /* Float to the right */ 839 .float-sm-right { float: right !important; } 840 /* No float */ 841 .float-sm-none { float: none !important; } } 842 @media (min-width: 768px) { /* Float to the left */ 843 .float-md-left { float: left !important; } 844 /* Float to the right */ 845 .float-md-right { float: right !important; } 846 /* No float */ 847 .float-md-none { float: none !important; } } 848 @media (min-width: 1012px) { /* Float to the left */ 849 .float-lg-left { float: left !important; } 850 /* Float to the right */ 851 .float-lg-right { float: right !important; } 852 /* No float */ 853 .float-lg-none { float: none !important; } } 854 @media (min-width: 1280px) { /* Float to the left */ 855 .float-xl-left { float: left !important; } 856 /* Float to the right */ 857 .float-xl-right { float: right !important; } 858 /* No float */ 859 .float-xl-none { float: none !important; } } 860 /* Max width 100% */ 861 .width-fit { max-width: 100% !important; } 862 863 /* Set the width to 100% */ 864 .width-full { width: 100% !important; } 865 866 /* Max height 100% */ 867 .height-fit { max-height: 100% !important; } 868 869 /* Set the height to 100% */ 870 .height-full { height: 100% !important; } 871 872 /* Remove min-width from element */ 873 .min-width-0 { min-width: 0 !important; } 874 875 /* Set the direction to rtl */ 876 .direction-rtl { direction: rtl !important; } 877 878 /* Set the direction to ltr */ 879 .direction-ltr { direction: ltr !important; } 880 881 @media (min-width: 544px) { /* Set the direction to rtl */ 882 .direction-sm-rtl { direction: rtl !important; } 883 /* Set the direction to ltr */ 884 .direction-sm-ltr { direction: ltr !important; } } 885 @media (min-width: 768px) { /* Set the direction to rtl */ 886 .direction-md-rtl { direction: rtl !important; } 887 /* Set the direction to ltr */ 888 .direction-md-ltr { direction: ltr !important; } } 889 @media (min-width: 1012px) { /* Set the direction to rtl */ 890 .direction-lg-rtl { direction: rtl !important; } 891 /* Set the direction to ltr */ 892 .direction-lg-ltr { direction: ltr !important; } } 893 @media (min-width: 1280px) { /* Set the direction to rtl */ 894 .direction-xl-rtl { direction: rtl !important; } 895 /* Set the direction to ltr */ 896 .direction-xl-ltr { direction: ltr !important; } } 897 /* Set a $size margin to all sides at $breakpoint */ 898 .m-0 { margin: 0 !important; } 899 900 /* Set a $size margin on the top at $breakpoint */ 901 .mt-0 { margin-top: 0 !important; } 902 903 /* Set a $size margin on the right at $breakpoint */ 904 .mr-0 { margin-right: 0 !important; } 905 906 /* Set a $size margin on the bottom at $breakpoint */ 907 .mb-0 { margin-bottom: 0 !important; } 908 909 /* Set a $size margin on the left at $breakpoint */ 910 .ml-0 { margin-left: 0 !important; } 911 912 /* Set a $size margin on the left & right at $breakpoint */ 913 .mx-0 { margin-right: 0 !important; margin-left: 0 !important; } 914 915 /* Set a $size margin on the top & bottom at $breakpoint */ 916 .my-0 { margin-top: 0 !important; margin-bottom: 0 !important; } 917 918 /* Set a $size margin to all sides at $breakpoint */ 919 .m-1 { margin: 4px !important; } 920 921 /* Set a $size margin on the top at $breakpoint */ 922 .mt-1 { margin-top: 4px !important; } 923 924 /* Set a $size margin on the right at $breakpoint */ 925 .mr-1 { margin-right: 4px !important; } 926 927 /* Set a $size margin on the bottom at $breakpoint */ 928 .mb-1 { margin-bottom: 4px !important; } 929 930 /* Set a $size margin on the left at $breakpoint */ 931 .ml-1 { margin-left: 4px !important; } 932 933 /* Set a negative $size margin on top at $breakpoint */ 934 .mt-n1 { margin-top: -4px !important; } 935 936 /* Set a negative $size margin on the right at $breakpoint */ 937 .mr-n1 { margin-right: -4px !important; } 938 939 /* Set a negative $size margin on the bottom at $breakpoint */ 940 .mb-n1 { margin-bottom: -4px !important; } 941 942 /* Set a negative $size margin on the left at $breakpoint */ 943 .ml-n1 { margin-left: -4px !important; } 944 945 /* Set a $size margin on the left & right at $breakpoint */ 946 .mx-1 { margin-right: 4px !important; margin-left: 4px !important; } 947 948 /* Set a $size margin on the top & bottom at $breakpoint */ 949 .my-1 { margin-top: 4px !important; margin-bottom: 4px !important; } 950 951 /* Set a $size margin to all sides at $breakpoint */ 952 .m-2 { margin: 8px !important; } 953 954 /* Set a $size margin on the top at $breakpoint */ 955 .mt-2 { margin-top: 8px !important; } 956 957 /* Set a $size margin on the right at $breakpoint */ 958 .mr-2 { margin-right: 8px !important; } 959 960 /* Set a $size margin on the bottom at $breakpoint */ 961 .mb-2 { margin-bottom: 8px !important; } 962 963 /* Set a $size margin on the left at $breakpoint */ 964 .ml-2 { margin-left: 8px !important; } 965 966 /* Set a negative $size margin on top at $breakpoint */ 967 .mt-n2 { margin-top: -8px !important; } 968 969 /* Set a negative $size margin on the right at $breakpoint */ 970 .mr-n2 { margin-right: -8px !important; } 971 972 /* Set a negative $size margin on the bottom at $breakpoint */ 973 .mb-n2 { margin-bottom: -8px !important; } 974 975 /* Set a negative $size margin on the left at $breakpoint */ 976 .ml-n2 { margin-left: -8px !important; } 977 978 /* Set a $size margin on the left & right at $breakpoint */ 979 .mx-2 { margin-right: 8px !important; margin-left: 8px !important; } 980 981 /* Set a $size margin on the top & bottom at $breakpoint */ 982 .my-2 { margin-top: 8px !important; margin-bottom: 8px !important; } 983 984 /* Set a $size margin to all sides at $breakpoint */ 985 .m-3 { margin: 16px !important; } 986 987 /* Set a $size margin on the top at $breakpoint */ 988 .mt-3 { margin-top: 16px !important; } 989 990 /* Set a $size margin on the right at $breakpoint */ 991 .mr-3 { margin-right: 16px !important; } 992 993 /* Set a $size margin on the bottom at $breakpoint */ 994 .mb-3 { margin-bottom: 16px !important; } 995 996 /* Set a $size margin on the left at $breakpoint */ 997 .ml-3 { margin-left: 16px !important; } 998 999 /* Set a negative $size margin on top at $breakpoint */ 1000 .mt-n3 { margin-top: -16px !important; } 1001 1002 /* Set a negative $size margin on the right at $breakpoint */ 1003 .mr-n3 { margin-right: -16px !important; } 1004 1005 /* Set a negative $size margin on the bottom at $breakpoint */ 1006 .mb-n3 { margin-bottom: -16px !important; } 1007 1008 /* Set a negative $size margin on the left at $breakpoint */ 1009 .ml-n3 { margin-left: -16px !important; } 1010 1011 /* Set a $size margin on the left & right at $breakpoint */ 1012 .mx-3 { margin-right: 16px !important; margin-left: 16px !important; } 1013 1014 /* Set a $size margin on the top & bottom at $breakpoint */ 1015 .my-3 { margin-top: 16px !important; margin-bottom: 16px !important; } 1016 1017 /* Set a $size margin to all sides at $breakpoint */ 1018 .m-4 { margin: 24px !important; } 1019 1020 /* Set a $size margin on the top at $breakpoint */ 1021 .mt-4 { margin-top: 24px !important; } 1022 1023 /* Set a $size margin on the right at $breakpoint */ 1024 .mr-4 { margin-right: 24px !important; } 1025 1026 /* Set a $size margin on the bottom at $breakpoint */ 1027 .mb-4 { margin-bottom: 24px !important; } 1028 1029 /* Set a $size margin on the left at $breakpoint */ 1030 .ml-4 { margin-left: 24px !important; } 1031 1032 /* Set a negative $size margin on top at $breakpoint */ 1033 .mt-n4 { margin-top: -24px !important; } 1034 1035 /* Set a negative $size margin on the right at $breakpoint */ 1036 .mr-n4 { margin-right: -24px !important; } 1037 1038 /* Set a negative $size margin on the bottom at $breakpoint */ 1039 .mb-n4 { margin-bottom: -24px !important; } 1040 1041 /* Set a negative $size margin on the left at $breakpoint */ 1042 .ml-n4 { margin-left: -24px !important; } 1043 1044 /* Set a $size margin on the left & right at $breakpoint */ 1045 .mx-4 { margin-right: 24px !important; margin-left: 24px !important; } 1046 1047 /* Set a $size margin on the top & bottom at $breakpoint */ 1048 .my-4 { margin-top: 24px !important; margin-bottom: 24px !important; } 1049 1050 /* Set a $size margin to all sides at $breakpoint */ 1051 .m-5 { margin: 32px !important; } 1052 1053 /* Set a $size margin on the top at $breakpoint */ 1054 .mt-5 { margin-top: 32px !important; } 1055 1056 /* Set a $size margin on the right at $breakpoint */ 1057 .mr-5 { margin-right: 32px !important; } 1058 1059 /* Set a $size margin on the bottom at $breakpoint */ 1060 .mb-5 { margin-bottom: 32px !important; } 1061 1062 /* Set a $size margin on the left at $breakpoint */ 1063 .ml-5 { margin-left: 32px !important; } 1064 1065 /* Set a negative $size margin on top at $breakpoint */ 1066 .mt-n5 { margin-top: -32px !important; } 1067 1068 /* Set a negative $size margin on the right at $breakpoint */ 1069 .mr-n5 { margin-right: -32px !important; } 1070 1071 /* Set a negative $size margin on the bottom at $breakpoint */ 1072 .mb-n5 { margin-bottom: -32px !important; } 1073 1074 /* Set a negative $size margin on the left at $breakpoint */ 1075 .ml-n5 { margin-left: -32px !important; } 1076 1077 /* Set a $size margin on the left & right at $breakpoint */ 1078 .mx-5 { margin-right: 32px !important; margin-left: 32px !important; } 1079 1080 /* Set a $size margin on the top & bottom at $breakpoint */ 1081 .my-5 { margin-top: 32px !important; margin-bottom: 32px !important; } 1082 1083 /* Set a $size margin to all sides at $breakpoint */ 1084 .m-6 { margin: 40px !important; } 1085 1086 /* Set a $size margin on the top at $breakpoint */ 1087 .mt-6 { margin-top: 40px !important; } 1088 1089 /* Set a $size margin on the right at $breakpoint */ 1090 .mr-6 { margin-right: 40px !important; } 1091 1092 /* Set a $size margin on the bottom at $breakpoint */ 1093 .mb-6 { margin-bottom: 40px !important; } 1094 1095 /* Set a $size margin on the left at $breakpoint */ 1096 .ml-6 { margin-left: 40px !important; } 1097 1098 /* Set a negative $size margin on top at $breakpoint */ 1099 .mt-n6 { margin-top: -40px !important; } 1100 1101 /* Set a negative $size margin on the right at $breakpoint */ 1102 .mr-n6 { margin-right: -40px !important; } 1103 1104 /* Set a negative $size margin on the bottom at $breakpoint */ 1105 .mb-n6 { margin-bottom: -40px !important; } 1106 1107 /* Set a negative $size margin on the left at $breakpoint */ 1108 .ml-n6 { margin-left: -40px !important; } 1109 1110 /* Set a $size margin on the left & right at $breakpoint */ 1111 .mx-6 { margin-right: 40px !important; margin-left: 40px !important; } 1112 1113 /* Set a $size margin on the top & bottom at $breakpoint */ 1114 .my-6 { margin-top: 40px !important; margin-bottom: 40px !important; } 1115 1116 /* responsive horizontal auto margins */ 1117 .mx-auto { margin-right: auto !important; margin-left: auto !important; } 1118 1119 @media (min-width: 544px) { /* Set a $size margin to all sides at $breakpoint */ 1120 .m-sm-0 { margin: 0 !important; } 1121 /* Set a $size margin on the top at $breakpoint */ 1122 .mt-sm-0 { margin-top: 0 !important; } 1123 /* Set a $size margin on the right at $breakpoint */ 1124 .mr-sm-0 { margin-right: 0 !important; } 1125 /* Set a $size margin on the bottom at $breakpoint */ 1126 .mb-sm-0 { margin-bottom: 0 !important; } 1127 /* Set a $size margin on the left at $breakpoint */ 1128 .ml-sm-0 { margin-left: 0 !important; } 1129 /* Set a $size margin on the left & right at $breakpoint */ 1130 .mx-sm-0 { margin-right: 0 !important; margin-left: 0 !important; } 1131 /* Set a $size margin on the top & bottom at $breakpoint */ 1132 .my-sm-0 { margin-top: 0 !important; margin-bottom: 0 !important; } 1133 /* Set a $size margin to all sides at $breakpoint */ 1134 .m-sm-1 { margin: 4px !important; } 1135 /* Set a $size margin on the top at $breakpoint */ 1136 .mt-sm-1 { margin-top: 4px !important; } 1137 /* Set a $size margin on the right at $breakpoint */ 1138 .mr-sm-1 { margin-right: 4px !important; } 1139 /* Set a $size margin on the bottom at $breakpoint */ 1140 .mb-sm-1 { margin-bottom: 4px !important; } 1141 /* Set a $size margin on the left at $breakpoint */ 1142 .ml-sm-1 { margin-left: 4px !important; } 1143 /* Set a negative $size margin on top at $breakpoint */ 1144 .mt-sm-n1 { margin-top: -4px !important; } 1145 /* Set a negative $size margin on the right at $breakpoint */ 1146 .mr-sm-n1 { margin-right: -4px !important; } 1147 /* Set a negative $size margin on the bottom at $breakpoint */ 1148 .mb-sm-n1 { margin-bottom: -4px !important; } 1149 /* Set a negative $size margin on the left at $breakpoint */ 1150 .ml-sm-n1 { margin-left: -4px !important; } 1151 /* Set a $size margin on the left & right at $breakpoint */ 1152 .mx-sm-1 { margin-right: 4px !important; margin-left: 4px !important; } 1153 /* Set a $size margin on the top & bottom at $breakpoint */ 1154 .my-sm-1 { margin-top: 4px !important; margin-bottom: 4px !important; } 1155 /* Set a $size margin to all sides at $breakpoint */ 1156 .m-sm-2 { margin: 8px !important; } 1157 /* Set a $size margin on the top at $breakpoint */ 1158 .mt-sm-2 { margin-top: 8px !important; } 1159 /* Set a $size margin on the right at $breakpoint */ 1160 .mr-sm-2 { margin-right: 8px !important; } 1161 /* Set a $size margin on the bottom at $breakpoint */ 1162 .mb-sm-2 { margin-bottom: 8px !important; } 1163 /* Set a $size margin on the left at $breakpoint */ 1164 .ml-sm-2 { margin-left: 8px !important; } 1165 /* Set a negative $size margin on top at $breakpoint */ 1166 .mt-sm-n2 { margin-top: -8px !important; } 1167 /* Set a negative $size margin on the right at $breakpoint */ 1168 .mr-sm-n2 { margin-right: -8px !important; } 1169 /* Set a negative $size margin on the bottom at $breakpoint */ 1170 .mb-sm-n2 { margin-bottom: -8px !important; } 1171 /* Set a negative $size margin on the left at $breakpoint */ 1172 .ml-sm-n2 { margin-left: -8px !important; } 1173 /* Set a $size margin on the left & right at $breakpoint */ 1174 .mx-sm-2 { margin-right: 8px !important; margin-left: 8px !important; } 1175 /* Set a $size margin on the top & bottom at $breakpoint */ 1176 .my-sm-2 { margin-top: 8px !important; margin-bottom: 8px !important; } 1177 /* Set a $size margin to all sides at $breakpoint */ 1178 .m-sm-3 { margin: 16px !important; } 1179 /* Set a $size margin on the top at $breakpoint */ 1180 .mt-sm-3 { margin-top: 16px !important; } 1181 /* Set a $size margin on the right at $breakpoint */ 1182 .mr-sm-3 { margin-right: 16px !important; } 1183 /* Set a $size margin on the bottom at $breakpoint */ 1184 .mb-sm-3 { margin-bottom: 16px !important; } 1185 /* Set a $size margin on the left at $breakpoint */ 1186 .ml-sm-3 { margin-left: 16px !important; } 1187 /* Set a negative $size margin on top at $breakpoint */ 1188 .mt-sm-n3 { margin-top: -16px !important; } 1189 /* Set a negative $size margin on the right at $breakpoint */ 1190 .mr-sm-n3 { margin-right: -16px !important; } 1191 /* Set a negative $size margin on the bottom at $breakpoint */ 1192 .mb-sm-n3 { margin-bottom: -16px !important; } 1193 /* Set a negative $size margin on the left at $breakpoint */ 1194 .ml-sm-n3 { margin-left: -16px !important; } 1195 /* Set a $size margin on the left & right at $breakpoint */ 1196 .mx-sm-3 { margin-right: 16px !important; margin-left: 16px !important; } 1197 /* Set a $size margin on the top & bottom at $breakpoint */ 1198 .my-sm-3 { margin-top: 16px !important; margin-bottom: 16px !important; } 1199 /* Set a $size margin to all sides at $breakpoint */ 1200 .m-sm-4 { margin: 24px !important; } 1201 /* Set a $size margin on the top at $breakpoint */ 1202 .mt-sm-4 { margin-top: 24px !important; } 1203 /* Set a $size margin on the right at $breakpoint */ 1204 .mr-sm-4 { margin-right: 24px !important; } 1205 /* Set a $size margin on the bottom at $breakpoint */ 1206 .mb-sm-4 { margin-bottom: 24px !important; } 1207 /* Set a $size margin on the left at $breakpoint */ 1208 .ml-sm-4 { margin-left: 24px !important; } 1209 /* Set a negative $size margin on top at $breakpoint */ 1210 .mt-sm-n4 { margin-top: -24px !important; } 1211 /* Set a negative $size margin on the right at $breakpoint */ 1212 .mr-sm-n4 { margin-right: -24px !important; } 1213 /* Set a negative $size margin on the bottom at $breakpoint */ 1214 .mb-sm-n4 { margin-bottom: -24px !important; } 1215 /* Set a negative $size margin on the left at $breakpoint */ 1216 .ml-sm-n4 { margin-left: -24px !important; } 1217 /* Set a $size margin on the left & right at $breakpoint */ 1218 .mx-sm-4 { margin-right: 24px !important; margin-left: 24px !important; } 1219 /* Set a $size margin on the top & bottom at $breakpoint */ 1220 .my-sm-4 { margin-top: 24px !important; margin-bottom: 24px !important; } 1221 /* Set a $size margin to all sides at $breakpoint */ 1222 .m-sm-5 { margin: 32px !important; } 1223 /* Set a $size margin on the top at $breakpoint */ 1224 .mt-sm-5 { margin-top: 32px !important; } 1225 /* Set a $size margin on the right at $breakpoint */ 1226 .mr-sm-5 { margin-right: 32px !important; } 1227 /* Set a $size margin on the bottom at $breakpoint */ 1228 .mb-sm-5 { margin-bottom: 32px !important; } 1229 /* Set a $size margin on the left at $breakpoint */ 1230 .ml-sm-5 { margin-left: 32px !important; } 1231 /* Set a negative $size margin on top at $breakpoint */ 1232 .mt-sm-n5 { margin-top: -32px !important; } 1233 /* Set a negative $size margin on the right at $breakpoint */ 1234 .mr-sm-n5 { margin-right: -32px !important; } 1235 /* Set a negative $size margin on the bottom at $breakpoint */ 1236 .mb-sm-n5 { margin-bottom: -32px !important; } 1237 /* Set a negative $size margin on the left at $breakpoint */ 1238 .ml-sm-n5 { margin-left: -32px !important; } 1239 /* Set a $size margin on the left & right at $breakpoint */ 1240 .mx-sm-5 { margin-right: 32px !important; margin-left: 32px !important; } 1241 /* Set a $size margin on the top & bottom at $breakpoint */ 1242 .my-sm-5 { margin-top: 32px !important; margin-bottom: 32px !important; } 1243 /* Set a $size margin to all sides at $breakpoint */ 1244 .m-sm-6 { margin: 40px !important; } 1245 /* Set a $size margin on the top at $breakpoint */ 1246 .mt-sm-6 { margin-top: 40px !important; } 1247 /* Set a $size margin on the right at $breakpoint */ 1248 .mr-sm-6 { margin-right: 40px !important; } 1249 /* Set a $size margin on the bottom at $breakpoint */ 1250 .mb-sm-6 { margin-bottom: 40px !important; } 1251 /* Set a $size margin on the left at $breakpoint */ 1252 .ml-sm-6 { margin-left: 40px !important; } 1253 /* Set a negative $size margin on top at $breakpoint */ 1254 .mt-sm-n6 { margin-top: -40px !important; } 1255 /* Set a negative $size margin on the right at $breakpoint */ 1256 .mr-sm-n6 { margin-right: -40px !important; } 1257 /* Set a negative $size margin on the bottom at $breakpoint */ 1258 .mb-sm-n6 { margin-bottom: -40px !important; } 1259 /* Set a negative $size margin on the left at $breakpoint */ 1260 .ml-sm-n6 { margin-left: -40px !important; } 1261 /* Set a $size margin on the left & right at $breakpoint */ 1262 .mx-sm-6 { margin-right: 40px !important; margin-left: 40px !important; } 1263 /* Set a $size margin on the top & bottom at $breakpoint */ 1264 .my-sm-6 { margin-top: 40px !important; margin-bottom: 40px !important; } 1265 /* responsive horizontal auto margins */ 1266 .mx-sm-auto { margin-right: auto !important; margin-left: auto !important; } } 1267 @media (min-width: 768px) { /* Set a $size margin to all sides at $breakpoint */ 1268 .m-md-0 { margin: 0 !important; } 1269 /* Set a $size margin on the top at $breakpoint */ 1270 .mt-md-0 { margin-top: 0 !important; } 1271 /* Set a $size margin on the right at $breakpoint */ 1272 .mr-md-0 { margin-right: 0 !important; } 1273 /* Set a $size margin on the bottom at $breakpoint */ 1274 .mb-md-0 { margin-bottom: 0 !important; } 1275 /* Set a $size margin on the left at $breakpoint */ 1276 .ml-md-0 { margin-left: 0 !important; } 1277 /* Set a $size margin on the left & right at $breakpoint */ 1278 .mx-md-0 { margin-right: 0 !important; margin-left: 0 !important; } 1279 /* Set a $size margin on the top & bottom at $breakpoint */ 1280 .my-md-0 { margin-top: 0 !important; margin-bottom: 0 !important; } 1281 /* Set a $size margin to all sides at $breakpoint */ 1282 .m-md-1 { margin: 4px !important; } 1283 /* Set a $size margin on the top at $breakpoint */ 1284 .mt-md-1 { margin-top: 4px !important; } 1285 /* Set a $size margin on the right at $breakpoint */ 1286 .mr-md-1 { margin-right: 4px !important; } 1287 /* Set a $size margin on the bottom at $breakpoint */ 1288 .mb-md-1 { margin-bottom: 4px !important; } 1289 /* Set a $size margin on the left at $breakpoint */ 1290 .ml-md-1 { margin-left: 4px !important; } 1291 /* Set a negative $size margin on top at $breakpoint */ 1292 .mt-md-n1 { margin-top: -4px !important; } 1293 /* Set a negative $size margin on the right at $breakpoint */ 1294 .mr-md-n1 { margin-right: -4px !important; } 1295 /* Set a negative $size margin on the bottom at $breakpoint */ 1296 .mb-md-n1 { margin-bottom: -4px !important; } 1297 /* Set a negative $size margin on the left at $breakpoint */ 1298 .ml-md-n1 { margin-left: -4px !important; } 1299 /* Set a $size margin on the left & right at $breakpoint */ 1300 .mx-md-1 { margin-right: 4px !important; margin-left: 4px !important; } 1301 /* Set a $size margin on the top & bottom at $breakpoint */ 1302 .my-md-1 { margin-top: 4px !important; margin-bottom: 4px !important; } 1303 /* Set a $size margin to all sides at $breakpoint */ 1304 .m-md-2 { margin: 8px !important; } 1305 /* Set a $size margin on the top at $breakpoint */ 1306 .mt-md-2 { margin-top: 8px !important; } 1307 /* Set a $size margin on the right at $breakpoint */ 1308 .mr-md-2 { margin-right: 8px !important; } 1309 /* Set a $size margin on the bottom at $breakpoint */ 1310 .mb-md-2 { margin-bottom: 8px !important; } 1311 /* Set a $size margin on the left at $breakpoint */ 1312 .ml-md-2 { margin-left: 8px !important; } 1313 /* Set a negative $size margin on top at $breakpoint */ 1314 .mt-md-n2 { margin-top: -8px !important; } 1315 /* Set a negative $size margin on the right at $breakpoint */ 1316 .mr-md-n2 { margin-right: -8px !important; } 1317 /* Set a negative $size margin on the bottom at $breakpoint */ 1318 .mb-md-n2 { margin-bottom: -8px !important; } 1319 /* Set a negative $size margin on the left at $breakpoint */ 1320 .ml-md-n2 { margin-left: -8px !important; } 1321 /* Set a $size margin on the left & right at $breakpoint */ 1322 .mx-md-2 { margin-right: 8px !important; margin-left: 8px !important; } 1323 /* Set a $size margin on the top & bottom at $breakpoint */ 1324 .my-md-2 { margin-top: 8px !important; margin-bottom: 8px !important; } 1325 /* Set a $size margin to all sides at $breakpoint */ 1326 .m-md-3 { margin: 16px !important; } 1327 /* Set a $size margin on the top at $breakpoint */ 1328 .mt-md-3 { margin-top: 16px !important; } 1329 /* Set a $size margin on the right at $breakpoint */ 1330 .mr-md-3 { margin-right: 16px !important; } 1331 /* Set a $size margin on the bottom at $breakpoint */ 1332 .mb-md-3 { margin-bottom: 16px !important; } 1333 /* Set a $size margin on the left at $breakpoint */ 1334 .ml-md-3 { margin-left: 16px !important; } 1335 /* Set a negative $size margin on top at $breakpoint */ 1336 .mt-md-n3 { margin-top: -16px !important; } 1337 /* Set a negative $size margin on the right at $breakpoint */ 1338 .mr-md-n3 { margin-right: -16px !important; } 1339 /* Set a negative $size margin on the bottom at $breakpoint */ 1340 .mb-md-n3 { margin-bottom: -16px !important; } 1341 /* Set a negative $size margin on the left at $breakpoint */ 1342 .ml-md-n3 { margin-left: -16px !important; } 1343 /* Set a $size margin on the left & right at $breakpoint */ 1344 .mx-md-3 { margin-right: 16px !important; margin-left: 16px !important; } 1345 /* Set a $size margin on the top & bottom at $breakpoint */ 1346 .my-md-3 { margin-top: 16px !important; margin-bottom: 16px !important; } 1347 /* Set a $size margin to all sides at $breakpoint */ 1348 .m-md-4 { margin: 24px !important; } 1349 /* Set a $size margin on the top at $breakpoint */ 1350 .mt-md-4 { margin-top: 24px !important; } 1351 /* Set a $size margin on the right at $breakpoint */ 1352 .mr-md-4 { margin-right: 24px !important; } 1353 /* Set a $size margin on the bottom at $breakpoint */ 1354 .mb-md-4 { margin-bottom: 24px !important; } 1355 /* Set a $size margin on the left at $breakpoint */ 1356 .ml-md-4 { margin-left: 24px !important; } 1357 /* Set a negative $size margin on top at $breakpoint */ 1358 .mt-md-n4 { margin-top: -24px !important; } 1359 /* Set a negative $size margin on the right at $breakpoint */ 1360 .mr-md-n4 { margin-right: -24px !important; } 1361 /* Set a negative $size margin on the bottom at $breakpoint */ 1362 .mb-md-n4 { margin-bottom: -24px !important; } 1363 /* Set a negative $size margin on the left at $breakpoint */ 1364 .ml-md-n4 { margin-left: -24px !important; } 1365 /* Set a $size margin on the left & right at $breakpoint */ 1366 .mx-md-4 { margin-right: 24px !important; margin-left: 24px !important; } 1367 /* Set a $size margin on the top & bottom at $breakpoint */ 1368 .my-md-4 { margin-top: 24px !important; margin-bottom: 24px !important; } 1369 /* Set a $size margin to all sides at $breakpoint */ 1370 .m-md-5 { margin: 32px !important; } 1371 /* Set a $size margin on the top at $breakpoint */ 1372 .mt-md-5 { margin-top: 32px !important; } 1373 /* Set a $size margin on the right at $breakpoint */ 1374 .mr-md-5 { margin-right: 32px !important; } 1375 /* Set a $size margin on the bottom at $breakpoint */ 1376 .mb-md-5 { margin-bottom: 32px !important; } 1377 /* Set a $size margin on the left at $breakpoint */ 1378 .ml-md-5 { margin-left: 32px !important; } 1379 /* Set a negative $size margin on top at $breakpoint */ 1380 .mt-md-n5 { margin-top: -32px !important; } 1381 /* Set a negative $size margin on the right at $breakpoint */ 1382 .mr-md-n5 { margin-right: -32px !important; } 1383 /* Set a negative $size margin on the bottom at $breakpoint */ 1384 .mb-md-n5 { margin-bottom: -32px !important; } 1385 /* Set a negative $size margin on the left at $breakpoint */ 1386 .ml-md-n5 { margin-left: -32px !important; } 1387 /* Set a $size margin on the left & right at $breakpoint */ 1388 .mx-md-5 { margin-right: 32px !important; margin-left: 32px !important; } 1389 /* Set a $size margin on the top & bottom at $breakpoint */ 1390 .my-md-5 { margin-top: 32px !important; margin-bottom: 32px !important; } 1391 /* Set a $size margin to all sides at $breakpoint */ 1392 .m-md-6 { margin: 40px !important; } 1393 /* Set a $size margin on the top at $breakpoint */ 1394 .mt-md-6 { margin-top: 40px !important; } 1395 /* Set a $size margin on the right at $breakpoint */ 1396 .mr-md-6 { margin-right: 40px !important; } 1397 /* Set a $size margin on the bottom at $breakpoint */ 1398 .mb-md-6 { margin-bottom: 40px !important; } 1399 /* Set a $size margin on the left at $breakpoint */ 1400 .ml-md-6 { margin-left: 40px !important; } 1401 /* Set a negative $size margin on top at $breakpoint */ 1402 .mt-md-n6 { margin-top: -40px !important; } 1403 /* Set a negative $size margin on the right at $breakpoint */ 1404 .mr-md-n6 { margin-right: -40px !important; } 1405 /* Set a negative $size margin on the bottom at $breakpoint */ 1406 .mb-md-n6 { margin-bottom: -40px !important; } 1407 /* Set a negative $size margin on the left at $breakpoint */ 1408 .ml-md-n6 { margin-left: -40px !important; } 1409 /* Set a $size margin on the left & right at $breakpoint */ 1410 .mx-md-6 { margin-right: 40px !important; margin-left: 40px !important; } 1411 /* Set a $size margin on the top & bottom at $breakpoint */ 1412 .my-md-6 { margin-top: 40px !important; margin-bottom: 40px !important; } 1413 /* responsive horizontal auto margins */ 1414 .mx-md-auto { margin-right: auto !important; margin-left: auto !important; } } 1415 @media (min-width: 1012px) { /* Set a $size margin to all sides at $breakpoint */ 1416 .m-lg-0 { margin: 0 !important; } 1417 /* Set a $size margin on the top at $breakpoint */ 1418 .mt-lg-0 { margin-top: 0 !important; } 1419 /* Set a $size margin on the right at $breakpoint */ 1420 .mr-lg-0 { margin-right: 0 !important; } 1421 /* Set a $size margin on the bottom at $breakpoint */ 1422 .mb-lg-0 { margin-bottom: 0 !important; } 1423 /* Set a $size margin on the left at $breakpoint */ 1424 .ml-lg-0 { margin-left: 0 !important; } 1425 /* Set a $size margin on the left & right at $breakpoint */ 1426 .mx-lg-0 { margin-right: 0 !important; margin-left: 0 !important; } 1427 /* Set a $size margin on the top & bottom at $breakpoint */ 1428 .my-lg-0 { margin-top: 0 !important; margin-bottom: 0 !important; } 1429 /* Set a $size margin to all sides at $breakpoint */ 1430 .m-lg-1 { margin: 4px !important; } 1431 /* Set a $size margin on the top at $breakpoint */ 1432 .mt-lg-1 { margin-top: 4px !important; } 1433 /* Set a $size margin on the right at $breakpoint */ 1434 .mr-lg-1 { margin-right: 4px !important; } 1435 /* Set a $size margin on the bottom at $breakpoint */ 1436 .mb-lg-1 { margin-bottom: 4px !important; } 1437 /* Set a $size margin on the left at $breakpoint */ 1438 .ml-lg-1 { margin-left: 4px !important; } 1439 /* Set a negative $size margin on top at $breakpoint */ 1440 .mt-lg-n1 { margin-top: -4px !important; } 1441 /* Set a negative $size margin on the right at $breakpoint */ 1442 .mr-lg-n1 { margin-right: -4px !important; } 1443 /* Set a negative $size margin on the bottom at $breakpoint */ 1444 .mb-lg-n1 { margin-bottom: -4px !important; } 1445 /* Set a negative $size margin on the left at $breakpoint */ 1446 .ml-lg-n1 { margin-left: -4px !important; } 1447 /* Set a $size margin on the left & right at $breakpoint */ 1448 .mx-lg-1 { margin-right: 4px !important; margin-left: 4px !important; } 1449 /* Set a $size margin on the top & bottom at $breakpoint */ 1450 .my-lg-1 { margin-top: 4px !important; margin-bottom: 4px !important; } 1451 /* Set a $size margin to all sides at $breakpoint */ 1452 .m-lg-2 { margin: 8px !important; } 1453 /* Set a $size margin on the top at $breakpoint */ 1454 .mt-lg-2 { margin-top: 8px !important; } 1455 /* Set a $size margin on the right at $breakpoint */ 1456 .mr-lg-2 { margin-right: 8px !important; } 1457 /* Set a $size margin on the bottom at $breakpoint */ 1458 .mb-lg-2 { margin-bottom: 8px !important; } 1459 /* Set a $size margin on the left at $breakpoint */ 1460 .ml-lg-2 { margin-left: 8px !important; } 1461 /* Set a negative $size margin on top at $breakpoint */ 1462 .mt-lg-n2 { margin-top: -8px !important; } 1463 /* Set a negative $size margin on the right at $breakpoint */ 1464 .mr-lg-n2 { margin-right: -8px !important; } 1465 /* Set a negative $size margin on the bottom at $breakpoint */ 1466 .mb-lg-n2 { margin-bottom: -8px !important; } 1467 /* Set a negative $size margin on the left at $breakpoint */ 1468 .ml-lg-n2 { margin-left: -8px !important; } 1469 /* Set a $size margin on the left & right at $breakpoint */ 1470 .mx-lg-2 { margin-right: 8px !important; margin-left: 8px !important; } 1471 /* Set a $size margin on the top & bottom at $breakpoint */ 1472 .my-lg-2 { margin-top: 8px !important; margin-bottom: 8px !important; } 1473 /* Set a $size margin to all sides at $breakpoint */ 1474 .m-lg-3 { margin: 16px !important; } 1475 /* Set a $size margin on the top at $breakpoint */ 1476 .mt-lg-3 { margin-top: 16px !important; } 1477 /* Set a $size margin on the right at $breakpoint */ 1478 .mr-lg-3 { margin-right: 16px !important; } 1479 /* Set a $size margin on the bottom at $breakpoint */ 1480 .mb-lg-3 { margin-bottom: 16px !important; } 1481 /* Set a $size margin on the left at $breakpoint */ 1482 .ml-lg-3 { margin-left: 16px !important; } 1483 /* Set a negative $size margin on top at $breakpoint */ 1484 .mt-lg-n3 { margin-top: -16px !important; } 1485 /* Set a negative $size margin on the right at $breakpoint */ 1486 .mr-lg-n3 { margin-right: -16px !important; } 1487 /* Set a negative $size margin on the bottom at $breakpoint */ 1488 .mb-lg-n3 { margin-bottom: -16px !important; } 1489 /* Set a negative $size margin on the left at $breakpoint */ 1490 .ml-lg-n3 { margin-left: -16px !important; } 1491 /* Set a $size margin on the left & right at $breakpoint */ 1492 .mx-lg-3 { margin-right: 16px !important; margin-left: 16px !important; } 1493 /* Set a $size margin on the top & bottom at $breakpoint */ 1494 .my-lg-3 { margin-top: 16px !important; margin-bottom: 16px !important; } 1495 /* Set a $size margin to all sides at $breakpoint */ 1496 .m-lg-4 { margin: 24px !important; } 1497 /* Set a $size margin on the top at $breakpoint */ 1498 .mt-lg-4 { margin-top: 24px !important; } 1499 /* Set a $size margin on the right at $breakpoint */ 1500 .mr-lg-4 { margin-right: 24px !important; } 1501 /* Set a $size margin on the bottom at $breakpoint */ 1502 .mb-lg-4 { margin-bottom: 24px !important; } 1503 /* Set a $size margin on the left at $breakpoint */ 1504 .ml-lg-4 { margin-left: 24px !important; } 1505 /* Set a negative $size margin on top at $breakpoint */ 1506 .mt-lg-n4 { margin-top: -24px !important; } 1507 /* Set a negative $size margin on the right at $breakpoint */ 1508 .mr-lg-n4 { margin-right: -24px !important; } 1509 /* Set a negative $size margin on the bottom at $breakpoint */ 1510 .mb-lg-n4 { margin-bottom: -24px !important; } 1511 /* Set a negative $size margin on the left at $breakpoint */ 1512 .ml-lg-n4 { margin-left: -24px !important; } 1513 /* Set a $size margin on the left & right at $breakpoint */ 1514 .mx-lg-4 { margin-right: 24px !important; margin-left: 24px !important; } 1515 /* Set a $size margin on the top & bottom at $breakpoint */ 1516 .my-lg-4 { margin-top: 24px !important; margin-bottom: 24px !important; } 1517 /* Set a $size margin to all sides at $breakpoint */ 1518 .m-lg-5 { margin: 32px !important; } 1519 /* Set a $size margin on the top at $breakpoint */ 1520 .mt-lg-5 { margin-top: 32px !important; } 1521 /* Set a $size margin on the right at $breakpoint */ 1522 .mr-lg-5 { margin-right: 32px !important; } 1523 /* Set a $size margin on the bottom at $breakpoint */ 1524 .mb-lg-5 { margin-bottom: 32px !important; } 1525 /* Set a $size margin on the left at $breakpoint */ 1526 .ml-lg-5 { margin-left: 32px !important; } 1527 /* Set a negative $size margin on top at $breakpoint */ 1528 .mt-lg-n5 { margin-top: -32px !important; } 1529 /* Set a negative $size margin on the right at $breakpoint */ 1530 .mr-lg-n5 { margin-right: -32px !important; } 1531 /* Set a negative $size margin on the bottom at $breakpoint */ 1532 .mb-lg-n5 { margin-bottom: -32px !important; } 1533 /* Set a negative $size margin on the left at $breakpoint */ 1534 .ml-lg-n5 { margin-left: -32px !important; } 1535 /* Set a $size margin on the left & right at $breakpoint */ 1536 .mx-lg-5 { margin-right: 32px !important; margin-left: 32px !important; } 1537 /* Set a $size margin on the top & bottom at $breakpoint */ 1538 .my-lg-5 { margin-top: 32px !important; margin-bottom: 32px !important; } 1539 /* Set a $size margin to all sides at $breakpoint */ 1540 .m-lg-6 { margin: 40px !important; } 1541 /* Set a $size margin on the top at $breakpoint */ 1542 .mt-lg-6 { margin-top: 40px !important; } 1543 /* Set a $size margin on the right at $breakpoint */ 1544 .mr-lg-6 { margin-right: 40px !important; } 1545 /* Set a $size margin on the bottom at $breakpoint */ 1546 .mb-lg-6 { margin-bottom: 40px !important; } 1547 /* Set a $size margin on the left at $breakpoint */ 1548 .ml-lg-6 { margin-left: 40px !important; } 1549 /* Set a negative $size margin on top at $breakpoint */ 1550 .mt-lg-n6 { margin-top: -40px !important; } 1551 /* Set a negative $size margin on the right at $breakpoint */ 1552 .mr-lg-n6 { margin-right: -40px !important; } 1553 /* Set a negative $size margin on the bottom at $breakpoint */ 1554 .mb-lg-n6 { margin-bottom: -40px !important; } 1555 /* Set a negative $size margin on the left at $breakpoint */ 1556 .ml-lg-n6 { margin-left: -40px !important; } 1557 /* Set a $size margin on the left & right at $breakpoint */ 1558 .mx-lg-6 { margin-right: 40px !important; margin-left: 40px !important; } 1559 /* Set a $size margin on the top & bottom at $breakpoint */ 1560 .my-lg-6 { margin-top: 40px !important; margin-bottom: 40px !important; } 1561 /* responsive horizontal auto margins */ 1562 .mx-lg-auto { margin-right: auto !important; margin-left: auto !important; } } 1563 @media (min-width: 1280px) { /* Set a $size margin to all sides at $breakpoint */ 1564 .m-xl-0 { margin: 0 !important; } 1565 /* Set a $size margin on the top at $breakpoint */ 1566 .mt-xl-0 { margin-top: 0 !important; } 1567 /* Set a $size margin on the right at $breakpoint */ 1568 .mr-xl-0 { margin-right: 0 !important; } 1569 /* Set a $size margin on the bottom at $breakpoint */ 1570 .mb-xl-0 { margin-bottom: 0 !important; } 1571 /* Set a $size margin on the left at $breakpoint */ 1572 .ml-xl-0 { margin-left: 0 !important; } 1573 /* Set a $size margin on the left & right at $breakpoint */ 1574 .mx-xl-0 { margin-right: 0 !important; margin-left: 0 !important; } 1575 /* Set a $size margin on the top & bottom at $breakpoint */ 1576 .my-xl-0 { margin-top: 0 !important; margin-bottom: 0 !important; } 1577 /* Set a $size margin to all sides at $breakpoint */ 1578 .m-xl-1 { margin: 4px !important; } 1579 /* Set a $size margin on the top at $breakpoint */ 1580 .mt-xl-1 { margin-top: 4px !important; } 1581 /* Set a $size margin on the right at $breakpoint */ 1582 .mr-xl-1 { margin-right: 4px !important; } 1583 /* Set a $size margin on the bottom at $breakpoint */ 1584 .mb-xl-1 { margin-bottom: 4px !important; } 1585 /* Set a $size margin on the left at $breakpoint */ 1586 .ml-xl-1 { margin-left: 4px !important; } 1587 /* Set a negative $size margin on top at $breakpoint */ 1588 .mt-xl-n1 { margin-top: -4px !important; } 1589 /* Set a negative $size margin on the right at $breakpoint */ 1590 .mr-xl-n1 { margin-right: -4px !important; } 1591 /* Set a negative $size margin on the bottom at $breakpoint */ 1592 .mb-xl-n1 { margin-bottom: -4px !important; } 1593 /* Set a negative $size margin on the left at $breakpoint */ 1594 .ml-xl-n1 { margin-left: -4px !important; } 1595 /* Set a $size margin on the left & right at $breakpoint */ 1596 .mx-xl-1 { margin-right: 4px !important; margin-left: 4px !important; } 1597 /* Set a $size margin on the top & bottom at $breakpoint */ 1598 .my-xl-1 { margin-top: 4px !important; margin-bottom: 4px !important; } 1599 /* Set a $size margin to all sides at $breakpoint */ 1600 .m-xl-2 { margin: 8px !important; } 1601 /* Set a $size margin on the top at $breakpoint */ 1602 .mt-xl-2 { margin-top: 8px !important; } 1603 /* Set a $size margin on the right at $breakpoint */ 1604 .mr-xl-2 { margin-right: 8px !important; } 1605 /* Set a $size margin on the bottom at $breakpoint */ 1606 .mb-xl-2 { margin-bottom: 8px !important; } 1607 /* Set a $size margin on the left at $breakpoint */ 1608 .ml-xl-2 { margin-left: 8px !important; } 1609 /* Set a negative $size margin on top at $breakpoint */ 1610 .mt-xl-n2 { margin-top: -8px !important; } 1611 /* Set a negative $size margin on the right at $breakpoint */ 1612 .mr-xl-n2 { margin-right: -8px !important; } 1613 /* Set a negative $size margin on the bottom at $breakpoint */ 1614 .mb-xl-n2 { margin-bottom: -8px !important; } 1615 /* Set a negative $size margin on the left at $breakpoint */ 1616 .ml-xl-n2 { margin-left: -8px !important; } 1617 /* Set a $size margin on the left & right at $breakpoint */ 1618 .mx-xl-2 { margin-right: 8px !important; margin-left: 8px !important; } 1619 /* Set a $size margin on the top & bottom at $breakpoint */ 1620 .my-xl-2 { margin-top: 8px !important; margin-bottom: 8px !important; } 1621 /* Set a $size margin to all sides at $breakpoint */ 1622 .m-xl-3 { margin: 16px !important; } 1623 /* Set a $size margin on the top at $breakpoint */ 1624 .mt-xl-3 { margin-top: 16px !important; } 1625 /* Set a $size margin on the right at $breakpoint */ 1626 .mr-xl-3 { margin-right: 16px !important; } 1627 /* Set a $size margin on the bottom at $breakpoint */ 1628 .mb-xl-3 { margin-bottom: 16px !important; } 1629 /* Set a $size margin on the left at $breakpoint */ 1630 .ml-xl-3 { margin-left: 16px !important; } 1631 /* Set a negative $size margin on top at $breakpoint */ 1632 .mt-xl-n3 { margin-top: -16px !important; } 1633 /* Set a negative $size margin on the right at $breakpoint */ 1634 .mr-xl-n3 { margin-right: -16px !important; } 1635 /* Set a negative $size margin on the bottom at $breakpoint */ 1636 .mb-xl-n3 { margin-bottom: -16px !important; } 1637 /* Set a negative $size margin on the left at $breakpoint */ 1638 .ml-xl-n3 { margin-left: -16px !important; } 1639 /* Set a $size margin on the left & right at $breakpoint */ 1640 .mx-xl-3 { margin-right: 16px !important; margin-left: 16px !important; } 1641 /* Set a $size margin on the top & bottom at $breakpoint */ 1642 .my-xl-3 { margin-top: 16px !important; margin-bottom: 16px !important; } 1643 /* Set a $size margin to all sides at $breakpoint */ 1644 .m-xl-4 { margin: 24px !important; } 1645 /* Set a $size margin on the top at $breakpoint */ 1646 .mt-xl-4 { margin-top: 24px !important; } 1647 /* Set a $size margin on the right at $breakpoint */ 1648 .mr-xl-4 { margin-right: 24px !important; } 1649 /* Set a $size margin on the bottom at $breakpoint */ 1650 .mb-xl-4 { margin-bottom: 24px !important; } 1651 /* Set a $size margin on the left at $breakpoint */ 1652 .ml-xl-4 { margin-left: 24px !important; } 1653 /* Set a negative $size margin on top at $breakpoint */ 1654 .mt-xl-n4 { margin-top: -24px !important; } 1655 /* Set a negative $size margin on the right at $breakpoint */ 1656 .mr-xl-n4 { margin-right: -24px !important; } 1657 /* Set a negative $size margin on the bottom at $breakpoint */ 1658 .mb-xl-n4 { margin-bottom: -24px !important; } 1659 /* Set a negative $size margin on the left at $breakpoint */ 1660 .ml-xl-n4 { margin-left: -24px !important; } 1661 /* Set a $size margin on the left & right at $breakpoint */ 1662 .mx-xl-4 { margin-right: 24px !important; margin-left: 24px !important; } 1663 /* Set a $size margin on the top & bottom at $breakpoint */ 1664 .my-xl-4 { margin-top: 24px !important; margin-bottom: 24px !important; } 1665 /* Set a $size margin to all sides at $breakpoint */ 1666 .m-xl-5 { margin: 32px !important; } 1667 /* Set a $size margin on the top at $breakpoint */ 1668 .mt-xl-5 { margin-top: 32px !important; } 1669 /* Set a $size margin on the right at $breakpoint */ 1670 .mr-xl-5 { margin-right: 32px !important; } 1671 /* Set a $size margin on the bottom at $breakpoint */ 1672 .mb-xl-5 { margin-bottom: 32px !important; } 1673 /* Set a $size margin on the left at $breakpoint */ 1674 .ml-xl-5 { margin-left: 32px !important; } 1675 /* Set a negative $size margin on top at $breakpoint */ 1676 .mt-xl-n5 { margin-top: -32px !important; } 1677 /* Set a negative $size margin on the right at $breakpoint */ 1678 .mr-xl-n5 { margin-right: -32px !important; } 1679 /* Set a negative $size margin on the bottom at $breakpoint */ 1680 .mb-xl-n5 { margin-bottom: -32px !important; } 1681 /* Set a negative $size margin on the left at $breakpoint */ 1682 .ml-xl-n5 { margin-left: -32px !important; } 1683 /* Set a $size margin on the left & right at $breakpoint */ 1684 .mx-xl-5 { margin-right: 32px !important; margin-left: 32px !important; } 1685 /* Set a $size margin on the top & bottom at $breakpoint */ 1686 .my-xl-5 { margin-top: 32px !important; margin-bottom: 32px !important; } 1687 /* Set a $size margin to all sides at $breakpoint */ 1688 .m-xl-6 { margin: 40px !important; } 1689 /* Set a $size margin on the top at $breakpoint */ 1690 .mt-xl-6 { margin-top: 40px !important; } 1691 /* Set a $size margin on the right at $breakpoint */ 1692 .mr-xl-6 { margin-right: 40px !important; } 1693 /* Set a $size margin on the bottom at $breakpoint */ 1694 .mb-xl-6 { margin-bottom: 40px !important; } 1695 /* Set a $size margin on the left at $breakpoint */ 1696 .ml-xl-6 { margin-left: 40px !important; } 1697 /* Set a negative $size margin on top at $breakpoint */ 1698 .mt-xl-n6 { margin-top: -40px !important; } 1699 /* Set a negative $size margin on the right at $breakpoint */ 1700 .mr-xl-n6 { margin-right: -40px !important; } 1701 /* Set a negative $size margin on the bottom at $breakpoint */ 1702 .mb-xl-n6 { margin-bottom: -40px !important; } 1703 /* Set a negative $size margin on the left at $breakpoint */ 1704 .ml-xl-n6 { margin-left: -40px !important; } 1705 /* Set a $size margin on the left & right at $breakpoint */ 1706 .mx-xl-6 { margin-right: 40px !important; margin-left: 40px !important; } 1707 /* Set a $size margin on the top & bottom at $breakpoint */ 1708 .my-xl-6 { margin-top: 40px !important; margin-bottom: 40px !important; } 1709 /* responsive horizontal auto margins */ 1710 .mx-xl-auto { margin-right: auto !important; margin-left: auto !important; } } 1711 /* Set a $size padding to all sides at $breakpoint */ 1712 .p-0 { padding: 0 !important; } 1713 1714 /* Set a $size padding to the top at $breakpoint */ 1715 .pt-0 { padding-top: 0 !important; } 1716 1717 /* Set a $size padding to the right at $breakpoint */ 1718 .pr-0 { padding-right: 0 !important; } 1719 1720 /* Set a $size padding to the bottom at $breakpoint */ 1721 .pb-0 { padding-bottom: 0 !important; } 1722 1723 /* Set a $size padding to the left at $breakpoint */ 1724 .pl-0 { padding-left: 0 !important; } 1725 1726 /* Set a $size padding to the left & right at $breakpoint */ 1727 .px-0 { padding-right: 0 !important; padding-left: 0 !important; } 1728 1729 /* Set a $size padding to the top & bottom at $breakpoint */ 1730 .py-0 { padding-top: 0 !important; padding-bottom: 0 !important; } 1731 1732 /* Set a $size padding to all sides at $breakpoint */ 1733 .p-1 { padding: 4px !important; } 1734 1735 /* Set a $size padding to the top at $breakpoint */ 1736 .pt-1 { padding-top: 4px !important; } 1737 1738 /* Set a $size padding to the right at $breakpoint */ 1739 .pr-1 { padding-right: 4px !important; } 1740 1741 /* Set a $size padding to the bottom at $breakpoint */ 1742 .pb-1 { padding-bottom: 4px !important; } 1743 1744 /* Set a $size padding to the left at $breakpoint */ 1745 .pl-1 { padding-left: 4px !important; } 1746 1747 /* Set a $size padding to the left & right at $breakpoint */ 1748 .px-1 { padding-right: 4px !important; padding-left: 4px !important; } 1749 1750 /* Set a $size padding to the top & bottom at $breakpoint */ 1751 .py-1 { padding-top: 4px !important; padding-bottom: 4px !important; } 1752 1753 /* Set a $size padding to all sides at $breakpoint */ 1754 .p-2 { padding: 8px !important; } 1755 1756 /* Set a $size padding to the top at $breakpoint */ 1757 .pt-2 { padding-top: 8px !important; } 1758 1759 /* Set a $size padding to the right at $breakpoint */ 1760 .pr-2 { padding-right: 8px !important; } 1761 1762 /* Set a $size padding to the bottom at $breakpoint */ 1763 .pb-2 { padding-bottom: 8px !important; } 1764 1765 /* Set a $size padding to the left at $breakpoint */ 1766 .pl-2 { padding-left: 8px !important; } 1767 1768 /* Set a $size padding to the left & right at $breakpoint */ 1769 .px-2 { padding-right: 8px !important; padding-left: 8px !important; } 1770 1771 /* Set a $size padding to the top & bottom at $breakpoint */ 1772 .py-2 { padding-top: 8px !important; padding-bottom: 8px !important; } 1773 1774 /* Set a $size padding to all sides at $breakpoint */ 1775 .p-3 { padding: 16px !important; } 1776 1777 /* Set a $size padding to the top at $breakpoint */ 1778 .pt-3 { padding-top: 16px !important; } 1779 1780 /* Set a $size padding to the right at $breakpoint */ 1781 .pr-3 { padding-right: 16px !important; } 1782 1783 /* Set a $size padding to the bottom at $breakpoint */ 1784 .pb-3 { padding-bottom: 16px !important; } 1785 1786 /* Set a $size padding to the left at $breakpoint */ 1787 .pl-3 { padding-left: 16px !important; } 1788 1789 /* Set a $size padding to the left & right at $breakpoint */ 1790 .px-3 { padding-right: 16px !important; padding-left: 16px !important; } 1791 1792 /* Set a $size padding to the top & bottom at $breakpoint */ 1793 .py-3 { padding-top: 16px !important; padding-bottom: 16px !important; } 1794 1795 /* Set a $size padding to all sides at $breakpoint */ 1796 .p-4 { padding: 24px !important; } 1797 1798 /* Set a $size padding to the top at $breakpoint */ 1799 .pt-4 { padding-top: 24px !important; } 1800 1801 /* Set a $size padding to the right at $breakpoint */ 1802 .pr-4 { padding-right: 24px !important; } 1803 1804 /* Set a $size padding to the bottom at $breakpoint */ 1805 .pb-4 { padding-bottom: 24px !important; } 1806 1807 /* Set a $size padding to the left at $breakpoint */ 1808 .pl-4 { padding-left: 24px !important; } 1809 1810 /* Set a $size padding to the left & right at $breakpoint */ 1811 .px-4 { padding-right: 24px !important; padding-left: 24px !important; } 1812 1813 /* Set a $size padding to the top & bottom at $breakpoint */ 1814 .py-4 { padding-top: 24px !important; padding-bottom: 24px !important; } 1815 1816 /* Set a $size padding to all sides at $breakpoint */ 1817 .p-5 { padding: 32px !important; } 1818 1819 /* Set a $size padding to the top at $breakpoint */ 1820 .pt-5 { padding-top: 32px !important; } 1821 1822 /* Set a $size padding to the right at $breakpoint */ 1823 .pr-5 { padding-right: 32px !important; } 1824 1825 /* Set a $size padding to the bottom at $breakpoint */ 1826 .pb-5 { padding-bottom: 32px !important; } 1827 1828 /* Set a $size padding to the left at $breakpoint */ 1829 .pl-5 { padding-left: 32px !important; } 1830 1831 /* Set a $size padding to the left & right at $breakpoint */ 1832 .px-5 { padding-right: 32px !important; padding-left: 32px !important; } 1833 1834 /* Set a $size padding to the top & bottom at $breakpoint */ 1835 .py-5 { padding-top: 32px !important; padding-bottom: 32px !important; } 1836 1837 /* Set a $size padding to all sides at $breakpoint */ 1838 .p-6 { padding: 40px !important; } 1839 1840 /* Set a $size padding to the top at $breakpoint */ 1841 .pt-6 { padding-top: 40px !important; } 1842 1843 /* Set a $size padding to the right at $breakpoint */ 1844 .pr-6 { padding-right: 40px !important; } 1845 1846 /* Set a $size padding to the bottom at $breakpoint */ 1847 .pb-6 { padding-bottom: 40px !important; } 1848 1849 /* Set a $size padding to the left at $breakpoint */ 1850 .pl-6 { padding-left: 40px !important; } 1851 1852 /* Set a $size padding to the left & right at $breakpoint */ 1853 .px-6 { padding-right: 40px !important; padding-left: 40px !important; } 1854 1855 /* Set a $size padding to the top & bottom at $breakpoint */ 1856 .py-6 { padding-top: 40px !important; padding-bottom: 40px !important; } 1857 1858 @media (min-width: 544px) { /* Set a $size padding to all sides at $breakpoint */ 1859 .p-sm-0 { padding: 0 !important; } 1860 /* Set a $size padding to the top at $breakpoint */ 1861 .pt-sm-0 { padding-top: 0 !important; } 1862 /* Set a $size padding to the right at $breakpoint */ 1863 .pr-sm-0 { padding-right: 0 !important; } 1864 /* Set a $size padding to the bottom at $breakpoint */ 1865 .pb-sm-0 { padding-bottom: 0 !important; } 1866 /* Set a $size padding to the left at $breakpoint */ 1867 .pl-sm-0 { padding-left: 0 !important; } 1868 /* Set a $size padding to the left & right at $breakpoint */ 1869 .px-sm-0 { padding-right: 0 !important; padding-left: 0 !important; } 1870 /* Set a $size padding to the top & bottom at $breakpoint */ 1871 .py-sm-0 { padding-top: 0 !important; padding-bottom: 0 !important; } 1872 /* Set a $size padding to all sides at $breakpoint */ 1873 .p-sm-1 { padding: 4px !important; } 1874 /* Set a $size padding to the top at $breakpoint */ 1875 .pt-sm-1 { padding-top: 4px !important; } 1876 /* Set a $size padding to the right at $breakpoint */ 1877 .pr-sm-1 { padding-right: 4px !important; } 1878 /* Set a $size padding to the bottom at $breakpoint */ 1879 .pb-sm-1 { padding-bottom: 4px !important; } 1880 /* Set a $size padding to the left at $breakpoint */ 1881 .pl-sm-1 { padding-left: 4px !important; } 1882 /* Set a $size padding to the left & right at $breakpoint */ 1883 .px-sm-1 { padding-right: 4px !important; padding-left: 4px !important; } 1884 /* Set a $size padding to the top & bottom at $breakpoint */ 1885 .py-sm-1 { padding-top: 4px !important; padding-bottom: 4px !important; } 1886 /* Set a $size padding to all sides at $breakpoint */ 1887 .p-sm-2 { padding: 8px !important; } 1888 /* Set a $size padding to the top at $breakpoint */ 1889 .pt-sm-2 { padding-top: 8px !important; } 1890 /* Set a $size padding to the right at $breakpoint */ 1891 .pr-sm-2 { padding-right: 8px !important; } 1892 /* Set a $size padding to the bottom at $breakpoint */ 1893 .pb-sm-2 { padding-bottom: 8px !important; } 1894 /* Set a $size padding to the left at $breakpoint */ 1895 .pl-sm-2 { padding-left: 8px !important; } 1896 /* Set a $size padding to the left & right at $breakpoint */ 1897 .px-sm-2 { padding-right: 8px !important; padding-left: 8px !important; } 1898 /* Set a $size padding to the top & bottom at $breakpoint */ 1899 .py-sm-2 { padding-top: 8px !important; padding-bottom: 8px !important; } 1900 /* Set a $size padding to all sides at $breakpoint */ 1901 .p-sm-3 { padding: 16px !important; } 1902 /* Set a $size padding to the top at $breakpoint */ 1903 .pt-sm-3 { padding-top: 16px !important; } 1904 /* Set a $size padding to the right at $breakpoint */ 1905 .pr-sm-3 { padding-right: 16px !important; } 1906 /* Set a $size padding to the bottom at $breakpoint */ 1907 .pb-sm-3 { padding-bottom: 16px !important; } 1908 /* Set a $size padding to the left at $breakpoint */ 1909 .pl-sm-3 { padding-left: 16px !important; } 1910 /* Set a $size padding to the left & right at $breakpoint */ 1911 .px-sm-3 { padding-right: 16px !important; padding-left: 16px !important; } 1912 /* Set a $size padding to the top & bottom at $breakpoint */ 1913 .py-sm-3 { padding-top: 16px !important; padding-bottom: 16px !important; } 1914 /* Set a $size padding to all sides at $breakpoint */ 1915 .p-sm-4 { padding: 24px !important; } 1916 /* Set a $size padding to the top at $breakpoint */ 1917 .pt-sm-4 { padding-top: 24px !important; } 1918 /* Set a $size padding to the right at $breakpoint */ 1919 .pr-sm-4 { padding-right: 24px !important; } 1920 /* Set a $size padding to the bottom at $breakpoint */ 1921 .pb-sm-4 { padding-bottom: 24px !important; } 1922 /* Set a $size padding to the left at $breakpoint */ 1923 .pl-sm-4 { padding-left: 24px !important; } 1924 /* Set a $size padding to the left & right at $breakpoint */ 1925 .px-sm-4 { padding-right: 24px !important; padding-left: 24px !important; } 1926 /* Set a $size padding to the top & bottom at $breakpoint */ 1927 .py-sm-4 { padding-top: 24px !important; padding-bottom: 24px !important; } 1928 /* Set a $size padding to all sides at $breakpoint */ 1929 .p-sm-5 { padding: 32px !important; } 1930 /* Set a $size padding to the top at $breakpoint */ 1931 .pt-sm-5 { padding-top: 32px !important; } 1932 /* Set a $size padding to the right at $breakpoint */ 1933 .pr-sm-5 { padding-right: 32px !important; } 1934 /* Set a $size padding to the bottom at $breakpoint */ 1935 .pb-sm-5 { padding-bottom: 32px !important; } 1936 /* Set a $size padding to the left at $breakpoint */ 1937 .pl-sm-5 { padding-left: 32px !important; } 1938 /* Set a $size padding to the left & right at $breakpoint */ 1939 .px-sm-5 { padding-right: 32px !important; padding-left: 32px !important; } 1940 /* Set a $size padding to the top & bottom at $breakpoint */ 1941 .py-sm-5 { padding-top: 32px !important; padding-bottom: 32px !important; } 1942 /* Set a $size padding to all sides at $breakpoint */ 1943 .p-sm-6 { padding: 40px !important; } 1944 /* Set a $size padding to the top at $breakpoint */ 1945 .pt-sm-6 { padding-top: 40px !important; } 1946 /* Set a $size padding to the right at $breakpoint */ 1947 .pr-sm-6 { padding-right: 40px !important; } 1948 /* Set a $size padding to the bottom at $breakpoint */ 1949 .pb-sm-6 { padding-bottom: 40px !important; } 1950 /* Set a $size padding to the left at $breakpoint */ 1951 .pl-sm-6 { padding-left: 40px !important; } 1952 /* Set a $size padding to the left & right at $breakpoint */ 1953 .px-sm-6 { padding-right: 40px !important; padding-left: 40px !important; } 1954 /* Set a $size padding to the top & bottom at $breakpoint */ 1955 .py-sm-6 { padding-top: 40px !important; padding-bottom: 40px !important; } } 1956 @media (min-width: 768px) { /* Set a $size padding to all sides at $breakpoint */ 1957 .p-md-0 { padding: 0 !important; } 1958 /* Set a $size padding to the top at $breakpoint */ 1959 .pt-md-0 { padding-top: 0 !important; } 1960 /* Set a $size padding to the right at $breakpoint */ 1961 .pr-md-0 { padding-right: 0 !important; } 1962 /* Set a $size padding to the bottom at $breakpoint */ 1963 .pb-md-0 { padding-bottom: 0 !important; } 1964 /* Set a $size padding to the left at $breakpoint */ 1965 .pl-md-0 { padding-left: 0 !important; } 1966 /* Set a $size padding to the left & right at $breakpoint */ 1967 .px-md-0 { padding-right: 0 !important; padding-left: 0 !important; } 1968 /* Set a $size padding to the top & bottom at $breakpoint */ 1969 .py-md-0 { padding-top: 0 !important; padding-bottom: 0 !important; } 1970 /* Set a $size padding to all sides at $breakpoint */ 1971 .p-md-1 { padding: 4px !important; } 1972 /* Set a $size padding to the top at $breakpoint */ 1973 .pt-md-1 { padding-top: 4px !important; } 1974 /* Set a $size padding to the right at $breakpoint */ 1975 .pr-md-1 { padding-right: 4px !important; } 1976 /* Set a $size padding to the bottom at $breakpoint */ 1977 .pb-md-1 { padding-bottom: 4px !important; } 1978 /* Set a $size padding to the left at $breakpoint */ 1979 .pl-md-1 { padding-left: 4px !important; } 1980 /* Set a $size padding to the left & right at $breakpoint */ 1981 .px-md-1 { padding-right: 4px !important; padding-left: 4px !important; } 1982 /* Set a $size padding to the top & bottom at $breakpoint */ 1983 .py-md-1 { padding-top: 4px !important; padding-bottom: 4px !important; } 1984 /* Set a $size padding to all sides at $breakpoint */ 1985 .p-md-2 { padding: 8px !important; } 1986 /* Set a $size padding to the top at $breakpoint */ 1987 .pt-md-2 { padding-top: 8px !important; } 1988 /* Set a $size padding to the right at $breakpoint */ 1989 .pr-md-2 { padding-right: 8px !important; } 1990 /* Set a $size padding to the bottom at $breakpoint */ 1991 .pb-md-2 { padding-bottom: 8px !important; } 1992 /* Set a $size padding to the left at $breakpoint */ 1993 .pl-md-2 { padding-left: 8px !important; } 1994 /* Set a $size padding to the left & right at $breakpoint */ 1995 .px-md-2 { padding-right: 8px !important; padding-left: 8px !important; } 1996 /* Set a $size padding to the top & bottom at $breakpoint */ 1997 .py-md-2 { padding-top: 8px !important; padding-bottom: 8px !important; } 1998 /* Set a $size padding to all sides at $breakpoint */ 1999 .p-md-3 { padding: 16px !important; } 2000 /* Set a $size padding to the top at $breakpoint */ 2001 .pt-md-3 { padding-top: 16px !important; } 2002 /* Set a $size padding to the right at $breakpoint */ 2003 .pr-md-3 { padding-right: 16px !important; } 2004 /* Set a $size padding to the bottom at $breakpoint */ 2005 .pb-md-3 { padding-bottom: 16px !important; } 2006 /* Set a $size padding to the left at $breakpoint */ 2007 .pl-md-3 { padding-left: 16px !important; } 2008 /* Set a $size padding to the left & right at $breakpoint */ 2009 .px-md-3 { padding-right: 16px !important; padding-left: 16px !important; } 2010 /* Set a $size padding to the top & bottom at $breakpoint */ 2011 .py-md-3 { padding-top: 16px !important; padding-bottom: 16px !important; } 2012 /* Set a $size padding to all sides at $breakpoint */ 2013 .p-md-4 { padding: 24px !important; } 2014 /* Set a $size padding to the top at $breakpoint */ 2015 .pt-md-4 { padding-top: 24px !important; } 2016 /* Set a $size padding to the right at $breakpoint */ 2017 .pr-md-4 { padding-right: 24px !important; } 2018 /* Set a $size padding to the bottom at $breakpoint */ 2019 .pb-md-4 { padding-bottom: 24px !important; } 2020 /* Set a $size padding to the left at $breakpoint */ 2021 .pl-md-4 { padding-left: 24px !important; } 2022 /* Set a $size padding to the left & right at $breakpoint */ 2023 .px-md-4 { padding-right: 24px !important; padding-left: 24px !important; } 2024 /* Set a $size padding to the top & bottom at $breakpoint */ 2025 .py-md-4 { padding-top: 24px !important; padding-bottom: 24px !important; } 2026 /* Set a $size padding to all sides at $breakpoint */ 2027 .p-md-5 { padding: 32px !important; } 2028 /* Set a $size padding to the top at $breakpoint */ 2029 .pt-md-5 { padding-top: 32px !important; } 2030 /* Set a $size padding to the right at $breakpoint */ 2031 .pr-md-5 { padding-right: 32px !important; } 2032 /* Set a $size padding to the bottom at $breakpoint */ 2033 .pb-md-5 { padding-bottom: 32px !important; } 2034 /* Set a $size padding to the left at $breakpoint */ 2035 .pl-md-5 { padding-left: 32px !important; } 2036 /* Set a $size padding to the left & right at $breakpoint */ 2037 .px-md-5 { padding-right: 32px !important; padding-left: 32px !important; } 2038 /* Set a $size padding to the top & bottom at $breakpoint */ 2039 .py-md-5 { padding-top: 32px !important; padding-bottom: 32px !important; } 2040 /* Set a $size padding to all sides at $breakpoint */ 2041 .p-md-6 { padding: 40px !important; } 2042 /* Set a $size padding to the top at $breakpoint */ 2043 .pt-md-6 { padding-top: 40px !important; } 2044 /* Set a $size padding to the right at $breakpoint */ 2045 .pr-md-6 { padding-right: 40px !important; } 2046 /* Set a $size padding to the bottom at $breakpoint */ 2047 .pb-md-6 { padding-bottom: 40px !important; } 2048 /* Set a $size padding to the left at $breakpoint */ 2049 .pl-md-6 { padding-left: 40px !important; } 2050 /* Set a $size padding to the left & right at $breakpoint */ 2051 .px-md-6 { padding-right: 40px !important; padding-left: 40px !important; } 2052 /* Set a $size padding to the top & bottom at $breakpoint */ 2053 .py-md-6 { padding-top: 40px !important; padding-bottom: 40px !important; } } 2054 @media (min-width: 1012px) { /* Set a $size padding to all sides at $breakpoint */ 2055 .p-lg-0 { padding: 0 !important; } 2056 /* Set a $size padding to the top at $breakpoint */ 2057 .pt-lg-0 { padding-top: 0 !important; } 2058 /* Set a $size padding to the right at $breakpoint */ 2059 .pr-lg-0 { padding-right: 0 !important; } 2060 /* Set a $size padding to the bottom at $breakpoint */ 2061 .pb-lg-0 { padding-bottom: 0 !important; } 2062 /* Set a $size padding to the left at $breakpoint */ 2063 .pl-lg-0 { padding-left: 0 !important; } 2064 /* Set a $size padding to the left & right at $breakpoint */ 2065 .px-lg-0 { padding-right: 0 !important; padding-left: 0 !important; } 2066 /* Set a $size padding to the top & bottom at $breakpoint */ 2067 .py-lg-0 { padding-top: 0 !important; padding-bottom: 0 !important; } 2068 /* Set a $size padding to all sides at $breakpoint */ 2069 .p-lg-1 { padding: 4px !important; } 2070 /* Set a $size padding to the top at $breakpoint */ 2071 .pt-lg-1 { padding-top: 4px !important; } 2072 /* Set a $size padding to the right at $breakpoint */ 2073 .pr-lg-1 { padding-right: 4px !important; } 2074 /* Set a $size padding to the bottom at $breakpoint */ 2075 .pb-lg-1 { padding-bottom: 4px !important; } 2076 /* Set a $size padding to the left at $breakpoint */ 2077 .pl-lg-1 { padding-left: 4px !important; } 2078 /* Set a $size padding to the left & right at $breakpoint */ 2079 .px-lg-1 { padding-right: 4px !important; padding-left: 4px !important; } 2080 /* Set a $size padding to the top & bottom at $breakpoint */ 2081 .py-lg-1 { padding-top: 4px !important; padding-bottom: 4px !important; } 2082 /* Set a $size padding to all sides at $breakpoint */ 2083 .p-lg-2 { padding: 8px !important; } 2084 /* Set a $size padding to the top at $breakpoint */ 2085 .pt-lg-2 { padding-top: 8px !important; } 2086 /* Set a $size padding to the right at $breakpoint */ 2087 .pr-lg-2 { padding-right: 8px !important; } 2088 /* Set a $size padding to the bottom at $breakpoint */ 2089 .pb-lg-2 { padding-bottom: 8px !important; } 2090 /* Set a $size padding to the left at $breakpoint */ 2091 .pl-lg-2 { padding-left: 8px !important; } 2092 /* Set a $size padding to the left & right at $breakpoint */ 2093 .px-lg-2 { padding-right: 8px !important; padding-left: 8px !important; } 2094 /* Set a $size padding to the top & bottom at $breakpoint */ 2095 .py-lg-2 { padding-top: 8px !important; padding-bottom: 8px !important; } 2096 /* Set a $size padding to all sides at $breakpoint */ 2097 .p-lg-3 { padding: 16px !important; } 2098 /* Set a $size padding to the top at $breakpoint */ 2099 .pt-lg-3 { padding-top: 16px !important; } 2100 /* Set a $size padding to the right at $breakpoint */ 2101 .pr-lg-3 { padding-right: 16px !important; } 2102 /* Set a $size padding to the bottom at $breakpoint */ 2103 .pb-lg-3 { padding-bottom: 16px !important; } 2104 /* Set a $size padding to the left at $breakpoint */ 2105 .pl-lg-3 { padding-left: 16px !important; } 2106 /* Set a $size padding to the left & right at $breakpoint */ 2107 .px-lg-3 { padding-right: 16px !important; padding-left: 16px !important; } 2108 /* Set a $size padding to the top & bottom at $breakpoint */ 2109 .py-lg-3 { padding-top: 16px !important; padding-bottom: 16px !important; } 2110 /* Set a $size padding to all sides at $breakpoint */ 2111 .p-lg-4 { padding: 24px !important; } 2112 /* Set a $size padding to the top at $breakpoint */ 2113 .pt-lg-4 { padding-top: 24px !important; } 2114 /* Set a $size padding to the right at $breakpoint */ 2115 .pr-lg-4 { padding-right: 24px !important; } 2116 /* Set a $size padding to the bottom at $breakpoint */ 2117 .pb-lg-4 { padding-bottom: 24px !important; } 2118 /* Set a $size padding to the left at $breakpoint */ 2119 .pl-lg-4 { padding-left: 24px !important; } 2120 /* Set a $size padding to the left & right at $breakpoint */ 2121 .px-lg-4 { padding-right: 24px !important; padding-left: 24px !important; } 2122 /* Set a $size padding to the top & bottom at $breakpoint */ 2123 .py-lg-4 { padding-top: 24px !important; padding-bottom: 24px !important; } 2124 /* Set a $size padding to all sides at $breakpoint */ 2125 .p-lg-5 { padding: 32px !important; } 2126 /* Set a $size padding to the top at $breakpoint */ 2127 .pt-lg-5 { padding-top: 32px !important; } 2128 /* Set a $size padding to the right at $breakpoint */ 2129 .pr-lg-5 { padding-right: 32px !important; } 2130 /* Set a $size padding to the bottom at $breakpoint */ 2131 .pb-lg-5 { padding-bottom: 32px !important; } 2132 /* Set a $size padding to the left at $breakpoint */ 2133 .pl-lg-5 { padding-left: 32px !important; } 2134 /* Set a $size padding to the left & right at $breakpoint */ 2135 .px-lg-5 { padding-right: 32px !important; padding-left: 32px !important; } 2136 /* Set a $size padding to the top & bottom at $breakpoint */ 2137 .py-lg-5 { padding-top: 32px !important; padding-bottom: 32px !important; } 2138 /* Set a $size padding to all sides at $breakpoint */ 2139 .p-lg-6 { padding: 40px !important; } 2140 /* Set a $size padding to the top at $breakpoint */ 2141 .pt-lg-6 { padding-top: 40px !important; } 2142 /* Set a $size padding to the right at $breakpoint */ 2143 .pr-lg-6 { padding-right: 40px !important; } 2144 /* Set a $size padding to the bottom at $breakpoint */ 2145 .pb-lg-6 { padding-bottom: 40px !important; } 2146 /* Set a $size padding to the left at $breakpoint */ 2147 .pl-lg-6 { padding-left: 40px !important; } 2148 /* Set a $size padding to the left & right at $breakpoint */ 2149 .px-lg-6 { padding-right: 40px !important; padding-left: 40px !important; } 2150 /* Set a $size padding to the top & bottom at $breakpoint */ 2151 .py-lg-6 { padding-top: 40px !important; padding-bottom: 40px !important; } } 2152 @media (min-width: 1280px) { /* Set a $size padding to all sides at $breakpoint */ 2153 .p-xl-0 { padding: 0 !important; } 2154 /* Set a $size padding to the top at $breakpoint */ 2155 .pt-xl-0 { padding-top: 0 !important; } 2156 /* Set a $size padding to the right at $breakpoint */ 2157 .pr-xl-0 { padding-right: 0 !important; } 2158 /* Set a $size padding to the bottom at $breakpoint */ 2159 .pb-xl-0 { padding-bottom: 0 !important; } 2160 /* Set a $size padding to the left at $breakpoint */ 2161 .pl-xl-0 { padding-left: 0 !important; } 2162 /* Set a $size padding to the left & right at $breakpoint */ 2163 .px-xl-0 { padding-right: 0 !important; padding-left: 0 !important; } 2164 /* Set a $size padding to the top & bottom at $breakpoint */ 2165 .py-xl-0 { padding-top: 0 !important; padding-bottom: 0 !important; } 2166 /* Set a $size padding to all sides at $breakpoint */ 2167 .p-xl-1 { padding: 4px !important; } 2168 /* Set a $size padding to the top at $breakpoint */ 2169 .pt-xl-1 { padding-top: 4px !important; } 2170 /* Set a $size padding to the right at $breakpoint */ 2171 .pr-xl-1 { padding-right: 4px !important; } 2172 /* Set a $size padding to the bottom at $breakpoint */ 2173 .pb-xl-1 { padding-bottom: 4px !important; } 2174 /* Set a $size padding to the left at $breakpoint */ 2175 .pl-xl-1 { padding-left: 4px !important; } 2176 /* Set a $size padding to the left & right at $breakpoint */ 2177 .px-xl-1 { padding-right: 4px !important; padding-left: 4px !important; } 2178 /* Set a $size padding to the top & bottom at $breakpoint */ 2179 .py-xl-1 { padding-top: 4px !important; padding-bottom: 4px !important; } 2180 /* Set a $size padding to all sides at $breakpoint */ 2181 .p-xl-2 { padding: 8px !important; } 2182 /* Set a $size padding to the top at $breakpoint */ 2183 .pt-xl-2 { padding-top: 8px !important; } 2184 /* Set a $size padding to the right at $breakpoint */ 2185 .pr-xl-2 { padding-right: 8px !important; } 2186 /* Set a $size padding to the bottom at $breakpoint */ 2187 .pb-xl-2 { padding-bottom: 8px !important; } 2188 /* Set a $size padding to the left at $breakpoint */ 2189 .pl-xl-2 { padding-left: 8px !important; } 2190 /* Set a $size padding to the left & right at $breakpoint */ 2191 .px-xl-2 { padding-right: 8px !important; padding-left: 8px !important; } 2192 /* Set a $size padding to the top & bottom at $breakpoint */ 2193 .py-xl-2 { padding-top: 8px !important; padding-bottom: 8px !important; } 2194 /* Set a $size padding to all sides at $breakpoint */ 2195 .p-xl-3 { padding: 16px !important; } 2196 /* Set a $size padding to the top at $breakpoint */ 2197 .pt-xl-3 { padding-top: 16px !important; } 2198 /* Set a $size padding to the right at $breakpoint */ 2199 .pr-xl-3 { padding-right: 16px !important; } 2200 /* Set a $size padding to the bottom at $breakpoint */ 2201 .pb-xl-3 { padding-bottom: 16px !important; } 2202 /* Set a $size padding to the left at $breakpoint */ 2203 .pl-xl-3 { padding-left: 16px !important; } 2204 /* Set a $size padding to the left & right at $breakpoint */ 2205 .px-xl-3 { padding-right: 16px !important; padding-left: 16px !important; } 2206 /* Set a $size padding to the top & bottom at $breakpoint */ 2207 .py-xl-3 { padding-top: 16px !important; padding-bottom: 16px !important; } 2208 /* Set a $size padding to all sides at $breakpoint */ 2209 .p-xl-4 { padding: 24px !important; } 2210 /* Set a $size padding to the top at $breakpoint */ 2211 .pt-xl-4 { padding-top: 24px !important; } 2212 /* Set a $size padding to the right at $breakpoint */ 2213 .pr-xl-4 { padding-right: 24px !important; } 2214 /* Set a $size padding to the bottom at $breakpoint */ 2215 .pb-xl-4 { padding-bottom: 24px !important; } 2216 /* Set a $size padding to the left at $breakpoint */ 2217 .pl-xl-4 { padding-left: 24px !important; } 2218 /* Set a $size padding to the left & right at $breakpoint */ 2219 .px-xl-4 { padding-right: 24px !important; padding-left: 24px !important; } 2220 /* Set a $size padding to the top & bottom at $breakpoint */ 2221 .py-xl-4 { padding-top: 24px !important; padding-bottom: 24px !important; } 2222 /* Set a $size padding to all sides at $breakpoint */ 2223 .p-xl-5 { padding: 32px !important; } 2224 /* Set a $size padding to the top at $breakpoint */ 2225 .pt-xl-5 { padding-top: 32px !important; } 2226 /* Set a $size padding to the right at $breakpoint */ 2227 .pr-xl-5 { padding-right: 32px !important; } 2228 /* Set a $size padding to the bottom at $breakpoint */ 2229 .pb-xl-5 { padding-bottom: 32px !important; } 2230 /* Set a $size padding to the left at $breakpoint */ 2231 .pl-xl-5 { padding-left: 32px !important; } 2232 /* Set a $size padding to the left & right at $breakpoint */ 2233 .px-xl-5 { padding-right: 32px !important; padding-left: 32px !important; } 2234 /* Set a $size padding to the top & bottom at $breakpoint */ 2235 .py-xl-5 { padding-top: 32px !important; padding-bottom: 32px !important; } 2236 /* Set a $size padding to all sides at $breakpoint */ 2237 .p-xl-6 { padding: 40px !important; } 2238 /* Set a $size padding to the top at $breakpoint */ 2239 .pt-xl-6 { padding-top: 40px !important; } 2240 /* Set a $size padding to the right at $breakpoint */ 2241 .pr-xl-6 { padding-right: 40px !important; } 2242 /* Set a $size padding to the bottom at $breakpoint */ 2243 .pb-xl-6 { padding-bottom: 40px !important; } 2244 /* Set a $size padding to the left at $breakpoint */ 2245 .pl-xl-6 { padding-left: 40px !important; } 2246 /* Set a $size padding to the left & right at $breakpoint */ 2247 .px-xl-6 { padding-right: 40px !important; padding-left: 40px !important; } 2248 /* Set a $size padding to the top & bottom at $breakpoint */ 2249 .py-xl-6 { padding-top: 40px !important; padding-bottom: 40px !important; } } 2250 .p-responsive { padding-right: 16px !important; padding-left: 16px !important; } 2251 @media (min-width: 544px) { .p-responsive { padding-right: 40px !important; padding-left: 40px !important; } } 2252 @media (min-width: 1012px) { .p-responsive { padding-right: 16px !important; padding-left: 16px !important; } } 2253 2254 /* Set the font size to 26px */ 2255 .h1 { font-size: 26px !important; } 2256 @media (min-width: 768px) { .h1 { font-size: 32px !important; } } 2257 2258 /* Set the font size to 22px */ 2259 .h2 { font-size: 22px !important; } 2260 @media (min-width: 768px) { .h2 { font-size: 24px !important; } } 2261 2262 /* Set the font size to 18px */ 2263 .h3 { font-size: 18px !important; } 2264 @media (min-width: 768px) { .h3 { font-size: 20px !important; } } 2265 2266 /* Set the font size to 16px */ 2267 .h4 { font-size: 16px !important; } 2268 2269 /* Set the font size to 14px */ 2270 .h5 { font-size: 14px !important; } 2271 2272 /* Set the font size to 12px */ 2273 .h6 { font-size: 12px !important; } 2274 2275 .h1, .h2, .h3, .h4, .h5, .h6 { font-weight: 600 !important; } 2276 2277 /* Set the font size to 26px */ 2278 .f1 { font-size: 26px !important; } 2279 @media (min-width: 768px) { .f1 { font-size: 32px !important; } } 2280 2281 /* Set the font size to 22px */ 2282 .f2 { font-size: 22px !important; } 2283 @media (min-width: 768px) { .f2 { font-size: 24px !important; } } 2284 2285 /* Set the font size to 18px */ 2286 .f3 { font-size: 18px !important; } 2287 @media (min-width: 768px) { .f3 { font-size: 20px !important; } } 2288 2289 /* Set the font size to 16px */ 2290 .f4 { font-size: 16px !important; } 2291 @media (min-width: 768px) { .f4 { font-size: 16px !important; } } 2292 2293 /* Set the font size to 14px */ 2294 .f5 { font-size: 14px !important; } 2295 2296 /* Set the font size to 12px */ 2297 .f6 { font-size: 12px !important; } 2298 2299 /* Set the font size to 40px and weight to light */ 2300 .f00-light { font-size: 40px !important; font-weight: 300 !important; } 2301 @media (min-width: 768px) { .f00-light { font-size: 48px !important; } } 2302 2303 /* Set the font size to 32px and weight to light */ 2304 .f0-light { font-size: 32px !important; font-weight: 300 !important; } 2305 @media (min-width: 768px) { .f0-light { font-size: 40px !important; } } 2306 2307 /* Set the font size to 26px and weight to light */ 2308 .f1-light { font-size: 26px !important; font-weight: 300 !important; } 2309 @media (min-width: 768px) { .f1-light { font-size: 32px !important; } } 2310 2311 /* Set the font size to 22px and weight to light */ 2312 .f2-light { font-size: 22px !important; font-weight: 300 !important; } 2313 @media (min-width: 768px) { .f2-light { font-size: 24px !important; } } 2314 2315 /* Set the font size to 18px and weight to light */ 2316 .f3-light { font-size: 18px !important; font-weight: 300 !important; } 2317 @media (min-width: 768px) { .f3-light { font-size: 20px !important; } } 2318 2319 /* Set the font size to ${#h6-size} */ 2320 .text-small { font-size: 12px !important; } 2321 2322 /* Large leading paragraphs */ 2323 .lead { margin-bottom: 30px; font-size: 20px; font-weight: 300; color: #586069; } 2324 2325 /* Set the line height to ultra condensed */ 2326 .lh-condensed-ultra { line-height: 1 !important; } 2327 2328 /* Set the line height to condensed */ 2329 .lh-condensed { line-height: 1.25 !important; } 2330 2331 /* Set the line height to default */ 2332 .lh-default { line-height: 1.5 !important; } 2333 2334 /* Set the line height to zero */ 2335 .lh-0 { line-height: 0 !important; } 2336 2337 /* Text align to the right */ 2338 .text-right { text-align: right !important; } 2339 2340 /* Text align to the left */ 2341 .text-left { text-align: left !important; } 2342 2343 /* Text align to the center */ 2344 .text-center { text-align: center !important; } 2345 2346 @media (min-width: 544px) { /* Text align to the right */ 2347 .text-sm-right { text-align: right !important; } 2348 /* Text align to the left */ 2349 .text-sm-left { text-align: left !important; } 2350 /* Text align to the center */ 2351 .text-sm-center { text-align: center !important; } } 2352 @media (min-width: 768px) { /* Text align to the right */ 2353 .text-md-right { text-align: right !important; } 2354 /* Text align to the left */ 2355 .text-md-left { text-align: left !important; } 2356 /* Text align to the center */ 2357 .text-md-center { text-align: center !important; } } 2358 @media (min-width: 1012px) { /* Text align to the right */ 2359 .text-lg-right { text-align: right !important; } 2360 /* Text align to the left */ 2361 .text-lg-left { text-align: left !important; } 2362 /* Text align to the center */ 2363 .text-lg-center { text-align: center !important; } } 2364 @media (min-width: 1280px) { /* Text align to the right */ 2365 .text-xl-right { text-align: right !important; } 2366 /* Text align to the left */ 2367 .text-xl-left { text-align: left !important; } 2368 /* Text align to the center */ 2369 .text-xl-center { text-align: center !important; } } 2370 /* Set the font weight to normal */ 2371 .text-normal { font-weight: 400 !important; } 2372 2373 /* Set the font weight to bold */ 2374 .text-bold { font-weight: 600 !important; } 2375 2376 /* Set the font to italic */ 2377 .text-italic { font-style: italic !important; } 2378 2379 /* Make text uppercase */ 2380 .text-uppercase { text-transform: uppercase !important; } 2381 2382 /* Underline text */ 2383 .text-underline { text-decoration: underline !important; } 2384 2385 /* Don't underline text */ 2386 .no-underline { text-decoration: none !important; } 2387 2388 /* Don't wrap white space */ 2389 .no-wrap { white-space: nowrap !important; } 2390 2391 /* Normal white space */ 2392 .ws-normal { white-space: normal !important; } 2393 2394 /* Allow long lines with no spaces to line break */ 2395 .wb-break-all { word-break: break-all !important; } 2396 2397 .text-emphasized { font-weight: 600; color: #24292e; } 2398 2399 .list-style-none { list-style: none !important; } 2400 2401 /* Add a dark text shadow */ 2402 .text-shadow-dark { text-shadow: 0 1px 1px rgba(27, 31, 35, 0.25), 0 1px 25px rgba(27, 31, 35, 0.75); } 2403 2404 /* Add a light text shadow */ 2405 .text-shadow-light { text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); } 2406 2407 /* Set to monospace font */ 2408 .text-mono { font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace; } 2409 2410 /* Disallow user from selecting text */ 2411 .user-select-none { user-select: none !important; } 2412 2413 .d-block { display: block !important; } 2414 2415 .d-flex { display: flex !important; } 2416 2417 .d-inline { display: inline !important; } 2418 2419 .d-inline-block { display: inline-block !important; } 2420 2421 .d-inline-flex { display: inline-flex !important; } 2422 2423 .d-none { display: none !important; } 2424 2425 .d-table { display: table !important; } 2426 2427 .d-table-cell { display: table-cell !important; } 2428 2429 @media (min-width: 544px) { .d-sm-block { display: block !important; } 2430 .d-sm-flex { display: flex !important; } 2431 .d-sm-inline { display: inline !important; } 2432 .d-sm-inline-block { display: inline-block !important; } 2433 .d-sm-inline-flex { display: inline-flex !important; } 2434 .d-sm-none { display: none !important; } 2435 .d-sm-table { display: table !important; } 2436 .d-sm-table-cell { display: table-cell !important; } } 2437 @media (min-width: 768px) { .d-md-block { display: block !important; } 2438 .d-md-flex { display: flex !important; } 2439 .d-md-inline { display: inline !important; } 2440 .d-md-inline-block { display: inline-block !important; } 2441 .d-md-inline-flex { display: inline-flex !important; } 2442 .d-md-none { display: none !important; } 2443 .d-md-table { display: table !important; } 2444 .d-md-table-cell { display: table-cell !important; } } 2445 @media (min-width: 1012px) { .d-lg-block { display: block !important; } 2446 .d-lg-flex { display: flex !important; } 2447 .d-lg-inline { display: inline !important; } 2448 .d-lg-inline-block { display: inline-block !important; } 2449 .d-lg-inline-flex { display: inline-flex !important; } 2450 .d-lg-none { display: none !important; } 2451 .d-lg-table { display: table !important; } 2452 .d-lg-table-cell { display: table-cell !important; } } 2453 @media (min-width: 1280px) { .d-xl-block { display: block !important; } 2454 .d-xl-flex { display: flex !important; } 2455 .d-xl-inline { display: inline !important; } 2456 .d-xl-inline-block { display: inline-block !important; } 2457 .d-xl-inline-flex { display: inline-flex !important; } 2458 .d-xl-none { display: none !important; } 2459 .d-xl-table { display: table !important; } 2460 .d-xl-table-cell { display: table-cell !important; } } 2461 .v-hidden { visibility: hidden !important; } 2462 2463 .v-visible { visibility: visible !important; } 2464 2465 @media (max-width: 544px) { .hide-sm { display: none !important; } } 2466 @media (min-width: 544px) and (max-width: 768px) { .hide-md { display: none !important; } } 2467 @media (min-width: 768px) and (max-width: 1012px) { .hide-lg { display: none !important; } } 2468 @media (min-width: 1012px) { .hide-xl { display: none !important; } } 2469 /* Set the table-layout to fixed */ 2470 .table-fixed { table-layout: fixed !important; } 2471 2472 .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); word-wrap: normal; border: 0; } 2473 2474 .show-on-focus { position: absolute; width: 1px; height: 1px; margin: 0; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); } 2475 .show-on-focus:focus { z-index: 20; width: auto; height: auto; clip: auto; } 2476 2477 .container { width: 980px; margin-right: auto; margin-left: auto; } 2478 .container::before { display: table; content: ""; } 2479 .container::after { display: table; clear: both; content: ""; } 2480 2481 .container-md { max-width: 768px; margin-right: auto; margin-left: auto; } 2482 2483 .container-lg { max-width: 1012px; margin-right: auto; margin-left: auto; } 2484 2485 .container-xl { max-width: 1280px; margin-right: auto; margin-left: auto; } 2486 2487 .columns { margin-right: -10px; margin-left: -10px; } 2488 .columns::before { display: table; content: ""; } 2489 .columns::after { display: table; clear: both; content: ""; } 2490 2491 .column { float: left; padding-right: 10px; padding-left: 10px; } 2492 2493 .one-third { width: 33.333333%; } 2494 2495 .two-thirds { width: 66.666667%; } 2496 2497 .one-fourth { width: 25%; } 2498 2499 .one-half { width: 50%; } 2500 2501 .three-fourths { width: 75%; } 2502 2503 .one-fifth { width: 20%; } 2504 2505 .four-fifths { width: 80%; } 2506 2507 .centered { display: block; float: none; margin-right: auto; margin-left: auto; } 2508 2509 .col-1 { width: 8.3333333333%; } 2510 2511 .col-2 { width: 16.6666666667%; } 2512 2513 .col-3 { width: 25%; } 2514 2515 .col-4 { width: 33.3333333333%; } 2516 2517 .col-5 { width: 41.6666666667%; } 2518 2519 .col-6 { width: 50%; } 2520 2521 .col-7 { width: 58.3333333333%; } 2522 2523 .col-8 { width: 66.6666666667%; } 2524 2525 .col-9 { width: 75%; } 2526 2527 .col-10 { width: 83.3333333333%; } 2528 2529 .col-11 { width: 91.6666666667%; } 2530 2531 .col-12 { width: 100%; } 2532 2533 @media (min-width: 544px) { .col-sm-1 { width: 8.3333333333%; } 2534 .col-sm-2 { width: 16.6666666667%; } 2535 .col-sm-3 { width: 25%; } 2536 .col-sm-4 { width: 33.3333333333%; } 2537 .col-sm-5 { width: 41.6666666667%; } 2538 .col-sm-6 { width: 50%; } 2539 .col-sm-7 { width: 58.3333333333%; } 2540 .col-sm-8 { width: 66.6666666667%; } 2541 .col-sm-9 { width: 75%; } 2542 .col-sm-10 { width: 83.3333333333%; } 2543 .col-sm-11 { width: 91.6666666667%; } 2544 .col-sm-12 { width: 100%; } } 2545 @media (min-width: 768px) { .col-md-1 { width: 8.3333333333%; } 2546 .col-md-2 { width: 16.6666666667%; } 2547 .col-md-3 { width: 25%; } 2548 .col-md-4 { width: 33.3333333333%; } 2549 .col-md-5 { width: 41.6666666667%; } 2550 .col-md-6 { width: 50%; } 2551 .col-md-7 { width: 58.3333333333%; } 2552 .col-md-8 { width: 66.6666666667%; } 2553 .col-md-9 { width: 75%; } 2554 .col-md-10 { width: 83.3333333333%; } 2555 .col-md-11 { width: 91.6666666667%; } 2556 .col-md-12 { width: 100%; } } 2557 @media (min-width: 1012px) { .col-lg-1 { width: 8.3333333333%; } 2558 .col-lg-2 { width: 16.6666666667%; } 2559 .col-lg-3 { width: 25%; } 2560 .col-lg-4 { width: 33.3333333333%; } 2561 .col-lg-5 { width: 41.6666666667%; } 2562 .col-lg-6 { width: 50%; } 2563 .col-lg-7 { width: 58.3333333333%; } 2564 .col-lg-8 { width: 66.6666666667%; } 2565 .col-lg-9 { width: 75%; } 2566 .col-lg-10 { width: 83.3333333333%; } 2567 .col-lg-11 { width: 91.6666666667%; } 2568 .col-lg-12 { width: 100%; } } 2569 @media (min-width: 1280px) { .col-xl-1 { width: 8.3333333333%; } 2570 .col-xl-2 { width: 16.6666666667%; } 2571 .col-xl-3 { width: 25%; } 2572 .col-xl-4 { width: 33.3333333333%; } 2573 .col-xl-5 { width: 41.6666666667%; } 2574 .col-xl-6 { width: 50%; } 2575 .col-xl-7 { width: 58.3333333333%; } 2576 .col-xl-8 { width: 66.6666666667%; } 2577 .col-xl-9 { width: 75%; } 2578 .col-xl-10 { width: 83.3333333333%; } 2579 .col-xl-11 { width: 91.6666666667%; } 2580 .col-xl-12 { width: 100%; } } 2581 .gutter { margin-right: -16px; margin-left: -16px; } 2582 .gutter > [class*="col-"] { padding-right: 16px !important; padding-left: 16px !important; } 2583 2584 .gutter-condensed { margin-right: -8px; margin-left: -8px; } 2585 .gutter-condensed > [class*="col-"] { padding-right: 8px !important; padding-left: 8px !important; } 2586 2587 .gutter-spacious { margin-right: -24px; margin-left: -24px; } 2588 .gutter-spacious > [class*="col-"] { padding-right: 24px !important; padding-left: 24px !important; } 2589 2590 @media (min-width: 544px) { .gutter-sm { margin-right: -16px; margin-left: -16px; } 2591 .gutter-sm > [class*="col-"] { padding-right: 16px !important; padding-left: 16px !important; } 2592 .gutter-sm-condensed { margin-right: -8px; margin-left: -8px; } 2593 .gutter-sm-condensed > [class*="col-"] { padding-right: 8px !important; padding-left: 8px !important; } 2594 .gutter-sm-spacious { margin-right: -24px; margin-left: -24px; } 2595 .gutter-sm-spacious > [class*="col-"] { padding-right: 24px !important; padding-left: 24px !important; } } 2596 @media (min-width: 768px) { .gutter-md { margin-right: -16px; margin-left: -16px; } 2597 .gutter-md > [class*="col-"] { padding-right: 16px !important; padding-left: 16px !important; } 2598 .gutter-md-condensed { margin-right: -8px; margin-left: -8px; } 2599 .gutter-md-condensed > [class*="col-"] { padding-right: 8px !important; padding-left: 8px !important; } 2600 .gutter-md-spacious { margin-right: -24px; margin-left: -24px; } 2601 .gutter-md-spacious > [class*="col-"] { padding-right: 24px !important; padding-left: 24px !important; } } 2602 @media (min-width: 1012px) { .gutter-lg { margin-right: -16px; margin-left: -16px; } 2603 .gutter-lg > [class*="col-"] { padding-right: 16px !important; padding-left: 16px !important; } 2604 .gutter-lg-condensed { margin-right: -8px; margin-left: -8px; } 2605 .gutter-lg-condensed > [class*="col-"] { padding-right: 8px !important; padding-left: 8px !important; } 2606 .gutter-lg-spacious { margin-right: -24px; margin-left: -24px; } 2607 .gutter-lg-spacious > [class*="col-"] { padding-right: 24px !important; padding-left: 24px !important; } } 2608 @media (min-width: 1280px) { .gutter-xl { margin-right: -16px; margin-left: -16px; } 2609 .gutter-xl > [class*="col-"] { padding-right: 16px !important; padding-left: 16px !important; } 2610 .gutter-xl-condensed { margin-right: -8px; margin-left: -8px; } 2611 .gutter-xl-condensed > [class*="col-"] { padding-right: 8px !important; padding-left: 8px !important; } 2612 .gutter-xl-spacious { margin-right: -24px; margin-left: -24px; } 2613 .gutter-xl-spacious > [class*="col-"] { padding-right: 24px !important; padding-left: 24px !important; } } 2614 .offset-1 { margin-left: 8.3333333333% !important; } 2615 2616 .offset-2 { margin-left: 16.6666666667% !important; } 2617 2618 .offset-3 { margin-left: 25% !important; } 2619 2620 .offset-4 { margin-left: 33.3333333333% !important; } 2621 2622 .offset-5 { margin-left: 41.6666666667% !important; } 2623 2624 .offset-6 { margin-left: 50% !important; } 2625 2626 .offset-7 { margin-left: 58.3333333333% !important; } 2627 2628 .offset-8 { margin-left: 66.6666666667% !important; } 2629 2630 .offset-9 { margin-left: 75% !important; } 2631 2632 .offset-10 { margin-left: 83.3333333333% !important; } 2633 2634 .offset-11 { margin-left: 91.6666666667% !important; } 2635 2636 @media (min-width: 544px) { .offset-sm-1 { margin-left: 8.3333333333% !important; } 2637 .offset-sm-2 { margin-left: 16.6666666667% !important; } 2638 .offset-sm-3 { margin-left: 25% !important; } 2639 .offset-sm-4 { margin-left: 33.3333333333% !important; } 2640 .offset-sm-5 { margin-left: 41.6666666667% !important; } 2641 .offset-sm-6 { margin-left: 50% !important; } 2642 .offset-sm-7 { margin-left: 58.3333333333% !important; } 2643 .offset-sm-8 { margin-left: 66.6666666667% !important; } 2644 .offset-sm-9 { margin-left: 75% !important; } 2645 .offset-sm-10 { margin-left: 83.3333333333% !important; } 2646 .offset-sm-11 { margin-left: 91.6666666667% !important; } } 2647 @media (min-width: 768px) { .offset-md-1 { margin-left: 8.3333333333% !important; } 2648 .offset-md-2 { margin-left: 16.6666666667% !important; } 2649 .offset-md-3 { margin-left: 25% !important; } 2650 .offset-md-4 { margin-left: 33.3333333333% !important; } 2651 .offset-md-5 { margin-left: 41.6666666667% !important; } 2652 .offset-md-6 { margin-left: 50% !important; } 2653 .offset-md-7 { margin-left: 58.3333333333% !important; } 2654 .offset-md-8 { margin-left: 66.6666666667% !important; } 2655 .offset-md-9 { margin-left: 75% !important; } 2656 .offset-md-10 { margin-left: 83.3333333333% !important; } 2657 .offset-md-11 { margin-left: 91.6666666667% !important; } } 2658 @media (min-width: 1012px) { .offset-lg-1 { margin-left: 8.3333333333% !important; } 2659 .offset-lg-2 { margin-left: 16.6666666667% !important; } 2660 .offset-lg-3 { margin-left: 25% !important; } 2661 .offset-lg-4 { margin-left: 33.3333333333% !important; } 2662 .offset-lg-5 { margin-left: 41.6666666667% !important; } 2663 .offset-lg-6 { margin-left: 50% !important; } 2664 .offset-lg-7 { margin-left: 58.3333333333% !important; } 2665 .offset-lg-8 { margin-left: 66.6666666667% !important; } 2666 .offset-lg-9 { margin-left: 75% !important; } 2667 .offset-lg-10 { margin-left: 83.3333333333% !important; } 2668 .offset-lg-11 { margin-left: 91.6666666667% !important; } } 2669 @media (min-width: 1280px) { .offset-xl-1 { margin-left: 8.3333333333% !important; } 2670 .offset-xl-2 { margin-left: 16.6666666667% !important; } 2671 .offset-xl-3 { margin-left: 25% !important; } 2672 .offset-xl-4 { margin-left: 33.3333333333% !important; } 2673 .offset-xl-5 { margin-left: 41.6666666667% !important; } 2674 .offset-xl-6 { margin-left: 50% !important; } 2675 .offset-xl-7 { margin-left: 58.3333333333% !important; } 2676 .offset-xl-8 { margin-left: 66.6666666667% !important; } 2677 .offset-xl-9 { margin-left: 75% !important; } 2678 .offset-xl-10 { margin-left: 83.3333333333% !important; } 2679 .offset-xl-11 { margin-left: 91.6666666667% !important; } } 2680 .markdown-body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-size: 16px; line-height: 1.5; word-wrap: break-word; } 2681 .markdown-body::before { display: table; content: ""; } 2682 .markdown-body::after { display: table; clear: both; content: ""; } 2683 .markdown-body > *:first-child { margin-top: 0 !important; } 2684 .markdown-body > *:last-child { margin-bottom: 0 !important; } 2685 .markdown-body a:not([href]) { color: inherit; text-decoration: none; } 2686 .markdown-body .absent { color: #cb2431; } 2687 .markdown-body .anchor { float: left; padding-right: 4px; margin-left: -20px; line-height: 1; } 2688 .markdown-body .anchor:focus { outline: none; } 2689 .markdown-body p, .markdown-body blockquote, .markdown-body ul, .markdown-body ol, .markdown-body dl, .markdown-body table, .markdown-body pre { margin-top: 0; margin-bottom: 16px; } 2690 .markdown-body hr { height: 0.25em; padding: 0; margin: 24px 0; background-color: #e1e4e8; border: 0; } 2691 .markdown-body blockquote { padding: 0 1em; color: #6a737d; border-left: 0.25em solid #dfe2e5; } 2692 .markdown-body blockquote > :first-child { margin-top: 0; } 2693 .markdown-body blockquote > :last-child { margin-bottom: 0; } 2694 .markdown-body kbd { display: inline-block; padding: 3px 5px; font-size: 11px; line-height: 10px; color: #444d56; vertical-align: middle; background-color: #fafbfc; border: solid 1px #c6cbd1; border-bottom-color: #959da5; border-radius: 3px; box-shadow: inset 0 -1px 0 #959da5; } 2695 2696 .markdown-body h1, .markdown-body h2, .markdown-body h3, .markdown-body h4, .markdown-body h5, .markdown-body h6 { margin-top: 24px; margin-bottom: 16px; font-weight: 600; line-height: 1.25; } 2697 .markdown-body h1 .octicon-link, .markdown-body h2 .octicon-link, .markdown-body h3 .octicon-link, .markdown-body h4 .octicon-link, .markdown-body h5 .octicon-link, .markdown-body h6 .octicon-link { color: #1b1f23; vertical-align: middle; visibility: hidden; } 2698 .markdown-body h1:hover .anchor, .markdown-body h2:hover .anchor, .markdown-body h3:hover .anchor, .markdown-body h4:hover .anchor, .markdown-body h5:hover .anchor, .markdown-body h6:hover .anchor { text-decoration: none; } 2699 .markdown-body h1:hover .anchor .octicon-link, .markdown-body h2:hover .anchor .octicon-link, .markdown-body h3:hover .anchor .octicon-link, .markdown-body h4:hover .anchor .octicon-link, .markdown-body h5:hover .anchor .octicon-link, .markdown-body h6:hover .anchor .octicon-link { visibility: visible; } 2700 .markdown-body h1 tt, .markdown-body h1 code, .markdown-body h2 tt, .markdown-body h2 code, .markdown-body h3 tt, .markdown-body h3 code, .markdown-body h4 tt, .markdown-body h4 code, .markdown-body h5 tt, .markdown-body h5 code, .markdown-body h6 tt, .markdown-body h6 code { font-size: inherit; } 2701 .markdown-body h1 { padding-bottom: 0.3em; font-size: 2em; border-bottom: 1px solid #eaecef; } 2702 .markdown-body h2 { padding-bottom: 0.3em; font-size: 1.5em; border-bottom: 1px solid #eaecef; } 2703 .markdown-body h3 { font-size: 1.25em; } 2704 .markdown-body h4 { font-size: 1em; } 2705 .markdown-body h5 { font-size: 0.875em; } 2706 .markdown-body h6 { font-size: 0.85em; color: #6a737d; } 2707 2708 .markdown-body ul, .markdown-body ol { padding-left: 2em; } 2709 .markdown-body ul.no-list, .markdown-body ol.no-list { padding: 0; list-style-type: none; } 2710 .markdown-body ul ul, .markdown-body ul ol, .markdown-body ol ol, .markdown-body ol ul { margin-top: 0; margin-bottom: 0; } 2711 .markdown-body li { word-wrap: break-all; } 2712 .markdown-body li > p { margin-top: 16px; } 2713 .markdown-body li + li { margin-top: 0.25em; } 2714 .markdown-body dl { padding: 0; } 2715 .markdown-body dl dt { padding: 0; margin-top: 16px; font-size: 1em; font-style: italic; font-weight: 600; } 2716 .markdown-body dl dd { padding: 0 16px; margin-bottom: 16px; } 2717 2718 .markdown-body table { display: block; width: 100%; overflow: auto; } 2719 .markdown-body table th { font-weight: 600; } 2720 .markdown-body table th, .markdown-body table td { padding: 6px 13px; border: 1px solid #dfe2e5; } 2721 .markdown-body table tr { background-color: #fff; border-top: 1px solid #c6cbd1; } 2722 .markdown-body table tr:nth-child(2n) { background-color: #f6f8fa; } 2723 .markdown-body table img { background-color: transparent; } 2724 2725 .markdown-body img { max-width: 100%; box-sizing: content-box; background-color: #fff; } 2726 .markdown-body img[align=right] { padding-left: 20px; } 2727 .markdown-body img[align=left] { padding-right: 20px; } 2728 .markdown-body .emoji { max-width: none; vertical-align: text-top; background-color: transparent; } 2729 .markdown-body span.frame { display: block; overflow: hidden; } 2730 .markdown-body span.frame > span { display: block; float: left; width: auto; padding: 7px; margin: 13px 0 0; overflow: hidden; border: 1px solid #dfe2e5; } 2731 .markdown-body span.frame span img { display: block; float: left; } 2732 .markdown-body span.frame span span { display: block; padding: 5px 0 0; clear: both; color: #24292e; } 2733 .markdown-body span.align-center { display: block; overflow: hidden; clear: both; } 2734 .markdown-body span.align-center > span { display: block; margin: 13px auto 0; overflow: hidden; text-align: center; } 2735 .markdown-body span.align-center span img { margin: 0 auto; text-align: center; } 2736 .markdown-body span.align-right { display: block; overflow: hidden; clear: both; } 2737 .markdown-body span.align-right > span { display: block; margin: 13px 0 0; overflow: hidden; text-align: right; } 2738 .markdown-body span.align-right span img { margin: 0; text-align: right; } 2739 .markdown-body span.float-left { display: block; float: left; margin-right: 13px; overflow: hidden; } 2740 .markdown-body span.float-left span { margin: 13px 0 0; } 2741 .markdown-body span.float-right { display: block; float: right; margin-left: 13px; overflow: hidden; } 2742 .markdown-body span.float-right > span { display: block; margin: 13px auto 0; overflow: hidden; text-align: right; } 2743 2744 .markdown-body code, .markdown-body tt { padding: 0.2em 0.4em; margin: 0; font-size: 85%; background-color: rgba(27, 31, 35, 0.05); border-radius: 3px; } 2745 .markdown-body code br, .markdown-body tt br { display: none; } 2746 .markdown-body del code { text-decoration: inherit; } 2747 .markdown-body pre { word-wrap: normal; } 2748 .markdown-body pre > code { padding: 0; margin: 0; font-size: 100%; word-break: normal; white-space: pre; background: transparent; border: 0; } 2749 .markdown-body .highlight { margin-bottom: 16px; } 2750 .markdown-body .highlight pre { margin-bottom: 0; word-break: normal; } 2751 .markdown-body .highlight pre, .markdown-body pre { padding: 16px; overflow: auto; font-size: 85%; line-height: 1.45; background-color: #f6f8fa; border-radius: 3px; } 2752 .markdown-body pre code, .markdown-body pre tt { display: inline; max-width: auto; padding: 0; margin: 0; overflow: visible; line-height: inherit; word-wrap: normal; background-color: transparent; border: 0; } 2753 2754 .markdown-body .csv-data td, .markdown-body .csv-data th { padding: 5px; overflow: hidden; font-size: 12px; line-height: 1; text-align: left; white-space: nowrap; } 2755 .markdown-body .csv-data .blob-num { padding: 10px 8px 9px; text-align: right; background: #fff; border: 0; } 2756 .markdown-body .csv-data tr { border-top: 0; } 2757 .markdown-body .csv-data th { font-weight: 600; background: #f6f8fa; border-top: 0; } 2758 2759 .highlight table td { padding: 5px; } 2760 2761 .highlight table pre { margin: 0; } 2762 2763 .highlight .cm { color: #999988; font-style: italic; } 2764 2765 .highlight .cp { color: #999999; font-weight: bold; } 2766 2767 .highlight .c1 { color: #999988; font-style: italic; } 2768 2769 .highlight .cs { color: #999999; font-weight: bold; font-style: italic; } 2770 2771 .highlight .c, .highlight .cd { color: #999988; font-style: italic; } 2772 2773 .highlight .err { color: #a61717; background-color: #e3d2d2; } 2774 2775 .highlight .gd { color: #000000; background-color: #ffdddd; } 2776 2777 .highlight .ge { color: #000000; font-style: italic; } 2778 2779 .highlight .gr { color: #aa0000; } 2780 2781 .highlight .gh { color: #999999; } 2782 2783 .highlight .gi { color: #000000; background-color: #ddffdd; } 2784 2785 .highlight .go { color: #888888; } 2786 2787 .highlight .gp { color: #555555; } 2788 2789 .highlight .gs { font-weight: bold; } 2790 2791 .highlight .gu { color: #aaaaaa; } 2792 2793 .highlight .gt { color: #aa0000; } 2794 2795 .highlight .kc { color: #000000; font-weight: bold; } 2796 2797 .highlight .kd { color: #000000; font-weight: bold; } 2798 2799 .highlight .kn { color: #000000; font-weight: bold; } 2800 2801 .highlight .kp { color: #000000; font-weight: bold; } 2802 2803 .highlight .kr { color: #000000; font-weight: bold; } 2804 2805 .highlight .kt { color: #445588; font-weight: bold; } 2806 2807 .highlight .k, .highlight .kv { color: #000000; font-weight: bold; } 2808 2809 .highlight .mf { color: #009999; } 2810 2811 .highlight .mh { color: #009999; } 2812 2813 .highlight .il { color: #009999; } 2814 2815 .highlight .mi { color: #009999; } 2816 2817 .highlight .mo { color: #009999; } 2818 2819 .highlight .m, .highlight .mb, .highlight .mx { color: #009999; } 2820 2821 .highlight .sb { color: #d14; } 2822 2823 .highlight .sc { color: #d14; } 2824 2825 .highlight .sd { color: #d14; } 2826 2827 .highlight .s2 { color: #d14; } 2828 2829 .highlight .se { color: #d14; } 2830 2831 .highlight .sh { color: #d14; } 2832 2833 .highlight .si { color: #d14; } 2834 2835 .highlight .sx { color: #d14; } 2836 2837 .highlight .sr { color: #009926; } 2838 2839 .highlight .s1 { color: #d14; } 2840 2841 .highlight .ss { color: #990073; } 2842 2843 .highlight .s { color: #d14; } 2844 2845 .highlight .na { color: #008080; } 2846 2847 .highlight .bp { color: #999999; } 2848 2849 .highlight .nb { color: #0086B3; } 2850 2851 .highlight .nc { color: #445588; font-weight: bold; } 2852 2853 .highlight .no { color: #008080; } 2854 2855 .highlight .nd { color: #3c5d5d; font-weight: bold; } 2856 2857 .highlight .ni { color: #800080; } 2858 2859 .highlight .ne { color: #990000; font-weight: bold; } 2860 2861 .highlight .nf { color: #990000; font-weight: bold; } 2862 2863 .highlight .nl { color: #990000; font-weight: bold; } 2864 2865 .highlight .nn { color: #555555; } 2866 2867 .highlight .nt { color: #000080; } 2868 2869 .highlight .vc { color: #008080; } 2870 2871 .highlight .vg { color: #008080; } 2872 2873 .highlight .vi { color: #008080; } 2874 2875 .highlight .nv { color: #008080; } 2876 2877 .highlight .ow { color: #000000; font-weight: bold; } 2878 2879 .highlight .o { color: #000000; font-weight: bold; } 2880 2881 .highlight .w { color: #bbbbbb; } 2882 2883 .highlight { background-color: #f8f8f8; }