@charset "UTF-8";
@import url("https://cdn.quilljs.com/1.0.0/quill.snow.css");
@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Lato:wght@400;700&display=swap");
@import url("https://fonts.cdnfonts.com/css/euclid-circular-b");
#quill-editor {
position: relative;
}
#quill-editor table {
border-collapse: collapse;
width: 100%;
}
#quill-editor table td {
border: 1px solid #000;
height: 25px;
padding: 5px;
}
.ql-editor .ap {
background-image: url("images/emojis-list.png");
background-repeat: no-repeat;
background-size: 820px;
box-sizing: border-box;
display: inline-flex;
font-size: 20px;
height: 20px;
line-height: 1;
margin-top: -3px;
overflow: hidden;
text-indent: -999px;
width: 20px;
}
.mention {
color: #0366d6;
}
.completions {
background: #fff;
border-radius: 2px;
box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.25);
list-style: none;
}
.completions > li {
margin: 0;
padding: 0;
}
.completions > li > button {
background: none;
border: none;
box-sizing: border-box;
display: block;
height: 2em;
margin: 0;
padding: 0.25em 0.5em;
text-align: left;
width: 100%;
}
.completions > li > button:hover {
background: #ddd;
}
.completions > li > button:focus {
background: #ddd;
outline: none;
}
.completions > li > button > .matched {
color: #000;
font-weight: 700;
}
.completions > li > button * {
vertical-align: middle;
}
.emoji_completions {
background: #fff;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 3px;
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.12);
list-style: none;
margin: 0;
padding: 6px;
}
.emoji_completions li {
display: inline-block;
margin: 2px 0;
padding: 0;
}
.emoji_completions li:not(:last-of-type) {
margin-right: 3px;
}
.emoji_completions > li > button {
background: #efefef;
border: none;
border-radius: 3px;
box-sizing: border-box;
display: block;
margin: 0;
padding: 3px 2px 6px;
text-align: left;
width: 100%;
}
.emoji_completions > li > button:hover {
background: #2d9ee0;
color: #fff;
}
.emoji_completions > li > button:focus {
background: #2d9ee0;
color: #fff;
outline: none;
}
.emoji_completions > li > button.emoji-active {
background: red;
background: #2d9ee0;
color: #fff;
outline: none;
}
.emoji_completions > li > button > .matched {
font-weight: 700;
}
.emoji_completions > li > button > *, .emoji_completions > li > button .ico {
vertical-align: middle;
}
.ico {
font-size: 18px;
line-height: 0;
margin-right: 5px;
}
#emoji-palette {
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 3px;
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.12);
max-width: 250px;
position: absolute;
z-index: 999;
}
#emoji-palette .bem {
cursor: pointer;
display: inline-block;
font-size: 24px;
margin: 2px;
text-align: center;
width: 34px;
}
#emoji-palette .emoji-tab {
cursor: pointer;
display: inline-table;
height: 100%;
min-height: 30px;
text-align: center;
width: 30px;
}
#emoji-palette .emoji-tab .i-activity {
background: url('data:image/svg+xml;utf8,');
}
#emoji-palette .emoji-tab .i-activity, #emoji-palette .emoji-tab .i-flags {
content: "";
height: 25px;
margin: auto;
width: 25px;
}
#emoji-palette .emoji-tab .i-flags {
background: url('data:image/svg+xml;utf8,');
}
#emoji-palette .emoji-tab .i-food {
background: url('data:image/svg+xml;utf8,');
}
#emoji-palette .emoji-tab .i-food, #emoji-palette .emoji-tab .i-nature {
content: "";
height: 25px;
margin: auto;
width: 25px;
}
#emoji-palette .emoji-tab .i-nature {
background: url('data:image/svg+xml;utf8,');
}
#emoji-palette .emoji-tab .i-objects {
background: url('data:image/svg+xml;utf8,');
}
#emoji-palette .emoji-tab .i-objects, #emoji-palette .emoji-tab .i-people {
content: "";
height: 25px;
margin: auto;
width: 25px;
}
#emoji-palette .emoji-tab .i-people {
background: url('data:image/svg+xml;utf8,');
}
#emoji-palette .emoji-tab .i-symbols {
background: url('data:image/svg+xml;utf8,');
}
#emoji-palette .emoji-tab .i-symbols, #emoji-palette .emoji-tab .i-travel {
content: "";
height: 25px;
margin: auto;
width: 25px;
}
#emoji-palette .emoji-tab .i-travel {
background: url('data:image/svg+xml;utf8,');
}
#emoji-palette #tab-toolbar {
background-color: #f7f7f7;
border-bottom: 1px solid rgba(0, 0, 0, 0.15);
padding: 4px 4px 0;
}
#emoji-palette #tab-toolbar ul {
margin: 0;
padding: 0;
}
#tab-filters {
margin: 20px auto 0;
width: 210px;
}
#tab-filters .active {
border-bottom: 3px solid #2ab27b;
}
#tab-panel {
background: #fff;
display: flex;
flex-wrap: wrap;
justify-content: center;
max-height: 220px;
overflow-y: scroll;
padding: 2px;
}
#quill-editor x-contain, contain {
background: #fb8;
display: block;
}
.ql-picker.ql-table .ql-picker-label:before, button.ql-table:after {
content: "TABLE";
}
button.ql-contain:after {
content: "WRAP";
}
button.ql-table[value=append-row]:after {
content: "ROWS+";
}
button.ql-table[value=append-col]:after {
content: "COLS+";
}
.ql-contain, .ql-table {
margin-right: -15px;
width: auto !important;
}
#emoji-close-div {
height: 100%;
left: 0;
position: fixed;
top: 0;
width: 100%;
}
.textarea-emoji-control {
height: 25px;
right: 4px;
top: 10px;
width: 25px;
display: none;
}
#textarea-emoji {
border: 1px solid #66afe9;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 3px;
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.12);
max-width: 250px;
position: absolute;
top: 0;
right: 0;
z-index: 999;
}
.button-emoji {
margin-bottom: -5px;
}
.ql-emojiblot {
display: inline-block;
vertical-align: text-top;
}
.ap-copyright {
background-position: 0 0;
}
.ap-registered {
background-position: 0 -20px;
}
.ap-bangbang {
background-position: 0 -40px;
}
.ap-interrobang {
background-position: 0 -60px;
}
.ap-tm {
background-position: 0 -80px;
}
.ap-information_source {
background-position: 0 -100px;
}
.ap-left_right_arrow {
background-position: 0 -120px;
}
.ap-arrow_up_down {
background-position: 0 -140px;
}
.ap-arrow_upper_left {
background-position: 0 -160px;
}
.ap-arrow_upper_right {
background-position: 0 -180px;
}
.ap-arrow_lower_right {
background-position: 0 -200px;
}
.ap-arrow_lower_left {
background-position: 0 -220px;
}
.ap-leftwards_arrow_with_hook {
background-position: 0 -240px;
}
.ap-arrow_right_hook {
background-position: 0 -260px;
}
.ap-watch {
background-position: 0 -280px;
}
.ap-hourglass {
background-position: 0 -300px;
}
.ap-keyboard {
background-position: 0 -320px;
}
.ap-fast_forward {
background-position: 0 -360px;
}
.ap-rewind {
background-position: 0 -380px;
}
.ap-arrow_double_up {
background-position: 0 -400px;
}
.ap-arrow_double_down {
background-position: 0 -420px;
}
.ap-black_right_pointing_double_triangle_with_vertical_bar {
background-position: 0 -440px;
}
.ap-black_left_pointing_double_triangle_with_vertical_bar {
background-position: 0 -460px;
}
.ap-black_right_pointing_triangle_with_double_vertical_bar {
background-position: 0 -480px;
}
.ap-alarm_clock {
background-position: 0 -500px;
}
.ap-stopwatch {
background-position: 0 -520px;
}
.ap-timer_clock {
background-position: 0 -540px;
}
.ap-hourglass_flowing_sand {
background-position: 0 -560px;
}
.ap-double_vertical_bar {
background-position: 0 -580px;
}
.ap-black_square_for_stop {
background-position: 0 -600px;
}
.ap-black_circle_for_record {
background-position: 0 -620px;
}
.ap-m {
background-position: 0 -640px;
}
.ap-black_small_square {
background-position: 0 -660px;
}
.ap-white_small_square {
background-position: 0 -680px;
}
.ap-arrow_forward {
background-position: 0 -700px;
}
.ap-arrow_backward {
background-position: 0 -720px;
}
.ap-white_medium_square {
background-position: 0 -740px;
}
.ap-black_medium_square {
background-position: 0 -760px;
}
.ap-white_medium_small_square {
background-position: 0 -780px;
}
.ap-black_medium_small_square {
background-position: 0 -800px;
}
.ap-sunny {
background-position: -20px 0;
}
.ap-cloud {
background-position: -20px -20px;
}
.ap-umbrella {
background-position: -20px -40px;
}
.ap-snowman {
background-position: -20px -60px;
}
.ap-comet {
background-position: -20px -80px;
}
.ap-phone, .ap-telephone {
background-position: -20px -100px;
}
.ap-ballot_box_with_check {
background-position: -20px -120px;
}
.ap-umbrella_with_rain_drops {
background-position: -20px -140px;
}
.ap-coffee {
background-position: -20px -160px;
}
.ap-shamrock {
background-position: -20px -180px;
}
.ap-point_up {
background-position: -20px -200px;
}
.ap-skull_and_crossbones {
background-position: -20px -320px;
}
.ap-radioactive_sign {
background-position: -20px -340px;
}
.ap-biohazard_sign {
background-position: -20px -360px;
}
.ap-orthodox_cross {
background-position: -20px -380px;
}
.ap-star_and_crescent {
background-position: -20px -400px;
}
.ap-peace_symbol {
background-position: -20px -420px;
}
.ap-yin_yang {
background-position: -20px -440px;
}
.ap-wheel_of_dharma {
background-position: -20px -460px;
}
.ap-white_frowning_face {
background-position: -20px -480px;
}
.ap-relaxed {
background-position: -20px -500px;
}
.ap-aries {
background-position: -20px -520px;
}
.ap-taurus {
background-position: -20px -540px;
}
.ap-gemini {
background-position: -20px -560px;
}
.ap-cancer {
background-position: -20px -580px;
}
.ap-leo {
background-position: -20px -600px;
}
.ap-virgo {
background-position: -20px -620px;
}
.ap-libra {
background-position: -20px -640px;
}
.ap-scorpius {
background-position: -20px -660px;
}
.ap-sagittarius {
background-position: -20px -680px;
}
.ap-capricorn {
background-position: -20px -700px;
}
.ap-aquarius {
background-position: -20px -720px;
}
.ap-pisces {
background-position: -20px -740px;
}
.ap-spades {
background-position: -20px -760px;
}
.ap-clubs {
background-position: -20px -780px;
}
.ap-hearts {
background-position: -20px -800px;
}
.ap-diamonds {
background-position: -40px 0;
}
.ap-hotsprings {
background-position: -40px -20px;
}
.ap-recycle {
background-position: -40px -40px;
}
.ap-wheelchair {
background-position: -40px -60px;
}
.ap-hammer_and_pick {
background-position: -40px -80px;
}
.ap-anchor {
background-position: -40px -100px;
}
.ap-crossed_swords {
background-position: -40px -120px;
}
.ap-scales {
background-position: -40px -140px;
}
.ap-alembic {
background-position: -40px -160px;
}
.ap-gear {
background-position: -40px -180px;
}
.ap-atom_symbol {
background-position: -40px -200px;
}
.ap-fleur_de_lis {
background-position: -40px -220px;
}
.ap-warning {
background-position: -40px -240px;
}
.ap-zap {
background-position: -40px -260px;
}
.ap-white_circle {
background-position: -40px -280px;
}
.ap-black_circle {
background-position: -40px -300px;
}
.ap-coffin {
background-position: -40px -320px;
}
.ap-funeral_urn {
background-position: -40px -340px;
}
.ap-soccer {
background-position: -40px -360px;
}
.ap-baseball {
background-position: -40px -380px;
}
.ap-snowman_without_snow {
background-position: -40px -400px;
}
.ap-partly_sunny {
background-position: -40px -420px;
}
.ap-thunder_cloud_and_rain {
background-position: -40px -440px;
}
.ap-ophiuchus {
background-position: -40px -460px;
}
.ap-pick {
background-position: -40px -480px;
}
.ap-helmet_with_white_cross {
background-position: -40px -500px;
}
.ap-chains {
background-position: -40px -520px;
}
.ap-no_entry {
background-position: -40px -540px;
}
.ap-shinto_shrine {
background-position: -40px -560px;
}
.ap-church {
background-position: -40px -580px;
}
.ap-mountain {
background-position: -40px -600px;
}
.ap-beach_umbrella, .ap-umbrella_on_ground {
background-position: -40px -620px;
}
.ap-fountain {
background-position: -40px -640px;
}
.ap-golf {
background-position: -40px -660px;
}
.ap-ferry {
background-position: -40px -680px;
}
.ap-boat {
background-position: -40px -700px;
}
.ap-skier {
background-position: -40px -720px;
}
.ap-ice_skate {
background-position: -40px -740px;
}
.ap-person_with_ball {
background-position: -40px -760px;
}
.ap-tent {
background-position: -60px -60px;
}
.ap-fuelpump {
background-position: -60px -80px;
}
.ap-scissors {
background-position: -60px -100px;
}
.ap-white_check_mark {
background-position: -60px -120px;
}
.ap-airplane {
background-position: -60px -140px;
}
.ap-email {
background-position: -60px -160px;
}
.ap-fist {
background-position: -60px -180px;
}
.ap-hand {
background-position: -60px -300px;
}
.ap-v {
background-position: -60px -420px;
}
.ap-writing_hand {
background-position: -60px -540px;
}
.ap-pencil2 {
background-position: -60px -660px;
}
.ap-black_nib {
background-position: -60px -680px;
}
.ap-heavy_check_mark {
background-position: -60px -700px;
}
.ap-heavy_multiplication_x {
background-position: -60px -720px;
}
.ap-latin_cross {
background-position: -60px -740px;
}
.ap-star_of_david {
background-position: -60px -760px;
}
.ap-sparkles {
background-position: -60px -780px;
}
.ap-eight_spoked_asterisk {
background-position: -60px -800px;
}
.ap-eight_pointed_black_star {
background-position: -80px 0;
}
.ap-snowflake {
background-position: -80px -20px;
}
.ap-sparkle {
background-position: -80px -40px;
}
.ap-x {
background-position: -80px -60px;
}
.ap-negative_squared_cross_mark {
background-position: -80px -80px;
}
.ap-question {
background-position: -80px -100px;
}
.ap-grey_question {
background-position: -80px -120px;
}
.ap-grey_exclamation {
background-position: -80px -140px;
}
.ap-exclamation {
background-position: -80px -160px;
}
.ap-heavy_heart_exclamation_mark_ornament {
background-position: -80px -180px;
}
.ap-heart {
background-position: -80px -200px;
}
.ap-heavy_plus_sign {
background-position: -80px -220px;
}
.ap-heavy_minus_sign {
background-position: -80px -240px;
}
.ap-heavy_division_sign {
background-position: -80px -260px;
}
.ap-arrow_right {
background-position: -80px -280px;
}
.ap-curly_loop {
background-position: -80px -300px;
}
.ap-loop {
background-position: -80px -320px;
}
.ap-arrow_heading_up {
background-position: -80px -340px;
}
.ap-arrow_heading_down {
background-position: -80px -360px;
}
.ap-arrow_left {
background-position: -80px -380px;
}
.ap-arrow_up {
background-position: -80px -400px;
}
.ap-arrow_down {
background-position: -80px -420px;
}
.ap-black_large_square {
background-position: -80px -440px;
}
.ap-white_large_square {
background-position: -80px -460px;
}
.ap-star {
background-position: -80px -480px;
}
.ap-o {
background-position: -80px -500px;
}
.ap-wavy_dash {
background-position: -80px -520px;
}
.ap-part_alternation_mark {
background-position: -80px -540px;
}
.ap-congratulations {
background-position: -80px -560px;
}
.ap-secret {
background-position: -80px -580px;
}
.ap-mahjong {
background-position: -80px -600px;
}
.ap-black_joker {
background-position: -80px -620px;
}
.ap-a {
background-position: -80px -640px;
}
.ap-b {
background-position: -80px -660px;
}
.ap-o2 {
background-position: -80px -680px;
}
.ap-parking {
background-position: -80px -700px;
}
.ap-ab {
background-position: -80px -720px;
}
.ap-cl {
background-position: -80px -740px;
}
.ap-cool {
background-position: -80px -760px;
}
.ap-free {
background-position: -80px -780px;
}
.ap-id {
background-position: -80px -800px;
}
.ap-new {
background-position: -100px 0;
}
.ap-ng {
background-position: -100px -20px;
}
.ap-ok {
background-position: -100px -40px;
}
.ap-sos {
background-position: -100px -60px;
}
.ap-up {
background-position: -100px -80px;
}
.ap-vs {
background-position: -100px -100px;
}
.ap-koko {
background-position: -100px -120px;
}
.ap-sa {
background-position: -100px -140px;
}
.ap-u7121 {
background-position: -100px -160px;
}
.ap-u6307 {
background-position: -100px -180px;
}
.ap-u7981 {
background-position: -100px -200px;
}
.ap-u7a7a {
background-position: -100px -220px;
}
.ap-u5408 {
background-position: -100px -240px;
}
.ap-u6e80 {
background-position: -100px -260px;
}
.ap-u6709 {
background-position: -100px -280px;
}
.ap-u6708 {
background-position: -100px -300px;
}
.ap-u7533 {
background-position: -100px -320px;
}
.ap-u5272 {
background-position: -100px -340px;
}
.ap-u55b6 {
background-position: -100px -360px;
}
.ap-ideograph_advantage {
background-position: -100px -380px;
}
.ap-accept {
background-position: -100px -400px;
}
.ap-cyclone {
background-position: -100px -420px;
}
.ap-foggy {
background-position: -100px -440px;
}
.ap-closed_umbrella {
background-position: -100px -460px;
}
.ap-night_with_stars {
background-position: -100px -480px;
}
.ap-sunrise_over_mountains {
background-position: -100px -500px;
}
.ap-sunrise {
background-position: -100px -520px;
}
.ap-city_sunset {
background-position: -100px -540px;
}
.ap-city_sunrise {
background-position: -100px -560px;
}
.ap-rainbow {
background-position: -100px -580px;
}
.ap-bridge_at_night {
background-position: -100px -600px;
}
.ap-ocean {
background-position: -100px -620px;
}
.ap-volcano {
background-position: -100px -640px;
}
.ap-milky_way {
background-position: -100px -660px;
}
.ap-earth_africa {
background-position: -100px -680px;
}
.ap-earth_americas {
background-position: -100px -700px;
}
.ap-earth_asia {
background-position: -100px -720px;
}
.ap-globe_with_meridians {
background-position: -100px -740px;
}
.ap-new_moon {
background-position: -100px -760px;
}
.ap-waxing_crescent_moon {
background-position: -100px -780px;
}
.ap-first_quarter_moon {
background-position: -100px -800px;
}
.ap-moon {
background-position: -120px 0;
}
.ap-full_moon {
background-position: -120px -20px;
}
.ap-waning_gibbous_moon {
background-position: -120px -40px;
}
.ap-last_quarter_moon {
background-position: -120px -60px;
}
.ap-waning_crescent_moon {
background-position: -120px -80px;
}
.ap-crescent_moon {
background-position: -120px -100px;
}
.ap-new_moon_with_face {
background-position: -120px -120px;
}
.ap-first_quarter_moon_with_face {
background-position: -120px -140px;
}
.ap-last_quarter_moon_with_face {
background-position: -120px -160px;
}
.ap-full_moon_with_face {
background-position: -120px -180px;
}
.ap-sun_with_face {
background-position: -120px -200px;
}
.ap-star2 {
background-position: -120px -220px;
}
.ap-stars {
background-position: -120px -240px;
}
.ap-thermometer {
background-position: -120px -260px;
}
.ap-mostly_sunny {
background-position: -120px -280px;
}
.ap-barely_sunny {
background-position: -120px -300px;
}
.ap-partly_sunny_rain {
background-position: -120px -320px;
}
.ap-rain_cloud {
background-position: -120px -340px;
}
.ap-snow_cloud {
background-position: -120px -360px;
}
.ap-lightning {
background-position: -120px -380px;
}
.ap-tornado {
background-position: -120px -400px;
}
.ap-fog {
background-position: -120px -420px;
}
.ap-wind_blowing_face {
background-position: -120px -440px;
}
.ap-hotdog {
background-position: -120px -460px;
}
.ap-taco {
background-position: -120px -480px;
}
.ap-burrito {
background-position: -120px -500px;
}
.ap-chestnut {
background-position: -120px -520px;
}
.ap-seedling {
background-position: -120px -540px;
}
.ap-evergreen_tree {
background-position: -120px -560px;
}
.ap-deciduous_tree {
background-position: -120px -580px;
}
.ap-palm_tree {
background-position: -120px -600px;
}
.ap-cactus {
background-position: -120px -620px;
}
.ap-hot_pepper {
background-position: -120px -640px;
}
.ap-tulip {
background-position: -120px -660px;
}
.ap-cherry_blossom {
background-position: -120px -680px;
}
.ap-rose {
background-position: -120px -700px;
}
.ap-hibiscus {
background-position: -120px -720px;
}
.ap-sunflower {
background-position: -120px -740px;
}
.ap-blossom {
background-position: -120px -760px;
}
.ap-corn {
background-position: -120px -780px;
}
.ap-ear_of_rice {
background-position: -120px -800px;
}
.ap-herb {
background-position: -140px 0;
}
.ap-four_leaf_clover {
background-position: -140px -20px;
}
.ap-maple_leaf {
background-position: -140px -40px;
}
.ap-fallen_leaf {
background-position: -140px -60px;
}
.ap-leaves {
background-position: -140px -80px;
}
.ap-mushroom {
background-position: -140px -100px;
}
.ap-tomato {
background-position: -140px -120px;
}
.ap-eggplant {
background-position: -140px -140px;
}
.ap-grapes {
background-position: -140px -160px;
}
.ap-melon {
background-position: -140px -180px;
}
.ap-watermelon {
background-position: -140px -200px;
}
.ap-tangerine {
background-position: -140px -220px;
}
.ap-lemon {
background-position: -140px -240px;
}
.ap-banana {
background-position: -140px -260px;
}
.ap-pineapple {
background-position: -140px -280px;
}
.ap-apple {
background-position: -140px -300px;
}
.ap-green_apple {
background-position: -140px -320px;
}
.ap-pear {
background-position: -140px -340px;
}
.ap-peach {
background-position: -140px -360px;
}
.ap-cherries {
background-position: -140px -380px;
}
.ap-strawberry {
background-position: -140px -400px;
}
.ap-hamburger {
background-position: -140px -420px;
}
.ap-pizza {
background-position: -140px -440px;
}
.ap-meat_on_bone {
background-position: -140px -460px;
}
.ap-poultry_leg {
background-position: -140px -480px;
}
.ap-rice_cracker {
background-position: -140px -500px;
}
.ap-rice_ball {
background-position: -140px -520px;
}
.ap-rice {
background-position: -140px -540px;
}
.ap-curry {
background-position: -140px -560px;
}
.ap-ramen {
background-position: -140px -580px;
}
.ap-spaghetti {
background-position: -140px -600px;
}
.ap-bread {
background-position: -140px -620px;
}
.ap-fries {
background-position: -140px -640px;
}
.ap-sweet_potato {
background-position: -140px -660px;
}
.ap-dango {
background-position: -140px -680px;
}
.ap-oden {
background-position: -140px -700px;
}
.ap-sushi {
background-position: -140px -720px;
}
.ap-fried_shrimp {
background-position: -140px -740px;
}
.ap-fish_cake {
background-position: -140px -760px;
}
.ap-icecream {
background-position: -140px -780px;
}
.ap-shaved_ice {
background-position: -140px -800px;
}
.ap-ice_cream {
background-position: -160px 0;
}
.ap-doughnut {
background-position: -160px -20px;
}
.ap-cookie {
background-position: -160px -40px;
}
.ap-chocolate_bar {
background-position: -160px -60px;
}
.ap-candy {
background-position: -160px -80px;
}
.ap-lollipop {
background-position: -160px -100px;
}
.ap-custard {
background-position: -160px -120px;
}
.ap-honey_pot {
background-position: -160px -140px;
}
.ap-cake {
background-position: -160px -160px;
}
.ap-bento {
background-position: -160px -180px;
}
.ap-stew {
background-position: -160px -200px;
}
.ap-egg {
background-position: -160px -220px;
}
.ap-fork_and_knife {
background-position: -160px -240px;
}
.ap-tea {
background-position: -160px -260px;
}
.ap-sake {
background-position: -160px -280px;
}
.ap-wine_glass {
background-position: -160px -300px;
}
.ap-cocktail {
background-position: -160px -320px;
}
.ap-tropical_drink {
background-position: -160px -340px;
}
.ap-beer {
background-position: -160px -360px;
}
.ap-beers {
background-position: -160px -380px;
}
.ap-baby_bottle {
background-position: -160px -400px;
}
.ap-knife_fork_plate {
background-position: -160px -420px;
}
.ap-champagne {
background-position: -160px -440px;
}
.ap-popcorn {
background-position: -160px -460px;
}
.ap-ribbon {
background-position: -160px -480px;
}
.ap-gift {
background-position: -160px -500px;
}
.ap-birthday {
background-position: -160px -520px;
}
.ap-jack_o_lantern {
background-position: -160px -540px;
}
.ap-christmas_tree {
background-position: -160px -560px;
}
.ap-santa {
background-position: -160px -580px;
}
.ap-fireworks {
background-position: -160px -700px;
}
.ap-sparkler {
background-position: -160px -720px;
}
.ap-balloon {
background-position: -160px -740px;
}
.ap-tada {
background-position: -160px -760px;
}
.ap-confetti_ball {
background-position: -160px -780px;
}
.ap-tanabata_tree {
background-position: -160px -800px;
}
.ap-crossed_flags {
background-position: -180px 0;
}
.ap-bamboo {
background-position: -180px -20px;
}
.ap-dolls {
background-position: -180px -40px;
}
.ap-flags {
background-position: -180px -60px;
}
.ap-wind_chime {
background-position: -180px -80px;
}
.ap-rice_scene {
background-position: -180px -100px;
}
.ap-school_satchel {
background-position: -180px -120px;
}
.ap-mortar_board {
background-position: -180px -140px;
}
.ap-medal {
background-position: -180px -160px;
}
.ap-reminder_ribbon {
background-position: -180px -180px;
}
.ap-studio_microphone {
background-position: -180px -200px;
}
.ap-level_slider {
background-position: -180px -220px;
}
.ap-control_knobs {
background-position: -180px -240px;
}
.ap-film_frames {
background-position: -180px -260px;
}
.ap-admission_tickets {
background-position: -180px -280px;
}
.ap-carousel_horse {
background-position: -180px -300px;
}
.ap-ferris_wheel {
background-position: -180px -320px;
}
.ap-roller_coaster {
background-position: -180px -340px;
}
.ap-fishing_pole_and_fish {
background-position: -180px -360px;
}
.ap-microphone {
background-position: -180px -380px;
}
.ap-movie_camera {
background-position: -180px -400px;
}
.ap-cinema {
background-position: -180px -420px;
}
.ap-headphones {
background-position: -180px -440px;
}
.ap-art {
background-position: -180px -460px;
}
.ap-tophat {
background-position: -180px -480px;
}
.ap-circus_tent {
background-position: -180px -500px;
}
.ap-ticket {
background-position: -180px -520px;
}
.ap-clapper {
background-position: -180px -540px;
}
.ap-performing_arts {
background-position: -180px -560px;
}
.ap-video_game {
background-position: -180px -580px;
}
.ap-dart {
background-position: -180px -600px;
}
.ap-slot_machine {
background-position: -180px -620px;
}
.ap-8ball {
background-position: -180px -640px;
}
.ap-game_die {
background-position: -180px -660px;
}
.ap-bowling {
background-position: -180px -680px;
}
.ap-flower_playing_cards {
background-position: -180px -700px;
}
.ap-musical_note {
background-position: -180px -720px;
}
.ap-notes {
background-position: -180px -740px;
}
.ap-saxophone {
background-position: -180px -760px;
}
.ap-guitar {
background-position: -180px -780px;
}
.ap-musical_keyboard {
background-position: -180px -800px;
}
.ap-trumpet {
background-position: -200px 0;
}
.ap-violin {
background-position: -200px -20px;
}
.ap-musical_score {
background-position: -200px -40px;
}
.ap-running_shirt_with_sash {
background-position: -200px -60px;
}
.ap-tennis {
background-position: -200px -80px;
}
.ap-ski {
background-position: -200px -100px;
}
.ap-basketball {
background-position: -200px -120px;
}
.ap-checkered_flag {
background-position: -200px -140px;
}
.ap-snowboarder {
background-position: -200px -160px;
}
.ap-runner {
background-position: -200px -180px;
}
.ap-surfer {
background-position: -200px -300px;
}
.ap-sports_medal {
background-position: -200px -420px;
}
.ap-trophy {
background-position: -200px -440px;
}
.ap-horse_racing {
background-position: -200px -460px;
}
.ap-football {
background-position: -200px -480px;
}
.ap-rugby_football {
background-position: -200px -500px;
}
.ap-swimmer {
background-position: -200px -520px;
}
.ap-weight_lifter {
background-position: -200px -640px;
}
.ap-golfer {
background-position: -200px -760px;
}
.ap-racing_motorcycle {
background-position: -200px -780px;
}
.ap-racing_car {
background-position: -200px -800px;
}
.ap-cricket_bat_and_ball {
background-position: -220px 0;
}
.ap-volleyball {
background-position: -220px -20px;
}
.ap-field_hockey_stick_and_ball {
background-position: -220px -40px;
}
.ap-ice_hockey_stick_and_puck {
background-position: -220px -60px;
}
.ap-table_tennis_paddle_and_ball {
background-position: -220px -80px;
}
.ap-snow_capped_mountain {
background-position: -220px -100px;
}
.ap-camping {
background-position: -220px -120px;
}
.ap-beach_with_umbrella {
background-position: -220px -140px;
}
.ap-building_construction {
background-position: -220px -160px;
}
.ap-house_buildings {
background-position: -220px -180px;
}
.ap-cityscape {
background-position: -220px -200px;
}
.ap-derelict_house_building {
background-position: -220px -220px;
}
.ap-classical_building {
background-position: -220px -240px;
}
.ap-desert {
background-position: -220px -260px;
}
.ap-desert_island {
background-position: -220px -280px;
}
.ap-national_park {
background-position: -220px -300px;
}
.ap-stadium {
background-position: -220px -320px;
}
.ap-house {
background-position: -220px -340px;
}
.ap-house_with_garden {
background-position: -220px -360px;
}
.ap-office {
background-position: -220px -380px;
}
.ap-post_office {
background-position: -220px -400px;
}
.ap-european_post_office {
background-position: -220px -420px;
}
.ap-hospital {
background-position: -220px -440px;
}
.ap-bank {
background-position: -220px -460px;
}
.ap-atm {
background-position: -220px -480px;
}
.ap-hotel {
background-position: -220px -500px;
}
.ap-love_hotel {
background-position: -220px -520px;
}
.ap-convenience_store {
background-position: -220px -540px;
}
.ap-school {
background-position: -220px -560px;
}
.ap-department_store {
background-position: -220px -580px;
}
.ap-factory {
background-position: -220px -600px;
}
.ap-izakaya_lantern {
background-position: -220px -620px;
}
.ap-japanese_castle {
background-position: -220px -640px;
}
.ap-european_castle {
background-position: -220px -660px;
}
.ap-waving_white_flag {
background-position: -220px -680px;
}
.ap-waving_black_flag {
background-position: -220px -700px;
}
.ap-rosette {
background-position: -220px -720px;
}
.ap-label {
background-position: -220px -740px;
}
.ap-badminton_racquet_and_shuttlecock {
background-position: -220px -760px;
}
.ap-bow_and_arrow {
background-position: -220px -780px;
}
.ap-amphora {
background-position: -220px -800px;
}
.ap-skin-tone-2 {
background-position: -240px 0;
}
.ap-skin-tone-3 {
background-position: -240px -20px;
}
.ap-skin-tone-4 {
background-position: -240px -40px;
}
.ap-skin-tone-5 {
background-position: -240px -60px;
}
.ap-skin-tone-6 {
background-position: -240px -80px;
}
.ap-rat {
background-position: -240px -100px;
}
.ap-mouse2 {
background-position: -240px -120px;
}
.ap-ox {
background-position: -240px -140px;
}
.ap-water_buffalo {
background-position: -240px -160px;
}
.ap-cow2 {
background-position: -240px -180px;
}
.ap-tiger2 {
background-position: -240px -200px;
}
.ap-leopard {
background-position: -240px -220px;
}
.ap-rabbit2 {
background-position: -240px -240px;
}
.ap-cat2 {
background-position: -240px -260px;
}
.ap-dragon {
background-position: -240px -280px;
}
.ap-crocodile {
background-position: -240px -300px;
}
.ap-whale2 {
background-position: -240px -320px;
}
.ap-snail {
background-position: -240px -340px;
}
.ap-snake {
background-position: -240px -360px;
}
.ap-racehorse {
background-position: -240px -380px;
}
.ap-ram {
background-position: -240px -400px;
}
.ap-goat {
background-position: -240px -420px;
}
.ap-sheep {
background-position: -240px -440px;
}
.ap-monkey {
background-position: -240px -460px;
}
.ap-rooster {
background-position: -240px -480px;
}
.ap-chicken {
background-position: -240px -500px;
}
.ap-dog2 {
background-position: -240px -520px;
}
.ap-pig2 {
background-position: -240px -540px;
}
.ap-boar {
background-position: -240px -560px;
}
.ap-elephant {
background-position: -240px -580px;
}
.ap-octopus {
background-position: -240px -600px;
}
.ap-shell {
background-position: -240px -620px;
}
.ap-bug {
background-position: -240px -640px;
}
.ap-ant {
background-position: -240px -660px;
}
.ap-bee {
background-position: -240px -680px;
}
.ap-beetle {
background-position: -240px -700px;
}
.ap-fish {
background-position: -240px -720px;
}
.ap-tropical_fish {
background-position: -240px -740px;
}
.ap-blowfish {
background-position: -240px -760px;
}
.ap-turtle {
background-position: -240px -780px;
}
.ap-hatching_chick {
background-position: -240px -800px;
}
.ap-baby_chick {
background-position: -260px 0;
}
.ap-hatched_chick {
background-position: -260px -20px;
}
.ap-bird {
background-position: -260px -40px;
}
.ap-penguin {
background-position: -260px -60px;
}
.ap-koala {
background-position: -260px -80px;
}
.ap-poodle {
background-position: -260px -100px;
}
.ap-dromedary_camel {
background-position: -260px -120px;
}
.ap-camel {
background-position: -260px -140px;
}
.ap-dolphin {
background-position: -260px -160px;
}
.ap-mouse {
background-position: -260px -180px;
}
.ap-cow {
background-position: -260px -200px;
}
.ap-tiger {
background-position: -260px -220px;
}
.ap-rabbit {
background-position: -260px -240px;
}
.ap-cat {
background-position: -260px -260px;
}
.ap-dragon_face {
background-position: -260px -280px;
}
.ap-whale {
background-position: -260px -300px;
}
.ap-horse {
background-position: -260px -320px;
}
.ap-monkey_face {
background-position: -260px -340px;
}
.ap-dog {
background-position: -260px -360px;
}
.ap-pig {
background-position: -260px -380px;
}
.ap-frog {
background-position: -260px -400px;
}
.ap-hamster {
background-position: -260px -420px;
}
.ap-wolf {
background-position: -260px -440px;
}
.ap-bear {
background-position: -260px -460px;
}
.ap-panda_face {
background-position: -260px -480px;
}
.ap-pig_nose {
background-position: -260px -500px;
}
.ap-feet {
background-position: -260px -520px;
}
.ap-chipmunk {
background-position: -260px -540px;
}
.ap-eyes {
background-position: -260px -560px;
}
.ap-eye {
background-position: -260px -580px;
}
.ap-ear {
background-position: -260px -600px;
}
.ap-nose {
background-position: -260px -720px;
}
.ap-lips {
background-position: -280px -20px;
}
.ap-tongue {
background-position: -280px -40px;
}
.ap-point_up_2 {
background-position: -280px -60px;
}
.ap-point_down {
background-position: -280px -180px;
}
.ap-point_left {
background-position: -280px -300px;
}
.ap-point_right {
background-position: -280px -420px;
}
.ap-facepunch {
background-position: -280px -540px;
}
.ap-wave {
background-position: -280px -660px;
}
.ap-ok_hand {
background-position: -280px -780px;
}
.ap-thumbsup {
background-position: -300px -80px;
}
.ap--1, .ap-thumbsdown {
background-position: -300px -200px;
}
.ap-clap {
background-position: -300px -320px;
}
.ap-open_hands {
background-position: -300px -440px;
}
.ap-crown {
background-position: -300px -560px;
}
.ap-womans_hat {
background-position: -300px -580px;
}
.ap-eyeglasses {
background-position: -300px -600px;
}
.ap-necktie {
background-position: -300px -620px;
}
.ap-shirt {
background-position: -300px -640px;
}
.ap-jeans {
background-position: -300px -660px;
}
.ap-dress {
background-position: -300px -680px;
}
.ap-kimono {
background-position: -300px -700px;
}
.ap-bikini {
background-position: -300px -720px;
}
.ap-womans_clothes {
background-position: -300px -740px;
}
.ap-purse {
background-position: -300px -760px;
}
.ap-handbag {
background-position: -300px -780px;
}
.ap-pouch {
background-position: -300px -800px;
}
.ap-mans_shoe {
background-position: -320px 0;
}
.ap-athletic_shoe {
background-position: -320px -20px;
}
.ap-high_heel {
background-position: -320px -40px;
}
.ap-sandal {
background-position: -320px -60px;
}
.ap-boot {
background-position: -320px -80px;
}
.ap-footprints {
background-position: -320px -100px;
}
.ap-bust_in_silhouette {
background-position: -320px -120px;
}
.ap-busts_in_silhouette {
background-position: -320px -140px;
}
.ap-boy {
background-position: -320px -160px;
}
.ap-girl {
background-position: -320px -280px;
}
.ap-man {
background-position: -320px -400px;
}
.ap-woman {
background-position: -320px -520px;
}
.ap-family {
background-position: -320px -640px;
}
.ap-couple {
background-position: -320px -660px;
}
.ap-two_men_holding_hands {
background-position: -320px -680px;
}
.ap-two_women_holding_hands {
background-position: -320px -700px;
}
.ap-cop {
background-position: -320px -720px;
}
.ap-dancers {
background-position: -340px -20px;
}
.ap-bride_with_veil {
background-position: -340px -40px;
}
.ap-person_with_blond_hair {
background-position: -340px -160px;
}
.ap-man_with_gua_pi_mao {
background-position: -340px -280px;
}
.ap-man_with_turban {
background-position: -340px -400px;
}
.ap-older_man {
background-position: -340px -520px;
}
.ap-older_woman {
background-position: -340px -640px;
}
.ap-baby {
background-position: -340px -760px;
}
.ap-construction_worker {
background-position: -360px -60px;
}
.ap-princess {
background-position: -360px -180px;
}
.ap-japanese_ogre {
background-position: -360px -300px;
}
.ap-japanese_goblin {
background-position: -360px -320px;
}
.ap-ghost {
background-position: -360px -340px;
}
.ap-angel {
background-position: -360px -360px;
}
.ap-alien {
background-position: -360px -480px;
}
.ap-space_invader {
background-position: -360px -500px;
}
.ap-imp {
background-position: -360px -520px;
}
.ap-skull {
background-position: -360px -540px;
}
.ap-information_desk_person {
background-position: -360px -560px;
}
.ap-guardsman {
background-position: -360px -680px;
}
.ap-dancer {
background-position: -360px -800px;
}
.ap-lipstick {
background-position: -380px -100px;
}
.ap-nail_care {
background-position: -380px -120px;
}
.ap-massage {
background-position: -380px -240px;
}
.ap-haircut {
background-position: -380px -360px;
}
.ap-barber {
background-position: -380px -480px;
}
.ap-syringe {
background-position: -380px -500px;
}
.ap-pill {
background-position: -380px -520px;
}
.ap-kiss {
background-position: -380px -540px;
}
.ap-love_letter {
background-position: -380px -560px;
}
.ap-ring {
background-position: -380px -580px;
}
.ap-gem {
background-position: -380px -600px;
}
.ap-couplekiss {
background-position: -380px -620px;
}
.ap-bouquet {
background-position: -380px -640px;
}
.ap-couple_with_heart {
background-position: -380px -660px;
}
.ap-wedding {
background-position: -380px -680px;
}
.ap-heartbeat {
background-position: -380px -700px;
}
.ap-broken_heart {
background-position: -380px -720px;
}
.ap-two_hearts {
background-position: -380px -740px;
}
.ap-sparkling_heart {
background-position: -380px -760px;
}
.ap-heartpulse {
background-position: -380px -780px;
}
.ap-cupid {
background-position: -380px -800px;
}
.ap-blue_heart {
background-position: -400px 0;
}
.ap-green_heart {
background-position: -400px -20px;
}
.ap-yellow_heart {
background-position: -400px -40px;
}
.ap-purple_heart {
background-position: -400px -60px;
}
.ap-gift_heart {
background-position: -400px -80px;
}
.ap-revolving_hearts {
background-position: -400px -100px;
}
.ap-heart_decoration {
background-position: -400px -120px;
}
.ap-diamond_shape_with_a_dot_inside {
background-position: -400px -140px;
}
.ap-bulb {
background-position: -400px -160px;
}
.ap-anger {
background-position: -400px -180px;
}
.ap-bomb {
background-position: -400px -200px;
}
.ap-zzz {
background-position: -400px -220px;
}
.ap-boom {
background-position: -400px -240px;
}
.ap-sweat_drops {
background-position: -400px -260px;
}
.ap-droplet {
background-position: -400px -280px;
}
.ap-dash {
background-position: -400px -300px;
}
.ap-hankey {
background-position: -400px -320px;
}
.ap-muscle {
background-position: -400px -340px;
}
.ap-dizzy {
background-position: -400px -460px;
}
.ap-speech_balloon {
background-position: -400px -480px;
}
.ap-thought_balloon {
background-position: -400px -500px;
}
.ap-white_flower {
background-position: -400px -520px;
}
.ap-100 {
background-position: -400px -540px;
}
.ap-moneybag {
background-position: -400px -560px;
}
.ap-currency_exchange {
background-position: -400px -580px;
}
.ap-heavy_dollar_sign {
background-position: -400px -600px;
}
.ap-credit_card {
background-position: -400px -620px;
}
.ap-yen {
background-position: -400px -640px;
}
.ap-dollar {
background-position: -400px -660px;
}
.ap-euro {
background-position: -400px -680px;
}
.ap-pound {
background-position: -400px -700px;
}
.ap-money_with_wings {
background-position: -400px -720px;
}
.ap-chart {
background-position: -400px -740px;
}
.ap-seat {
background-position: -400px -760px;
}
.ap-computer {
background-position: -400px -780px;
}
.ap-briefcase {
background-position: -400px -800px;
}
.ap-minidisc {
background-position: -420px 0;
}
.ap-floppy_disk {
background-position: -420px -20px;
}
.ap-cd {
background-position: -420px -40px;
}
.ap-dvd {
background-position: -420px -60px;
}
.ap-file_folder {
background-position: -420px -80px;
}
.ap-open_file_folder {
background-position: -420px -100px;
}
.ap-page_with_curl {
background-position: -420px -120px;
}
.ap-page_facing_up {
background-position: -420px -140px;
}
.ap-date {
background-position: -420px -160px;
}
.ap-calendar {
background-position: -420px -180px;
}
.ap-card_index {
background-position: -420px -200px;
}
.ap-chart_with_upwards_trend {
background-position: -420px -220px;
}
.ap-chart_with_downwards_trend {
background-position: -420px -240px;
}
.ap-bar_chart {
background-position: -420px -260px;
}
.ap-clipboard {
background-position: -420px -280px;
}
.ap-pushpin {
background-position: -420px -300px;
}
.ap-round_pushpin {
background-position: -420px -320px;
}
.ap-paperclip {
background-position: -420px -340px;
}
.ap-straight_ruler {
background-position: -420px -360px;
}
.ap-triangular_ruler {
background-position: -420px -380px;
}
.ap-bookmark_tabs {
background-position: -420px -400px;
}
.ap-ledger {
background-position: -420px -420px;
}
.ap-notebook {
background-position: -420px -440px;
}
.ap-notebook_with_decorative_cover {
background-position: -420px -460px;
}
.ap-closed_book {
background-position: -420px -480px;
}
.ap-book {
background-position: -420px -500px;
}
.ap-green_book {
background-position: -420px -520px;
}
.ap-blue_book {
background-position: -420px -540px;
}
.ap-orange_book {
background-position: -420px -560px;
}
.ap-books {
background-position: -420px -580px;
}
.ap-name_badge {
background-position: -420px -600px;
}
.ap-scroll {
background-position: -420px -620px;
}
.ap-memo {
background-position: -420px -640px;
}
.ap-telephone_receiver {
background-position: -420px -660px;
}
.ap-pager {
background-position: -420px -680px;
}
.ap-fax {
background-position: -420px -700px;
}
.ap-satellite_antenna {
background-position: -420px -720px;
}
.ap-loudspeaker {
background-position: -420px -740px;
}
.ap-mega {
background-position: -420px -760px;
}
.ap-outbox_tray {
background-position: -420px -780px;
}
.ap-inbox_tray {
background-position: -420px -800px;
}
.ap-package {
background-position: -440px 0;
}
.ap-e-mail {
background-position: -440px -20px;
}
.ap-incoming_envelope {
background-position: -440px -40px;
}
.ap-envelope_with_arrow {
background-position: -440px -60px;
}
.ap-mailbox_closed {
background-position: -440px -80px;
}
.ap-mailbox {
background-position: -440px -100px;
}
.ap-mailbox_with_mail {
background-position: -440px -120px;
}
.ap-mailbox_with_no_mail {
background-position: -440px -140px;
}
.ap-postbox {
background-position: -440px -160px;
}
.ap-postal_horn {
background-position: -440px -180px;
}
.ap-newspaper {
background-position: -440px -200px;
}
.ap-iphone {
background-position: -440px -220px;
}
.ap-calling {
background-position: -440px -240px;
}
.ap-vibration_mode {
background-position: -440px -260px;
}
.ap-mobile_phone_off {
background-position: -440px -280px;
}
.ap-no_mobile_phones {
background-position: -440px -300px;
}
.ap-signal_strength {
background-position: -440px -320px;
}
.ap-camera {
background-position: -440px -340px;
}
.ap-camera_with_flash {
background-position: -440px -360px;
}
.ap-video_camera {
background-position: -440px -380px;
}
.ap-tv {
background-position: -440px -400px;
}
.ap-radio {
background-position: -440px -420px;
}
.ap-vhs {
background-position: -440px -440px;
}
.ap-film_projector {
background-position: -440px -460px;
}
.ap-prayer_beads {
background-position: -440px -480px;
}
.ap-twisted_rightwards_arrows {
background-position: -440px -500px;
}
.ap-repeat {
background-position: -440px -520px;
}
.ap-repeat_one {
background-position: -440px -540px;
}
.ap-arrows_clockwise {
background-position: -440px -560px;
}
.ap-arrows_counterclockwise {
background-position: -440px -580px;
}
.ap-low_brightness {
background-position: -440px -600px;
}
.ap-high_brightness {
background-position: -440px -620px;
}
.ap-mute {
background-position: -440px -640px;
}
.ap-speaker {
background-position: -440px -660px;
}
.ap-sound {
background-position: -440px -680px;
}
.ap-loud_sound {
background-position: -440px -700px;
}
.ap-battery {
background-position: -440px -720px;
}
.ap-electric_plug {
background-position: -440px -740px;
}
.ap-mag {
background-position: -440px -760px;
}
.ap-mag_right {
background-position: -440px -780px;
}
.ap-lock_with_ink_pen {
background-position: -440px -800px;
}
.ap-closed_lock_with_key {
background-position: -460px 0;
}
.ap-key {
background-position: -460px -20px;
}
.ap-lock {
background-position: -460px -40px;
}
.ap-unlock {
background-position: -460px -60px;
}
.ap-bell {
background-position: -460px -80px;
}
.ap-no_bell {
background-position: -460px -100px;
}
.ap-bookmark {
background-position: -460px -120px;
}
.ap-link {
background-position: -460px -140px;
}
.ap-radio_button {
background-position: -460px -160px;
}
.ap-back {
background-position: -460px -180px;
}
.ap-end {
background-position: -460px -200px;
}
.ap-on {
background-position: -460px -220px;
}
.ap-soon {
background-position: -460px -240px;
}
.ap-top {
background-position: -460px -260px;
}
.ap-underage {
background-position: -460px -280px;
}
.ap-keycap_ten {
background-position: -460px -300px;
}
.ap-capital_abcd {
background-position: -460px -320px;
}
.ap-abcd {
background-position: -460px -340px;
}
.ap-1234 {
background-position: -460px -360px;
}
.ap-symbols {
background-position: -460px -380px;
}
.ap-abc {
background-position: -460px -400px;
}
.ap-fire {
background-position: -460px -420px;
}
.ap-flashlight {
background-position: -460px -440px;
}
.ap-wrench {
background-position: -460px -460px;
}
.ap-hammer {
background-position: -460px -480px;
}
.ap-nut_and_bolt {
background-position: -460px -500px;
}
.ap-hocho {
background-position: -460px -520px;
}
.ap-gun {
background-position: -460px -540px;
}
.ap-microscope {
background-position: -460px -560px;
}
.ap-telescope {
background-position: -460px -580px;
}
.ap-crystal_ball {
background-position: -460px -600px;
}
.ap-six_pointed_star {
background-position: -460px -620px;
}
.ap-beginner {
background-position: -460px -640px;
}
.ap-trident {
background-position: -460px -660px;
}
.ap-black_square_button {
background-position: -460px -680px;
}
.ap-white_square_button {
background-position: -460px -700px;
}
.ap-red_circle {
background-position: -460px -720px;
}
.ap-large_blue_circle {
background-position: -460px -740px;
}
.ap-large_orange_diamond {
background-position: -460px -760px;
}
.ap-large_blue_diamond {
background-position: -460px -780px;
}
.ap-small_orange_diamond {
background-position: -460px -800px;
}
.ap-small_blue_diamond {
background-position: -480px 0;
}
.ap-small_red_triangle {
background-position: -480px -20px;
}
.ap-small_red_triangle_down {
background-position: -480px -40px;
}
.ap-arrow_up_small {
background-position: -480px -60px;
}
.ap-arrow_down_small {
background-position: -480px -80px;
}
.ap-om_symbol {
background-position: -480px -100px;
}
.ap-dove_of_peace {
background-position: -480px -120px;
}
.ap-kaaba {
background-position: -480px -140px;
}
.ap-mosque {
background-position: -480px -160px;
}
.ap-synagogue {
background-position: -480px -180px;
}
.ap-menorah_with_nine_branches {
background-position: -480px -200px;
}
.ap-clock1 {
background-position: -480px -220px;
}
.ap-clock2 {
background-position: -480px -240px;
}
.ap-clock3 {
background-position: -480px -260px;
}
.ap-clock4 {
background-position: -480px -280px;
}
.ap-clock5 {
background-position: -480px -300px;
}
.ap-clock6 {
background-position: -480px -320px;
}
.ap-clock7 {
background-position: -480px -340px;
}
.ap-clock8 {
background-position: -480px -360px;
}
.ap-clock9 {
background-position: -480px -380px;
}
.ap-clock10 {
background-position: -480px -400px;
}
.ap-clock11 {
background-position: -480px -420px;
}
.ap-clock12 {
background-position: -480px -440px;
}
.ap-clock130 {
background-position: -480px -460px;
}
.ap-clock230 {
background-position: -480px -480px;
}
.ap-clock330 {
background-position: -480px -500px;
}
.ap-clock430 {
background-position: -480px -520px;
}
.ap-clock530 {
background-position: -480px -540px;
}
.ap-clock630 {
background-position: -480px -560px;
}
.ap-clock730 {
background-position: -480px -580px;
}
.ap-clock830 {
background-position: -480px -600px;
}
.ap-clock930 {
background-position: -480px -620px;
}
.ap-clock1030 {
background-position: -480px -640px;
}
.ap-clock1130 {
background-position: -480px -660px;
}
.ap-clock1230 {
background-position: -480px -680px;
}
.ap-candle {
background-position: -480px -700px;
}
.ap-mantelpiece_clock {
background-position: -480px -720px;
}
.ap-hole {
background-position: -480px -740px;
}
.ap-man_in_business_suit_levitating {
background-position: -480px -760px;
}
.ap-sleuth_or_spy {
background-position: -480px -780px;
}
.ap-dark_sunglasses {
background-position: -500px -80px;
}
.ap-spider {
background-position: -500px -100px;
}
.ap-spider_web {
background-position: -500px -120px;
}
.ap-joystick {
background-position: -500px -140px;
}
.ap-linked_paperclips {
background-position: -500px -160px;
}
.ap-lower_left_ballpoint_pen {
background-position: -500px -180px;
}
.ap-lower_left_fountain_pen {
background-position: -500px -200px;
}
.ap-lower_left_paintbrush {
background-position: -500px -220px;
}
.ap-lower_left_crayon {
background-position: -500px -240px;
}
.ap-raised_hand_with_fingers_splayed {
background-position: -500px -260px;
}
.ap-middle_finger {
background-position: -500px -380px;
}
.ap-spock-hand {
background-position: -500px -500px;
}
.ap-desktop_computer {
background-position: -500px -620px;
}
.ap-printer {
background-position: -500px -640px;
}
.ap-three_button_mouse {
background-position: -500px -660px;
}
.ap-trackball {
background-position: -500px -680px;
}
.ap-frame_with_picture {
background-position: -500px -700px;
}
.ap-card_index_dividers {
background-position: -500px -720px;
}
.ap-card_file_box {
background-position: -500px -740px;
}
.ap-file_cabinet {
background-position: -500px -760px;
}
.ap-wastebasket {
background-position: -500px -780px;
}
.ap-spiral_note_pad {
background-position: -500px -800px;
}
.ap-spiral_calendar_pad {
background-position: -520px 0;
}
.ap-compression {
background-position: -520px -20px;
}
.ap-old_key {
background-position: -520px -40px;
}
.ap-rolled_up_newspaper {
background-position: -520px -60px;
}
.ap-dagger_knife {
background-position: -520px -80px;
}
.ap-speaking_head_in_silhouette {
background-position: -520px -100px;
}
.ap-left_speech_bubble {
background-position: -520px -120px;
}
.ap-right_anger_bubble {
background-position: -520px -140px;
}
.ap-ballot_box_with_ballot {
background-position: -520px -160px;
}
.ap-world_map {
background-position: -520px -180px;
}
.ap-mount_fuji {
background-position: -520px -200px;
}
.ap-tokyo_tower {
background-position: -520px -220px;
}
.ap-statue_of_liberty {
background-position: -520px -240px;
}
.ap-japan {
background-position: -520px -260px;
}
.ap-moyai {
background-position: -520px -280px;
}
.ap-grinning {
background-position: -520px -300px;
}
.ap-grin {
background-position: -520px -320px;
}
.ap-joy {
background-position: -520px -340px;
}
.ap-smiley {
background-position: -520px -360px;
}
.ap-smile {
background-position: -520px -380px;
}
.ap-sweat_smile {
background-position: -520px -400px;
}
.ap-laughing {
background-position: -520px -420px;
}
.ap-innocent {
background-position: -520px -440px;
}
.ap-smiling_imp {
background-position: -520px -460px;
}
.ap-wink {
background-position: -520px -480px;
}
.ap-blush {
background-position: -520px -500px;
}
.ap-yum {
background-position: -520px -520px;
}
.ap-relieved {
background-position: -520px -540px;
}
.ap-heart_eyes {
background-position: -520px -560px;
}
.ap-sunglasses {
background-position: -520px -580px;
}
.ap-smirk {
background-position: -520px -600px;
}
.ap-neutral_face {
background-position: -520px -620px;
}
.ap-expressionless {
background-position: -520px -640px;
}
.ap-unamused {
background-position: -520px -660px;
}
.ap-sweat {
background-position: -520px -680px;
}
.ap-pensive {
background-position: -520px -700px;
}
.ap-confused {
background-position: -520px -720px;
}
.ap-confounded {
background-position: -520px -740px;
}
.ap-kissing {
background-position: -520px -760px;
}
.ap-kissing_heart {
background-position: -520px -780px;
}
.ap-kissing_smiling_eyes {
background-position: -520px -800px;
}
.ap-kissing_closed_eyes {
background-position: -540px 0;
}
.ap-stuck_out_tongue {
background-position: -540px -20px;
}
.ap-stuck_out_tongue_winking_eye {
background-position: -540px -40px;
}
.ap-stuck_out_tongue_closed_eyes {
background-position: -540px -60px;
}
.ap-disappointed {
background-position: -540px -80px;
}
.ap-worried {
background-position: -540px -100px;
}
.ap-angry {
background-position: -540px -120px;
}
.ap-rage {
background-position: -540px -140px;
}
.ap-cry {
background-position: -540px -160px;
}
.ap-persevere {
background-position: -540px -180px;
}
.ap-triumph {
background-position: -540px -200px;
}
.ap-disappointed_relieved {
background-position: -540px -220px;
}
.ap-frowning {
background-position: -540px -240px;
}
.ap-anguished {
background-position: -540px -260px;
}
.ap-fearful {
background-position: -540px -280px;
}
.ap-weary {
background-position: -540px -300px;
}
.ap-sleepy {
background-position: -540px -320px;
}
.ap-tired_face {
background-position: -540px -340px;
}
.ap-grimacing {
background-position: -540px -360px;
}
.ap-sob {
background-position: -540px -380px;
}
.ap-open_mouth {
background-position: -540px -400px;
}
.ap-hushed {
background-position: -540px -420px;
}
.ap-cold_sweat {
background-position: -540px -440px;
}
.ap-scream {
background-position: -540px -460px;
}
.ap-astonished {
background-position: -540px -480px;
}
.ap-flushed {
background-position: -540px -500px;
}
.ap-sleeping {
background-position: -540px -520px;
}
.ap-dizzy_face {
background-position: -540px -540px;
}
.ap-no_mouth {
background-position: -540px -560px;
}
.ap-mask {
background-position: -540px -580px;
}
.ap-smile_cat {
background-position: -540px -600px;
}
.ap-joy_cat {
background-position: -540px -620px;
}
.ap-smiley_cat {
background-position: -540px -640px;
}
.ap-heart_eyes_cat {
background-position: -540px -660px;
}
.ap-smirk_cat {
background-position: -540px -680px;
}
.ap-kissing_cat {
background-position: -540px -700px;
}
.ap-pouting_cat {
background-position: -540px -720px;
}
.ap-crying_cat_face {
background-position: -540px -740px;
}
.ap-scream_cat {
background-position: -540px -760px;
}
.ap-slightly_frowning_face {
background-position: -540px -780px;
}
.ap-slightly_smiling_face {
background-position: -540px -800px;
}
.ap-upside_down_face {
background-position: -560px 0;
}
.ap-face_with_rolling_eyes {
background-position: -560px -20px;
}
.ap-no_good {
background-position: -560px -40px;
}
.ap-ok_woman {
background-position: -560px -160px;
}
.ap-bow {
background-position: -560px -280px;
}
.ap-see_no_evil {
background-position: -560px -400px;
}
.ap-hear_no_evil {
background-position: -560px -420px;
}
.ap-speak_no_evil {
background-position: -560px -440px;
}
.ap-raising_hand {
background-position: -560px -460px;
}
.ap-raised_hands {
background-position: -560px -580px;
}
.ap-person_frowning {
background-position: -560px -700px;
}
.ap-person_with_pouting_face {
background-position: -580px 0;
}
.ap-pray {
background-position: -580px -120px;
}
.ap-rocket {
background-position: -580px -240px;
}
.ap-helicopter {
background-position: -580px -260px;
}
.ap-steam_locomotive {
background-position: -580px -280px;
}
.ap-railway_car {
background-position: -580px -300px;
}
.ap-bullettrain_side {
background-position: -580px -320px;
}
.ap-bullettrain_front {
background-position: -580px -340px;
}
.ap-train2 {
background-position: -580px -360px;
}
.ap-metro {
background-position: -580px -380px;
}
.ap-light_rail {
background-position: -580px -400px;
}
.ap-station {
background-position: -580px -420px;
}
.ap-tram {
background-position: -580px -440px;
}
.ap-train {
background-position: -580px -460px;
}
.ap-bus {
background-position: -580px -480px;
}
.ap-oncoming_bus {
background-position: -580px -500px;
}
.ap-trolleybus {
background-position: -580px -520px;
}
.ap-busstop {
background-position: -580px -540px;
}
.ap-minibus {
background-position: -580px -560px;
}
.ap-ambulance {
background-position: -580px -580px;
}
.ap-fire_engine {
background-position: -580px -600px;
}
.ap-police_car {
background-position: -580px -620px;
}
.ap-oncoming_police_car {
background-position: -580px -640px;
}
.ap-taxi {
background-position: -580px -660px;
}
.ap-oncoming_taxi {
background-position: -580px -680px;
}
.ap-car {
background-position: -580px -700px;
}
.ap-oncoming_automobile {
background-position: -580px -720px;
}
.ap-blue_car {
background-position: -580px -740px;
}
.ap-truck {
background-position: -580px -760px;
}
.ap-articulated_lorry {
background-position: -580px -780px;
}
.ap-tractor {
background-position: -580px -800px;
}
.ap-monorail {
background-position: -600px 0;
}
.ap-mountain_railway {
background-position: -600px -20px;
}
.ap-suspension_railway {
background-position: -600px -40px;
}
.ap-mountain_cableway {
background-position: -600px -60px;
}
.ap-aerial_tramway {
background-position: -600px -80px;
}
.ap-ship {
background-position: -600px -100px;
}
.ap-rowboat {
background-position: -600px -120px;
}
.ap-speedboat {
background-position: -600px -240px;
}
.ap-traffic_light {
background-position: -600px -260px;
}
.ap-vertical_traffic_light {
background-position: -600px -280px;
}
.ap-construction {
background-position: -600px -300px;
}
.ap-rotating_light {
background-position: -600px -320px;
}
.ap-triangular_flag_on_post {
background-position: -600px -340px;
}
.ap-door {
background-position: -600px -360px;
}
.ap-no_entry_sign {
background-position: -600px -380px;
}
.ap-smoking {
background-position: -600px -400px;
}
.ap-no_smoking {
background-position: -600px -420px;
}
.ap-put_litter_in_its_place {
background-position: -600px -440px;
}
.ap-do_not_litter {
background-position: -600px -460px;
}
.ap-potable_water {
background-position: -600px -480px;
}
.ap-non-potable_water {
background-position: -600px -500px;
}
.ap-bike {
background-position: -600px -520px;
}
.ap-no_bicycles {
background-position: -600px -540px;
}
.ap-bicyclist {
background-position: -600px -560px;
}
.ap-mountain_bicyclist {
background-position: -600px -680px;
}
.ap-walking {
background-position: -600px -800px;
}
.ap-no_pedestrians {
background-position: -620px -100px;
}
.ap-children_crossing {
background-position: -620px -120px;
}
.ap-mens {
background-position: -620px -140px;
}
.ap-womens {
background-position: -620px -160px;
}
.ap-restroom {
background-position: -620px -180px;
}
.ap-baby_symbol {
background-position: -620px -200px;
}
.ap-toilet {
background-position: -620px -220px;
}
.ap-wc {
background-position: -620px -240px;
}
.ap-shower {
background-position: -620px -260px;
}
.ap-bath {
background-position: -620px -280px;
}
.ap-bathtub {
background-position: -620px -400px;
}
.ap-passport_control {
background-position: -620px -420px;
}
.ap-customs {
background-position: -620px -440px;
}
.ap-baggage_claim {
background-position: -620px -460px;
}
.ap-left_luggage {
background-position: -620px -480px;
}
.ap-couch_and_lamp {
background-position: -620px -500px;
}
.ap-sleeping_accommodation {
background-position: -620px -520px;
}
.ap-shopping_bags {
background-position: -620px -540px;
}
.ap-bellhop_bell {
background-position: -620px -560px;
}
.ap-bed {
background-position: -620px -580px;
}
.ap-place_of_worship {
background-position: -620px -600px;
}
.ap-hammer_and_wrench {
background-position: -620px -620px;
}
.ap-shield {
background-position: -620px -640px;
}
.ap-oil_drum {
background-position: -620px -660px;
}
.ap-motorway {
background-position: -620px -680px;
}
.ap-railway_track {
background-position: -620px -700px;
}
.ap-motor_boat {
background-position: -620px -720px;
}
.ap-small_airplane {
background-position: -620px -740px;
}
.ap-airplane_departure {
background-position: -620px -760px;
}
.ap-airplane_arriving {
background-position: -620px -780px;
}
.ap-satellite {
background-position: -620px -800px;
}
.ap-passenger_ship {
background-position: -640px 0;
}
.ap-zipper_mouth_face {
background-position: -640px -20px;
}
.ap-money_mouth_face {
background-position: -640px -40px;
}
.ap-face_with_thermometer {
background-position: -640px -60px;
}
.ap-nerd_face {
background-position: -640px -80px;
}
.ap-thinking_face {
background-position: -640px -100px;
}
.ap-face_with_head_bandage {
background-position: -640px -120px;
}
.ap-robot_face {
background-position: -640px -140px;
}
.ap-hugging_face {
background-position: -640px -160px;
}
.ap-the_horns {
background-position: -640px -180px;
}
.ap-crab {
background-position: -640px -300px;
}
.ap-lion_face {
background-position: -640px -320px;
}
.ap-scorpion {
background-position: -640px -340px;
}
.ap-turkey {
background-position: -640px -360px;
}
.ap-unicorn_face {
background-position: -640px -380px;
}
.ap-cheese_wedge {
background-position: -640px -400px;
}
.ap-hash {
background-position: -640px -420px;
}
.ap-keycap_star {
background-position: -640px -440px;
}
.ap-zero {
background-position: -640px -460px;
}
.ap-one {
background-position: -640px -480px;
}
.ap-two {
background-position: -640px -500px;
}
.ap-three {
background-position: -640px -520px;
}
.ap-four {
background-position: -640px -540px;
}
.ap-five {
background-position: -640px -560px;
}
.ap-six {
background-position: -640px -580px;
}
.ap-seven {
background-position: -640px -600px;
}
.ap-eight {
background-position: -640px -620px;
}
.ap-nine {
background-position: -640px -640px;
}
.ap-flag-ac {
background-position: -640px -660px;
}
.ap-flag-ad {
background-position: -640px -680px;
}
.ap-flag-ae {
background-position: -640px -700px;
}
.ap-flag-af {
background-position: -640px -720px;
}
.ap-flag-ag {
background-position: -640px -740px;
}
.ap-flag-ai {
background-position: -640px -760px;
}
.ap-flag-al {
background-position: -640px -780px;
}
.ap-flag-am {
background-position: -640px -800px;
}
.ap-flag-ao {
background-position: -660px 0;
}
.ap-flag-aq {
background-position: -660px -20px;
}
.ap-flag-ar {
background-position: -660px -40px;
}
.ap-flag-as {
background-position: -660px -60px;
}
.ap-flag-at {
background-position: -660px -80px;
}
.ap-flag-au {
background-position: -660px -100px;
}
.ap-flag-aw {
background-position: -660px -120px;
}
.ap-flag-ax {
background-position: -660px -140px;
}
.ap-flag-az {
background-position: -660px -160px;
}
.ap-flag-ba {
background-position: -660px -180px;
}
.ap-flag-bb {
background-position: -660px -200px;
}
.ap-flag-bd {
background-position: -660px -220px;
}
.ap-flag-be {
background-position: -660px -240px;
}
.ap-flag-bf {
background-position: -660px -260px;
}
.ap-flag-bg {
background-position: -660px -280px;
}
.ap-flag-bh {
background-position: -660px -300px;
}
.ap-flag-bi {
background-position: -660px -320px;
}
.ap-flag-bj {
background-position: -660px -340px;
}
.ap-flag-bl {
background-position: -660px -360px;
}
.ap-flag-bm {
background-position: -660px -380px;
}
.ap-flag-bn {
background-position: -660px -400px;
}
.ap-flag-bo {
background-position: -660px -420px;
}
.ap-flag-bq {
background-position: -660px -440px;
}
.ap-flag-br {
background-position: -660px -460px;
}
.ap-flag-bs {
background-position: -660px -480px;
}
.ap-flag-bt {
background-position: -660px -500px;
}
.ap-flag-bv {
background-position: -660px -520px;
}
.ap-flag-bw {
background-position: -660px -540px;
}
.ap-flag-by {
background-position: -660px -560px;
}
.ap-flag-bz {
background-position: -660px -580px;
}
.ap-flag-ca {
background-position: -660px -600px;
}
.ap-flag-cc {
background-position: -660px -620px;
}
.ap-flag-cd {
background-position: -660px -640px;
}
.ap-flag-cf {
background-position: -660px -660px;
}
.ap-flag-cg {
background-position: -660px -680px;
}
.ap-flag-ch {
background-position: -660px -700px;
}
.ap-flag-ci {
background-position: -660px -720px;
}
.ap-flag-ck {
background-position: -660px -740px;
}
.ap-flag-cl {
background-position: -660px -760px;
}
.ap-flag-cm {
background-position: -660px -780px;
}
.ap-flag-cn {
background-position: -660px -800px;
}
.ap-flag-co {
background-position: -680px 0;
}
.ap-flag-cp {
background-position: -680px -20px;
}
.ap-flag-cr {
background-position: -680px -40px;
}
.ap-flag-cu {
background-position: -680px -60px;
}
.ap-flag-cv {
background-position: -680px -80px;
}
.ap-flag-cw {
background-position: -680px -100px;
}
.ap-flag-cx {
background-position: -680px -120px;
}
.ap-flag-cy {
background-position: -680px -140px;
}
.ap-flag-cz {
background-position: -680px -160px;
}
.ap-flag-de {
background-position: -680px -180px;
}
.ap-flag-dg {
background-position: -680px -200px;
}
.ap-flag-dj {
background-position: -680px -220px;
}
.ap-flag-dk {
background-position: -680px -240px;
}
.ap-flag-dm {
background-position: -680px -260px;
}
.ap-flag-do {
background-position: -680px -280px;
}
.ap-flag-dz {
background-position: -680px -300px;
}
.ap-flag-ea {
background-position: -680px -320px;
}
.ap-flag-ec {
background-position: -680px -340px;
}
.ap-flag-ee {
background-position: -680px -360px;
}
.ap-flag-eg {
background-position: -680px -380px;
}
.ap-flag-eh {
background-position: -680px -400px;
}
.ap-flag-er {
background-position: -680px -420px;
}
.ap-flag-es {
background-position: -680px -440px;
}
.ap-flag-et {
background-position: -680px -460px;
}
.ap-flag-eu {
background-position: -680px -480px;
}
.ap-flag-fi {
background-position: -680px -500px;
}
.ap-flag-fj {
background-position: -680px -520px;
}
.ap-flag-fk {
background-position: -680px -540px;
}
.ap-flag-fm {
background-position: -680px -560px;
}
.ap-flag-fo {
background-position: -680px -580px;
}
.ap-flag-fr {
background-position: -680px -600px;
}
.ap-flag-ga {
background-position: -680px -620px;
}
.ap-flag-gb {
background-position: -680px -640px;
}
.ap-flag-gd {
background-position: -680px -660px;
}
.ap-flag-ge {
background-position: -680px -680px;
}
.ap-flag-gf {
background-position: -680px -700px;
}
.ap-flag-gg {
background-position: -680px -720px;
}
.ap-flag-gh {
background-position: -680px -740px;
}
.ap-flag-gi {
background-position: -680px -760px;
}
.ap-flag-gl {
background-position: -680px -780px;
}
.ap-flag-gm {
background-position: -680px -800px;
}
.ap-flag-gn {
background-position: -700px 0;
}
.ap-flag-gp {
background-position: -700px -20px;
}
.ap-flag-gq {
background-position: -700px -40px;
}
.ap-flag-gr {
background-position: -700px -60px;
}
.ap-flag-gs {
background-position: -700px -80px;
}
.ap-flag-gt {
background-position: -700px -100px;
}
.ap-flag-gu {
background-position: -700px -120px;
}
.ap-flag-gw {
background-position: -700px -140px;
}
.ap-flag-gy {
background-position: -700px -160px;
}
.ap-flag-hk {
background-position: -700px -180px;
}
.ap-flag-hm {
background-position: -700px -200px;
}
.ap-flag-hn {
background-position: -700px -220px;
}
.ap-flag-hr {
background-position: -700px -240px;
}
.ap-flag-ht {
background-position: -700px -260px;
}
.ap-flag-hu {
background-position: -700px -280px;
}
.ap-flag-ic {
background-position: -700px -300px;
}
.ap-flag-id {
background-position: -700px -320px;
}
.ap-flag-ie {
background-position: -700px -340px;
}
.ap-flag-il {
background-position: -700px -360px;
}
.ap-flag-im {
background-position: -700px -380px;
}
.ap-flag-in {
background-position: -700px -400px;
}
.ap-flag-io {
background-position: -700px -420px;
}
.ap-flag-iq {
background-position: -700px -440px;
}
.ap-flag-ir {
background-position: -700px -460px;
}
.ap-flag-is {
background-position: -700px -480px;
}
.ap-flag-it {
background-position: -700px -500px;
}
.ap-flag-je {
background-position: -700px -520px;
}
.ap-flag-jm {
background-position: -700px -540px;
}
.ap-flag-jo {
background-position: -700px -560px;
}
.ap-flag-jp {
background-position: -700px -580px;
}
.ap-flag-ke {
background-position: -700px -600px;
}
.ap-flag-kg {
background-position: -700px -620px;
}
.ap-flag-kh {
background-position: -700px -640px;
}
.ap-flag-ki {
background-position: -700px -660px;
}
.ap-flag-km {
background-position: -700px -680px;
}
.ap-flag-kn {
background-position: -700px -700px;
}
.ap-flag-kp {
background-position: -700px -720px;
}
.ap-flag-kr {
background-position: -700px -740px;
}
.ap-flag-kw {
background-position: -700px -760px;
}
.ap-flag-ky {
background-position: -700px -780px;
}
.ap-flag-kz {
background-position: -700px -800px;
}
.ap-flag-la {
background-position: -720px 0;
}
.ap-flag-lb {
background-position: -720px -20px;
}
.ap-flag-lc {
background-position: -720px -40px;
}
.ap-flag-li {
background-position: -720px -60px;
}
.ap-flag-lk {
background-position: -720px -80px;
}
.ap-flag-lr {
background-position: -720px -100px;
}
.ap-flag-ls {
background-position: -720px -120px;
}
.ap-flag-lt {
background-position: -720px -140px;
}
.ap-flag-lu {
background-position: -720px -160px;
}
.ap-flag-lv {
background-position: -720px -180px;
}
.ap-flag-ly {
background-position: -720px -200px;
}
.ap-flag-ma {
background-position: -720px -220px;
}
.ap-flag-mc {
background-position: -720px -240px;
}
.ap-flag-md {
background-position: -720px -260px;
}
.ap-flag-me {
background-position: -720px -280px;
}
.ap-flag-mf {
background-position: -720px -300px;
}
.ap-flag-mg {
background-position: -720px -320px;
}
.ap-flag-mh {
background-position: -720px -340px;
}
.ap-flag-mk {
background-position: -720px -360px;
}
.ap-flag-ml {
background-position: -720px -380px;
}
.ap-flag-mm {
background-position: -720px -400px;
}
.ap-flag-mn {
background-position: -720px -420px;
}
.ap-flag-mo {
background-position: -720px -440px;
}
.ap-flag-mp {
background-position: -720px -460px;
}
.ap-flag-mq {
background-position: -720px -480px;
}
.ap-flag-mr {
background-position: -720px -500px;
}
.ap-flag-ms {
background-position: -720px -520px;
}
.ap-flag-mt {
background-position: -720px -540px;
}
.ap-flag-mu {
background-position: -720px -560px;
}
.ap-flag-mv {
background-position: -720px -580px;
}
.ap-flag-mw {
background-position: -720px -600px;
}
.ap-flag-mx {
background-position: -720px -620px;
}
.ap-flag-my {
background-position: -720px -640px;
}
.ap-flag-mz {
background-position: -720px -660px;
}
.ap-flag-na {
background-position: -720px -680px;
}
.ap-flag-nc {
background-position: -720px -700px;
}
.ap-flag-ne {
background-position: -720px -720px;
}
.ap-flag-nf {
background-position: -720px -740px;
}
.ap-flag-ng {
background-position: -720px -760px;
}
.ap-flag-ni {
background-position: -720px -780px;
}
.ap-flag-nl {
background-position: -720px -800px;
}
.ap-flag-no {
background-position: -740px 0;
}
.ap-flag-np {
background-position: -740px -20px;
}
.ap-flag-nr {
background-position: -740px -40px;
}
.ap-flag-nu {
background-position: -740px -60px;
}
.ap-flag-nz {
background-position: -740px -80px;
}
.ap-flag-om {
background-position: -740px -100px;
}
.ap-flag-pa {
background-position: -740px -120px;
}
.ap-flag-pe {
background-position: -740px -140px;
}
.ap-flag-pf {
background-position: -740px -160px;
}
.ap-flag-pg {
background-position: -740px -180px;
}
.ap-flag-ph {
background-position: -740px -200px;
}
.ap-flag-pk {
background-position: -740px -220px;
}
.ap-flag-pl {
background-position: -740px -240px;
}
.ap-flag-pm {
background-position: -740px -260px;
}
.ap-flag-pn {
background-position: -740px -280px;
}
.ap-flag-pr {
background-position: -740px -300px;
}
.ap-flag-ps {
background-position: -740px -320px;
}
.ap-flag-pt {
background-position: -740px -340px;
}
.ap-flag-pw {
background-position: -740px -360px;
}
.ap-flag-py {
background-position: -740px -380px;
}
.ap-flag-qa {
background-position: -740px -400px;
}
.ap-flag-re {
background-position: -740px -420px;
}
.ap-flag-ro {
background-position: -740px -440px;
}
.ap-flag-rs {
background-position: -740px -460px;
}
.ap-flag-ru {
background-position: -740px -480px;
}
.ap-flag-rw {
background-position: -740px -500px;
}
.ap-flag-sa {
background-position: -740px -520px;
}
.ap-flag-sb {
background-position: -740px -540px;
}
.ap-flag-sc {
background-position: -740px -560px;
}
.ap-flag-sd {
background-position: -740px -580px;
}
.ap-flag-se {
background-position: -740px -600px;
}
.ap-flag-sg {
background-position: -740px -620px;
}
.ap-flag-sh {
background-position: -740px -640px;
}
.ap-flag-si {
background-position: -740px -660px;
}
.ap-flag-sj {
background-position: -740px -680px;
}
.ap-flag-sk {
background-position: -740px -700px;
}
.ap-flag-sl {
background-position: -740px -720px;
}
.ap-flag-sm {
background-position: -740px -740px;
}
.ap-flag-sn {
background-position: -740px -760px;
}
.ap-flag-so {
background-position: -740px -780px;
}
.ap-flag-sr {
background-position: -740px -800px;
}
.ap-flag-ss {
background-position: -760px 0;
}
.ap-flag-st {
background-position: -760px -20px;
}
.ap-flag-sv {
background-position: -760px -40px;
}
.ap-flag-sx {
background-position: -760px -60px;
}
.ap-flag-sy {
background-position: -760px -80px;
}
.ap-flag-sz {
background-position: -760px -100px;
}
.ap-flag-ta {
background-position: -760px -120px;
}
.ap-flag-tc {
background-position: -760px -140px;
}
.ap-flag-td {
background-position: -760px -160px;
}
.ap-flag-tf {
background-position: -760px -180px;
}
.ap-flag-tg {
background-position: -760px -200px;
}
.ap-flag-th {
background-position: -760px -220px;
}
.ap-flag-tj {
background-position: -760px -240px;
}
.ap-flag-tk {
background-position: -760px -260px;
}
.ap-flag-tl {
background-position: -760px -280px;
}
.ap-flag-tm {
background-position: -760px -300px;
}
.ap-flag-tn {
background-position: -760px -320px;
}
.ap-flag-to {
background-position: -760px -340px;
}
.ap-flag-tr {
background-position: -760px -360px;
}
.ap-flag-tt {
background-position: -760px -380px;
}
.ap-flag-tv {
background-position: -760px -400px;
}
.ap-flag-tw {
background-position: -760px -420px;
}
.ap-flag-tz {
background-position: -760px -440px;
}
.ap-flag-ua {
background-position: -760px -460px;
}
.ap-flag-ug {
background-position: -760px -480px;
}
.ap-flag-um {
background-position: -760px -500px;
}
.ap-flag-us {
background-position: -760px -520px;
}
.ap-flag-uy {
background-position: -760px -540px;
}
.ap-flag-uz {
background-position: -760px -560px;
}
.ap-flag-va {
background-position: -760px -580px;
}
.ap-flag-vc {
background-position: -760px -600px;
}
.ap-flag-ve {
background-position: -760px -620px;
}
.ap-flag-vg {
background-position: -760px -640px;
}
.ap-flag-vi {
background-position: -760px -660px;
}
.ap-flag-vn {
background-position: -760px -680px;
}
.ap-flag-vu {
background-position: -760px -700px;
}
.ap-flag-wf {
background-position: -760px -720px;
}
.ap-flag-ws {
background-position: -760px -740px;
}
.ap-flag-xk {
background-position: -760px -760px;
}
.ap-flag-ye {
background-position: -760px -780px;
}
.ap-flag-yt {
background-position: -760px -800px;
}
.ap-flag-za {
background-position: -780px 0;
}
.ap-flag-zm {
background-position: -780px -20px;
}
.ap-flag-zw {
background-position: -780px -40px;
}
.ap-man-man-boy {
background-position: -780px -60px;
}
.ap-man-man-boy-boy {
background-position: -780px -80px;
}
.ap-man-man-girl {
background-position: -780px -100px;
}
.ap-man-man-girl-boy {
background-position: -780px -120px;
}
.ap-man-man-girl-girl {
background-position: -780px -140px;
}
.ap-man-woman-boy-boy {
background-position: -780px -160px;
}
.ap-man-woman-girl {
background-position: -780px -180px;
}
.ap-man-woman-girl-boy {
background-position: -780px -200px;
}
.ap-man-woman-girl-girl {
background-position: -780px -220px;
}
.ap-man-heart-man {
background-position: -780px -240px;
}
.ap-man-kiss-man {
background-position: -780px -260px;
}
.ap-woman-woman-boy {
background-position: -780px -280px;
}
.ap-woman-woman-boy-boy {
background-position: -780px -300px;
}
.ap-woman-woman-girl {
background-position: -780px -320px;
}
.ap-woman-woman-girl-boy {
background-position: -780px -340px;
}
.ap-woman-woman-girl-girl {
background-position: -780px -360px;
}
.ap-woman-heart-woman {
background-position: -780px -380px;
}
.ap-woman-kiss-woman {
background-position: -780px -400px;
}
@font-face {
font-family: "Helvetica-Roman";
src: url("/assets/fonts/HelveticaNeue-Roman.woff2") format("woff2");
}
html,
body {
width: 100%;
height: 100%;
max-width: 100%;
max-height: 100%;
}
body {
background-color: #fff;
color: #989a9f;
font-size: 15px;
font-family: "Euclid Circular B", "circular", "-apple-system", "BlinkMacSystemFont", "Segoe UI", sans-serif;
cursor: default;
}
body > .ember-view {
height: 100%;
}
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
.dz-preview {
display: none;
}
a {
color: #989a9f;
text-decoration: none;
}
ul {
list-style: none;
}
.main-wrapper {
/*position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;*/
display: flex;
height: 100%;
}
.main-wrapper .liquid-container {
transform: none;
}
.main-wrapper .emoji {
margin: 0 3px;
background-image: url("https://cdn.jsdelivr.net/npm/emoji-datasource-apple@14.0.0/img/apple/sheets-256/64.png");
cursor: pointer;
width: 22px;
height: 22px;
font-size: 0;
background-size: 6100% 6100%;
display: inline-block;
vertical-align: text-bottom;
}
.emoji {
margin: 0 3px;
background-image: url("https://cdn.jsdelivr.net/npm/emoji-datasource-apple@14.0.0/img/apple/sheets-256/64.png");
cursor: pointer;
width: 22px;
height: 22px;
font-size: 0;
background-size: 6100% 6100%;
display: inline-block;
vertical-align: text-bottom;
}
.page-content {
border-left: 1px solid rgba(218, 218, 218, 0.5);
display: flex;
flex-direction: column;
flex: 1;
height: 100%;
max-height: 100%;
margin-left: -12px;
background-color: #FFFFFF;
overflow: auto;
}
.page-header {
align-items: center;
border-bottom: solid 1px #ececec;
display: flex;
height: 62px;
z-index: 10;
}
.page-header .dynamic-content {
width: 250px;
}
.page-header .global-search {
flex: 10;
}
.page-header .global-search .search-icon {
width: 24px;
height: 24px;
fill: #989a9f;
}
.page-header .onboard-title {
margin-right: 15px;
display: flex;
}
.page-header .wrapper-user-popup {
border-left: solid 1px #ececec;
padding: 0 29px;
}
.page-header .wrapper-user-popup .user-name {
color: #121416;
margin-bottom: 5px;
font-size: 15px;
}
.page-header .wrapper-user-popup .menu-icon {
width: 20px;
height: 20px;
margin: 0 8px;
fill: #989a9f;
}
.page-header .wrapper-user-popup .apps-popup-menu {
margin-top: 10px;
}
.page-header .wrapper-user-popup .apps-popup-menu .menu-link {
display: flex;
align-items: center;
margin-bottom: 12px;
}
.page-header .wrapper-user-popup .apps-popup-menu .menu-link:hover {
color: #2B78E4;
}
.page-header .wrapper-user-popup .apps-popup-menu .ember-basic-dropdown-trigger {
cursor: pointer;
display: flex;
align-items: center;
}
.page-header .wrapper-user-popup .apps-popup-menu .ember-basic-dropdown-trigger:hover {
color: #2B78E4;
}
.page-header .wrapper-user-popup .apps-popup-menu .ember-basic-dropdown-trigger:hover svg {
fill: #2B78E4;
}
.page-header .wrapper-user-popup .apps-popup-menu .ember-basic-dropdown-trigger .arrow-icon {
margin: 2px 0 0 8px;
height: 18px;
width: 18px;
}
.page-header .wrapper-user-popup .sign-out-btn-place {
padding-top: 17px;
border-top: solid 1px #E5E5E5;
margin-top: 6px;
}
.page-header .wrapper-user-popup .sign-out-btn-place .sign-out-btn {
display: inline-flex;
align-items: center;
cursor: pointer;
}
.page-header .wrapper-user-popup .sign-out-btn-place .sign-out-btn:hover {
color: #2B78E4;
}
.page-header .wrapper-user-popup .sign-out-btn-place .sign-out-btn:hover svg {
fill: #2B78E4;
}
.page-wrapper {
flex: 1;
display: flex;
flex-direction: row;
position: relative;
}
.page-wrapper .admin-menu.closed {
width: 0;
}
.page-wrapper .admin-menu.closed * {
display: none;
}
.page-wrapper.admin .page-title {
align-items: center;
flex-direction: row;
}
.page-wrapper.dashboard .page-inner-content {
margin: 0;
}
.page-wrapper .page-title {
flex-direction: column;
}
.page-wrapper .page-title .text {
flex: 1;
align-items: center;
display: flex;
}
.page-wrapper .title-tasks,
.page-wrapper .buttons-panel {
width: 100%;
}
.page-wrapper .title-tasks,
.page-wrapper .page-title {
display: flex;
}
.page-wrapper .title-tasks .primary-button,
.page-wrapper .title-tasks .primary-2-button,
.page-wrapper .title-tasks .secondary-button,
.page-wrapper .title-tasks .secondary-2-button,
.page-wrapper .page-title .primary-button,
.page-wrapper .page-title .primary-2-button,
.page-wrapper .page-title .secondary-button,
.page-wrapper .page-title .secondary-2-button {
display: inline-flex;
margin: 0 0 0 15px;
}
.page-wrapper .title-tasks .primary-button .svg-icon,
.page-wrapper .title-tasks .primary-2-button .svg-icon,
.page-wrapper .title-tasks .secondary-button .svg-icon,
.page-wrapper .title-tasks .secondary-2-button .svg-icon,
.page-wrapper .page-title .primary-button .svg-icon,
.page-wrapper .page-title .primary-2-button .svg-icon,
.page-wrapper .page-title .secondary-button .svg-icon,
.page-wrapper .page-title .secondary-2-button .svg-icon {
margin-right: 4px;
}
.page-wrapper .title-tasks .primary-button .paper-icon,
.page-wrapper .page-title .primary-button .paper-icon {
color: #fff;
}
.pulse-btn {
color: #fff;
cursor: pointer;
font-size: 12px;
font-weight: 500;
letter-spacing: 0.7px;
display: inline-flex;
height: 44px;
border-radius: 5px;
background-color: #1E20A8;
margin-left: 20px;
vertical-align: middle;
padding: 5px 10px;
justify-content: center;
align-items: center;
}
.pulse-btn.active {
animation: 2s pulse-anim infinite;
}
.pulse-btn.active:hover {
animation: none;
}
.pulse-btn.disabled {
background-color: #c4c4c4;
border-color: #c4c4c4;
color: #fff;
pointer-events: none;
}
.pulse-btn.second {
animation-delay: 0.5s;
}
.pulse-btn .svg-icon {
fill: #fff;
margin-right: 5px;
}
@keyframes pulse-anim {
0% {
box-shadow: #1E20A8 0 0 0 0;
}
100% {
box-shadow: #1E20A800 0 0 0 20px;
}
}
.admin-menu {
border-right: 1px solid #ececec;
transition: 0.2s;
width: 250px;
}
.admin-menu.user-profile {
width: 370px;
background: none;
}
.admin-menu .settings-menu-heading {
margin: 5px 6px 14px;
}
.admin-menu .profile-settings-menu .cp-Panel-toggle {
margin-bottom: 15px;
text-transform: none;
font-size: 14px;
}
.admin-menu .profile-settings-menu .cp-Panel-toggle .arrow-forward {
top: 2px;
}
.page-inner-wrapper {
flex: 1;
display: flex;
flex-direction: column;
position: relative;
transition: 0.3s;
}
.page-inner-wrapper .page-title {
position: relative;
margin: 20px 18px 0 20px;
min-height: 34px;
}
.page-inner-wrapper .page-title .expand-button {
border-radius: 0;
line-height: 38px;
width: 24px;
height: 24px;
padding: 0;
margin-right: 11px !important;
}
.page-inner-wrapper .page-title h2 {
align-items: center;
color: #231F20;
display: inline-flex;
font-size: 16px;
font-weight: 500;
text-transform: uppercase;
margin-right: 15px;
}
.page-inner-wrapper .page-title h2.task-title {
padding: 10px 15px;
float: left;
}
.page-inner-wrapper .page-title h2 .title-icon {
fill: #231F20;
height: 24px;
width: 24px;
margin-right: 10px;
}
.page-inner-wrapper .page-inner-content {
flex: 1;
margin: 20px;
}
.page-inner-wrapper .page-inner-content .action-button {
margin-top: 10px;
}
.page-inner-wrapper .page-inner-content .scrollable-content {
height: 100%;
}
.page-inner-wrapper .page-footer {
margin: 0 20px 20px 20px;
}
.page-inner-wrapper.wrap {
box-shadow: none;
margin: 0;
}
.page-inner-wrapper .md-button.md-icon-button {
margin: 0;
}
.page-inner-wrapper .md-button.md-icon-button .svg-icon {
height: 24px;
width: 24px;
}
.page-inner-wrapper .title-avatar {
margin-right: 15px;
background: greenyellow !important;
}
.flex-1 {
flex: 1;
}
.preview-image {
object-fit: contain;
height: 70px;
width: 70px;
}
.preview-image img {
border-radius: 50%;
height: 100%;
width: 100%;
}
.md-searchbox {
box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1), 0 0 0 0 rgba(0, 0, 0, 0.14), 0 0 0 0 rgba(0, 0, 0, 0.12);
padding-left: 10.667px;
height: 48px;
cursor: pointer;
position: relative;
display: flex;
align-items: center;
width: auto;
}
.md-searchinput {
border: none;
outline: none;
height: 100%;
width: 100%;
padding: 0;
}
/* TODO is this part of the spec? Demos rely on this. */
.paper-list-inline {
list-style: none;
margin-left: -5px;
padding-left: 0;
}
.paper-list-inline > li {
display: inline-block;
padding-left: 5px;
padding-right: 5px;
}
.md-spin {
animation: md-spin 1.5s infinite linear;
}
.md-spin-reverse {
animation: md-spin-reverse 1.5s infinite linear;
}
@keyframes md-spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(359deg);
}
}
@keyframes md-spin-reverse {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(-359deg);
}
}
/*
$colors-export: export('palettes', $colors);
$contrasts-export: export('contrasts', (
'light-contrast-color': $light-contrast-color,
'dark-contrast-color': $dark-contrast-color,
'strong-light-contrast-color': $strong-light-contrast-color
));
*/
:root {
--primary-50: 232, 234, 246;
--primary-50-contrast: 0, 0, 0;
--primary-100: 197, 202, 233;
--primary-100-contrast: 0, 0, 0;
--primary-200: 159, 168, 218;
--primary-200-contrast: 0, 0, 0;
--primary-300: 121, 134, 203;
--primary-300-contrast: 255, 255, 255;
--primary-400: 92, 107, 192;
--primary-400-contrast: 255, 255, 255;
--primary-500: 63, 81, 181;
--primary-500-contrast: 255, 255, 255;
--primary-600: 57, 73, 171;
--primary-600-contrast: 255, 255, 255;
--primary-700: 48, 63, 159;
--primary-700-contrast: 255, 255, 255;
--primary-800: 40, 53, 147;
--primary-800-contrast: 255, 255, 255;
--primary-900: 26, 35, 126;
--primary-900-contrast: 255, 255, 255;
--primary-A100: 140, 158, 255;
--primary-A100-contrast: 0, 0, 0;
--primary-A200: 83, 109, 254;
--primary-A200-contrast: 255, 255, 255;
--primary-A400: 61, 90, 254;
--primary-A400-contrast: 255, 255, 255;
--primary-A700: 48, 79, 254;
--primary-A700-contrast: 255, 255, 255;
--accent-50: 252, 228, 236;
--accent-50-contrast: 0, 0, 0;
--accent-100: 248, 187, 208;
--accent-100-contrast: 0, 0, 0;
--accent-200: 244, 143, 177;
--accent-200-contrast: 0, 0, 0;
--accent-300: 240, 98, 146;
--accent-300-contrast: 255, 255, 255;
--accent-400: 236, 64, 122;
--accent-400-contrast: 255, 255, 255;
--accent-500: 233, 30, 99;
--accent-500-contrast: 255, 255, 255;
--accent-600: 216, 27, 96;
--accent-600-contrast: 255, 255, 255;
--accent-700: 194, 24, 91;
--accent-700-contrast: 255, 255, 255;
--accent-800: 173, 20, 87;
--accent-800-contrast: 255, 255, 255;
--accent-900: 136, 14, 79;
--accent-900-contrast: 255, 255, 255;
--accent-A100: 255, 128, 171;
--accent-A100-contrast: 0, 0, 0;
--accent-A200: 255, 64, 129;
--accent-A200-contrast: 255, 255, 255;
--accent-A400: 245, 0, 87;
--accent-A400-contrast: 255, 255, 255;
--accent-A700: 197, 17, 98;
--accent-A700-contrast: 255, 255, 255;
--warn-50: 255, 235, 238;
--warn-50-contrast: 0, 0, 0;
--warn-100: 255, 205, 210;
--warn-100-contrast: 0, 0, 0;
--warn-200: 239, 154, 154;
--warn-200-contrast: 0, 0, 0;
--warn-300: 229, 115, 115;
--warn-300-contrast: 0, 0, 0;
--warn-400: 239, 83, 80;
--warn-400-contrast: 255, 255, 255;
--warn-500: 244, 67, 54;
--warn-500-contrast: 255, 255, 255;
--warn-600: 229, 57, 53;
--warn-600-contrast: 255, 255, 255;
--warn-700: 211, 47, 47;
--warn-700-contrast: 255, 255, 255;
--warn-800: 198, 40, 40;
--warn-800-contrast: 255, 255, 255;
--warn-900: 183, 28, 28;
--warn-900-contrast: 255, 255, 255;
--warn-A100: 255, 138, 128;
--warn-A100-contrast: 0, 0, 0;
--warn-A200: 255, 82, 82;
--warn-A200-contrast: 255, 255, 255;
--warn-A400: 255, 23, 68;
--warn-A400-contrast: 255, 255, 255;
--warn-A700: 213, 0, 0;
--warn-A700-contrast: 255, 255, 255;
--background-50: 250, 250, 250;
--background-50-contrast: 0, 0, 0;
--background-100: 245, 245, 245;
--background-100-contrast: 0, 0, 0;
--background-200: 238, 238, 238;
--background-200-contrast: 0, 0, 0;
--background-300: 224, 224, 224;
--background-300-contrast: 0, 0, 0;
--background-400: 189, 189, 189;
--background-400-contrast: 0, 0, 0;
--background-500: 158, 158, 158;
--background-500-contrast: 0, 0, 0;
--background-600: 117, 117, 117;
--background-600-contrast: 255, 255, 255;
--background-700: 97, 97, 97;
--background-700-contrast: 255, 255, 255;
--background-800: 66, 66, 66;
--background-800-contrast: 255, 255, 255;
--background-900: 33, 33, 33;
--background-900-contrast: 255, 255, 255;
--background-A100: 255, 255, 255;
--background-A100-contrast: 0, 0, 0;
--background-A200: 0, 0, 0;
--background-A200-contrast: 255, 255, 255;
--background-A400: 48, 48, 48;
--background-A400-contrast: 255, 255, 255;
--background-A700: 97, 97, 97;
--background-A700-contrast: 255, 255, 255;
--foreground-1: rgba(0, 0, 0, 0.87);
--foreground-2: rgba(0, 0, 0, 0.54);
--foreground-3: rgba(0, 0, 0, 0.38);
--foreground-4: rgba(0, 0, 0, 0.12);
--foreground-shadow: none;
}
html, body {
height: 100%;
position: relative;
}
body {
margin: 0;
padding: 0;
}
[tabindex="-1"]:focus {
outline: none;
}
.inset {
padding: 10px;
}
a.md-no-style,
button.md-no-style {
font-weight: normal;
background-color: inherit;
text-align: left;
border: none;
padding: 0;
margin: 0;
}
select,
button,
textarea,
input {
vertical-align: baseline;
}
input[type=reset],
input[type=submit],
html input[type=button],
button {
cursor: pointer;
-webkit-appearance: button;
}
input[type=reset][disabled],
input[type=submit][disabled],
html input[type=button][disabled],
button[disabled] {
cursor: default;
}
textarea {
vertical-align: top;
overflow: auto;
}
input[type=search] {
-webkit-appearance: textfield;
box-sizing: content-box;
-webkit-box-sizing: content-box;
}
input[type=search]::-webkit-search-decoration, input[type=search]::-webkit-search-cancel-button {
-webkit-appearance: none;
}
input:-webkit-autofill {
text-shadow: none;
}
.md-visually-hidden {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
text-transform: none;
width: 1px;
}
.md-shadow {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
border-radius: inherit;
pointer-events: none;
}
.md-shadow-bottom-z-1 {
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
}
.md-shadow-bottom-z-2 {
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.4);
}
.md-shadow-animated.md-shadow {
transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
}
/*
* A container inside of a rippling element (eg a button),
* which contains all of the individual ripples
*/
.md-ripple-container {
pointer-events: none;
position: absolute;
overflow: hidden;
left: 0;
top: 0;
width: 100%;
height: 100%;
transition: all 0.55s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.md-ripple {
position: absolute;
transform: translate(-50%, -50%) scale(0);
transform-origin: 50% 50%;
opacity: 0;
border-radius: 50%;
}
.md-ripple.md-ripple-placed {
transition: margin 0.9s cubic-bezier(0.25, 0.8, 0.25, 1), border 0.9s cubic-bezier(0.25, 0.8, 0.25, 1), width 0.9s cubic-bezier(0.25, 0.8, 0.25, 1), height 0.9s cubic-bezier(0.25, 0.8, 0.25, 1), opacity 0.9s cubic-bezier(0.25, 0.8, 0.25, 1), transform 0.9s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.md-ripple.md-ripple-scaled {
transform: translate(-50%, -50%) scale(1);
}
.md-ripple.md-ripple-active, .md-ripple.md-ripple-full, .md-ripple.md-ripple-visible {
opacity: 0.2;
}
.md-ripple.md-ripple-remove {
animation: md-remove-ripple 0.9s cubic-bezier(0.25, 0.8, 0.25, 1);
}
@keyframes md-remove-ripple {
0% {
opacity: 0.15;
}
100% {
opacity: 0;
}
}
.md-padding {
padding: 8px;
}
.md-margin {
margin: 8px;
}
.md-scroll-mask {
position: absolute;
background-color: transparent;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 50;
}
.md-scroll-mask > .md-scroll-mask-bar {
display: block;
position: absolute;
background-color: #fafafa;
right: 0;
top: 0;
bottom: 0;
z-index: 65;
box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.3);
}
.md-no-momentum {
-webkit-overflow-scrolling: auto;
}
.md-no-flicker {
-webkit-filter: blur(0px);
}
@media (min-width: 960px) {
.md-padding {
padding: 16px;
}
}
html[dir=rtl], html[dir=ltr], body[dir=rtl], body[dir=ltr] {
unicode-bidi: embed;
}
bdo[dir=rtl] {
direction: rtl;
unicode-bidi: bidi-override;
}
bdo[dir=ltr] {
direction: ltr;
unicode-bidi: bidi-override;
}
html, body {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-touch-callout: none;
min-height: 100%;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
/************
* Headings
************/
.md-display-4 {
font-size: 112px;
font-weight: 300;
letter-spacing: -0.01em;
line-height: 112px;
}
.md-display-3 {
font-size: 56px;
font-weight: 400;
letter-spacing: -0.005em;
line-height: 56px;
}
.md-display-2 {
font-size: 45px;
font-weight: 400;
line-height: 64px;
}
.md-display-1 {
font-size: 34px;
font-weight: 400;
line-height: 40px;
}
.md-headline {
font-size: 24px;
font-weight: 400;
line-height: 32px;
}
.md-title {
font-size: 20px;
font-weight: 500;
letter-spacing: 0.005em;
}
.md-subhead {
font-size: 16px;
font-weight: 400;
letter-spacing: 0.01em;
line-height: 24px;
}
/************
* Body Copy
************/
.md-body-1 {
font-size: 14px;
font-weight: 400;
letter-spacing: 0.01em;
line-height: 20px;
}
.md-body-2 {
font-size: 14px;
font-weight: 500;
letter-spacing: 0.01em;
line-height: 24px;
}
.md-caption {
font-size: 12px;
letter-spacing: 0.02em;
}
.md-button {
letter-spacing: 0.01em;
}
/************
* Defaults
************/
button,
select,
html,
textarea,
input {
font-family: Roboto, "Helvetica Neue", sans-serif;
}
select,
button,
textarea,
input {
font-size: 100%;
}
/*
* Responsive attributes
*
* References:
* 1) https://scotch.io/tutorials/a-visual-guide-to-css3-flexbox-properties#flex
* 2) https://css-tricks.com/almanac/properties/f/flex/
* 3) https://css-tricks.com/snippets/css/a-guide-to-flexbox/
* 4) https://github.com/philipwalton/flexbugs#3-min-height-on-a-flex-container-wont-apply-to-its-flex-items
* 5) http://godban.com.ua/projects/flexgrid
*/
/*
* Since Layout API uses ng-cloak to hide the dom elements while layouts are adjusted
*/
[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
display: none !important;
}
/*
* Responsive attributes
*
* References:
* 1) https://scotch.io/tutorials/a-visual-guide-to-css3-flexbox-properties#flex
* 2) https://css-tricks.com/almanac/properties/f/flex/
* 3) https://css-tricks.com/snippets/css/a-guide-to-flexbox/
* 4) https://github.com/philipwalton/flexbugs#3-min-height-on-a-flex-container-wont-apply-to-its-flex-items
* 5) http://godban.com.ua/projects/flexgrid
*/
@-moz-document url-prefix() {
.layout-fill {
margin: 0;
width: 100%;
min-height: 100%;
height: 100%;
}
}
/*
* Apply Mixins to create Layout/Flexbox styles
*/
.flex-order {
order: 0;
}
.flex-order--20 {
order: -20;
}
.flex-order--19 {
order: -19;
}
.flex-order--18 {
order: -18;
}
.flex-order--17 {
order: -17;
}
.flex-order--16 {
order: -16;
}
.flex-order--15 {
order: -15;
}
.flex-order--14 {
order: -14;
}
.flex-order--13 {
order: -13;
}
.flex-order--12 {
order: -12;
}
.flex-order--11 {
order: -11;
}
.flex-order--10 {
order: -10;
}
.flex-order--9 {
order: -9;
}
.flex-order--8 {
order: -8;
}
.flex-order--7 {
order: -7;
}
.flex-order--6 {
order: -6;
}
.flex-order--5 {
order: -5;
}
.flex-order--4 {
order: -4;
}
.flex-order--3 {
order: -3;
}
.flex-order--2 {
order: -2;
}
.flex-order--1 {
order: -1;
}
.flex-order-0 {
order: 0;
}
.flex-order-1 {
order: 1;
}
.flex-order-2 {
order: 2;
}
.flex-order-3 {
order: 3;
}
.flex-order-4 {
order: 4;
}
.flex-order-5 {
order: 5;
}
.flex-order-6 {
order: 6;
}
.flex-order-7 {
order: 7;
}
.flex-order-8 {
order: 8;
}
.flex-order-9 {
order: 9;
}
.flex-order-10 {
order: 10;
}
.flex-order-11 {
order: 11;
}
.flex-order-12 {
order: 12;
}
.flex-order-13 {
order: 13;
}
.flex-order-14 {
order: 14;
}
.flex-order-15 {
order: 15;
}
.flex-order-16 {
order: 16;
}
.flex-order-17 {
order: 17;
}
.flex-order-18 {
order: 18;
}
.flex-order-19 {
order: 19;
}
.flex-order-20 {
order: 20;
}
.offset-0, .flex-offset-0, .layout-margin .flex-offset-0, .layout-margin .offset-0 {
margin-left: 0;
}
[dir=rtl] .offset-0, [dir=rtl] .flex-offset-0, [dir=rtl] .layout-margin .flex-offset-0, [dir=rtl] .layout-margin .offset-0 {
margin-left: auto;
margin-right: 0;
}
.offset-5, .flex-offset-5, .layout-margin .flex-offset-5, .layout-margin .offset-5 {
margin-left: 5%;
}
[dir=rtl] .offset-5, [dir=rtl] .flex-offset-5, [dir=rtl] .layout-margin .flex-offset-5, [dir=rtl] .layout-margin .offset-5 {
margin-left: auto;
margin-right: 5%;
}
.offset-10, .flex-offset-10, .layout-margin .flex-offset-10, .layout-margin .offset-10 {
margin-left: 10%;
}
[dir=rtl] .offset-10, [dir=rtl] .flex-offset-10, [dir=rtl] .layout-margin .flex-offset-10, [dir=rtl] .layout-margin .offset-10 {
margin-left: auto;
margin-right: 10%;
}
.offset-15, .flex-offset-15, .layout-margin .flex-offset-15, .layout-margin .offset-15 {
margin-left: 15%;
}
[dir=rtl] .offset-15, [dir=rtl] .flex-offset-15, [dir=rtl] .layout-margin .flex-offset-15, [dir=rtl] .layout-margin .offset-15 {
margin-left: auto;
margin-right: 15%;
}
.offset-20, .flex-offset-20, .layout-margin .flex-offset-20, .layout-margin .offset-20 {
margin-left: 20%;
}
[dir=rtl] .offset-20, [dir=rtl] .flex-offset-20, [dir=rtl] .layout-margin .flex-offset-20, [dir=rtl] .layout-margin .offset-20 {
margin-left: auto;
margin-right: 20%;
}
.offset-25, .flex-offset-25, .layout-margin .flex-offset-25, .layout-margin .offset-25 {
margin-left: 25%;
}
[dir=rtl] .offset-25, [dir=rtl] .flex-offset-25, [dir=rtl] .layout-margin .flex-offset-25, [dir=rtl] .layout-margin .offset-25 {
margin-left: auto;
margin-right: 25%;
}
.offset-30, .flex-offset-30, .layout-margin .flex-offset-30, .layout-margin .offset-30 {
margin-left: 30%;
}
[dir=rtl] .offset-30, [dir=rtl] .flex-offset-30, [dir=rtl] .layout-margin .flex-offset-30, [dir=rtl] .layout-margin .offset-30 {
margin-left: auto;
margin-right: 30%;
}
.offset-35, .flex-offset-35, .layout-margin .flex-offset-35, .layout-margin .offset-35 {
margin-left: 35%;
}
[dir=rtl] .offset-35, [dir=rtl] .flex-offset-35, [dir=rtl] .layout-margin .flex-offset-35, [dir=rtl] .layout-margin .offset-35 {
margin-left: auto;
margin-right: 35%;
}
.offset-40, .flex-offset-40, .layout-margin .flex-offset-40, .layout-margin .offset-40 {
margin-left: 40%;
}
[dir=rtl] .offset-40, [dir=rtl] .flex-offset-40, [dir=rtl] .layout-margin .flex-offset-40, [dir=rtl] .layout-margin .offset-40 {
margin-left: auto;
margin-right: 40%;
}
.offset-45, .flex-offset-45, .layout-margin .flex-offset-45, .layout-margin .offset-45 {
margin-left: 45%;
}
[dir=rtl] .offset-45, [dir=rtl] .flex-offset-45, [dir=rtl] .layout-margin .flex-offset-45, [dir=rtl] .layout-margin .offset-45 {
margin-left: auto;
margin-right: 45%;
}
.offset-50, .flex-offset-50, .layout-margin .flex-offset-50, .layout-margin .offset-50 {
margin-left: 50%;
}
[dir=rtl] .offset-50, [dir=rtl] .flex-offset-50, [dir=rtl] .layout-margin .flex-offset-50, [dir=rtl] .layout-margin .offset-50 {
margin-left: auto;
margin-right: 50%;
}
.offset-55, .flex-offset-55, .layout-margin .flex-offset-55, .layout-margin .offset-55 {
margin-left: 55%;
}
[dir=rtl] .offset-55, [dir=rtl] .flex-offset-55, [dir=rtl] .layout-margin .flex-offset-55, [dir=rtl] .layout-margin .offset-55 {
margin-left: auto;
margin-right: 55%;
}
.offset-60, .flex-offset-60, .layout-margin .flex-offset-60, .layout-margin .offset-60 {
margin-left: 60%;
}
[dir=rtl] .offset-60, [dir=rtl] .flex-offset-60, [dir=rtl] .layout-margin .flex-offset-60, [dir=rtl] .layout-margin .offset-60 {
margin-left: auto;
margin-right: 60%;
}
.offset-65, .flex-offset-65, .layout-margin .flex-offset-65, .layout-margin .offset-65 {
margin-left: 65%;
}
[dir=rtl] .offset-65, [dir=rtl] .flex-offset-65, [dir=rtl] .layout-margin .flex-offset-65, [dir=rtl] .layout-margin .offset-65 {
margin-left: auto;
margin-right: 65%;
}
.offset-70, .flex-offset-70, .layout-margin .flex-offset-70, .layout-margin .offset-70 {
margin-left: 70%;
}
[dir=rtl] .offset-70, [dir=rtl] .flex-offset-70, [dir=rtl] .layout-margin .flex-offset-70, [dir=rtl] .layout-margin .offset-70 {
margin-left: auto;
margin-right: 70%;
}
.offset-75, .flex-offset-75, .layout-margin .flex-offset-75, .layout-margin .offset-75 {
margin-left: 75%;
}
[dir=rtl] .offset-75, [dir=rtl] .flex-offset-75, [dir=rtl] .layout-margin .flex-offset-75, [dir=rtl] .layout-margin .offset-75 {
margin-left: auto;
margin-right: 75%;
}
.offset-80, .flex-offset-80, .layout-margin .flex-offset-80, .layout-margin .offset-80 {
margin-left: 80%;
}
[dir=rtl] .offset-80, [dir=rtl] .flex-offset-80, [dir=rtl] .layout-margin .flex-offset-80, [dir=rtl] .layout-margin .offset-80 {
margin-left: auto;
margin-right: 80%;
}
.offset-85, .flex-offset-85, .layout-margin .flex-offset-85, .layout-margin .offset-85 {
margin-left: 85%;
}
[dir=rtl] .offset-85, [dir=rtl] .flex-offset-85, [dir=rtl] .layout-margin .flex-offset-85, [dir=rtl] .layout-margin .offset-85 {
margin-left: auto;
margin-right: 85%;
}
.offset-90, .flex-offset-90, .layout-margin .flex-offset-90, .layout-margin .offset-90 {
margin-left: 90%;
}
[dir=rtl] .offset-90, [dir=rtl] .flex-offset-90, [dir=rtl] .layout-margin .flex-offset-90, [dir=rtl] .layout-margin .offset-90 {
margin-left: auto;
margin-right: 90%;
}
.offset-95, .flex-offset-95, .layout-margin .flex-offset-95, .layout-margin .offset-95 {
margin-left: 95%;
}
[dir=rtl] .offset-95, [dir=rtl] .flex-offset-95, [dir=rtl] .layout-margin .flex-offset-95, [dir=rtl] .layout-margin .offset-95 {
margin-left: auto;
margin-right: 95%;
}
.offset-33, .flex-offset-33, .layout-margin .flex-offset-33, .layout-margin .offset-33 {
margin-left: calc(100% / 3);
}
.offset-66, .flex-offset-66, .layout-margin .flex-offset-66, .layout-margin .offset-66 {
margin-left: calc(200% / 3);
}
[dir=rtl] .offset-66, [dir=rtl] .flex-offset-66, [dir=rtl] .layout-margin .flex-offset-66, [dir=rtl] .layout-margin .offset-66 {
margin-left: auto;
margin-right: calc(200% / 3);
}
.layout-align,
.layout-align-start-stretch {
justify-content: flex-start;
align-content: stretch;
align-items: stretch;
}
.layout-align-start,
.layout-align-start-start,
.layout-align-start-center,
.layout-align-start-end,
.layout-align-start-stretch {
justify-content: flex-start;
}
.layout-align-center,
.layout-align-center-start,
.layout-align-center-center,
.layout-align-center-end,
.layout-align-center-stretch {
justify-content: center;
}
.layout-align-end,
.layout-align-end-start,
.layout-align-end-center,
.layout-align-end-end,
.layout-align-end-stretch {
justify-content: flex-end;
}
.layout-align-space-around,
.layout-align-space-around-center,
.layout-align-space-around-start,
.layout-align-space-around-end,
.layout-align-space-around-stretch {
justify-content: space-around;
}
.layout-align-space-between,
.layout-align-space-between-center,
.layout-align-space-between-start,
.layout-align-space-between-end,
.layout-align-space-between-stretch {
justify-content: space-between;
}
.layout-align-start-start,
.layout-align-center-start,
.layout-align-end-start,
.layout-align-space-between-start,
.layout-align-space-around-start {
align-items: flex-start;
align-content: flex-start;
}
.layout-align-start-center,
.layout-align-center-center,
.layout-align-end-center,
.layout-align-space-between-center,
.layout-align-space-around-center {
align-items: center;
align-content: center;
max-width: 100%;
}
.layout-align-start-center > *,
.layout-align-center-center > *,
.layout-align-end-center > *,
.layout-align-space-between-center > *,
.layout-align-space-around-center > * {
max-width: 100%;
box-sizing: border-box;
}
.layout-align-start-end,
.layout-align-center-end,
.layout-align-end-end,
.layout-align-space-between-end,
.layout-align-space-around-end {
align-items: flex-end;
align-content: flex-end;
}
.layout-align-start-stretch,
.layout-align-center-stretch,
.layout-align-end-stretch,
.layout-align-space-between-stretch,
.layout-align-space-around-stretch {
align-items: stretch;
align-content: stretch;
}
.flex {
flex: 1;
box-sizing: border-box;
}
.flex-grow {
flex: 1 1 100%;
box-sizing: border-box;
}
.flex-initial {
flex: 0 1 auto;
box-sizing: border-box;
}
.flex-auto {
flex: 1 1 auto;
box-sizing: border-box;
}
.flex-none {
flex: 0 0 auto;
box-sizing: border-box;
}
.flex-noshrink {
flex: 1 0 auto;
box-sizing: border-box;
}
.flex-nogrow {
flex: 0 1 auto;
box-sizing: border-box;
}
.flex-0 {
flex: 1 1 100%;
max-width: 0%;
max-height: 100%;
box-sizing: border-box;
}
.layout-row > .flex-0 {
flex: 1 1 100%;
max-width: 0%;
max-height: 100%;
box-sizing: border-box;
min-width: 0;
}
.layout-column > .flex-0 {
flex: 1 1 100%;
max-width: 100%;
max-height: 0%;
box-sizing: border-box;
}
.flex-5 {
flex: 1 1 100%;
max-width: 5%;
max-height: 100%;
box-sizing: border-box;
}
.layout-row > .flex-5 {
flex: 1 1 100%;
max-width: 5%;
max-height: 100%;
box-sizing: border-box;
}
.layout-column > .flex-5 {
flex: 1 1 100%;
max-width: 100%;
max-height: 5%;
box-sizing: border-box;
}
.flex-10 {
flex: 1 1 100%;
max-width: 10%;
max-height: 100%;
box-sizing: border-box;
}
.layout-row > .flex-10 {
flex: 1 1 100%;
max-width: 10%;
max-height: 100%;
box-sizing: border-box;
}
.layout-column > .flex-10 {
flex: 1 1 100%;
max-width: 100%;
max-height: 10%;
box-sizing: border-box;
}
.flex-15 {
flex: 1 1 100%;
max-width: 15%;
max-height: 100%;
box-sizing: border-box;
}
.layout-row > .flex-15 {
flex: 1 1 100%;
max-width: 15%;
max-height: 100%;
box-sizing: border-box;
}
.layout-column > .flex-15 {
flex: 1 1 100%;
max-width: 100%;
max-height: 15%;
box-sizing: border-box;
}
.flex-20 {
flex: 1 1 100%;
max-width: 20%;
max-height: 100%;
box-sizing: border-box;
}
.layout-row > .flex-20 {
flex: 1 1 100%;
max-width: 20%;
max-height: 100%;
box-sizing: border-box;
}
.layout-column > .flex-20 {
flex: 1 1 100%;
max-width: 100%;
max-height: 20%;
box-sizing: border-box;
}
.flex-25 {
flex: 1 1 100%;
max-width: 25%;
max-height: 100%;
box-sizing: border-box;
}
.layout-row > .flex-25 {
flex: 1 1 100%;
max-width: 25%;
max-height: 100%;
box-sizing: border-box;
}
.layout-column > .flex-25 {
flex: 1 1 100%;
max-width: 100%;
max-height: 25%;
box-sizing: border-box;
}
.flex-30 {
flex: 1 1 100%;
max-width: 30%;
max-height: 100%;
box-sizing: border-box;
}
.layout-row > .flex-30 {
flex: 1 1 100%;
max-width: 30%;
max-height: 100%;
box-sizing: border-box;
}
.layout-column > .flex-30 {
flex: 1 1 100%;
max-width: 100%;
max-height: 30%;
box-sizing: border-box;
}
.flex-35 {
flex: 1 1 100%;
max-width: 35%;
max-height: 100%;
box-sizing: border-box;
}
.layout-row > .flex-35 {
flex: 1 1 100%;
max-width: 35%;
max-height: 100%;
box-sizing: border-box;
}
.layout-column > .flex-35 {
flex: 1 1 100%;
max-width: 100%;
max-height: 35%;
box-sizing: border-box;
}
.flex-40 {
flex: 1 1 100%;
max-width: 40%;
max-height: 100%;
box-sizing: border-box;
}
.layout-row > .flex-40 {
flex: 1 1 100%;
max-width: 40%;
max-height: 100%;
box-sizing: border-box;
}
.layout-column > .flex-40 {
flex: 1 1 100%;
max-width: 100%;
max-height: 40%;
box-sizing: border-box;
}
.flex-45 {
flex: 1 1 100%;
max-width: 45%;
max-height: 100%;
box-sizing: border-box;
}
.layout-row > .flex-45 {
flex: 1 1 100%;
max-width: 45%;
max-height: 100%;
box-sizing: border-box;
}
.layout-column > .flex-45 {
flex: 1 1 100%;
max-width: 100%;
max-height: 45%;
box-sizing: border-box;
}
.flex-50 {
flex: 1 1 100%;
max-width: 50%;
max-height: 100%;
box-sizing: border-box;
}
.layout-row > .flex-50 {
flex: 1 1 100%;
max-width: 50%;
max-height: 100%;
box-sizing: border-box;
}
.layout-column > .flex-50 {
flex: 1 1 100%;
max-width: 100%;
max-height: 50%;
box-sizing: border-box;
}
.flex-55 {
flex: 1 1 100%;
max-width: 55%;
max-height: 100%;
box-sizing: border-box;
}
.layout-row > .flex-55 {
flex: 1 1 100%;
max-width: 55%;
max-height: 100%;
box-sizing: border-box;
}
.layout-column > .flex-55 {
flex: 1 1 100%;
max-width: 100%;
max-height: 55%;
box-sizing: border-box;
}
.flex-60 {
flex: 1 1 100%;
max-width: 60%;
max-height: 100%;
box-sizing: border-box;
}
.layout-row > .flex-60 {
flex: 1 1 100%;
max-width: 60%;
max-height: 100%;
box-sizing: border-box;
}
.layout-column > .flex-60 {
flex: 1 1 100%;
max-width: 100%;
max-height: 60%;
box-sizing: border-box;
}
.flex-65 {
flex: 1 1 100%;
max-width: 65%;
max-height: 100%;
box-sizing: border-box;
}
.layout-row > .flex-65 {
flex: 1 1 100%;
max-width: 65%;
max-height: 100%;
box-sizing: border-box;
}
.layout-column > .flex-65 {
flex: 1 1 100%;
max-width: 100%;
max-height: 65%;
box-sizing: border-box;
}
.flex-70 {
flex: 1 1 100%;
max-width: 70%;
max-height: 100%;
box-sizing: border-box;
}
.layout-row > .flex-70 {
flex: 1 1 100%;
max-width: 70%;
max-height: 100%;
box-sizing: border-box;
}
.layout-column > .flex-70 {
flex: 1 1 100%;
max-width: 100%;
max-height: 70%;
box-sizing: border-box;
}
.flex-75 {
flex: 1 1 100%;
max-width: 75%;
max-height: 100%;
box-sizing: border-box;
}
.layout-row > .flex-75 {
flex: 1 1 100%;
max-width: 75%;
max-height: 100%;
box-sizing: border-box;
}
.layout-column > .flex-75 {
flex: 1 1 100%;
max-width: 100%;
max-height: 75%;
box-sizing: border-box;
}
.flex-80 {
flex: 1 1 100%;
max-width: 80%;
max-height: 100%;
box-sizing: border-box;
}
.layout-row > .flex-80 {
flex: 1 1 100%;
max-width: 80%;
max-height: 100%;
box-sizing: border-box;
}
.layout-column > .flex-80 {
flex: 1 1 100%;
max-width: 100%;
max-height: 80%;
box-sizing: border-box;
}
.flex-85 {
flex: 1 1 100%;
max-width: 85%;
max-height: 100%;
box-sizing: border-box;
}
.layout-row > .flex-85 {
flex: 1 1 100%;
max-width: 85%;
max-height: 100%;
box-sizing: border-box;
}
.layout-column > .flex-85 {
flex: 1 1 100%;
max-width: 100%;
max-height: 85%;
box-sizing: border-box;
}
.flex-90 {
flex: 1 1 100%;
max-width: 90%;
max-height: 100%;
box-sizing: border-box;
}
.layout-row > .flex-90 {
flex: 1 1 100%;
max-width: 90%;
max-height: 100%;
box-sizing: border-box;
}
.layout-column > .flex-90 {
flex: 1 1 100%;
max-width: 100%;
max-height: 90%;
box-sizing: border-box;
}
.flex-95 {
flex: 1 1 100%;
max-width: 95%;
max-height: 100%;
box-sizing: border-box;
}
.layout-row > .flex-95 {
flex: 1 1 100%;
max-width: 95%;
max-height: 100%;
box-sizing: border-box;
}
.layout-column > .flex-95 {
flex: 1 1 100%;
max-width: 100%;
max-height: 95%;
box-sizing: border-box;
}
.flex-100 {
flex: 1 1 100%;
max-width: 100%;
max-height: 100%;
box-sizing: border-box;
}
.layout-row > .flex-100 {
flex: 1 1 100%;
max-width: 100%;
max-height: 100%;
box-sizing: border-box;
}
.layout-column > .flex-100 {
flex: 1 1 100%;
max-width: 100%;
max-height: 100%;
box-sizing: border-box;
}
.flex-33 {
flex: 1 1 100%;
max-width: 33.33%;
max-height: 100%;
box-sizing: border-box;
}
.flex-66 {
flex: 1 1 100%;
max-width: 66.66%;
max-height: 100%;
box-sizing: border-box;
}
.layout-row > .flex-33 {
flex: 1 1 33.33%;
max-width: 33.33%;
max-height: 100%;
box-sizing: border-box;
}
.layout-row > .flex-66 {
flex: 1 1 66.66%;
max-width: 66.66%;
max-height: 100%;
box-sizing: border-box;
}
.layout-column > .flex-33 {
flex: 1 1 33.33%;
max-width: 100%;
max-height: 33.33%;
box-sizing: border-box;
}
.layout-column > .flex-66 {
flex: 1 1 66.66%;
max-width: 100%;
max-height: 66.66%;
box-sizing: border-box;
}
.layout-row > .flex-33 {
flex: 1 1 100%;
max-width: 33.33%;
max-height: 100%;
box-sizing: border-box;
}
.layout-row > .flex-66 {
flex: 1 1 100%;
max-width: 66.66%;
max-height: 100%;
box-sizing: border-box;
}
.layout-row > .flex {
min-width: 0;
}
.layout-column > .flex-33 {
flex: 1 1 100%;
max-width: 100%;
max-height: 33.33%;
box-sizing: border-box;
}
.layout-column > .flex-66 {
flex: 1 1 100%;
max-width: 100%;
max-height: 66.66%;
box-sizing: border-box;
}
.layout-column > .flex {
min-height: 0;
}
.layout, .layout-column, .layout-row {
box-sizing: border-box;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
}
.layout-column {
flex-direction: column;
}
.layout-row {
flex-direction: row;
}
.layout-padding-sm > *,
.layout-padding > .flex-sm {
padding: 4px;
}
.layout-padding,
.layout-padding-gt-sm,
.layout-padding-md,
.layout-padding > *,
.layout-padding-gt-sm > *,
.layout-padding-md > *,
.layout-padding > .flex,
.layout-padding > .flex-gt-sm,
.layout-padding > .flex-md {
padding: 8px;
}
.layout-padding-gt-md > *,
.layout-padding-lg > *,
.layout-padding-gt-lg > *,
.layout-padding > .flex-gt-md,
.layout-padding > .flex-lg,
.layout-padding > .flex-lg,
.layout-padding > .flex-gt-lg {
padding: 16px;
}
.layout-margin-sm > *,
.layout-margin > .flex-sm {
margin: 4px;
}
.layout-margin,
.layout-margin-gt-sm,
.layout-margin-md,
.layout-margin > *,
.layout-margin-gt-sm > *,
.layout-margin-md > *,
.layout-margin > .flex,
.layout-margin > .flex-gt-sm,
.layout-margin > .flex-md {
margin: 8px;
}
.layout-margin-gt-md > *,
.layout-margin-lg > *,
.layout-margin-gt-lg > *,
.layout-margin > .flex-gt-md,
.layout-margin > .flex-lg,
.layout-margin > .flex-gt-lg {
margin: 16px;
}
.layout-wrap {
flex-wrap: wrap;
}
.layout-nowrap {
flex-wrap: nowrap;
}
.layout-fill {
margin: 0;
width: 100%;
min-height: 100%;
height: 100%;
}
/**
* `hide-gt-sm show-gt-lg` should hide from 600px to 1200px
* `show-md hide-gt-sm` should show from 0px to 960px and hide at >960px
* `hide-gt-md show-gt-sm` should show everywhere (show overrides hide)`
*
* hide means hide everywhere
* Sizes:
* $layout-breakpoint-xs: 600px !default;
* $layout-breakpoint-sm: 960px !default;
* $layout-breakpoint-md: 1280px !default;
* $layout-breakpoint-lg: 1920px !default;
*/
@media (max-width: 599px) {
.hide-xs:not(.show-xs):not(.show), .hide:not(.show-xs):not(.show) {
display: none;
}
.flex-order-xs--20 {
order: -20;
}
.flex-order-xs--19 {
order: -19;
}
.flex-order-xs--18 {
order: -18;
}
.flex-order-xs--17 {
order: -17;
}
.flex-order-xs--16 {
order: -16;
}
.flex-order-xs--15 {
order: -15;
}
.flex-order-xs--14 {
order: -14;
}
.flex-order-xs--13 {
order: -13;
}
.flex-order-xs--12 {
order: -12;
}
.flex-order-xs--11 {
order: -11;
}
.flex-order-xs--10 {
order: -10;
}
.flex-order-xs--9 {
order: -9;
}
.flex-order-xs--8 {
order: -8;
}
.flex-order-xs--7 {
order: -7;
}
.flex-order-xs--6 {
order: -6;
}
.flex-order-xs--5 {
order: -5;
}
.flex-order-xs--4 {
order: -4;
}
.flex-order-xs--3 {
order: -3;
}
.flex-order-xs--2 {
order: -2;
}
.flex-order-xs--1 {
order: -1;
}
.flex-order-xs-0 {
order: 0;
}
.flex-order-xs-1 {
order: 1;
}
.flex-order-xs-2 {
order: 2;
}
.flex-order-xs-3 {
order: 3;
}
.flex-order-xs-4 {
order: 4;
}
.flex-order-xs-5 {
order: 5;
}
.flex-order-xs-6 {
order: 6;
}
.flex-order-xs-7 {
order: 7;
}
.flex-order-xs-8 {
order: 8;
}
.flex-order-xs-9 {
order: 9;
}
.flex-order-xs-10 {
order: 10;
}
.flex-order-xs-11 {
order: 11;
}
.flex-order-xs-12 {
order: 12;
}
.flex-order-xs-13 {
order: 13;
}
.flex-order-xs-14 {
order: 14;
}
.flex-order-xs-15 {
order: 15;
}
.flex-order-xs-16 {
order: 16;
}
.flex-order-xs-17 {
order: 17;
}
.flex-order-xs-18 {
order: 18;
}
.flex-order-xs-19 {
order: 19;
}
.flex-order-xs-20 {
order: 20;
}
.offset-xs-0, .flex-offset-xs-0, .layout-margin .flex-offset-xs-0, .layout-margin .offset-xs-0 {
margin-left: 0;
}
[dir=rtl] .offset-xs-0, [dir=rtl] .flex-offset-xs-0, [dir=rtl] .layout-margin .flex-offset-xs-0, [dir=rtl] .layout-margin .offset-xs-0 {
margin-left: auto;
margin-right: 0;
}
.offset-xs-5, .flex-offset-xs-5, .layout-margin .flex-offset-xs-5, .layout-margin .offset-xs-5 {
margin-left: 5%;
}
[dir=rtl] .offset-xs-5, [dir=rtl] .flex-offset-xs-5, [dir=rtl] .layout-margin .flex-offset-xs-5, [dir=rtl] .layout-margin .offset-xs-5 {
margin-left: auto;
margin-right: 5%;
}
.offset-xs-10, .flex-offset-xs-10, .layout-margin .flex-offset-xs-10, .layout-margin .offset-xs-10 {
margin-left: 10%;
}
[dir=rtl] .offset-xs-10, [dir=rtl] .flex-offset-xs-10, [dir=rtl] .layout-margin .flex-offset-xs-10, [dir=rtl] .layout-margin .offset-xs-10 {
margin-left: auto;
margin-right: 10%;
}
.offset-xs-15, .flex-offset-xs-15, .layout-margin .flex-offset-xs-15, .layout-margin .offset-xs-15 {
margin-left: 15%;
}
[dir=rtl] .offset-xs-15, [dir=rtl] .flex-offset-xs-15, [dir=rtl] .layout-margin .flex-offset-xs-15, [dir=rtl] .layout-margin .offset-xs-15 {
margin-left: auto;
margin-right: 15%;
}
.offset-xs-20, .flex-offset-xs-20, .layout-margin .flex-offset-xs-20, .layout-margin .offset-xs-20 {
margin-left: 20%;
}
[dir=rtl] .offset-xs-20, [dir=rtl] .flex-offset-xs-20, [dir=rtl] .layout-margin .flex-offset-xs-20, [dir=rtl] .layout-margin .offset-xs-20 {
margin-left: auto;
margin-right: 20%;
}
.offset-xs-25, .flex-offset-xs-25, .layout-margin .flex-offset-xs-25, .layout-margin .offset-xs-25 {
margin-left: 25%;
}
[dir=rtl] .offset-xs-25, [dir=rtl] .flex-offset-xs-25, [dir=rtl] .layout-margin .flex-offset-xs-25, [dir=rtl] .layout-margin .offset-xs-25 {
margin-left: auto;
margin-right: 25%;
}
.offset-xs-30, .flex-offset-xs-30, .layout-margin .flex-offset-xs-30, .layout-margin .offset-xs-30 {
margin-left: 30%;
}
[dir=rtl] .offset-xs-30, [dir=rtl] .flex-offset-xs-30, [dir=rtl] .layout-margin .flex-offset-xs-30, [dir=rtl] .layout-margin .offset-xs-30 {
margin-left: auto;
margin-right: 30%;
}
.offset-xs-35, .flex-offset-xs-35, .layout-margin .flex-offset-xs-35, .layout-margin .offset-xs-35 {
margin-left: 35%;
}
[dir=rtl] .offset-xs-35, [dir=rtl] .flex-offset-xs-35, [dir=rtl] .layout-margin .flex-offset-xs-35, [dir=rtl] .layout-margin .offset-xs-35 {
margin-left: auto;
margin-right: 35%;
}
.offset-xs-40, .flex-offset-xs-40, .layout-margin .flex-offset-xs-40, .layout-margin .offset-xs-40 {
margin-left: 40%;
}
[dir=rtl] .offset-xs-40, [dir=rtl] .flex-offset-xs-40, [dir=rtl] .layout-margin .flex-offset-xs-40, [dir=rtl] .layout-margin .offset-xs-40 {
margin-left: auto;
margin-right: 40%;
}
.offset-xs-45, .flex-offset-xs-45, .layout-margin .flex-offset-xs-45, .layout-margin .offset-xs-45 {
margin-left: 45%;
}
[dir=rtl] .offset-xs-45, [dir=rtl] .flex-offset-xs-45, [dir=rtl] .layout-margin .flex-offset-xs-45, [dir=rtl] .layout-margin .offset-xs-45 {
margin-left: auto;
margin-right: 45%;
}
.offset-xs-50, .flex-offset-xs-50, .layout-margin .flex-offset-xs-50, .layout-margin .offset-xs-50 {
margin-left: 50%;
}
[dir=rtl] .offset-xs-50, [dir=rtl] .flex-offset-xs-50, [dir=rtl] .layout-margin .flex-offset-xs-50, [dir=rtl] .layout-margin .offset-xs-50 {
margin-left: auto;
margin-right: 50%;
}
.offset-xs-55, .flex-offset-xs-55, .layout-margin .flex-offset-xs-55, .layout-margin .offset-xs-55 {
margin-left: 55%;
}
[dir=rtl] .offset-xs-55, [dir=rtl] .flex-offset-xs-55, [dir=rtl] .layout-margin .flex-offset-xs-55, [dir=rtl] .layout-margin .offset-xs-55 {
margin-left: auto;
margin-right: 55%;
}
.offset-xs-60, .flex-offset-xs-60, .layout-margin .flex-offset-xs-60, .layout-margin .offset-xs-60 {
margin-left: 60%;
}
[dir=rtl] .offset-xs-60, [dir=rtl] .flex-offset-xs-60, [dir=rtl] .layout-margin .flex-offset-xs-60, [dir=rtl] .layout-margin .offset-xs-60 {
margin-left: auto;
margin-right: 60%;
}
.offset-xs-65, .flex-offset-xs-65, .layout-margin .flex-offset-xs-65, .layout-margin .offset-xs-65 {
margin-left: 65%;
}
[dir=rtl] .offset-xs-65, [dir=rtl] .flex-offset-xs-65, [dir=rtl] .layout-margin .flex-offset-xs-65, [dir=rtl] .layout-margin .offset-xs-65 {
margin-left: auto;
margin-right: 65%;
}
.offset-xs-70, .flex-offset-xs-70, .layout-margin .flex-offset-xs-70, .layout-margin .offset-xs-70 {
margin-left: 70%;
}
[dir=rtl] .offset-xs-70, [dir=rtl] .flex-offset-xs-70, [dir=rtl] .layout-margin .flex-offset-xs-70, [dir=rtl] .layout-margin .offset-xs-70 {
margin-left: auto;
margin-right: 70%;
}
.offset-xs-75, .flex-offset-xs-75, .layout-margin .flex-offset-xs-75, .layout-margin .offset-xs-75 {
margin-left: 75%;
}
[dir=rtl] .offset-xs-75, [dir=rtl] .flex-offset-xs-75, [dir=rtl] .layout-margin .flex-offset-xs-75, [dir=rtl] .layout-margin .offset-xs-75 {
margin-left: auto;
margin-right: 75%;
}
.offset-xs-80, .flex-offset-xs-80, .layout-margin .flex-offset-xs-80, .layout-margin .offset-xs-80 {
margin-left: 80%;
}
[dir=rtl] .offset-xs-80, [dir=rtl] .flex-offset-xs-80, [dir=rtl] .layout-margin .flex-offset-xs-80, [dir=rtl] .layout-margin .offset-xs-80 {
margin-left: auto;
margin-right: 80%;
}
.offset-xs-85, .flex-offset-xs-85, .layout-margin .flex-offset-xs-85, .layout-margin .offset-xs-85 {
margin-left: 85%;
}
[dir=rtl] .offset-xs-85, [dir=rtl] .flex-offset-xs-85, [dir=rtl] .layout-margin .flex-offset-xs-85, [dir=rtl] .layout-margin .offset-xs-85 {
margin-left: auto;
margin-right: 85%;
}
.offset-xs-90, .flex-offset-xs-90, .layout-margin .flex-offset-xs-90, .layout-margin .offset-xs-90 {
margin-left: 90%;
}
[dir=rtl] .offset-xs-90, [dir=rtl] .flex-offset-xs-90, [dir=rtl] .layout-margin .flex-offset-xs-90, [dir=rtl] .layout-margin .offset-xs-90 {
margin-left: auto;
margin-right: 90%;
}
.offset-xs-95, .flex-offset-xs-95, .layout-margin .flex-offset-xs-95, .layout-margin .offset-xs-95 {
margin-left: 95%;
}
[dir=rtl] .offset-xs-95, [dir=rtl] .flex-offset-xs-95, [dir=rtl] .layout-margin .flex-offset-xs-95, [dir=rtl] .layout-margin .offset-xs-95 {
margin-left: auto;
margin-right: 95%;
}
.offset-xs-33, .flex-offset-xs-33, .layout-margin .flex-offset-xs-33, .layout-margin .offset-xs-33 {
margin-left: calc(100% / 3);
}
.offset-xs-66, .flex-offset-xs-66, .layout-margin .flex-offset-xs-66, .layout-margin .offset-xs-66 {
margin-left: calc(200% / 3);
}
[dir=rtl] .offset-xs-66, [dir=rtl] .flex-offset-xs-66, [dir=rtl] .layout-margin .flex-offset-xs-66, [dir=rtl] .layout-margin .offset-xs-66 {
margin-left: auto;
margin-right: calc(200% / 3);
}
.layout-align-xs,
.layout-align-xs-start-stretch {
justify-content: flex-start;
align-content: stretch;
align-items: stretch;
}
.layout-align-xs-start,
.layout-align-xs-start-start,
.layout-align-xs-start-center,
.layout-align-xs-start-end,
.layout-align-xs-start-stretch {
justify-content: flex-start;
}
.layout-align-xs-center,
.layout-align-xs-center-start,
.layout-align-xs-center-center,
.layout-align-xs-center-end,
.layout-align-xs-center-stretch {
justify-content: center;
}
.layout-align-xs-end,
.layout-align-xs-end-start,
.layout-align-xs-end-center,
.layout-align-xs-end-end,
.layout-align-xs-end-stretch {
justify-content: flex-end;
}
.layout-align-xs-space-around,
.layout-align-xs-space-around-center,
.layout-align-xs-space-around-start,
.layout-align-xs-space-around-end,
.layout-align-xs-space-around-stretch {
justify-content: space-around;
}
.layout-align-xs-space-between,
.layout-align-xs-space-between-center,
.layout-align-xs-space-between-start,
.layout-align-xs-space-between-end,
.layout-align-xs-space-between-stretch {
justify-content: space-between;
}
.layout-align-xs-start-start,
.layout-align-xs-center-start,
.layout-align-xs-end-start,
.layout-align-xs-space-between-start,
.layout-align-xs-space-around-start {
align-items: flex-start;
align-content: flex-start;
}
.layout-align-xs-start-center,
.layout-align-xs-center-center,
.layout-align-xs-end-center,
.layout-align-xs-space-between-center,
.layout-align-xs-space-around-center {
align-items: center;
align-content: center;
max-width: 100%;
}
.layout-align-xs-start-center > *,
.layout-align-xs-center-center > *,
.layout-align-xs-end-center > *,
.layout-align-xs-space-between-center > *,
.layout-align-xs-space-around-center > * {
max-width: 100%;
box-sizing: border-box;
}
.layout-align-xs-start-end,
.layout-align-xs-center-end,
.layout-align-xs-end-end,
.layout-align-xs-space-between-end,
.layout-align-xs-space-around-end {
align-items: flex-end;
align-content: flex-end;
}
.layout-align-xs-start-stretch,
.layout-align-xs-center-stretch,
.layout-align-xs-end-stretch,
.layout-align-xs-space-between-stretch,
.layout-align-xs-space-around-stretch {
align-items: stretch;
align-content: stretch;
}
.flex-xs {
flex: 1;
box-sizing: border-box;
}
.flex-xs-grow {
flex: 1 1 100%;
box-sizing: border-box;
}
.flex-xs-initial {
flex: 0 1 auto;
box-sizing: border-box;
}
.flex-xs-auto {
flex: 1 1 auto;
box-sizing: border-box;
}
.flex-xs-none {
flex: 0 0 auto;
box-sizing: border-box;
}
.flex-xs-noshrink {
flex: 1 0 auto;
box-sizing: border-box;
}
.flex-xs-nogrow {
flex: 0 1 auto;
box-sizing: border-box;
}
.flex-xs-0 {
flex: 1 1 100%;
max-width: 0%;
max-height: 100%;
box-sizing: border-box;
}
.layout-row > .flex-xs-0 {
flex: 1 1 100%;
max-width: 0%;
max-height: 100%;
box-sizing: border-box;
min-width: 0;
}
.layout-column > .flex-xs-0 {
flex: 1 1 100%;
max-width: 100%;
max-height: 0%;
box-sizing: border-box;
}
.layout-xs-row > .flex-xs-0 {
flex: 1 1 100%;
max-width: 0%;
max-height: 100%;
box-sizing: border-box;
min-width: 0;
}
.layout-xs-column > .flex-xs-0 {
flex: 1 1 100%;
max-width: 100%;
max-height: 0%;
box-sizing: border-box;
min-height: 0;
}
.flex-xs-5 {
flex: 1 1 100%;
max-width: 5%;
max-height: 100%;
box-sizing: border-box;
}
.layout-row > .flex-xs-5 {
flex: 1 1 100%;
max-width: 5%;
max-height: 100%;
box-sizing: border-box;
}
.layout-column > .flex-xs-5 {
flex: 1 1 100%;
max-width: 100%;
max-height: 5%;
box-sizing: border-box;
}
.layout-xs-row > .flex-xs-5 {
flex: 1 1 100%;
max-width: 5%;
max-height: 100%;
box-sizing: border-box;
}
.layout-xs-column > .flex-xs-5 {
flex: 1 1 100%;
max-width: 100%;
max-height: 5%;
box-sizing: border-box;
}
.flex-xs-10 {
flex: 1 1 100%;
max-width: 10%;
max-height: 100%;
box-sizing: border-box;
}
.layout-row > .flex-xs-10 {
flex: 1 1 100%;
max-width: 10%;
max-height: 100%;
box-sizing: border-box;
}
.layout-column > .flex-xs-10 {
flex: 1 1 100%;
max-width: 100%;
max-height: 10%;
box-sizing: border-box;
}
.layout-xs-row > .flex-xs-10 {
flex: 1 1 100%;
max-width: 10%;
max-height: 100%;
box-sizing: border-box;
}
.layout-xs-column > .flex-xs-10 {
flex: 1 1 100%;
max-width: 100%;
max-height: 10%;
box-sizing: border-box;
}
.flex-xs-15 {
flex: 1 1 100%;
max-width: 15%;
max-height: 100%;
box-sizing: border-box;
}
.layout-row > .flex-xs-15 {
flex: 1 1 100%;
max-width: 15%;
max-height: 100%;
box-sizing: border-box;
}
.layout-column > .flex-xs-15 {
flex: 1 1 100%;
max-width: 100%;
max-height: 15%;
box-sizing: border-box;
}
.layout-xs-row > .flex-xs-15 {
flex: 1 1 100%;
max-width: 15%;
max-height: 100%;
box-sizing: border-box;
}
.layout-xs-column > .flex-xs-15 {
flex: 1 1 100%;
max-width: 100%;
max-height: 15%;
box-sizing: border-box;
}
.flex-xs-20 {
flex: 1 1 100%;
max-width: 20%;
max-height: 100%;
box-sizing: border-box;
}
.layout-row > .flex-xs-20 {
flex: 1 1 100%;
max-width: 20%;
max-height: 100%;
box-sizing: border-box;
}
.layout-column > .flex-xs-20 {
flex: 1 1 100%;
max-width: 100%;
max-height: 20%;
box-sizing: border-box;
}
.layout-xs-row > .flex-xs-20 {
flex: 1 1 100%;
max-width: 20%;
max-height: 100%;
box-sizing: border-box;
}
.layout-xs-column > .flex-xs-20 {
flex: 1 1 100%;
max-width: 100%;
max-height: 20%;
box-sizing: border-box;
}
.flex-xs-25 {
flex: 1 1 100%;
max-width: 25%;
max-height: 100%;
box-sizing: border-box;
}
.layout-row > .flex-xs-25 {
flex: 1 1 100%;
max-width: 25%;
max-height: 100%;
box-sizing: border-box;
}
.layout-column > .flex-xs-25 {
flex: 1 1 100%;
max-width: 100%;
max-height: 25%;
box-sizing: border-box;
}
.layout-xs-row > .flex-xs-25 {
flex: 1 1 100%;
max-width: 25%;
max-height: 100%;
box-sizing: border-box;
}
.layout-xs-column > .flex-xs-25 {
flex: 1 1 100%;
max-width: 100%;
max-height: 25%;
box-sizing: border-box;
}
.flex-xs-30 {
flex: 1 1 100%;
max-width: 30%;
max-height: 100%;
box-sizing: border-box;
}
.layout-row > .flex-xs-30 {
flex: 1 1 100%;
max-width: 30%;
max-height: 100%;
box-sizing: border-box;
}
.layout-column > .flex-xs-30 {
flex: 1 1 100%;
max-width: 100%;
max-height: 30%;
box-sizing: border-box;
}
.layout-xs-row > .flex-xs-30 {
flex: 1 1 100%;
max-width: 30%;
max-height: 100%;
box-sizing: border-box;
}
.layout-xs-column > .flex-xs-30 {
flex: 1 1 100%;
max-width: 100%;
max-height: 30%;
box-sizing: border-box;
}
.flex-xs-35 {
flex: 1 1 100%;
max-width: 35%;
max-height: 100%;
box-sizing: border-box;
}
.layout-row > .flex-xs-35 {
flex: 1 1 100%;
max-width: 35%;
max-height: 100%;
box-sizing: border-box;
}
.layout-column > .flex-xs-35 {
flex: 1 1 100%;
max-width: 100%;
max-height: 35%;
box-sizing: border-box;
}
.layout-xs-row > .flex-xs-35 {
flex: 1 1 100%;
max-width: 35%;
max-height: 100%;
box-sizing: border-box;
}
.layout-xs-column > .flex-xs-35 {
flex: 1 1 100%;
max-width: 100%;
max-height: 35%;
box-sizing: border-box;
}
.flex-xs-40 {
flex: 1 1 100%;
max-width: 40%;
max-height: 100%;
box-sizing: border-box;
}
.layout-row > .flex-xs-40 {
flex: 1 1 100%;
max-width: 40%;
max-height: 100%;
box-sizing: border-box;
}
.layout-column > .flex-xs-40 {
flex: 1 1 100%;
max-width: 100%;
max-height: 40%;
box-sizing: border-box;
}
.layout-xs-row > .flex-xs-40 {
flex: 1 1 100%;
max-width: 40%;
max-height: 100%;
box-sizing: border-box;
}
.layout-xs-column > .flex-xs-40 {
flex: 1 1 100%;
max-width: 100%;
max-height: 40%;
box-sizing: border-box;
}
.flex-xs-45 {
flex: 1 1 100%;
max-width: 45%;
max-height: 100%;
box-sizing: border-box;
}
.layout-row > .flex-xs-45 {
flex: 1 1 100%;
max-width: 45%;
max-height: 100%;
box-sizing: border-box;
}
.layout-column > .flex-xs-45 {
flex: 1 1 100%;
max-width: 100%;
max-height: 45%;
box-sizing: border-box;
}
.layout-xs-row > .flex-xs-45 {
flex: 1 1 100%;
max-width: 45%;
max-height: 100%;
box-sizing: border-box;
}
.layout-xs-column > .flex-xs-45 {
flex: 1 1 100%;
max-width: 100%;
max-height: 45%;
box-sizing: border-box;
}
.flex-xs-50 {
flex: 1 1 100%;
max-width: 50%;
max-height: 100%;
box-sizing: border-box;
}
.layout-row > .flex-xs-50 {
flex: 1 1 100%;
max-width: 50%;
max-height: 100%;
box-sizing: border-box;
}
.layout-column > .flex-xs-50 {
flex: 1 1 100%;
max-width: 100%;
max-height: 50%;
box-sizing: border-box;
}
.layout-xs-row > .flex-xs-50 {
flex: 1 1 100%;
max-width: 50%;
max-height: 100%;
box-sizing: border-box;
}
.layout-xs-column > .flex-xs-50 {
flex: 1 1 100%;
max-width: 100%;
max-height: 50%;
box-sizing: border-box;
}
.flex-xs-55 {
flex: 1 1 100%;
max-width: 55%;
max-height: 100%;
box-sizing: border-box;
}
.layout-row > .flex-xs-55 {
flex: 1 1 100%;
max-width: 55%;
max-height: 100%;
box-sizing: border-box;
}
.layout-column > .flex-xs-55 {
flex: 1 1 100%;
max-width: 100%;
max-height: 55%;
box-sizing: border-box;
}
.layout-xs-row > .flex-xs-55 {
flex: 1 1 100%;
max-width: 55%;
max-height: 100%;
box-sizing: border-box;
}
.layout-xs-column > .flex-xs-55 {
flex: 1 1 100%;
max-width: 100%;
max-height: 55%;
box-sizing: border-box;
}
.flex-xs-60 {
flex: 1 1 100%;
max-width: 60%;
max-height: 100%;
box-sizing: border-box;
}
.layout-row > .flex-xs-60 {
flex: 1 1 100%;
max-width: 60%;
max-height: 100%;
box-sizing: border-box;
}
.layout-column > .flex-xs-60 {
flex: 1 1 100%;
max-width: 100%;
max-height: 60%;
box-sizing: border-box;
}
.layout-xs-row > .flex-xs-60 {
flex: 1 1 100%;
max-width: 60%;
max-height: 100%;
box-sizing: border-box;
}
.layout-xs-column > .flex-xs-60 {
flex: 1 1 100%;
max-width: 100%;
max-height: 60%;
box-sizing: border-box;
}
.flex-xs-65 {
flex: 1 1 100%;
max-width: 65%;
max-height: 100%;
box-sizing: border-box;
}
.layout-row > .flex-xs-65 {
flex: 1 1 100%;
max-width: 65%;
max-height: 100%;
box-sizing: border-box;
}
.layout-column > .flex-xs-65 {
flex: 1 1 100%;
max-width: 100%;
max-height: 65%;
box-sizing: border-box;
}
.layout-xs-row > .flex-xs-65 {
flex: 1 1 100%;
max-width: 65%;
max-height: 100%;
box-sizing: border-box;
}
.layout-xs-column > .flex-xs-65 {
flex: 1 1 100%;
max-width: 100%;
max-height: 65%;
box-sizing: border-box;
}
.flex-xs-70 {
flex: 1 1 100%;
max-width: 70%;
max-height: 100%;
box-sizing: border-box;
}
.layout-row > .flex-xs-70 {
flex: 1 1 100%;
max-width: 70%;
max-height: 100%;
box-sizing: border-box;
}
.layout-column > .flex-xs-70 {
flex: 1 1 100%;
max-width: 100%;
max-height: 70%;
box-sizing: border-box;
}
.layout-xs-row > .flex-xs-70 {
flex: 1 1 100%;
max-width: 70%;
max-height: 100%;
box-sizing: border-box;
}
.layout-xs-column > .flex-xs-70 {
flex: 1 1 100%;
max-width: 100%;
max-height: 70%;
box-sizing: border-box;
}
.flex-xs-75 {
flex: 1 1 100%;
max-width: 75%;
max-height: 100%;
box-sizing: border-box;
}
.layout-row > .flex-xs-75 {
flex: 1 1 100%;
max-width: 75%;
max-height: 100%;
box-sizing: border-box;
}
.layout-column > .flex-xs-75 {
flex: 1 1 100%;
max-width: 100%;
max-height: 75%;
box-sizing: border-box;
}
.layout-xs-row > .flex-xs-75 {
flex: 1 1 100%;
max-width: 75%;
max-height: 100%;
box-sizing: border-box;
}
.layout-xs-column > .flex-xs-75 {
flex: 1 1 100%;
max-width: 100%;
max-height: 75%;
box-sizing: border-box;
}
.flex-xs-80 {
flex: 1 1 100%;
max-width: 80%;
max-height: 100%;
box-sizing: border-box;
}
.layout-row > .flex-xs-80 {
flex: 1 1 100%;
max-width: 80%;
max-height: 100%;
box-sizing: border-box;
}
.layout-column > .flex-xs-80 {
flex: 1 1 100%;
max-width: 100%;
max-height: 80%;
box-sizing: border-box;
}
.layout-xs-row > .flex-xs-80 {
flex: 1 1 100%;
max-width: 80%;
max-height: 100%;
box-sizing: border-box;
}
.layout-xs-column > .flex-xs-80 {
flex: 1 1 100%;
max-width: 100%;
max-height: 80%;
box-sizing: border-box;
}
.flex-xs-85 {
flex: 1 1 100%;
max-width: 85%;
max-height: 100%;
box-sizing: border-box;
}
.layout-row > .flex-xs-85 {
flex: 1 1 100%;
max-width: 85%;
max-height: 100%;
box-sizing: border-box;
}
.layout-column > .flex-xs-85 {
flex: 1 1 100%;
max-width: 100%;
max-height: 85%;
box-sizing: border-box;
}
.layout-xs-row > .flex-xs-85 {
flex: 1 1 100%;
max-width: 85%;
max-height: 100%;
box-sizing: border-box;
}
.layout-xs-column > .flex-xs-85 {
flex: 1 1 100%;
max-width: 100%;
max-height: 85%;
box-sizing: border-box;
}
.flex-xs-90 {
flex: 1 1 100%;
max-width: 90%;
max-height: 100%;
box-sizing: border-box;
}
.layout-row > .flex-xs-90 {
flex: 1 1 100%;
max-width: 90%;
max-height: 100%;
box-sizing: border-box;
}
.layout-column > .flex-xs-90 {
flex: 1 1 100%;
max-width: 100%;
max-height: 90%;
box-sizing: border-box;
}
.layout-xs-row > .flex-xs-90 {
flex: 1 1 100%;
max-width: 90%;
max-height: 100%;
box-sizing: border-box;
}
.layout-xs-column > .flex-xs-90 {
flex: 1 1 100%;
max-width: 100%;
max-height: 90%;
box-sizing: border-box;
}
.flex-xs-95 {
flex: 1 1 100%;
max-width: 95%;
max-height: 100%;
box-sizing: border-box;
}
.layout-row > .flex-xs-95 {
flex: 1 1 100%;
max-width: 95%;
max-height: 100%;
box-sizing: border-box;
}
.layout-column > .flex-xs-95 {
flex: 1 1 100%;
max-width: 100%;
max-height: 95%;
box-sizing: border-box;
}
.layout-xs-row > .flex-xs-95 {
flex: 1 1 100%;
max-width: 95%;
max-height: 100%;
box-sizing: border-box;
}
.layout-xs-column > .flex-xs-95 {
flex: 1 1 100%;
max-width: 100%;
max-height: 95%;
box-sizing: border-box;
}
.flex-xs-100 {
flex: 1 1 100%;
max-width: 100%;
max-height: 100%;
box-sizing: border-box;
}
.layout-row > .flex-xs-100 {
flex: 1 1 100%;
max-width: 100%;
max-height: 100%;
box-sizing: border-box;
}
.layout-column > .flex-xs-100 {
flex: 1 1 100%;
max-width: 100%;
max-height: 100%;
box-sizing: border-box;
}
.layout-xs-row > .flex-xs-100 {
flex: 1 1 100%;
max-width: 100%;
max-height: 100%;
box-sizing: border-box;
}
.layout-xs-column > .flex-xs-100 {
flex: 1 1 100%;
max-width: 100%;
max-height: 100%;
box-sizing: border-box;
}
.layout-row > .flex-xs-33 {
flex: 1 1 33.33%;
max-width: 33.33%;
max-height: 100%;
box-sizing: border-box;
}
.layout-row > .flex-xs-66 {
flex: 1 1 66.66%;
max-width: 66.66%;
max-height: 100%;
box-sizing: border-box;
}
.layout-column > .flex-xs-33 {
flex: 1 1 33.33%;
max-width: 100%;
max-height: 33.33%;
box-sizing: border-box;
}
.layout-column > .flex-xs-66 {
flex: 1 1 66.66%;
max-width: 100%;
max-height: 66.66%;
box-sizing: border-box;
}
.layout-xs-row > .flex-xs-33 {
flex: 1 1 100%;
max-width: 33.33%;
max-height: 100%;
box-sizing: border-box;
}
.layout-xs-row > .flex-xs-66 {
flex: 1 1 100%;
max-width: 66.66%;
max-height: 100%;
box-sizing: border-box;
}
.layout-xs-row > .flex {
min-width: 0;
}
.layout-xs-column > .flex-xs-33 {
flex: 1 1 100%;
max-width: 100%;
max-height: 33.33%;
box-sizing: border-box;
}
.layout-xs-column > .flex-xs-66 {
flex: 1 1 100%;
max-width: 100%;
max-height: 66.66%;
box-sizing: border-box;
}
.layout-xs-column > .flex {
min-height: 0;
}
.layout-xs, .layout-xs-column, .layout-xs-row {
box-sizing: border-box;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
}
.layout-xs-column {
flex-direction: column;
}
.layout-xs-row {
flex-direction: row;
}
}
@media (min-width: 600px) {
.flex-order-gt-xs--20 {
order: -20;
}
.flex-order-gt-xs--19 {
order: -19;
}
.flex-order-gt-xs--18 {
order: -18;
}
.flex-order-gt-xs--17 {
order: -17;
}
.flex-order-gt-xs--16 {
order: -16;
}
.flex-order-gt-xs--15 {
order: -15;
}
.flex-order-gt-xs--14 {
order: -14;
}
.flex-order-gt-xs--13 {
order: -13;
}
.flex-order-gt-xs--12 {
order: -12;
}
.flex-order-gt-xs--11 {
order: -11;
}
.flex-order-gt-xs--10 {
order: -10;
}
.flex-order-gt-xs--9 {
order: -9;
}
.flex-order-gt-xs--8 {
order: -8;
}
.flex-order-gt-xs--7 {
order: -7;
}
.flex-order-gt-xs--6 {
order: -6;
}
.flex-order-gt-xs--5 {
order: -5;
}
.flex-order-gt-xs--4 {
order: -4;
}
.flex-order-gt-xs--3 {
order: -3;
}
.flex-order-gt-xs--2 {
order: -2;
}
.flex-order-gt-xs--1 {
order: -1;
}
.flex-order-gt-xs-0 {
order: 0;
}
.flex-order-gt-xs-1 {
order: 1;
}
.flex-order-gt-xs-2 {
order: 2;
}
.flex-order-gt-xs-3 {
order: 3;
}
.flex-order-gt-xs-4 {
order: 4;
}
.flex-order-gt-xs-5 {
order: 5;
}
.flex-order-gt-xs-6 {
order: 6;
}
.flex-order-gt-xs-7 {
order: 7;
}
.flex-order-gt-xs-8 {
order: 8;
}
.flex-order-gt-xs-9 {
order: 9;
}
.flex-order-gt-xs-10 {
order: 10;
}
.flex-order-gt-xs-11 {
order: 11;
}
.flex-order-gt-xs-12 {
order: 12;
}
.flex-order-gt-xs-13 {
order: 13;
}
.flex-order-gt-xs-14 {
order: 14;
}
.flex-order-gt-xs-15 {
order: 15;
}
.flex-order-gt-xs-16 {
order: 16;
}
.flex-order-gt-xs-17 {
order: 17;
}
.flex-order-gt-xs-18 {
order: 18;
}
.flex-order-gt-xs-19 {
order: 19;
}
.flex-order-gt-xs-20 {
order: 20;
}
.offset-gt-xs-0, .flex-offset-gt-xs-0, .layout-margin .flex-offset-gt-xs-0, .layout-margin .offset-gt-xs-0 {
margin-left: 0;
}
[dir=rtl] .offset-gt-xs-0, [dir=rtl] .flex-offset-gt-xs-0, [dir=rtl] .layout-margin .flex-offset-gt-xs-0, [dir=rtl] .layout-margin .offset-gt-xs-0 {
margin-left: auto;
margin-right: 0;
}
.offset-gt-xs-5, .flex-offset-gt-xs-5, .layout-margin .flex-offset-gt-xs-5, .layout-margin .offset-gt-xs-5 {
margin-left: 5%;
}
[dir=rtl] .offset-gt-xs-5, [dir=rtl] .flex-offset-gt-xs-5, [dir=rtl] .layout-margin .flex-offset-gt-xs-5, [dir=rtl] .layout-margin .offset-gt-xs-5 {
margin-left: auto;
margin-right: 5%;
}
.offset-gt-xs-10, .flex-offset-gt-xs-10, .layout-margin .flex-offset-gt-xs-10, .layout-margin .offset-gt-xs-10 {
margin-left: 10%;
}
[dir=rtl] .offset-gt-xs-10, [dir=rtl] .flex-offset-gt-xs-10, [dir=rtl] .layout-margin .flex-offset-gt-xs-10, [dir=rtl] .layout-margin .offset-gt-xs-10 {
margin-left: auto;
margin-right: 10%;
}
.offset-gt-xs-15, .flex-offset-gt-xs-15, .layout-margin .flex-offset-gt-xs-15, .layout-margin .offset-gt-xs-15 {
margin-left: 15%;
}
[dir=rtl] .offset-gt-xs-15, [dir=rtl] .flex-offset-gt-xs-15, [dir=rtl] .layout-margin .flex-offset-gt-xs-15, [dir=rtl] .layout-margin .offset-gt-xs-15 {
margin-left: auto;
margin-right: 15%;
}
.offset-gt-xs-20, .flex-offset-gt-xs-20, .layout-margin .flex-offset-gt-xs-20, .layout-margin .offset-gt-xs-20 {
margin-left: 20%;
}
[dir=rtl] .offset-gt-xs-20, [dir=rtl] .flex-offset-gt-xs-20, [dir=rtl] .layout-margin .flex-offset-gt-xs-20, [dir=rtl] .layout-margin .offset-gt-xs-20 {
margin-left: auto;
margin-right: 20%;
}
.offset-gt-xs-25, .flex-offset-gt-xs-25, .layout-margin .flex-offset-gt-xs-25, .layout-margin .offset-gt-xs-25 {
margin-left: 25%;
}
[dir=rtl] .offset-gt-xs-25, [dir=rtl] .flex-offset-gt-xs-25, [dir=rtl] .layout-margin .flex-offset-gt-xs-25, [dir=rtl] .layout-margin .offset-gt-xs-25 {
margin-left: auto;
margin-right: 25%;
}
.offset-gt-xs-30, .flex-offset-gt-xs-30, .layout-margin .flex-offset-gt-xs-30, .layout-margin .offset-gt-xs-30 {
margin-left: 30%;
}
[dir=rtl] .offset-gt-xs-30, [dir=rtl] .flex-offset-gt-xs-30, [dir=rtl] .layout-margin .flex-offset-gt-xs-30, [dir=rtl] .layout-margin .offset-gt-xs-30 {
margin-left: auto;
margin-right: 30%;
}
.offset-gt-xs-35, .flex-offset-gt-xs-35, .layout-margin .flex-offset-gt-xs-35, .layout-margin .offset-gt-xs-35 {
margin-left: 35%;
}
[dir=rtl] .offset-gt-xs-35, [dir=rtl] .flex-offset-gt-xs-35, [dir=rtl] .layout-margin .flex-offset-gt-xs-35, [dir=rtl] .layout-margin .offset-gt-xs-35 {
margin-left: auto;
margin-right: 35%;
}
.offset-gt-xs-40, .flex-offset-gt-xs-40, .layout-margin .flex-offset-gt-xs-40, .layout-margin .offset-gt-xs-40 {
margin-left: 40%;
}
[dir=rtl] .offset-gt-xs-40, [dir=rtl] .flex-offset-gt-xs-40, [dir=rtl] .layout-margin .flex-offset-gt-xs-40, [dir=rtl] .layout-margin .offset-gt-xs-40 {
margin-left: auto;
margin-right: 40%;
}
.offset-gt-xs-45, .flex-offset-gt-xs-45, .layout-margin .flex-offset-gt-xs-45, .layout-margin .offset-gt-xs-45 {
margin-left: 45%;
}
[dir=rtl] .offset-gt-xs-45, [dir=rtl] .flex-offset-gt-xs-45, [dir=rtl] .layout-margin .flex-offset-gt-xs-45, [dir=rtl] .layout-margin .offset-gt-xs-45 {
margin-left: auto;
margin-right: 45%;
}
.offset-gt-xs-50, .flex-offset-gt-xs-50, .layout-margin .flex-offset-gt-xs-50, .layout-margin .offset-gt-xs-50 {
margin-left: 50%;
}
[dir=rtl] .offset-gt-xs-50, [dir=rtl] .flex-offset-gt-xs-50, [dir=rtl] .layout-margin .flex-offset-gt-xs-50, [dir=rtl] .layout-margin .offset-gt-xs-50 {
margin-left: auto;
margin-right: 50%;
}
.offset-gt-xs-55, .flex-offset-gt-xs-55, .layout-margin .flex-offset-gt-xs-55, .layout-margin .offset-gt-xs-55 {
margin-left: 55%;
}
[dir=rtl] .offset-gt-xs-55, [dir=rtl] .flex-offset-gt-xs-55, [dir=rtl] .layout-margin .flex-offset-gt-xs-55, [dir=rtl] .layout-margin .offset-gt-xs-55 {
margin-left: auto;
margin-right: 55%;
}
.offset-gt-xs-60, .flex-offset-gt-xs-60, .layout-margin .flex-offset-gt-xs-60, .layout-margin .offset-gt-xs-60 {
margin-left: 60%;
}
[dir=rtl] .offset-gt-xs-60, [dir=rtl] .flex-offset-gt-xs-60, [dir=rtl] .layout-margin .flex-offset-gt-xs-60, [dir=rtl] .layout-margin .offset-gt-xs-60 {
margin-left: auto;
margin-right: 60%;
}
.offset-gt-xs-65, .flex-offset-gt-xs-65, .layout-margin .flex-offset-gt-xs-65, .layout-margin .offset-gt-xs-65 {
margin-left: 65%;
}
[dir=rtl] .offset-gt-xs-65, [dir=rtl] .flex-offset-gt-xs-65, [dir=rtl] .layout-margin .flex-offset-gt-xs-65, [dir=rtl] .layout-margin .offset-gt-xs-65 {
margin-left: auto;
margin-right: 65%;
}
.offset-gt-xs-70, .flex-offset-gt-xs-70, .layout-margin .flex-offset-gt-xs-70, .layout-margin .offset-gt-xs-70 {
margin-left: 70%;
}
[dir=rtl] .offset-gt-xs-70, [dir=rtl] .flex-offset-gt-xs-70, [dir=rtl] .layout-margin .flex-offset-gt-xs-70, [dir=rtl] .layout-margin .offset-gt-xs-70 {
margin-left: auto;
margin-right: 70%;
}
.offset-gt-xs-75, .flex-offset-gt-xs-75, .layout-margin .flex-offset-gt-xs-75, .layout-margin .offset-gt-xs-75 {
margin-left: 75%;
}
[dir=rtl] .offset-gt-xs-75, [dir=rtl] .flex-offset-gt-xs-75, [dir=rtl] .layout-margin .flex-offset-gt-xs-75, [dir=rtl] .layout-margin .offset-gt-xs-75 {
margin-left: auto;
margin-right: 75%;
}
.offset-gt-xs-80, .flex-offset-gt-xs-80, .layout-margin .flex-offset-gt-xs-80, .layout-margin .offset-gt-xs-80 {
margin-left: 80%;
}
[dir=rtl] .offset-gt-xs-80, [dir=rtl] .flex-offset-gt-xs-80, [dir=rtl] .layout-margin .flex-offset-gt-xs-80, [dir=rtl] .layout-margin .offset-gt-xs-80 {
margin-left: auto;
margin-right: 80%;
}
.offset-gt-xs-85, .flex-offset-gt-xs-85, .layout-margin .flex-offset-gt-xs-85, .layout-margin .offset-gt-xs-85 {
margin-left: 85%;
}
[dir=rtl] .offset-gt-xs-85, [dir=rtl] .flex-offset-gt-xs-85, [dir=rtl] .layout-margin .flex-offset-gt-xs-85, [dir=rtl] .layout-margin .offset-gt-xs-85 {
margin-left: auto;
margin-right: 85%;
}
.offset-gt-xs-90, .flex-offset-gt-xs-90, .layout-margin .flex-offset-gt-xs-90, .layout-margin .offset-gt-xs-90 {
margin-left: 90%;
}
[dir=rtl] .offset-gt-xs-90, [dir=rtl] .flex-offset-gt-xs-90, [dir=rtl] .layout-margin .flex-offset-gt-xs-90, [dir=rtl] .layout-margin .offset-gt-xs-90 {
margin-left: auto;
margin-right: 90%;
}
.offset-gt-xs-95, .flex-offset-gt-xs-95, .layout-margin .flex-offset-gt-xs-95, .layout-margin .offset-gt-xs-95 {
margin-left: 95%;
}
[dir=rtl] .offset-gt-xs-95, [dir=rtl] .flex-offset-gt-xs-95, [dir=rtl] .layout-margin .flex-offset-gt-xs-95, [dir=rtl] .layout-margin .offset-gt-xs-95 {
margin-left: auto;
margin-right: 95%;
}
.offset-gt-xs-33, .flex-offset-gt-xs-33, .layout-margin .flex-offset-gt-xs-33, .layout-margin .offset-gt-xs-33 {
margin-left: calc(100% / 3);
}
.offset-gt-xs-66, .flex-offset-gt-xs-66, .layout-margin .flex-offset-gt-xs-66, .layout-margin .offset-gt-xs-66 {
margin-left: calc(200% / 3);
}
[dir=rtl] .offset-gt-xs-66, [dir=rtl] .flex-offset-gt-xs-66, [dir=rtl] .layout-margin .flex-offset-gt-xs-66, [dir=rtl] .layout-margin .offset-gt-xs-66 {
margin-left: auto;
margin-right: calc(200% / 3);
}
.layout-align-gt-xs,
.layout-align-gt-xs-start-stretch {
justify-content: flex-start;
align-content: stretch;
align-items: stretch;
}
.layout-align-gt-xs-start,
.layout-align-gt-xs-start-start,
.layout-align-gt-xs-start-center,
.layout-align-gt-xs-start-end,
.layout-align-gt-xs-start-stretch {
justify-content: flex-start;
}
.layout-align-gt-xs-center,
.layout-align-gt-xs-center-start,
.layout-align-gt-xs-center-center,
.layout-align-gt-xs-center-end,
.layout-align-gt-xs-center-stretch {
justify-content: center;
}
.layout-align-gt-xs-end,
.layout-align-gt-xs-end-start,
.layout-align-gt-xs-end-center,
.layout-align-gt-xs-end-end,
.layout-align-gt-xs-end-stretch {
justify-content: flex-end;
}
.layout-align-gt-xs-space-around,
.layout-align-gt-xs-space-around-center,
.layout-align-gt-xs-space-around-start,
.layout-align-gt-xs-space-around-end,
.layout-align-gt-xs-space-around-stretch {
justify-content: space-around;
}
.layout-align-gt-xs-space-between,
.layout-align-gt-xs-space-between-center,
.layout-align-gt-xs-space-between-start,
.layout-align-gt-xs-space-between-end,
.layout-align-gt-xs-space-between-stretch {
justify-content: space-between;
}
.layout-align-gt-xs-start-start,
.layout-align-gt-xs-center-start,
.layout-align-gt-xs-end-start,
.layout-align-gt-xs-space-between-start,
.layout-align-gt-xs-space-around-start {
align-items: flex-start;
align-content: flex-start;
}
.layout-align-gt-xs-start-center,
.layout-align-gt-xs-center-center,
.layout-align-gt-xs-end-center,
.layout-align-gt-xs-space-between-center,
.layout-align-gt-xs-space-around-center {
align-items: center;
align-content: center;
max-width: 100%;
}
.layout-align-gt-xs-start-center > *,
.layout-align-gt-xs-center-center > *,
.layout-align-gt-xs-end-center > *,
.layout-align-gt-xs-space-between-center > *,
.layout-align-gt-xs-space-around-center > * {
max-width: 100%;
box-sizing: border-box;
}
.layout-align-gt-xs-start-end,
.layout-align-gt-xs-center-end,
.layout-align-gt-xs-end-end,
.layout-align-gt-xs-space-between-end,
.layout-align-gt-xs-space-around-end {
align-items: flex-end;
align-content: flex-end;
}
.layout-align-gt-xs-start-stretch,
.layout-align-gt-xs-center-stretch,
.layout-align-gt-xs-end-stretch,
.layout-align-gt-xs-space-between-stretch,
.layout-align-gt-xs-space-around-stretch {
align-items: stretch;
align-content: stretch;
}
.flex-gt-xs {
flex: 1;
box-sizing: border-box;
}
.flex-gt-xs-grow {
flex: 1 1 100%;
box-sizing: border-box;
}
.flex-gt-xs-initial {
flex: 0 1 auto;
box-sizing: border-box;
}
.flex-gt-xs-auto {
flex: 1 1 auto;
box-sizing: border-box;
}
.flex-gt-xs-none {
flex: 0 0 auto;
box-sizing: border-box;
}
.flex-gt-xs-noshrink {
flex: 1 0 auto;
box-sizing: border-box;
}
.flex-gt-xs-nogrow {
flex: 0 1 auto;
box-sizing: border-box;
}
.flex-gt-xs-0 {
flex: 1 1 100%;
max-width: 0%;
max-height: 100%;
box-sizing: border-box;
}
.layout-row > .flex-gt-xs-0 {
flex: 1 1 100%;
max-width: 0%;
max-height: 100%;
box-sizing: border-box;
min-width: 0;
}
.layout-column > .flex-gt-xs-0 {
flex: 1 1 100%;
max-width: 100%;
max-height: 0%;
box-sizing: border-box;
}
.layout-gt-xs-row > .flex-gt-xs-0 {
flex: 1 1 100%;
max-width: 0%;
max-height: 100%;
box-sizing: border-box;
min-width: 0;
}
.layout-gt-xs-column > .flex-gt-xs-0 {
flex: 1 1 100%;
max-width: 100%;
max-height: 0%;
box-sizing: border-box;
min-height: 0;
}
.flex-gt-xs-5 {
flex: 1 1 100%;
max-width: 5%;
max-height: 100%;
box-sizing: border-box;
}
.layout-row > .flex-gt-xs-5 {
flex: 1 1 100%;
max-width: 5%;
max-height: 100%;
box-sizing: border-box;
}
.layout-column > .flex-gt-xs-5 {
flex: 1 1 100%;
max-width: 100%;
max-height: 5%;
box-sizing: border-box;
}
.layout-gt-xs-row > .flex-gt-xs-5 {
flex: 1 1 100%;
max-width: 5%;
max-height: 100%;
box-sizing: border-box;
}
.layout-gt-xs-column > .flex-gt-xs-5 {
flex: 1 1 100%;
max-width: 100%;
max-height: 5%;
box-sizing: border-box;
}
.flex-gt-xs-10 {
flex: 1 1 100%;
max-width: 10%;
max-height: 100%;
box-sizing: border-box;
}
.layout-row > .flex-gt-xs-10 {
flex: 1 1 100%;
max-width: 10%;
max-height: 100%;
box-sizing: border-box;
}
.layout-column > .flex-gt-xs-10 {
flex: 1 1 100%;
max-width: 100%;
max-height: 10%;
box-sizing: border-box;
}
.layout-gt-xs-row > .flex-gt-xs-10 {
flex: 1 1 100%;
max-width: 10%;
max-height: 100%;
box-sizing: border-box;
}
.layout-gt-xs-column > .flex-gt-xs-10 {
flex: 1 1 100%;
max-width: 100%;
max-height: 10%;
box-sizing: border-box;
}
.flex-gt-xs-15 {
flex: 1 1 100%;
max-width: 15%;
max-height: 100%;
box-sizing: border-box;
}
.layout-row > .flex-gt-xs-15 {
flex: 1 1 100%;
max-width: 15%;
max-height: 100%;
box-sizing: border-box;
}
.layout-column > .flex-gt-xs-15 {
flex: 1 1 100%;
max-width: 100%;
max-height: 15%;
box-sizing: border-box;
}
.layout-gt-xs-row > .flex-gt-xs-15 {
flex: 1 1 100%;
max-width: 15%;
max-height: 100%;
box-sizing: border-box;
}
.layout-gt-xs-column > .flex-gt-xs-15 {
flex: 1 1 100%;
max-width: 100%;
max-height: 15%;
box-sizing: border-box;
}
.flex-gt-xs-20 {
flex: 1 1 100%;
max-width: 20%;
max-height: 100%;
box-sizing: border-box;
}
.layout-row > .flex-gt-xs-20 {
flex: 1 1 100%;
max-width: 20%;
max-height: 100%;
box-sizing: border-box;
}
.layout-column > .flex-gt-xs-20 {
flex: 1 1 100%;
max-width: 100%;
max-height: 20%;
box-sizing: border-box;
}
.layout-gt-xs-row > .flex-gt-xs-20 {
flex: 1 1 100%;
max-width: 20%;
max-height: 100%;
box-sizing: border-box;
}
.layout-gt-xs-column > .flex-gt-xs-20 {
flex: 1 1 100%;
max-width: 100%;
max-height: 20%;
box-sizing: border-box;
}
.flex-gt-xs-25 {
flex: 1 1 100%;
max-width: 25%;
max-height: 100%;
box-sizing: border-box;
}
.layout-row > .flex-gt-xs-25 {
flex: 1 1 100%;
max-width: 25%;
max-height: 100%;
box-sizing: border-box;
}
.layout-column > .flex-gt-xs-25 {
flex: 1 1 100%;
max-width: 100%;
max-height: 25%;
box-sizing: border-box;
}
.layout-gt-xs-row > .flex-gt-xs-25 {
flex: 1 1 100%;
max-width: 25%;
max-height: 100%;
box-sizing: border-box;
}
.layout-gt-xs-column > .flex-gt-xs-25 {
flex: 1 1 100%;
max-width: 100%;
max-height: 25%;
box-sizing: border-box;
}
.flex-gt-xs-30 {
flex: 1 1 100%;
max-width: 30%;
max-height: 100%;
box-sizing: border-box;
}
.layout-row > .flex-gt-xs-30 {
flex: 1 1 100%;
max-width: 30%;
max-height: 100%;
box-sizing: border-box;
}
.layout-column > .flex-gt-xs-30 {
flex: 1 1 100%;
max-width: 100%;
max-height: 30%;
box-sizing: border-box;
}
.layout-gt-xs-row > .flex-gt-xs-30 {
flex: 1 1 100%;
max-width: 30%;
max-height: 100%;
box-sizing: border-box;
}
.layout-gt-xs-column > .flex-gt-xs-30 {
flex: 1 1 100%;
max-width: 100%;
max-height: 30%;
box-sizing: border-box;
}
.flex-gt-xs-35 {
flex: 1 1 100%;
max-width: 35%;
max-height: 100%;
box-sizing: border-box;
}
.layout-row > .flex-gt-xs-35 {
flex: 1 1 100%;
max-width: 35%;
max-height: 100%;
box-sizing: border-box;
}
.layout-column > .flex-gt-xs-35 {
flex: 1 1 100%;
max-width: 100%;
max-height: 35%;
box-sizing: border-box;
}
.layout-gt-xs-row > .flex-gt-xs-35 {
flex: 1 1 100%;
max-width: 35%;
max-height: 100%;
box-sizing: border-box;
}
.layout-gt-xs-column > .flex-gt-xs-35 {
flex: 1 1 100%;
max-width: 100%;
max-height: 35%;
box-sizing: border-box;
}
.flex-gt-xs-40 {
flex: 1 1 100%;
max-width: 40%;
max-height: 100%;
box-sizing: border-box;
}
.layout-row > .flex-gt-xs-40 {
flex: 1 1 100%;
max-width: 40%;
max-height: 100%;
box-sizing: border-box;
}
.layout-column > .flex-gt-xs-40 {
flex: 1 1 100%;
max-width: 100%;
max-height: 40%;
box-sizing: border-box;
}
.layout-gt-xs-row > .flex-gt-xs-40 {
flex: 1 1 100%;
max-width: 40%;
max-height: 100%;
box-sizing: border-box;
}
.layout-gt-xs-column > .flex-gt-xs-40 {
flex: 1 1 100%;
max-width: 100%;
max-height: 40%;
box-sizing: border-box;
}
.flex-gt-xs-45 {
flex: 1 1 100%;
max-width: 45%;
max-height: 100%;
box-sizing: border-box;
}
.layout-row > .flex-gt-xs-45 {
flex: 1 1 100%;
max-width: 45%;
max-height: 100%;
box-sizing: border-box;
}
.layout-column > .flex-gt-xs-45 {
flex: 1 1 100%;
max-width: 100%;
max-height: 45%;
box-sizing: border-box;
}
.layout-gt-xs-row > .flex-gt-xs-45 {
flex: 1 1 100%;
max-width: 45%;
max-height: 100%;
box-sizing: border-box;
}
.layout-gt-xs-column > .flex-gt-xs-45 {
flex: 1 1 100%;
max-width: 100%;
max-height: 45%;
box-sizing: border-box;
}
.flex-gt-xs-50 {
flex: 1 1 100%;
max-width: 50%;
max-height: 100%;
box-sizing: border-box;
}
.layout-row > .flex-gt-xs-50 {
flex: 1 1 100%;
max-width: 50%;
max-height: 100%;
box-sizing: border-box;
}
.layout-column > .flex-gt-xs-50 {
flex: 1 1 100%;
max-width: 100%;
max-height: 50%;
box-sizing: border-box;
}
.layout-gt-xs-row > .flex-gt-xs-50 {
flex: 1 1 100%;
max-width: 50%;
max-height: 100%;
box-sizing: border-box;
}
.layout-gt-xs-column > .flex-gt-xs-50 {
flex: 1 1 100%;
max-width: 100%;
max-height: 50%;
box-sizing: border-box;
}
.flex-gt-xs-55 {
flex: 1 1 100%;
max-width: 55%;
max-height: 100%;
box-sizing: border-box;
}
.layout-row > .flex-gt-xs-55 {
flex: 1 1 100%;
max-width: 55%;
max-height: 100%;
box-sizing: border-box;
}
.layout-column > .flex-gt-xs-55 {
flex: 1 1 100%;
max-width: 100%;
max-height: 55%;
box-sizing: border-box;
}
.layout-gt-xs-row > .flex-gt-xs-55 {
flex: 1 1 100%;
max-width: 55%;
max-height: 100%;
box-sizing: border-box;
}
.layout-gt-xs-column > .flex-gt-xs-55 {
flex: 1 1 100%;
max-width: 100%;
max-height: 55%;
box-sizing: border-box;
}
.flex-gt-xs-60 {
flex: 1 1 100%;
max-width: 60%;
max-height: 100%;
box-sizing: border-box;
}
.layout-row > .flex-gt-xs-60 {
flex: 1 1 100%;
max-width: 60%;
max-height: 100%;
box-sizing: border-box;
}
.layout-column > .flex-gt-xs-60 {
flex: 1 1 100%;
max-width: 100%;
max-height: 60%;
box-sizing: border-box;
}
.layout-gt-xs-row > .flex-gt-xs-60 {
flex: 1 1 100%;
max-width: 60%;
max-height: 100%;
box-sizing: border-box;
}
.layout-gt-xs-column > .flex-gt-xs-60 {
flex: 1 1 100%;
max-width: 100%;
max-height: 60%;
box-sizing: border-box;
}
.flex-gt-xs-65 {
flex: 1 1 100%;
max-width: 65%;
max-height: 100%;
box-sizing: border-box;
}
.layout-row > .flex-gt-xs-65 {
flex: 1 1 100%;
max-width: 65%;
max-height: 100%;
box-sizing: border-box;
}
.layout-column > .flex-gt-xs-65 {
flex: 1 1 100%;
max-width: 100%;
max-height: 65%;
box-sizing: border-box;
}
.layout-gt-xs-row > .flex-gt-xs-65 {
flex: 1 1 100%;
max-width: 65%;
max-height: 100%;
box-sizing: border-box;
}
.layout-gt-xs-column > .flex-gt-xs-65 {
flex: 1 1 100%;
max-width: 100%;
max-height: 65%;
box-sizing: border-box;
}
.flex-gt-xs-70 {
flex: 1 1 100%;
max-width: 70%;
max-height: 100%;
box-sizing: border-box;
}
.layout-row > .flex-gt-xs-70 {
flex: 1 1 100%;
max-width: 70%;
max-height: 100%;
box-sizing: border-box;
}
.layout-column > .flex-gt-xs-70 {
flex: 1 1 100%;
max-width: 100%;
max-height: 70%;
box-sizing: border-box;
}
.layout-gt-xs-row > .flex-gt-xs-70 {
flex: 1 1 100%;
max-width: 70%;
max-height: 100%;
box-sizing: border-box;
}
.layout-gt-xs-column > .flex-gt-xs-70 {
flex: 1 1 100%;
max-width: 100%;
max-height: 70%;
box-sizing: border-box;
}
.flex-gt-xs-75 {
flex: 1 1 100%;
max-width: 75%;
max-height: 100%;
box-sizing: border-box;
}
.layout-row > .flex-gt-xs-75 {
flex: 1 1 100%;
max-width: 75%;
max-height: 100%;
box-sizing: border-box;
}
.layout-column > .flex-gt-xs-75 {
flex: 1 1 100%;
max-width: 100%;
max-height: 75%;
box-sizing: border-box;
}
.layout-gt-xs-row > .flex-gt-xs-75 {
flex: 1 1 100%;
max-width: 75%;
max-height: 100%;
box-sizing: border-box;
}
.layout-gt-xs-column > .flex-gt-xs-75 {
flex: 1 1 100%;
max-width: 100%;
max-height: 75%;
box-sizing: border-box;
}
.flex-gt-xs-80 {
flex: 1 1 100%;
max-width: 80%;
max-height: 100%;
box-sizing: border-box;
}
.layout-row > .flex-gt-xs-80 {
flex: 1 1 100%;
max-width: 80%;
max-height: 100%;
box-sizing: border-box;
}
.layout-column > .flex-gt-xs-80 {
flex: 1 1 100%;
max-width: 100%;
max-height: 80%;
box-sizing: border-box;
}
.layout-gt-xs-row > .flex-gt-xs-80 {
flex: 1 1 100%;
max-width: 80%;
max-height: 100%;
box-sizing: border-box;
}
.layout-gt-xs-column > .flex-gt-xs-80 {
flex: 1 1 100%;
max-width: 100%;
max-height: 80%;
box-sizing: border-box;
}
.flex-gt-xs-85 {
flex: 1 1 100%;
max-width: 85%;
max-height: 100%;
box-sizing: border-box;
}
.layout-row > .flex-gt-xs-85 {
flex: 1 1 100%;
max-width: 85%;
max-height: 100%;
box-sizing: border-box;
}
.layout-column > .flex-gt-xs-85 {
flex: 1 1 100%;
max-width: 100%;
max-height: 85%;
box-sizing: border-box;
}
.layout-gt-xs-row > .flex-gt-xs-85 {
flex: 1 1 100%;
max-width: 85%;
max-height: 100%;
box-sizing: border-box;
}
.layout-gt-xs-column > .flex-gt-xs-85 {
flex: 1 1 100%;
max-width: 100%;
max-height: 85%;
box-sizing: border-box;
}
.flex-gt-xs-90 {
flex: 1 1 100%;
max-width: 90%;
max-height: 100%;
box-sizing: border-box;
}
.layout-row > .flex-gt-xs-90 {
flex: 1 1 100%;
max-width: 90%;
max-height: 100%;
box-sizing: border-box;
}
.layout-column > .flex-gt-xs-90 {
flex: 1 1 100%;
max-width: 100%;
max-height: 90%;
box-sizing: border-box;
}
.layout-gt-xs-row > .flex-gt-xs-90 {
flex: 1 1 100%;
max-width: 90%;
max-height: 100%;
box-sizing: border-box;
}
.layout-gt-xs-column > .flex-gt-xs-90 {
flex: 1 1 100%;
max-width: 100%;
max-height: 90%;
box-sizing: border-box;
}
.flex-gt-xs-95 {
flex: 1 1 100%;
max-width: 95%;
max-height: 100%;
box-sizing: border-box;
}
.layout-row > .flex-gt-xs-95 {
flex: 1 1 100%;
max-width: 95%;
max-height: 100%;
box-sizing: border-box;
}
.layout-column > .flex-gt-xs-95 {
flex: 1 1 100%;
max-width: 100%;
max-height: 95%;
box-sizing: border-box;
}
.layout-gt-xs-row > .flex-gt-xs-95 {
flex: 1 1 100%;
max-width: 95%;
max-height: 100%;
box-sizing: border-box;
}
.layout-gt-xs-column > .flex-gt-xs-95 {
flex: 1 1 100%;
max-width: 100%;
max-height: 95%;
box-sizing: border-box;
}
.flex-gt-xs-100 {
flex: 1 1 100%;
max-width: 100%;
max-height: 100%;
box-sizing: border-box;
}
.layout-row > .flex-gt-xs-100 {
flex: 1 1 100%;
max-width: 100%;
max-height: 100%;
box-sizing: border-box;
}
.layout-column > .flex-gt-xs-100 {
flex: 1 1 100%;
max-width: 100%;
max-height: 100%;
box-sizing: border-box;
}
.layout-gt-xs-row > .flex-gt-xs-100 {
flex: 1 1 100%;
max-width: 100%;
max-height: 100%;
box-sizing: border-box;
}
.layout-gt-xs-column > .flex-gt-xs-100 {
flex: 1 1 100%;
max-width: 100%;
max-height: 100%;
box-sizing: border-box;
}
.layout-row > .flex-gt-xs-33 {
flex: 1 1 33.33%;
max-width: 33.33%;
max-height: 100%;
box-sizing: border-box;
}
.layout-row > .flex-gt-xs-66 {
flex: 1 1 66.66%;
max-width: 66.66%;
max-height: 100%;
box-sizing: border-box;
}
.layout-column > .flex-gt-xs-33 {
flex: 1 1 33.33%;
max-width: 100%;
max-height: 33.33%;
box-sizing: border-box;
}
.layout-column > .flex-gt-xs-66 {
flex: 1 1 66.66%;
max-width: 100%;
max-height: 66.66%;
box-sizing: border-box;
}
.layout-gt-xs-row > .flex-gt-xs-33 {
flex: 1 1 100%;
max-width: 33.33%;
max-height: 100%;
box-sizing: border-box;
}
.layout-gt-xs-row > .flex-gt-xs-66 {
flex: 1 1 100%;
max-width: 66.66%;
max-height: 100%;
box-sizing: border-box;
}
.layout-gt-xs-row > .flex {
min-width: 0;
}
.layout-gt-xs-column > .flex-gt-xs-33 {
flex: 1 1 100%;
max-width: 100%;
max-height: 33.33%;
box-sizing: border-box;
}
.layout-gt-xs-column > .flex-gt-xs-66 {
flex: 1 1 100%;
max-width: 100%;
max-height: 66.66%;
box-sizing: border-box;
}
.layout-gt-xs-column > .flex {
min-height: 0;
}
.layout-gt-xs, .layout-gt-xs-column, .layout-gt-xs-row {
box-sizing: border-box;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
}
.layout-gt-xs-column {
flex-direction: column;
}
.layout-gt-xs-row {
flex-direction: row;
}
}
@media (min-width: 600px) and (max-width: 959px) {
.hide:not(.show-gt-xs):not(.show-sm):not(.show), .hide-gt-xs:not(.show-gt-xs):not(.show-sm):not(.show) {
display: none;
}
.hide-sm:not(.show-gt-xs):not(.show-sm):not(.show) {
display: none;
}
.flex-order-sm--20 {
order: -20;
}
.flex-order-sm--19 {
order: -19;
}
.flex-order-sm--18 {
order: -18;
}
.flex-order-sm--17 {
order: -17;
}
.flex-order-sm--16 {
order: -16;
}
.flex-order-sm--15 {
order: -15;
}
.flex-order-sm--14 {
order: -14;
}
.flex-order-sm--13 {
order: -13;
}
.flex-order-sm--12 {
order: -12;
}
.flex-order-sm--11 {
order: -11;
}
.flex-order-sm--10 {
order: -10;
}
.flex-order-sm--9 {
order: -9;
}
.flex-order-sm--8 {
order: -8;
}
.flex-order-sm--7 {
order: -7;
}
.flex-order-sm--6 {
order: -6;
}
.flex-order-sm--5 {
order: -5;
}
.flex-order-sm--4 {
order: -4;
}
.flex-order-sm--3 {
order: -3;
}
.flex-order-sm--2 {
order: -2;
}
.flex-order-sm--1 {
order: -1;
}
.flex-order-sm-0 {
order: 0;
}
.flex-order-sm-1 {
order: 1;
}
.flex-order-sm-2 {
order: 2;
}
.flex-order-sm-3 {
order: 3;
}
.flex-order-sm-4 {
order: 4;
}
.flex-order-sm-5 {
order: 5;
}
.flex-order-sm-6 {
order: 6;
}
.flex-order-sm-7 {
order: 7;
}
.flex-order-sm-8 {
order: 8;
}
.flex-order-sm-9 {
order: 9;
}
.flex-order-sm-10 {
order: 10;
}
.flex-order-sm-11 {
order: 11;
}
.flex-order-sm-12 {
order: 12;
}
.flex-order-sm-13 {
order: 13;
}
.flex-order-sm-14 {
order: 14;
}
.flex-order-sm-15 {
order: 15;
}
.flex-order-sm-16 {
order: 16;
}
.flex-order-sm-17 {
order: 17;
}
.flex-order-sm-18 {
order: 18;
}
.flex-order-sm-19 {
order: 19;
}
.flex-order-sm-20 {
order: 20;
}
.offset-sm-0, .flex-offset-sm-0, .layout-margin .flex-offset-sm-0, .layout-margin .offset-sm-0 {
margin-left: 0;
}
[dir=rtl] .offset-sm-0, [dir=rtl] .flex-offset-sm-0, [dir=rtl] .layout-margin .flex-offset-sm-0, [dir=rtl] .layout-margin .offset-sm-0 {
margin-left: auto;
margin-right: 0;
}
.offset-sm-5, .flex-offset-sm-5, .layout-margin .flex-offset-sm-5, .layout-margin .offset-sm-5 {
margin-left: 5%;
}
[dir=rtl] .offset-sm-5, [dir=rtl] .flex-offset-sm-5, [dir=rtl] .layout-margin .flex-offset-sm-5, [dir=rtl] .layout-margin .offset-sm-5 {
margin-left: auto;
margin-right: 5%;
}
.offset-sm-10, .flex-offset-sm-10, .layout-margin .flex-offset-sm-10, .layout-margin .offset-sm-10 {
margin-left: 10%;
}
[dir=rtl] .offset-sm-10, [dir=rtl] .flex-offset-sm-10, [dir=rtl] .layout-margin .flex-offset-sm-10, [dir=rtl] .layout-margin .offset-sm-10 {
margin-left: auto;
margin-right: 10%;
}
.offset-sm-15, .flex-offset-sm-15, .layout-margin .flex-offset-sm-15, .layout-margin .offset-sm-15 {
margin-left: 15%;
}
[dir=rtl] .offset-sm-15, [dir=rtl] .flex-offset-sm-15, [dir=rtl] .layout-margin .flex-offset-sm-15, [dir=rtl] .layout-margin .offset-sm-15 {
margin-left: auto;
margin-right: 15%;
}
.offset-sm-20, .flex-offset-sm-20, .layout-margin .flex-offset-sm-20, .layout-margin .offset-sm-20 {
margin-left: 20%;
}
[dir=rtl] .offset-sm-20, [dir=rtl] .flex-offset-sm-20, [dir=rtl] .layout-margin .flex-offset-sm-20, [dir=rtl] .layout-margin .offset-sm-20 {
margin-left: auto;
margin-right: 20%;
}
.offset-sm-25, .flex-offset-sm-25, .layout-margin .flex-offset-sm-25, .layout-margin .offset-sm-25 {
margin-left: 25%;
}
[dir=rtl] .offset-sm-25, [dir=rtl] .flex-offset-sm-25, [dir=rtl] .layout-margin .flex-offset-sm-25, [dir=rtl] .layout-margin .offset-sm-25 {
margin-left: auto;
margin-right: 25%;
}
.offset-sm-30, .flex-offset-sm-30, .layout-margin .flex-offset-sm-30, .layout-margin .offset-sm-30 {
margin-left: 30%;
}
[dir=rtl] .offset-sm-30, [dir=rtl] .flex-offset-sm-30, [dir=rtl] .layout-margin .flex-offset-sm-30, [dir=rtl] .layout-margin .offset-sm-30 {
margin-left: auto;
margin-right: 30%;
}
.offset-sm-35, .flex-offset-sm-35, .layout-margin .flex-offset-sm-35, .layout-margin .offset-sm-35 {
margin-left: 35%;
}
[dir=rtl] .offset-sm-35, [dir=rtl] .flex-offset-sm-35, [dir=rtl] .layout-margin .flex-offset-sm-35, [dir=rtl] .layout-margin .offset-sm-35 {
margin-left: auto;
margin-right: 35%;
}
.offset-sm-40, .flex-offset-sm-40, .layout-margin .flex-offset-sm-40, .layout-margin .offset-sm-40 {
margin-left: 40%;
}
[dir=rtl] .offset-sm-40, [dir=rtl] .flex-offset-sm-40, [dir=rtl] .layout-margin .flex-offset-sm-40, [dir=rtl] .layout-margin .offset-sm-40 {
margin-left: auto;
margin-right: 40%;
}
.offset-sm-45, .flex-offset-sm-45, .layout-margin .flex-offset-sm-45, .layout-margin .offset-sm-45 {
margin-left: 45%;
}
[dir=rtl] .offset-sm-45, [dir=rtl] .flex-offset-sm-45, [dir=rtl] .layout-margin .flex-offset-sm-45, [dir=rtl] .layout-margin .offset-sm-45 {
margin-left: auto;
margin-right: 45%;
}
.offset-sm-50, .flex-offset-sm-50, .layout-margin .flex-offset-sm-50, .layout-margin .offset-sm-50 {
margin-left: 50%;
}
[dir=rtl] .offset-sm-50, [dir=rtl] .flex-offset-sm-50, [dir=rtl] .layout-margin .flex-offset-sm-50, [dir=rtl] .layout-margin .offset-sm-50 {
margin-left: auto;
margin-right: 50%;
}
.offset-sm-55, .flex-offset-sm-55, .layout-margin .flex-offset-sm-55, .layout-margin .offset-sm-55 {
margin-left: 55%;
}
[dir=rtl] .offset-sm-55, [dir=rtl] .flex-offset-sm-55, [dir=rtl] .layout-margin .flex-offset-sm-55, [dir=rtl] .layout-margin .offset-sm-55 {
margin-left: auto;
margin-right: 55%;
}
.offset-sm-60, .flex-offset-sm-60, .layout-margin .flex-offset-sm-60, .layout-margin .offset-sm-60 {
margin-left: 60%;
}
[dir=rtl] .offset-sm-60, [dir=rtl] .flex-offset-sm-60, [dir=rtl] .layout-margin .flex-offset-sm-60, [dir=rtl] .layout-margin .offset-sm-60 {
margin-left: auto;
margin-right: 60%;
}
.offset-sm-65, .flex-offset-sm-65, .layout-margin .flex-offset-sm-65, .layout-margin .offset-sm-65 {
margin-left: 65%;
}
[dir=rtl] .offset-sm-65, [dir=rtl] .flex-offset-sm-65, [dir=rtl] .layout-margin .flex-offset-sm-65, [dir=rtl] .layout-margin .offset-sm-65 {
margin-left: auto;
margin-right: 65%;
}
.offset-sm-70, .flex-offset-sm-70, .layout-margin .flex-offset-sm-70, .layout-margin .offset-sm-70 {
margin-left: 70%;
}
[dir=rtl] .offset-sm-70, [dir=rtl] .flex-offset-sm-70, [dir=rtl] .layout-margin .flex-offset-sm-70, [dir=rtl] .layout-margin .offset-sm-70 {
margin-left: auto;
margin-right: 70%;
}
.offset-sm-75, .flex-offset-sm-75, .layout-margin .flex-offset-sm-75, .layout-margin .offset-sm-75 {
margin-left: 75%;
}
[dir=rtl] .offset-sm-75, [dir=rtl] .flex-offset-sm-75, [dir=rtl] .layout-margin .flex-offset-sm-75, [dir=rtl] .layout-margin .offset-sm-75 {
margin-left: auto;
margin-right: 75%;
}
.offset-sm-80, .flex-offset-sm-80, .layout-margin .flex-offset-sm-80, .layout-margin .offset-sm-80 {
margin-left: 80%;
}
[dir=rtl] .offset-sm-80, [dir=rtl] .flex-offset-sm-80, [dir=rtl] .layout-margin .flex-offset-sm-80, [dir=rtl] .layout-margin .offset-sm-80 {
margin-left: auto;
margin-right: 80%;
}
.offset-sm-85, .flex-offset-sm-85, .layout-margin .flex-offset-sm-85, .layout-margin .offset-sm-85 {
margin-left: 85%;
}
[dir=rtl] .offset-sm-85, [dir=rtl] .flex-offset-sm-85, [dir=rtl] .layout-margin .flex-offset-sm-85, [dir=rtl] .layout-margin .offset-sm-85 {
margin-left: auto;
margin-right: 85%;
}
.offset-sm-90, .flex-offset-sm-90, .layout-margin .flex-offset-sm-90, .layout-margin .offset-sm-90 {
margin-left: 90%;
}
[dir=rtl] .offset-sm-90, [dir=rtl] .flex-offset-sm-90, [dir=rtl] .layout-margin .flex-offset-sm-90, [dir=rtl] .layout-margin .offset-sm-90 {
margin-left: auto;
margin-right: 90%;
}
.offset-sm-95, .flex-offset-sm-95, .layout-margin .flex-offset-sm-95, .layout-margin .offset-sm-95 {
margin-left: 95%;
}
[dir=rtl] .offset-sm-95, [dir=rtl] .flex-offset-sm-95, [dir=rtl] .layout-margin .flex-offset-sm-95, [dir=rtl] .layout-margin .offset-sm-95 {
margin-left: auto;
margin-right: 95%;
}
.offset-sm-33, .flex-offset-sm-33, .layout-margin .flex-offset-sm-33, .layout-margin .offset-sm-33 {
margin-left: calc(100% / 3);
}
.offset-sm-66, .flex-offset-sm-66, .layout-margin .flex-offset-sm-66, .layout-margin .offset-sm-66 {
margin-left: calc(200% / 3);
}
[dir=rtl] .offset-sm-66, [dir=rtl] .flex-offset-sm-66, [dir=rtl] .layout-margin .flex-offset-sm-66, [dir=rtl] .layout-margin .offset-sm-66 {
margin-left: auto;
margin-right: calc(200% / 3);
}
.layout-align-sm,
.layout-align-sm-start-stretch {
justify-content: flex-start;
align-content: stretch;
align-items: stretch;
}
.layout-align-sm-start,
.layout-align-sm-start-start,
.layout-align-sm-start-center,
.layout-align-sm-start-end,
.layout-align-sm-start-stretch {
justify-content: flex-start;
}
.layout-align-sm-center,
.layout-align-sm-center-start,
.layout-align-sm-center-center,
.layout-align-sm-center-end,
.layout-align-sm-center-stretch {
justify-content: center;
}
.layout-align-sm-end,
.layout-align-sm-end-start,
.layout-align-sm-end-center,
.layout-align-sm-end-end,
.layout-align-sm-end-stretch {
justify-content: flex-end;
}
.layout-align-sm-space-around,
.layout-align-sm-space-around-center,
.layout-align-sm-space-around-start,
.layout-align-sm-space-around-end,
.layout-align-sm-space-around-stretch {
justify-content: space-around;
}
.layout-align-sm-space-between,
.layout-align-sm-space-between-center,
.layout-align-sm-space-between-start,
.layout-align-sm-space-between-end,
.layout-align-sm-space-between-stretch {
justify-content: space-between;
}
.layout-align-sm-start-start,
.layout-align-sm-center-start,
.layout-align-sm-end-start,
.layout-align-sm-space-between-start,
.layout-align-sm-space-around-start {
align-items: flex-start;
align-content: flex-start;
}
.layout-align-sm-start-center,
.layout-align-sm-center-center,
.layout-align-sm-end-center,
.layout-align-sm-space-between-center,
.layout-align-sm-space-around-center {
align-items: center;
align-content: center;
max-width: 100%;
}
.layout-align-sm-start-center > *,
.layout-align-sm-center-center > *,
.layout-align-sm-end-center > *,
.layout-align-sm-space-between-center > *,
.layout-align-sm-space-around-center > * {
max-width: 100%;
box-sizing: border-box;
}
.layout-align-sm-start-end,
.layout-align-sm-center-end,
.layout-align-sm-end-end,
.layout-align-sm-space-between-end,
.layout-align-sm-space-around-end {
align-items: flex-end;
align-content: flex-end;
}
.layout-align-sm-start-stretch,
.layout-align-sm-center-stretch,
.layout-align-sm-end-stretch,
.layout-align-sm-space-between-stretch,
.layout-align-sm-space-around-stretch {
align-items: stretch;
align-content: stretch;
}
.flex-sm {
flex: 1;
box-sizing: border-box;
}
.flex-sm-grow {
flex: 1 1 100%;
box-sizing: border-box;
}
.flex-sm-initial {
flex: 0 1 auto;
box-sizing: border-box;
}
.flex-sm-auto {
flex: 1 1 auto;
box-sizing: border-box;
}
.flex-sm-none {
flex: 0 0 auto;
box-sizing: border-box;
}
.flex-sm-noshrink {
flex: 1 0 auto;
box-sizing: border-box;
}
.flex-sm-nogrow {
flex: 0 1 auto;
box-sizing: border-box;
}
.flex-sm-0 {
flex: 1 1 100%;
max-width: 0%;
max-height: 100%;
box-sizing: border-box;
}
.layout-row > .flex-sm-0 {
flex: 1 1 100%;
max-width: 0%;
max-height: 100%;
box-sizing: border-box;
min-width: 0;
}
.layout-column > .flex-sm-0 {
flex: 1 1 100%;
max-width: 100%;
max-height: 0%;
box-sizing: border-box;
}
.layout-sm-row > .flex-sm-0 {
flex: 1 1 100%;
max-width: 0%;
max-height: 100%;
box-sizing: border-box;
min-width: 0;
}
.layout-sm-column > .flex-sm-0 {
flex: 1 1 100%;
max-width: 100%;
max-height: 0%;
box-sizing: border-box;
min-height: 0;
}
.flex-sm-5 {
flex: 1 1 100%;
max-width: 5%;
max-height: 100%;
box-sizing: border-box;
}
.layout-row > .flex-sm-5 {
flex: 1 1 100%;
max-width: 5%;
max-height: 100%;
box-sizing: border-box;
}
.layout-column > .flex-sm-5 {
flex: 1 1 100%;
max-width: 100%;
max-height: 5%;
box-sizing: border-box;
}
.layout-sm-row > .flex-sm-5 {
flex: 1 1 100%;
max-width: 5%;
max-height: 100%;
box-sizing: border-box;
}
.layout-sm-column > .flex-sm-5 {
flex: 1 1 100%;
max-width: 100%;
max-height: 5%;
box-sizing: border-box;
}
.flex-sm-10 {
flex: 1 1 100%;
max-width: 10%;
max-height: 100%;
box-sizing: border-box;
}
.layout-row > .flex-sm-10 {
flex: 1 1 100%;
max-width: 10%;
max-height: 100%;
box-sizing: border-box;
}
.layout-column > .flex-sm-10 {
flex: 1 1 100%;
max-width: 100%;
max-height: 10%;
box-sizing: border-box;
}
.layout-sm-row > .flex-sm-10 {
flex: 1 1 100%;
max-width: 10%;
max-height: 100%;
box-sizing: border-box;
}
.layout-sm-column > .flex-sm-10 {
flex: 1 1 100%;
max-width: 100%;
max-height: 10%;
box-sizing: border-box;
}
.flex-sm-15 {
flex: 1 1 100%;
max-width: 15%;
max-height: 100%;
box-sizing: border-box;
}
.layout-row > .flex-sm-15 {
flex: 1 1 100%;
max-width: 15%;
max-height: 100%;
box-sizing: border-box;
}
.layout-column > .flex-sm-15 {
flex: 1 1 100%;
max-width: 100%;
max-height: 15%;
box-sizing: border-box;
}
.layout-sm-row > .flex-sm-15 {
flex: 1 1 100%;
max-width: 15%;
max-height: 100%;
box-sizing: border-box;
}
.layout-sm-column > .flex-sm-15 {
flex: 1 1 100%;
max-width: 100%;
max-height: 15%;
box-sizing: border-box;
}
.flex-sm-20 {
flex: 1 1 100%;
max-width: 20%;
max-height: 100%;
box-sizing: border-box;
}
.layout-row > .flex-sm-20 {
flex: 1 1 100%;
max-width: 20%;
max-height: 100%;
box-sizing: border-box;
}
.layout-column > .flex-sm-20 {
flex: 1 1 100%;
max-width: 100%;
max-height: 20%;
box-sizing: border-box;
}
.layout-sm-row > .flex-sm-20 {
flex: 1 1 100%;
max-width: 20%;
max-height: 100%;
box-sizing: border-box;
}
.layout-sm-column > .flex-sm-20 {
flex: 1 1 100%;
max-width: 100%;
max-height: 20%;
box-sizing: border-box;
}
.flex-sm-25 {
flex: 1 1 100%;
max-width: 25%;
max-height: 100%;
box-sizing: border-box;
}
.layout-row > .flex-sm-25 {
flex: 1 1 100%;
max-width: 25%;
max-height: 100%;
box-sizing: border-box;
}
.layout-column > .flex-sm-25 {
flex: 1 1 100%;
max-width: 100%;
max-height: 25%;
box-sizing: border-box;
}
.layout-sm-row > .flex-sm-25 {
flex: 1 1 100%;
max-width: 25%;
max-height: 100%;
box-sizing: border-box;
}
.layout-sm-column > .flex-sm-25 {
flex: 1 1 100%;
max-width: 100%;
max-height: 25%;
box-sizing: border-box;
}
.flex-sm-30 {
flex: 1 1 100%;
max-width: 30%;
max-height: 100%;
box-sizing: border-box;
}
.layout-row > .flex-sm-30 {
flex: 1 1 100%;
max-width: 30%;
max-height: 100%;
box-sizing: border-box;
}
.layout-column > .flex-sm-30 {
flex: 1 1 100%;
max-width: 100%;
max-height: 30%;
box-sizing: border-box;
}
.layout-sm-row > .flex-sm-30 {
flex: 1 1 100%;
max-width: 30%;
max-height: 100%;
box-sizing: border-box;
}
.layout-sm-column > .flex-sm-30 {
flex: 1 1 100%;
max-width: 100%;
max-height: 30%;
box-sizing: border-box;
}
.flex-sm-35 {
flex: 1 1 100%;
max-width: 35%;
max-height: 100%;
box-sizing: border-box;
}
.layout-row > .flex-sm-35 {
flex: 1 1 100%;
max-width: 35%;
max-height: 100%;
box-sizing: border-box;
}
.layout-column > .flex-sm-35 {
flex: 1 1 100%;
max-width: 100%;
max-height: 35%;
box-sizing: border-box;
}
.layout-sm-row > .flex-sm-35 {
flex: 1 1 100%;
max-width: 35%;
max-height: 100%;
box-sizing: border-box;
}
.layout-sm-column > .flex-sm-35 {
flex: 1 1 100%;
max-width: 100%;
max-height: 35%;
box-sizing: border-box;
}
.flex-sm-40 {
flex: 1 1 100%;
max-width: 40%;
max-height: 100%;
box-sizing: border-box;
}
.layout-row > .flex-sm-40 {
flex: 1 1 100%;
max-width: 40%;
max-height: 100%;
box-sizing: border-box;
}
.layout-column > .flex-sm-40 {
flex: 1 1 100%;
max-width: 100%;
max-height: 40%;
box-sizing: border-box;
}
.layout-sm-row > .flex-sm-40 {
flex: 1 1 100%;
max-width: 40%;
max-height: 100%;
box-sizing: border-box;
}
.layout-sm-column > .flex-sm-40 {
flex: 1 1 100%;
max-width: 100%;
max-height: 40%;
box-sizing: border-box;
}
.flex-sm-45 {
flex: 1 1 100%;
max-width: 45%;
max-height: 100%;
box-sizing: border-box;
}
.layout-row > .flex-sm-45 {
flex: 1 1 100%;
max-width: 45%;
max-height: 100%;
box-sizing: border-box;
}
.layout-column > .flex-sm-45 {
flex: 1 1 100%;
max-width: 100%;
max-height: 45%;
box-sizing: border-box;
}
.layout-sm-row > .flex-sm-45 {
flex: 1 1 100%;
max-width: 45%;
max-height: 100%;
box-sizing: border-box;
}
.layout-sm-column > .flex-sm-45 {
flex: 1 1 100%;
max-width: 100%;
max-height: 45%;
box-sizing: border-box;
}
.flex-sm-50 {
flex: 1 1 100%;
max-width: 50%;
max-height: 100%;
box-sizing: border-box;
}
.layout-row > .flex-sm-50 {
flex: 1 1 100%;
max-width: 50%;
max-height: 100%;
box-sizing: border-box;
}
.layout-column > .flex-sm-50 {
flex: 1 1 100%;
max-width: 100%;
max-height: 50%;
box-sizing: border-box;
}
.layout-sm-row > .flex-sm-50 {
flex: 1 1 100%;
max-width: 50%;
max-height: 100%;
box-sizing: border-box;
}
.layout-sm-column > .flex-sm-50 {
flex: 1 1 100%;
max-width: 100%;
max-height: 50%;
box-sizing: border-box;
}
.flex-sm-55 {
flex: 1 1 100%;
max-width: 55%;
max-height: 100%;
box-sizing: border-box;
}
.layout-row > .flex-sm-55 {
flex: 1 1 100%;
max-width: 55%;
max-height: 100%;
box-sizing: border-box;
}
.layout-column > .flex-sm-55 {
flex: 1 1 100%;
max-width: 100%;
max-height: 55%;
box-sizing: border-box;
}
.layout-sm-row > .flex-sm-55 {
flex: 1 1 100%;
max-width: 55%;
max-height: 100%;
box-sizing: border-box;
}
.layout-sm-column > .flex-sm-55 {
flex: 1 1 100%;
max-width: 100%;
max-height: 55%;
box-sizing: border-box;
}
.flex-sm-60 {
flex: 1 1 100%;
max-width: 60%;
max-height: 100%;
box-sizing: border-box;
}
.layout-row > .flex-sm-60 {
flex: 1 1 100%;
max-width: 60%;
max-height: 100%;
box-sizing: border-box;
}
.layout-column > .flex-sm-60 {
flex: 1 1 100%;
max-width: 100%;
max-height: 60%;
box-sizing: border-box;
}
.layout-sm-row > .flex-sm-60 {
flex: 1 1 100%;
max-width: 60%;
max-height: 100%;
box-sizing: border-box;
}
.layout-sm-column > .flex-sm-60 {
flex: 1 1 100%;
max-width: 100%;
max-height: 60%;
box-sizing: border-box;
}
.flex-sm-65 {
flex: 1 1 100%;
max-width: 65%;
max-height: 100%;
box-sizing: border-box;
}
.layout-row > .flex-sm-65 {
flex: 1 1 100%;
max-width: 65%;
max-height: 100%;
box-sizing: border-box;
}
.layout-column > .flex-sm-65 {
flex: 1 1 100%;
max-width: 100%;
max-height: 65%;
box-sizing: border-box;
}
.layout-sm-row > .flex-sm-65 {
flex: 1 1 100%;
max-width: 65%;
max-height: 100%;
box-sizing: border-box;
}
.layout-sm-column > .flex-sm-65 {
flex: 1 1 100%;
max-width: 100%;
max-height: 65%;
box-sizing: border-box;
}
.flex-sm-70 {
flex: 1 1 100%;
max-width: 70%;
max-height: 100%;
box-sizing: border-box;
}
.layout-row > .flex-sm-70 {
flex: 1 1 100%;
max-width: 70%;
max-height: 100%;
box-sizing: border-box;
}
.layout-column > .flex-sm-70 {
flex: 1 1 100%;
max-width: 100%;
max-height: 70%;
box-sizing: border-box;
}
.layout-sm-row > .flex-sm-70 {
flex: 1 1 100%;
max-width: 70%;
max-height: 100%;
box-sizing: border-box;
}
.layout-sm-column > .flex-sm-70 {
flex: 1 1 100%;
max-width: 100%;
max-height: 70%;
box-sizing: border-box;
}
.flex-sm-75 {
flex: 1 1 100%;
max-width: 75%;
max-height: 100%;
box-sizing: border-box;
}
.layout-row > .flex-sm-75 {
flex: 1 1 100%;
max-width: 75%;
max-height: 100%;
box-sizing: border-box;
}
.layout-column > .flex-sm-75 {
flex: 1 1 100%;
max-width: 100%;
max-height: 75%;
box-sizing: border-box;
}
.layout-sm-row > .flex-sm-75 {
flex: 1 1 100%;
max-width: 75%;
max-height: 100%;
box-sizing: border-box;
}
.layout-sm-column > .flex-sm-75 {
flex: 1 1 100%;
max-width: 100%;
max-height: 75%;
box-sizing: border-box;
}
.flex-sm-80 {
flex: 1 1 100%;
max-width: 80%;
max-height: 100%;
box-sizing: border-box;
}
.layout-row > .flex-sm-80 {
flex: 1 1 100%;
max-width: 80%;
max-height: 100%;
box-sizing: border-box;
}
.layout-column > .flex-sm-80 {
flex: 1 1 100%;
max-width: 100%;
max-height: 80%;
box-sizing: border-box;
}
.layout-sm-row > .flex-sm-80 {
flex: 1 1 100%;
max-width: 80%;
max-height: 100%;
box-sizing: border-box;
}
.layout-sm-column > .flex-sm-80 {
flex: 1 1 100%;
max-width: 100%;
max-height: 80%;
box-sizing: border-box;
}
.flex-sm-85 {
flex: 1 1 100%;
max-width: 85%;
max-height: 100%;
box-sizing: border-box;
}
.layout-row > .flex-sm-85 {
flex: 1 1 100%;
max-width: 85%;
max-height: 100%;
box-sizing: border-box;
}
.layout-column > .flex-sm-85 {
flex: 1 1 100%;
max-width: 100%;
max-height: 85%;
box-sizing: border-box;
}
.layout-sm-row > .flex-sm-85 {
flex: 1 1 100%;
max-width: 85%;
max-height: 100%;
box-sizing: border-box;
}
.layout-sm-column > .flex-sm-85 {
flex: 1 1 100%;
max-width: 100%;
max-height: 85%;
box-sizing: border-box;
}
.flex-sm-90 {
flex: 1 1 100%;
max-width: 90%;
max-height: 100%;
box-sizing: border-box;
}
.layout-row > .flex-sm-90 {
flex: 1 1 100%;
max-width: 90%;
max-height: 100%;
box-sizing: border-box;
}
.layout-column > .flex-sm-90 {
flex: 1 1 100%;
max-width: 100%;
max-height: 90%;
box-sizing: border-box;
}
.layout-sm-row > .flex-sm-90 {
flex: 1 1 100%;
max-width: 90%;
max-height: 100%;
box-sizing: border-box;
}
.layout-sm-column > .flex-sm-90 {
flex: 1 1 100%;
max-width: 100%;
max-height: 90%;
box-sizing: border-box;
}
.flex-sm-95 {
flex: 1 1 100%;
max-width: 95%;
max-height: 100%;
box-sizing: border-box;
}
.layout-row > .flex-sm-95 {
flex: 1 1 100%;
max-width: 95%;
max-height: 100%;
box-sizing: border-box;
}
.layout-column > .flex-sm-95 {
flex: 1 1 100%;
max-width: 100%;
max-height: 95%;
box-sizing: border-box;
}
.layout-sm-row > .flex-sm-95 {
flex: 1 1 100%;
max-width: 95%;
max-height: 100%;
box-sizing: border-box;
}
.layout-sm-column > .flex-sm-95 {
flex: 1 1 100%;
max-width: 100%;
max-height: 95%;
box-sizing: border-box;
}
.flex-sm-100 {
flex: 1 1 100%;
max-width: 100%;
max-height: 100%;
box-sizing: border-box;
}
.layout-row > .flex-sm-100 {
flex: 1 1 100%;
max-width: 100%;
max-height: 100%;
box-sizing: border-box;
}
.layout-column > .flex-sm-100 {
flex: 1 1 100%;
max-width: 100%;
max-height: 100%;
box-sizing: border-box;
}
.layout-sm-row > .flex-sm-100 {
flex: 1 1 100%;
max-width: 100%;
max-height: 100%;
box-sizing: border-box;
}
.layout-sm-column > .flex-sm-100 {
flex: 1 1 100%;
max-width: 100%;
max-height: 100%;
box-sizing: border-box;
}
.layout-row > .flex-sm-33 {
flex: 1 1 33.33%;
max-width: 33.33%;
max-height: 100%;
box-sizing: border-box;
}
.layout-row > .flex-sm-66 {
flex: 1 1 66.66%;
max-width: 66.66%;
max-height: 100%;
box-sizing: border-box;
}
.layout-column > .flex-sm-33 {
flex: 1 1 33.33%;
max-width: 100%;
max-height: 33.33%;
box-sizing: border-box;
}
.layout-column > .flex-sm-66 {
flex: 1 1 66.66%;
max-width: 100%;
max-height: 66.66%;
box-sizing: border-box;
}
.layout-sm-row > .flex-sm-33 {
flex: 1 1 100%;
max-width: 33.33%;
max-height: 100%;
box-sizing: border-box;
}
.layout-sm-row > .flex-sm-66 {
flex: 1 1 100%;
max-width: 66.66%;
max-height: 100%;
box-sizing: border-box;
}
.layout-sm-row > .flex {
min-width: 0;
}
.layout-sm-column > .flex-sm-33 {
flex: 1 1 100%;
max-width: 100%;
max-height: 33.33%;
box-sizing: border-box;
}
.layout-sm-column > .flex-sm-66 {
flex: 1 1 100%;
max-width: 100%;
max-height: 66.66%;
box-sizing: border-box;
}
.layout-sm-column > .flex {
min-height: 0;
}
.layout-sm, .layout-sm-column, .layout-sm-row {
box-sizing: border-box;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
}
.layout-sm-column {
flex-direction: column;
}
.layout-sm-row {
flex-direction: row;
}
}
@media (min-width: 960px) {
.flex-order-gt-sm--20 {
order: -20;
}
.flex-order-gt-sm--19 {
order: -19;
}
.flex-order-gt-sm--18 {
order: -18;
}
.flex-order-gt-sm--17 {
order: -17;
}
.flex-order-gt-sm--16 {
order: -16;
}
.flex-order-gt-sm--15 {
order: -15;
}
.flex-order-gt-sm--14 {
order: -14;
}
.flex-order-gt-sm--13 {
order: -13;
}
.flex-order-gt-sm--12 {
order: -12;
}
.flex-order-gt-sm--11 {
order: -11;
}
.flex-order-gt-sm--10 {
order: -10;
}
.flex-order-gt-sm--9 {
order: -9;
}
.flex-order-gt-sm--8 {
order: -8;
}
.flex-order-gt-sm--7 {
order: -7;
}
.flex-order-gt-sm--6 {
order: -6;
}
.flex-order-gt-sm--5 {
order: -5;
}
.flex-order-gt-sm--4 {
order: -4;
}
.flex-order-gt-sm--3 {
order: -3;
}
.flex-order-gt-sm--2 {
order: -2;
}
.flex-order-gt-sm--1 {
order: -1;
}
.flex-order-gt-sm-0 {
order: 0;
}
.flex-order-gt-sm-1 {
order: 1;
}
.flex-order-gt-sm-2 {
order: 2;
}
.flex-order-gt-sm-3 {
order: 3;
}
.flex-order-gt-sm-4 {
order: 4;
}
.flex-order-gt-sm-5 {
order: 5;
}
.flex-order-gt-sm-6 {
order: 6;
}
.flex-order-gt-sm-7 {
order: 7;
}
.flex-order-gt-sm-8 {
order: 8;
}
.flex-order-gt-sm-9 {
order: 9;
}
.flex-order-gt-sm-10 {
order: 10;
}
.flex-order-gt-sm-11 {
order: 11;
}
.flex-order-gt-sm-12 {
order: 12;
}
.flex-order-gt-sm-13 {
order: 13;
}
.flex-order-gt-sm-14 {
order: 14;
}
.flex-order-gt-sm-15 {
order: 15;
}
.flex-order-gt-sm-16 {
order: 16;
}
.flex-order-gt-sm-17 {
order: 17;
}
.flex-order-gt-sm-18 {
order: 18;
}
.flex-order-gt-sm-19 {
order: 19;
}
.flex-order-gt-sm-20 {
order: 20;
}
.offset-gt-sm-0, .flex-offset-gt-sm-0, .layout-margin .flex-offset-gt-sm-0, .layout-margin .offset-gt-sm-0 {
margin-left: 0;
}
[dir=rtl] .offset-gt-sm-0, [dir=rtl] .flex-offset-gt-sm-0, [dir=rtl] .layout-margin .flex-offset-gt-sm-0, [dir=rtl] .layout-margin .offset-gt-sm-0 {
margin-left: auto;
margin-right: 0;
}
.offset-gt-sm-5, .flex-offset-gt-sm-5, .layout-margin .flex-offset-gt-sm-5, .layout-margin .offset-gt-sm-5 {
margin-left: 5%;
}
[dir=rtl] .offset-gt-sm-5, [dir=rtl] .flex-offset-gt-sm-5, [dir=rtl] .layout-margin .flex-offset-gt-sm-5, [dir=rtl] .layout-margin .offset-gt-sm-5 {
margin-left: auto;
margin-right: 5%;
}
.offset-gt-sm-10, .flex-offset-gt-sm-10, .layout-margin .flex-offset-gt-sm-10, .layout-margin .offset-gt-sm-10 {
margin-left: 10%;
}
[dir=rtl] .offset-gt-sm-10, [dir=rtl] .flex-offset-gt-sm-10, [dir=rtl] .layout-margin .flex-offset-gt-sm-10, [dir=rtl] .layout-margin .offset-gt-sm-10 {
margin-left: auto;
margin-right: 10%;
}
.offset-gt-sm-15, .flex-offset-gt-sm-15, .layout-margin .flex-offset-gt-sm-15, .layout-margin .offset-gt-sm-15 {
margin-left: 15%;
}
[dir=rtl] .offset-gt-sm-15, [dir=rtl] .flex-offset-gt-sm-15, [dir=rtl] .layout-margin .flex-offset-gt-sm-15, [dir=rtl] .layout-margin .offset-gt-sm-15 {
margin-left: auto;
margin-right: 15%;
}
.offset-gt-sm-20, .flex-offset-gt-sm-20, .layout-margin .flex-offset-gt-sm-20, .layout-margin .offset-gt-sm-20 {
margin-left: 20%;
}
[dir=rtl] .offset-gt-sm-20, [dir=rtl] .flex-offset-gt-sm-20, [dir=rtl] .layout-margin .flex-offset-gt-sm-20, [dir=rtl] .layout-margin .offset-gt-sm-20 {
margin-left: auto;
margin-right: 20%;
}
.offset-gt-sm-25, .flex-offset-gt-sm-25, .layout-margin .flex-offset-gt-sm-25, .layout-margin .offset-gt-sm-25 {
margin-left: 25%;
}
[dir=rtl] .offset-gt-sm-25, [dir=rtl] .flex-offset-gt-sm-25, [dir=rtl] .layout-margin .flex-offset-gt-sm-25, [dir=rtl] .layout-margin .offset-gt-sm-25 {
margin-left: auto;
margin-right: 25%;
}
.offset-gt-sm-30, .flex-offset-gt-sm-30, .layout-margin .flex-offset-gt-sm-30, .layout-margin .offset-gt-sm-30 {
margin-left: 30%;
}
[dir=rtl] .offset-gt-sm-30, [dir=rtl] .flex-offset-gt-sm-30, [dir=rtl] .layout-margin .flex-offset-gt-sm-30, [dir=rtl] .layout-margin .offset-gt-sm-30 {
margin-left: auto;
margin-right: 30%;
}
.offset-gt-sm-35, .flex-offset-gt-sm-35, .layout-margin .flex-offset-gt-sm-35, .layout-margin .offset-gt-sm-35 {
margin-left: 35%;
}
[dir=rtl] .offset-gt-sm-35, [dir=rtl] .flex-offset-gt-sm-35, [dir=rtl] .layout-margin .flex-offset-gt-sm-35, [dir=rtl] .layout-margin .offset-gt-sm-35 {
margin-left: auto;
margin-right: 35%;
}
.offset-gt-sm-40, .flex-offset-gt-sm-40, .layout-margin .flex-offset-gt-sm-40, .layout-margin .offset-gt-sm-40 {
margin-left: 40%;
}
[dir=rtl] .offset-gt-sm-40, [dir=rtl] .flex-offset-gt-sm-40, [dir=rtl] .layout-margin .flex-offset-gt-sm-40, [dir=rtl] .layout-margin .offset-gt-sm-40 {
margin-left: auto;
margin-right: 40%;
}
.offset-gt-sm-45, .flex-offset-gt-sm-45, .layout-margin .flex-offset-gt-sm-45, .layout-margin .offset-gt-sm-45 {
margin-left: 45%;
}
[dir=rtl] .offset-gt-sm-45, [dir=rtl] .flex-offset-gt-sm-45, [dir=rtl] .layout-margin .flex-offset-gt-sm-45, [dir=rtl] .layout-margin .offset-gt-sm-45 {
margin-left: auto;
margin-right: 45%;
}
.offset-gt-sm-50, .flex-offset-gt-sm-50, .layout-margin .flex-offset-gt-sm-50, .layout-margin .offset-gt-sm-50 {
margin-left: 50%;
}
[dir=rtl] .offset-gt-sm-50, [dir=rtl] .flex-offset-gt-sm-50, [dir=rtl] .layout-margin .flex-offset-gt-sm-50, [dir=rtl] .layout-margin .offset-gt-sm-50 {
margin-left: auto;
margin-right: 50%;
}
.offset-gt-sm-55, .flex-offset-gt-sm-55, .layout-margin .flex-offset-gt-sm-55, .layout-margin .offset-gt-sm-55 {
margin-left: 55%;
}
[dir=rtl] .offset-gt-sm-55, [dir=rtl] .flex-offset-gt-sm-55, [dir=rtl] .layout-margin .flex-offset-gt-sm-55, [dir=rtl] .layout-margin .offset-gt-sm-55 {
margin-left: auto;
margin-right: 55%;
}
.offset-gt-sm-60, .flex-offset-gt-sm-60, .layout-margin .flex-offset-gt-sm-60, .layout-margin .offset-gt-sm-60 {
margin-left: 60%;
}
[dir=rtl] .offset-gt-sm-60, [dir=rtl] .flex-offset-gt-sm-60, [dir=rtl] .layout-margin .flex-offset-gt-sm-60, [dir=rtl] .layout-margin .offset-gt-sm-60 {
margin-left: auto;
margin-right: 60%;
}
.offset-gt-sm-65, .flex-offset-gt-sm-65, .layout-margin .flex-offset-gt-sm-65, .layout-margin .offset-gt-sm-65 {
margin-left: 65%;
}
[dir=rtl] .offset-gt-sm-65, [dir=rtl] .flex-offset-gt-sm-65, [dir=rtl] .layout-margin .flex-offset-gt-sm-65, [dir=rtl] .layout-margin .offset-gt-sm-65 {
margin-left: auto;
margin-right: 65%;
}
.offset-gt-sm-70, .flex-offset-gt-sm-70, .layout-margin .flex-offset-gt-sm-70, .layout-margin .offset-gt-sm-70 {
margin-left: 70%;
}
[dir=rtl] .offset-gt-sm-70, [dir=rtl] .flex-offset-gt-sm-70, [dir=rtl] .layout-margin .flex-offset-gt-sm-70, [dir=rtl] .layout-margin .offset-gt-sm-70 {
margin-left: auto;
margin-right: 70%;
}
.offset-gt-sm-75, .flex-offset-gt-sm-75, .layout-margin .flex-offset-gt-sm-75, .layout-margin .offset-gt-sm-75 {
margin-left: 75%;
}
[dir=rtl] .offset-gt-sm-75, [dir=rtl] .flex-offset-gt-sm-75, [dir=rtl] .layout-margin .flex-offset-gt-sm-75, [dir=rtl] .layout-margin .offset-gt-sm-75 {
margin-left: auto;
margin-right: 75%;
}
.offset-gt-sm-80, .flex-offset-gt-sm-80, .layout-margin .flex-offset-gt-sm-80, .layout-margin .offset-gt-sm-80 {
margin-left: 80%;
}
[dir=rtl] .offset-gt-sm-80, [dir=rtl] .flex-offset-gt-sm-80, [dir=rtl] .layout-margin .flex-offset-gt-sm-80, [dir=rtl] .layout-margin .offset-gt-sm-80 {
margin-left: auto;
margin-right: 80%;
}
.offset-gt-sm-85, .flex-offset-gt-sm-85, .layout-margin .flex-offset-gt-sm-85, .layout-margin .offset-gt-sm-85 {
margin-left: 85%;
}
[dir=rtl] .offset-gt-sm-85, [dir=rtl] .flex-offset-gt-sm-85, [dir=rtl] .layout-margin .flex-offset-gt-sm-85, [dir=rtl] .layout-margin .offset-gt-sm-85 {
margin-left: auto;
margin-right: 85%;
}
.offset-gt-sm-90, .flex-offset-gt-sm-90, .layout-margin .flex-offset-gt-sm-90, .layout-margin .offset-gt-sm-90 {
margin-left: 90%;
}
[dir=rtl] .offset-gt-sm-90, [dir=rtl] .flex-offset-gt-sm-90, [dir=rtl] .layout-margin .flex-offset-gt-sm-90, [dir=rtl] .layout-margin .offset-gt-sm-90 {
margin-left: auto;
margin-right: 90%;
}
.offset-gt-sm-95, .flex-offset-gt-sm-95, .layout-margin .flex-offset-gt-sm-95, .layout-margin .offset-gt-sm-95 {
margin-left: 95%;
}
[dir=rtl] .offset-gt-sm-95, [dir=rtl] .flex-offset-gt-sm-95, [dir=rtl] .layout-margin .flex-offset-gt-sm-95, [dir=rtl] .layout-margin .offset-gt-sm-95 {
margin-left: auto;
margin-right: 95%;
}
.offset-gt-sm-33, .flex-offset-gt-sm-33, .layout-margin .flex-offset-gt-sm-33, .layout-margin .offset-gt-sm-33 {
margin-left: calc(100% / 3);
}
.offset-gt-sm-66, .flex-offset-gt-sm-66, .layout-margin .flex-offset-gt-sm-66, .layout-margin .offset-gt-sm-66 {
margin-left: calc(200% / 3);
}
[dir=rtl] .offset-gt-sm-66, [dir=rtl] .flex-offset-gt-sm-66, [dir=rtl] .layout-margin .flex-offset-gt-sm-66, [dir=rtl] .layout-margin .offset-gt-sm-66 {
margin-left: auto;
margin-right: calc(200% / 3);
}
.layout-align-gt-sm,
.layout-align-gt-sm-start-stretch {
justify-content: flex-start;
align-content: stretch;
align-items: stretch;
}
.layout-align-gt-sm-start,
.layout-align-gt-sm-start-start,
.layout-align-gt-sm-start-center,
.layout-align-gt-sm-start-end,
.layout-align-gt-sm-start-stretch {
justify-content: flex-start;
}
.layout-align-gt-sm-center,
.layout-align-gt-sm-center-start,
.layout-align-gt-sm-center-center,
.layout-align-gt-sm-center-end,
.layout-align-gt-sm-center-stretch {
justify-content: center;
}
.layout-align-gt-sm-end,
.layout-align-gt-sm-end-start,
.layout-align-gt-sm-end-center,
.layout-align-gt-sm-end-end,
.layout-align-gt-sm-end-stretch {
justify-content: flex-end;
}
.layout-align-gt-sm-space-around,
.layout-align-gt-sm-space-around-center,
.layout-align-gt-sm-space-around-start,
.layout-align-gt-sm-space-around-end,
.layout-align-gt-sm-space-around-stretch {
justify-content: space-around;
}
.layout-align-gt-sm-space-between,
.layout-align-gt-sm-space-between-center,
.layout-align-gt-sm-space-between-start,
.layout-align-gt-sm-space-between-end,
.layout-align-gt-sm-space-between-stretch {
justify-content: space-between;
}
.layout-align-gt-sm-start-start,
.layout-align-gt-sm-center-start,
.layout-align-gt-sm-end-start,
.layout-align-gt-sm-space-between-start,
.layout-align-gt-sm-space-around-start {
align-items: flex-start;
align-content: flex-start;
}
.layout-align-gt-sm-start-center,
.layout-align-gt-sm-center-center,
.layout-align-gt-sm-end-center,
.layout-align-gt-sm-space-between-center,
.layout-align-gt-sm-space-around-center {
align-items: center;
align-content: center;
max-width: 100%;
}
.layout-align-gt-sm-start-center > *,
.layout-align-gt-sm-center-center > *,
.layout-align-gt-sm-end-center > *,
.layout-align-gt-sm-space-between-center > *,
.layout-align-gt-sm-space-around-center > * {
max-width: 100%;
box-sizing: border-box;
}
.layout-align-gt-sm-start-end,
.layout-align-gt-sm-center-end,
.layout-align-gt-sm-end-end,
.layout-align-gt-sm-space-between-end,
.layout-align-gt-sm-space-around-end {
align-items: flex-end;
align-content: flex-end;
}
.layout-align-gt-sm-start-stretch,
.layout-align-gt-sm-center-stretch,
.layout-align-gt-sm-end-stretch,
.layout-align-gt-sm-space-between-stretch,
.layout-align-gt-sm-space-around-stretch {
align-items: stretch;
align-content: stretch;
}
.flex-gt-sm {
flex: 1;
box-sizing: border-box;
}
.flex-gt-sm-grow {
flex: 1 1 100%;
box-sizing: border-box;
}
.flex-gt-sm-initial {
flex: 0 1 auto;
box-sizing: border-box;
}
.flex-gt-sm-auto {
flex: 1 1 auto;
box-sizing: border-box;
}
.flex-gt-sm-none {
flex: 0 0 auto;
box-sizing: border-box;
}
.flex-gt-sm-noshrink {
flex: 1 0 auto;
box-sizing: border-box;
}
.flex-gt-sm-nogrow {
flex: 0 1 auto;
box-sizing: border-box;
}
.flex-gt-sm-0 {
flex: 1 1 100%;
max-width: 0%;
max-height: 100%;
box-sizing: border-box;
}
.layout-row > .flex-gt-sm-0 {
flex: 1 1 100%;
max-width: 0%;
max-height: 100%;
box-sizing: border-box;
min-width: 0;
}
.layout-column > .flex-gt-sm-0 {
flex: 1 1 100%;
max-width: 100%;
max-height: 0%;
box-sizing: border-box;
}
.layout-gt-sm-row > .flex-gt-sm-0 {
flex: 1 1 100%;
max-width: 0%;
max-height: 100%;
box-sizing: border-box;
min-width: 0;
}
.layout-gt-sm-column > .flex-gt-sm-0 {
flex: 1 1 100%;
max-width: 100%;
max-height: 0%;
box-sizing: border-box;
min-height: 0;
}
.flex-gt-sm-5 {
flex: 1 1 100%;
max-width: 5%;
max-height: 100%;
box-sizing: border-box;
}
.layout-row > .flex-gt-sm-5 {
flex: 1 1 100%;
max-width: 5%;
max-height: 100%;
box-sizing: border-box;
}
.layout-column > .flex-gt-sm-5 {
flex: 1 1 100%;
max-width: 100%;
max-height: 5%;
box-sizing: border-box;
}
.layout-gt-sm-row > .flex-gt-sm-5 {
flex: 1 1 100%;
max-width: 5%;
max-height: 100%;
box-sizing: border-box;
}
.layout-gt-sm-column > .flex-gt-sm-5 {
flex: 1 1 100%;
max-width: 100%;
max-height: 5%;
box-sizing: border-box;
}
.flex-gt-sm-10 {
flex: 1 1 100%;
max-width: 10%;
max-height: 100%;
box-sizing: border-box;
}
.layout-row > .flex-gt-sm-10 {
flex: 1 1 100%;
max-width: 10%;
max-height: 100%;
box-sizing: border-box;
}
.layout-column > .flex-gt-sm-10 {
flex: 1 1 100%;
max-width: 100%;
max-height: 10%;
box-sizing: border-box;
}
.layout-gt-sm-row > .flex-gt-sm-10 {
flex: 1 1 100%;
max-width: 10%;
max-height: 100%;
box-sizing: border-box;
}
.layout-gt-sm-column > .flex-gt-sm-10 {
flex: 1 1 100%;
max-width: 100%;
max-height: 10%;
box-sizing: border-box;
}
.flex-gt-sm-15 {
flex: 1 1 100%;
max-width: 15%;
max-height: 100%;
box-sizing: border-box;
}
.layout-row > .flex-gt-sm-15 {
flex: 1 1 100%;
max-width: 15%;
max-height: 100%;
box-sizing: border-box;
}
.layout-column > .flex-gt-sm-15 {
flex: 1 1 100%;
max-width: 100%;
max-height: 15%;
box-sizing: border-box;
}
.layout-gt-sm-row > .flex-gt-sm-15 {
flex: 1 1 100%;
max-width: 15%;
max-height: 100%;
box-sizing: border-box;
}
.layout-gt-sm-column > .flex-gt-sm-15 {
flex: 1 1 100%;
max-width: 100%;
max-height: 15%;
box-sizing: border-box;
}
.flex-gt-sm-20 {
flex: 1 1 100%;
max-width: 20%;
max-height: 100%;
box-sizing: border-box;
}
.layout-row > .flex-gt-sm-20 {
flex: 1 1 100%;
max-width: 20%;
max-height: 100%;
box-sizing: border-box;
}
.layout-column > .flex-gt-sm-20 {
flex: 1 1 100%;
max-width: 100%;
max-height: 20%;
box-sizing: border-box;
}
.layout-gt-sm-row > .flex-gt-sm-20 {
flex: 1 1 100%;
max-width: 20%;
max-height: 100%;
box-sizing: border-box;
}
.layout-gt-sm-column > .flex-gt-sm-20 {
flex: 1 1 100%;
max-width: 100%;
max-height: 20%;
box-sizing: border-box;
}
.flex-gt-sm-25 {
flex: 1 1 100%;
max-width: 25%;
max-height: 100%;
box-sizing: border-box;
}
.layout-row > .flex-gt-sm-25 {
flex: 1 1 100%;
max-width: 25%;
max-height: 100%;
box-sizing: border-box;
}
.layout-column > .flex-gt-sm-25 {
flex: 1 1 100%;
max-width: 100%;
max-height: 25%;
box-sizing: border-box;
}
.layout-gt-sm-row > .flex-gt-sm-25 {
flex: 1 1 100%;
max-width: 25%;
max-height: 100%;
box-sizing: border-box;
}
.layout-gt-sm-column > .flex-gt-sm-25 {
flex: 1 1 100%;
max-width: 100%;
max-height: 25%;
box-sizing: border-box;
}
.flex-gt-sm-30 {
flex: 1 1 100%;
max-width: 30%;
max-height: 100%;
box-sizing: border-box;
}
.layout-row > .flex-gt-sm-30 {
flex: 1 1 100%;
max-width: 30%;
max-height: 100%;
box-sizing: border-box;
}
.layout-column > .flex-gt-sm-30 {
flex: 1 1 100%;
max-width: 100%;
max-height: 30%;
box-sizing: border-box;
}
.layout-gt-sm-row > .flex-gt-sm-30 {
flex: 1 1 100%;
max-width: 30%;
max-height: 100%;
box-sizing: border-box;
}
.layout-gt-sm-column > .flex-gt-sm-30 {
flex: 1 1 100%;
max-width: 100%;
max-height: 30%;
box-sizing: border-box;
}
.flex-gt-sm-35 {
flex: 1 1 100%;
max-width: 35%;
max-height: 100%;
box-sizing: border-box;
}
.layout-row > .flex-gt-sm-35 {
flex: 1 1 100%;
max-width: 35%;
max-height: 100%;
box-sizing: border-box;
}
.layout-column > .flex-gt-sm-35 {
flex: 1 1 100%;
max-width: 100%;
max-height: 35%;
box-sizing: border-box;
}
.layout-gt-sm-row > .flex-gt-sm-35 {
flex: 1 1 100%;
max-width: 35%;
max-height: 100%;
box-sizing: border-box;
}
.layout-gt-sm-column > .flex-gt-sm-35 {
flex: 1 1 100%;
max-width: 100%;
max-height: 35%;
box-sizing: border-box;
}
.flex-gt-sm-40 {
flex: 1 1 100%;
max-width: 40%;
max-height: 100%;
box-sizing: border-box;
}
.layout-row > .flex-gt-sm-40 {
flex: 1 1 100%;
max-width: 40%;
max-height: 100%;
box-sizing: border-box;
}
.layout-column > .flex-gt-sm-40 {
flex: 1 1 100%;
max-width: 100%;
max-height: 40%;
box-sizing: border-box;
}
.layout-gt-sm-row > .flex-gt-sm-40 {
flex: 1 1 100%;
max-width: 40%;
max-height: 100%;
box-sizing: border-box;
}
.layout-gt-sm-column > .flex-gt-sm-40 {
flex: 1 1 100%;
max-width: 100%;
max-height: 40%;
box-sizing: border-box;
}
.flex-gt-sm-45 {
flex: 1 1 100%;
max-width: 45%;
max-height: 100%;
box-sizing: border-box;
}
.layout-row > .flex-gt-sm-45 {
flex: 1 1 100%;
max-width: 45%;
max-height: 100%;
box-sizing: border-box;
}
.layout-column > .flex-gt-sm-45 {
flex: 1 1 100%;
max-width: 100%;
max-height: 45%;
box-sizing: border-box;
}
.layout-gt-sm-row > .flex-gt-sm-45 {
flex: 1 1 100%;
max-width: 45%;
max-height: 100%;
box-sizing: border-box;
}
.layout-gt-sm-column > .flex-gt-sm-45 {
flex: 1 1 100%;
max-width: 100%;
max-height: 45%;
box-sizing: border-box;
}
.flex-gt-sm-50 {
flex: 1 1 100%;
max-width: 50%;
max-height: 100%;
box-sizing: border-box;
}
.layout-row > .flex-gt-sm-50 {
flex: 1 1 100%;
max-width: 50%;
max-height: 100%;
box-sizing: border-box;
}
.layout-column > .flex-gt-sm-50 {
flex: 1 1 100%;
max-width: 100%;
max-height: 50%;
box-sizing: border-box;
}
.layout-gt-sm-row > .flex-gt-sm-50 {
flex: 1 1 100%;
max-width: 50%;
max-height: 100%;
box-sizing: border-box;
}
.layout-gt-sm-column > .flex-gt-sm-50 {
flex: 1 1 100%;
max-width: 100%;
max-height: 50%;
box-sizing: border-box;
}
.flex-gt-sm-55 {
flex: 1 1 100%;
max-width: 55%;
max-height: 100%;
box-sizing: border-box;
}
.layout-row > .flex-gt-sm-55 {
flex: 1 1 100%;
max-width: 55%;
max-height: 100%;
box-sizing: border-box;
}
.layout-column > .flex-gt-sm-55 {
flex: 1 1 100%;
max-width: 100%;
max-height: 55%;
box-sizing: border-box;
}
.layout-gt-sm-row > .flex-gt-sm-55 {
flex: 1 1 100%;
max-width: 55%;
max-height: 100%;
box-sizing: border-box;
}
.layout-gt-sm-column > .flex-gt-sm-55 {
flex: 1 1 100%;
max-width: 100%;
max-height: 55%;
box-sizing: border-box;
}
.flex-gt-sm-60 {
flex: 1 1 100%;
max-width: 60%;
max-height: 100%;
box-sizing: border-box;
}
.layout-row > .flex-gt-sm-60 {
flex: 1 1 100%;
max-width: 60%;
max-height: 100%;
box-sizing: border-box;
}
.layout-column > .flex-gt-sm-60 {
flex: 1 1 100%;
max-width: 100%;
max-height: 60%;
box-sizing: border-box;
}
.layout-gt-sm-row > .flex-gt-sm-60 {
flex: 1 1 100%;
max-width: 60%;
max-height: 100%;
box-sizing: border-box;
}
.layout-gt-sm-column > .flex-gt-sm-60 {
flex: 1 1 100%;
max-width: 100%;
max-height: 60%;
box-sizing: border-box;
}
.flex-gt-sm-65 {
flex: 1 1 100%;
max-width: 65%;
max-height: 100%;
box-sizing: border-box;
}
.layout-row > .flex-gt-sm-65 {
flex: 1 1 100%;
max-width: 65%;
max-height: 100%;
box-sizing: border-box;
}
.layout-column > .flex-gt-sm-65 {
flex: 1 1 100%;
max-width: 100%;
max-height: 65%;
box-sizing: border-box;
}
.layout-gt-sm-row > .flex-gt-sm-65 {
flex: 1 1 100%;
max-width: 65%;
max-height: 100%;
box-sizing: border-box;
}
.layout-gt-sm-column > .flex-gt-sm-65 {
flex: 1 1 100%;
max-width: 100%;
max-height: 65%;
box-sizing: border-box;
}
.flex-gt-sm-70 {
flex: 1 1 100%;
max-width: 70%;
max-height: 100%;
box-sizing: border-box;
}
.layout-row > .flex-gt-sm-70 {
flex: 1 1 100%;
max-width: 70%;
max-height: 100%;
box-sizing: border-box;
}
.layout-column > .flex-gt-sm-70 {
flex: 1 1 100%;
max-width: 100%;
max-height: 70%;
box-sizing: border-box;
}
.layout-gt-sm-row > .flex-gt-sm-70 {
flex: 1 1 100%;
max-width: 70%;
max-height: 100%;
box-sizing: border-box;
}
.layout-gt-sm-column > .flex-gt-sm-70 {
flex: 1 1 100%;
max-width: 100%;
max-height: 70%;
box-sizing: border-box;
}
.flex-gt-sm-75 {
flex: 1 1 100%;
max-width: 75%;
max-height: 100%;
box-sizing: border-box;
}
.layout-row > .flex-gt-sm-75 {
flex: 1 1 100%;
max-width: 75%;
max-height: 100%;
box-sizing: border-box;
}
.layout-column > .flex-gt-sm-75 {
flex: 1 1 100%;
max-width: 100%;
max-height: 75%;
box-sizing: border-box;
}
.layout-gt-sm-row > .flex-gt-sm-75 {
flex: 1 1 100%;
max-width: 75%;
max-height: 100%;
box-sizing: border-box;
}
.layout-gt-sm-column > .flex-gt-sm-75 {
flex: 1 1 100%;
max-width: 100%;
max-height: 75%;
box-sizing: border-box;
}
.flex-gt-sm-80 {
flex: 1 1 100%;
max-width: 80%;
max-height: 100%;
box-sizing: border-box;
}
.layout-row > .flex-gt-sm-80 {
flex: 1 1 100%;
max-width: 80%;
max-height: 100%;
box-sizing: border-box;
}
.layout-column > .flex-gt-sm-80 {
flex: 1 1 100%;
max-width: 100%;
max-height: 80%;
box-sizing: border-box;
}
.layout-gt-sm-row > .flex-gt-sm-80 {
flex: 1 1 100%;
max-width: 80%;
max-height: 100%;
box-sizing: border-box;
}
.layout-gt-sm-column > .flex-gt-sm-80 {
flex: 1 1 100%;
max-width: 100%;
max-height: 80%;
box-sizing: border-box;
}
.flex-gt-sm-85 {
flex: 1 1 100%;
max-width: 85%;
max-height: 100%;
box-sizing: border-box;
}
.layout-row > .flex-gt-sm-85 {
flex: 1 1 100%;
max-width: 85%;
max-height: 100%;
box-sizing: border-box;
}
.layout-column > .flex-gt-sm-85 {
flex: 1 1 100%;
max-width: 100%;
max-height: 85%;
box-sizing: border-box;
}
.layout-gt-sm-row > .flex-gt-sm-85 {
flex: 1 1 100%;
max-width: 85%;
max-height: 100%;
box-sizing: border-box;
}
.layout-gt-sm-column > .flex-gt-sm-85 {
flex: 1 1 100%;
max-width: 100%;
max-height: 85%;
box-sizing: border-box;
}
.flex-gt-sm-90 {
flex: 1 1 100%;
max-width: 90%;
max-height: 100%;
box-sizing: border-box;
}
.layout-row > .flex-gt-sm-90 {
flex: 1 1 100%;
max-width: 90%;
max-height: 100%;
box-sizing: border-box;
}
.layout-column > .flex-gt-sm-90 {
flex: 1 1 100%;
max-width: 100%;
max-height: 90%;
box-sizing: border-box;
}
.layout-gt-sm-row > .flex-gt-sm-90 {
flex: 1 1 100%;
max-width: 90%;
max-height: 100%;
box-sizing: border-box;
}
.layout-gt-sm-column > .flex-gt-sm-90 {
flex: 1 1 100%;
max-width: 100%;
max-height: 90%;
box-sizing: border-box;
}
.flex-gt-sm-95 {
flex: 1 1 100%;
max-width: 95%;
max-height: 100%;
box-sizing: border-box;
}
.layout-row > .flex-gt-sm-95 {
flex: 1 1 100%;
max-width: 95%;
max-height: 100%;
box-sizing: border-box;
}
.layout-column > .flex-gt-sm-95 {
flex: 1 1 100%;
max-width: 100%;
max-height: 95%;
box-sizing: border-box;
}
.layout-gt-sm-row > .flex-gt-sm-95 {
flex: 1 1 100%;
max-width: 95%;
max-height: 100%;
box-sizing: border-box;
}
.layout-gt-sm-column > .flex-gt-sm-95 {
flex: 1 1 100%;
max-width: 100%;
max-height: 95%;
box-sizing: border-box;
}
.flex-gt-sm-100 {
flex: 1 1 100%;
max-width: 100%;
max-height: 100%;
box-sizing: border-box;
}
.layout-row > .flex-gt-sm-100 {
flex: 1 1 100%;
max-width: 100%;
max-height: 100%;
box-sizing: border-box;
}
.layout-column > .flex-gt-sm-100 {
flex: 1 1 100%;
max-width: 100%;
max-height: 100%;
box-sizing: border-box;
}
.layout-gt-sm-row > .flex-gt-sm-100 {
flex: 1 1 100%;
max-width: 100%;
max-height: 100%;
box-sizing: border-box;
}
.layout-gt-sm-column > .flex-gt-sm-100 {
flex: 1 1 100%;
max-width: 100%;
max-height: 100%;
box-sizing: border-box;
}
.layout-row > .flex-gt-sm-33 {
flex: 1 1 33.33%;
max-width: 33.33%;
max-height: 100%;
box-sizing: border-box;
}
.layout-row > .flex-gt-sm-66 {
flex: 1 1 66.66%;
max-width: 66.66%;
max-height: 100%;
box-sizing: border-box;
}
.layout-column > .flex-gt-sm-33 {
flex: 1 1 33.33%;
max-width: 100%;
max-height: 33.33%;
box-sizing: border-box;
}
.layout-column > .flex-gt-sm-66 {
flex: 1 1 66.66%;
max-width: 100%;
max-height: 66.66%;
box-sizing: border-box;
}
.layout-gt-sm-row > .flex-gt-sm-33 {
flex: 1 1 100%;
max-width: 33.33%;
max-height: 100%;
box-sizing: border-box;
}
.layout-gt-sm-row > .flex-gt-sm-66 {
flex: 1 1 100%;
max-width: 66.66%;
max-height: 100%;
box-sizing: border-box;
}
.layout-gt-sm-row > .flex {
min-width: 0;
}
.layout-gt-sm-column > .flex-gt-sm-33 {
flex: 1 1 100%;
max-width: 100%;
max-height: 33.33%;
box-sizing: border-box;
}
.layout-gt-sm-column > .flex-gt-sm-66 {
flex: 1 1 100%;
max-width: 100%;
max-height: 66.66%;
box-sizing: border-box;
}
.layout-gt-sm-column > .flex {
min-height: 0;
}
.layout-gt-sm, .layout-gt-sm-column, .layout-gt-sm-row {
box-sizing: border-box;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
}
.layout-gt-sm-column {
flex-direction: column;
}
.layout-gt-sm-row {
flex-direction: row;
}
}
@media (min-width: 960px) and (max-width: 1279px) {
.hide:not(.show-gt-xs):not(.show-gt-sm):not(.show-md):not(.show), .hide-gt-xs:not(.show-gt-xs):not(.show-gt-sm):not(.show-md):not(.show), .hide-gt-sm:not(.show-gt-xs):not(.show-gt-sm):not(.show-md):not(.show) {
display: none;
}
.hide-md:not(.show-md):not(.show-gt-sm):not(.show-gt-xs):not(.show) {
display: none;
}
.flex-order-md--20 {
order: -20;
}
.flex-order-md--19 {
order: -19;
}
.flex-order-md--18 {
order: -18;
}
.flex-order-md--17 {
order: -17;
}
.flex-order-md--16 {
order: -16;
}
.flex-order-md--15 {
order: -15;
}
.flex-order-md--14 {
order: -14;
}
.flex-order-md--13 {
order: -13;
}
.flex-order-md--12 {
order: -12;
}
.flex-order-md--11 {
order: -11;
}
.flex-order-md--10 {
order: -10;
}
.flex-order-md--9 {
order: -9;
}
.flex-order-md--8 {
order: -8;
}
.flex-order-md--7 {
order: -7;
}
.flex-order-md--6 {
order: -6;
}
.flex-order-md--5 {
order: -5;
}
.flex-order-md--4 {
order: -4;
}
.flex-order-md--3 {
order: -3;
}
.flex-order-md--2 {
order: -2;
}
.flex-order-md--1 {
order: -1;
}
.flex-order-md-0 {
order: 0;
}
.flex-order-md-1 {
order: 1;
}
.flex-order-md-2 {
order: 2;
}
.flex-order-md-3 {
order: 3;
}
.flex-order-md-4 {
order: 4;
}
.flex-order-md-5 {
order: 5;
}
.flex-order-md-6 {
order: 6;
}
.flex-order-md-7 {
order: 7;
}
.flex-order-md-8 {
order: 8;
}
.flex-order-md-9 {
order: 9;
}
.flex-order-md-10 {
order: 10;
}
.flex-order-md-11 {
order: 11;
}
.flex-order-md-12 {
order: 12;
}
.flex-order-md-13 {
order: 13;
}
.flex-order-md-14 {
order: 14;
}
.flex-order-md-15 {
order: 15;
}
.flex-order-md-16 {
order: 16;
}
.flex-order-md-17 {
order: 17;
}
.flex-order-md-18 {
order: 18;
}
.flex-order-md-19 {
order: 19;
}
.flex-order-md-20 {
order: 20;
}
.offset-md-0, .flex-offset-md-0, .layout-margin .flex-offset-md-0, .layout-margin .offset-md-0 {
margin-left: 0;
}
[dir=rtl] .offset-md-0, [dir=rtl] .flex-offset-md-0, [dir=rtl] .layout-margin .flex-offset-md-0, [dir=rtl] .layout-margin .offset-md-0 {
margin-left: auto;
margin-right: 0;
}
.offset-md-5, .flex-offset-md-5, .layout-margin .flex-offset-md-5, .layout-margin .offset-md-5 {
margin-left: 5%;
}
[dir=rtl] .offset-md-5, [dir=rtl] .flex-offset-md-5, [dir=rtl] .layout-margin .flex-offset-md-5, [dir=rtl] .layout-margin .offset-md-5 {
margin-left: auto;
margin-right: 5%;
}
.offset-md-10, .flex-offset-md-10, .layout-margin .flex-offset-md-10, .layout-margin .offset-md-10 {
margin-left: 10%;
}
[dir=rtl] .offset-md-10, [dir=rtl] .flex-offset-md-10, [dir=rtl] .layout-margin .flex-offset-md-10, [dir=rtl] .layout-margin .offset-md-10 {
margin-left: auto;
margin-right: 10%;
}
.offset-md-15, .flex-offset-md-15, .layout-margin .flex-offset-md-15, .layout-margin .offset-md-15 {
margin-left: 15%;
}
[dir=rtl] .offset-md-15, [dir=rtl] .flex-offset-md-15, [dir=rtl] .layout-margin .flex-offset-md-15, [dir=rtl] .layout-margin .offset-md-15 {
margin-left: auto;
margin-right: 15%;
}
.offset-md-20, .flex-offset-md-20, .layout-margin .flex-offset-md-20, .layout-margin .offset-md-20 {
margin-left: 20%;
}
[dir=rtl] .offset-md-20, [dir=rtl] .flex-offset-md-20, [dir=rtl] .layout-margin .flex-offset-md-20, [dir=rtl] .layout-margin .offset-md-20 {
margin-left: auto;
margin-right: 20%;
}
.offset-md-25, .flex-offset-md-25, .layout-margin .flex-offset-md-25, .layout-margin .offset-md-25 {
margin-left: 25%;
}
[dir=rtl] .offset-md-25, [dir=rtl] .flex-offset-md-25, [dir=rtl] .layout-margin .flex-offset-md-25, [dir=rtl] .layout-margin .offset-md-25 {
margin-left: auto;
margin-right: 25%;
}
.offset-md-30, .flex-offset-md-30, .layout-margin .flex-offset-md-30, .layout-margin .offset-md-30 {
margin-left: 30%;
}
[dir=rtl] .offset-md-30, [dir=rtl] .flex-offset-md-30, [dir=rtl] .layout-margin .flex-offset-md-30, [dir=rtl] .layout-margin .offset-md-30 {
margin-left: auto;
margin-right: 30%;
}
.offset-md-35, .flex-offset-md-35, .layout-margin .flex-offset-md-35, .layout-margin .offset-md-35 {
margin-left: 35%;
}
[dir=rtl] .offset-md-35, [dir=rtl] .flex-offset-md-35, [dir=rtl] .layout-margin .flex-offset-md-35, [dir=rtl] .layout-margin .offset-md-35 {
margin-left: auto;
margin-right: 35%;
}
.offset-md-40, .flex-offset-md-40, .layout-margin .flex-offset-md-40, .layout-margin .offset-md-40 {
margin-left: 40%;
}
[dir=rtl] .offset-md-40, [dir=rtl] .flex-offset-md-40, [dir=rtl] .layout-margin .flex-offset-md-40, [dir=rtl] .layout-margin .offset-md-40 {
margin-left: auto;
margin-right: 40%;
}
.offset-md-45, .flex-offset-md-45, .layout-margin .flex-offset-md-45, .layout-margin .offset-md-45 {
margin-left: 45%;
}
[dir=rtl] .offset-md-45, [dir=rtl] .flex-offset-md-45, [dir=rtl] .layout-margin .flex-offset-md-45, [dir=rtl] .layout-margin .offset-md-45 {
margin-left: auto;
margin-right: 45%;
}
.offset-md-50, .flex-offset-md-50, .layout-margin .flex-offset-md-50, .layout-margin .offset-md-50 {
margin-left: 50%;
}
[dir=rtl] .offset-md-50, [dir=rtl] .flex-offset-md-50, [dir=rtl] .layout-margin .flex-offset-md-50, [dir=rtl] .layout-margin .offset-md-50 {
margin-left: auto;
margin-right: 50%;
}
.offset-md-55, .flex-offset-md-55, .layout-margin .flex-offset-md-55, .layout-margin .offset-md-55 {
margin-left: 55%;
}
[dir=rtl] .offset-md-55, [dir=rtl] .flex-offset-md-55, [dir=rtl] .layout-margin .flex-offset-md-55, [dir=rtl] .layout-margin .offset-md-55 {
margin-left: auto;
margin-right: 55%;
}
.offset-md-60, .flex-offset-md-60, .layout-margin .flex-offset-md-60, .layout-margin .offset-md-60 {
margin-left: 60%;
}
[dir=rtl] .offset-md-60, [dir=rtl] .flex-offset-md-60, [dir=rtl] .layout-margin .flex-offset-md-60, [dir=rtl] .layout-margin .offset-md-60 {
margin-left: auto;
margin-right: 60%;
}
.offset-md-65, .flex-offset-md-65, .layout-margin .flex-offset-md-65, .layout-margin .offset-md-65 {
margin-left: 65%;
}
[dir=rtl] .offset-md-65, [dir=rtl] .flex-offset-md-65, [dir=rtl] .layout-margin .flex-offset-md-65, [dir=rtl] .layout-margin .offset-md-65 {
margin-left: auto;
margin-right: 65%;
}
.offset-md-70, .flex-offset-md-70, .layout-margin .flex-offset-md-70, .layout-margin .offset-md-70 {
margin-left: 70%;
}
[dir=rtl] .offset-md-70, [dir=rtl] .flex-offset-md-70, [dir=rtl] .layout-margin .flex-offset-md-70, [dir=rtl] .layout-margin .offset-md-70 {
margin-left: auto;
margin-right: 70%;
}
.offset-md-75, .flex-offset-md-75, .layout-margin .flex-offset-md-75, .layout-margin .offset-md-75 {
margin-left: 75%;
}
[dir=rtl] .offset-md-75, [dir=rtl] .flex-offset-md-75, [dir=rtl] .layout-margin .flex-offset-md-75, [dir=rtl] .layout-margin .offset-md-75 {
margin-left: auto;
margin-right: 75%;
}
.offset-md-80, .flex-offset-md-80, .layout-margin .flex-offset-md-80, .layout-margin .offset-md-80 {
margin-left: 80%;
}
[dir=rtl] .offset-md-80, [dir=rtl] .flex-offset-md-80, [dir=rtl] .layout-margin .flex-offset-md-80, [dir=rtl] .layout-margin .offset-md-80 {
margin-left: auto;
margin-right: 80%;
}
.offset-md-85, .flex-offset-md-85, .layout-margin .flex-offset-md-85, .layout-margin .offset-md-85 {
margin-left: 85%;
}
[dir=rtl] .offset-md-85, [dir=rtl] .flex-offset-md-85, [dir=rtl] .layout-margin .flex-offset-md-85, [dir=rtl] .layout-margin .offset-md-85 {
margin-left: auto;
margin-right: 85%;
}
.offset-md-90, .flex-offset-md-90, .layout-margin .flex-offset-md-90, .layout-margin .offset-md-90 {
margin-left: 90%;
}
[dir=rtl] .offset-md-90, [dir=rtl] .flex-offset-md-90, [dir=rtl] .layout-margin .flex-offset-md-90, [dir=rtl] .layout-margin .offset-md-90 {
margin-left: auto;
margin-right: 90%;
}
.offset-md-95, .flex-offset-md-95, .layout-margin .flex-offset-md-95, .layout-margin .offset-md-95 {
margin-left: 95%;
}
[dir=rtl] .offset-md-95, [dir=rtl] .flex-offset-md-95, [dir=rtl] .layout-margin .flex-offset-md-95, [dir=rtl] .layout-margin .offset-md-95 {
margin-left: auto;
margin-right: 95%;
}
.offset-md-33, .flex-offset-md-33, .layout-margin .flex-offset-md-33, .layout-margin .offset-md-33 {
margin-left: calc(100% / 3);
}
.offset-md-66, .flex-offset-md-66, .layout-margin .flex-offset-md-66, .layout-margin .offset-md-66 {
margin-left: calc(200% / 3);
}
[dir=rtl] .offset-md-66, [dir=rtl] .flex-offset-md-66, [dir=rtl] .layout-margin .flex-offset-md-66, [dir=rtl] .layout-margin .offset-md-66 {
margin-left: auto;
margin-right: calc(200% / 3);
}
.layout-align-md,
.layout-align-md-start-stretch {
justify-content: flex-start;
align-content: stretch;
align-items: stretch;
}
.layout-align-md-start,
.layout-align-md-start-start,
.layout-align-md-start-center,
.layout-align-md-start-end,
.layout-align-md-start-stretch {
justify-content: flex-start;
}
.layout-align-md-center,
.layout-align-md-center-start,
.layout-align-md-center-center,
.layout-align-md-center-end,
.layout-align-md-center-stretch {
justify-content: center;
}
.layout-align-md-end,
.layout-align-md-end-start,
.layout-align-md-end-center,
.layout-align-md-end-end,
.layout-align-md-end-stretch {
justify-content: flex-end;
}
.layout-align-md-space-around,
.layout-align-md-space-around-center,
.layout-align-md-space-around-start,
.layout-align-md-space-around-end,
.layout-align-md-space-around-stretch {
justify-content: space-around;
}
.layout-align-md-space-between,
.layout-align-md-space-between-center,
.layout-align-md-space-between-start,
.layout-align-md-space-between-end,
.layout-align-md-space-between-stretch {
justify-content: space-between;
}
.layout-align-md-start-start,
.layout-align-md-center-start,
.layout-align-md-end-start,
.layout-align-md-space-between-start,
.layout-align-md-space-around-start {
align-items: flex-start;
align-content: flex-start;
}
.layout-align-md-start-center,
.layout-align-md-center-center,
.layout-align-md-end-center,
.layout-align-md-space-between-center,
.layout-align-md-space-around-center {
align-items: center;
align-content: center;
max-width: 100%;
}
.layout-align-md-start-center > *,
.layout-align-md-center-center > *,
.layout-align-md-end-center > *,
.layout-align-md-space-between-center > *,
.layout-align-md-space-around-center > * {
max-width: 100%;
box-sizing: border-box;
}
.layout-align-md-start-end,
.layout-align-md-center-end,
.layout-align-md-end-end,
.layout-align-md-space-between-end,
.layout-align-md-space-around-end {
align-items: flex-end;
align-content: flex-end;
}
.layout-align-md-start-stretch,
.layout-align-md-center-stretch,
.layout-align-md-end-stretch,
.layout-align-md-space-between-stretch,
.layout-align-md-space-around-stretch {
align-items: stretch;
align-content: stretch;
}
.flex-md {
flex: 1;
box-sizing: border-box;
}
.flex-md-grow {
flex: 1 1 100%;
box-sizing: border-box;
}
.flex-md-initial {
flex: 0 1 auto;
box-sizing: border-box;
}
.flex-md-auto {
flex: 1 1 auto;
box-sizing: border-box;
}
.flex-md-none {
flex: 0 0 auto;
box-sizing: border-box;
}
.flex-md-noshrink {
flex: 1 0 auto;
box-sizing: border-box;
}
.flex-md-nogrow {
flex: 0 1 auto;
box-sizing: border-box;
}
.flex-md-0 {
flex: 1 1 100%;
max-width: 0%;
max-height: 100%;
box-sizing: border-box;
}
.layout-row > .flex-md-0 {
flex: 1 1 100%;
max-width: 0%;
max-height: 100%;
box-sizing: border-box;
min-width: 0;
}
.layout-column > .flex-md-0 {
flex: 1 1 100%;
max-width: 100%;
max-height: 0%;
box-sizing: border-box;
}
.layout-md-row > .flex-md-0 {
flex: 1 1 100%;
max-width: 0%;
max-height: 100%;
box-sizing: border-box;
min-width: 0;
}
.layout-md-column > .flex-md-0 {
flex: 1 1 100%;
max-width: 100%;
max-height: 0%;
box-sizing: border-box;
min-height: 0;
}
.flex-md-5 {
flex: 1 1 100%;
max-width: 5%;
max-height: 100%;
box-sizing: border-box;
}
.layout-row > .flex-md-5 {
flex: 1 1 100%;
max-width: 5%;
max-height: 100%;
box-sizing: border-box;
}
.layout-column > .flex-md-5 {
flex: 1 1 100%;
max-width: 100%;
max-height: 5%;
box-sizing: border-box;
}
.layout-md-row > .flex-md-5 {
flex: 1 1 100%;
max-width: 5%;
max-height: 100%;
box-sizing: border-box;
}
.layout-md-column > .flex-md-5 {
flex: 1 1 100%;
max-width: 100%;
max-height: 5%;
box-sizing: border-box;
}
.flex-md-10 {
flex: 1 1 100%;
max-width: 10%;
max-height: 100%;
box-sizing: border-box;
}
.layout-row > .flex-md-10 {
flex: 1 1 100%;
max-width: 10%;
max-height: 100%;
box-sizing: border-box;
}
.layout-column > .flex-md-10 {
flex: 1 1 100%;
max-width: 100%;
max-height: 10%;
box-sizing: border-box;
}
.layout-md-row > .flex-md-10 {
flex: 1 1 100%;
max-width: 10%;
max-height: 100%;
box-sizing: border-box;
}
.layout-md-column > .flex-md-10 {
flex: 1 1 100%;
max-width: 100%;
max-height: 10%;
box-sizing: border-box;
}
.flex-md-15 {
flex: 1 1 100%;
max-width: 15%;
max-height: 100%;
box-sizing: border-box;
}
.layout-row > .flex-md-15 {
flex: 1 1 100%;
max-width: 15%;
max-height: 100%;
box-sizing: border-box;
}
.layout-column > .flex-md-15 {
flex: 1 1 100%;
max-width: 100%;
max-height: 15%;
box-sizing: border-box;
}
.layout-md-row > .flex-md-15 {
flex: 1 1 100%;
max-width: 15%;
max-height: 100%;
box-sizing: border-box;
}
.layout-md-column > .flex-md-15 {
flex: 1 1 100%;
max-width: 100%;
max-height: 15%;
box-sizing: border-box;
}
.flex-md-20 {
flex: 1 1 100%;
max-width: 20%;
max-height: 100%;
box-sizing: border-box;
}
.layout-row > .flex-md-20 {
flex: 1 1 100%;
max-width: 20%;
max-height: 100%;
box-sizing: border-box;
}
.layout-column > .flex-md-20 {
flex: 1 1 100%;
max-width: 100%;
max-height: 20%;
box-sizing: border-box;
}
.layout-md-row > .flex-md-20 {
flex: 1 1 100%;
max-width: 20%;
max-height: 100%;
box-sizing: border-box;
}
.layout-md-column > .flex-md-20 {
flex: 1 1 100%;
max-width: 100%;
max-height: 20%;
box-sizing: border-box;
}
.flex-md-25 {
flex: 1 1 100%;
max-width: 25%;
max-height: 100%;
box-sizing: border-box;
}
.layout-row > .flex-md-25 {
flex: 1 1 100%;
max-width: 25%;
max-height: 100%;
box-sizing: border-box;
}
.layout-column > .flex-md-25 {
flex: 1 1 100%;
max-width: 100%;
max-height: 25%;
box-sizing: border-box;
}
.layout-md-row > .flex-md-25 {
flex: 1 1 100%;
max-width: 25%;
max-height: 100%;
box-sizing: border-box;
}
.layout-md-column > .flex-md-25 {
flex: 1 1 100%;
max-width: 100%;
max-height: 25%;
box-sizing: border-box;
}
.flex-md-30 {
flex: 1 1 100%;
max-width: 30%;
max-height: 100%;
box-sizing: border-box;
}
.layout-row > .flex-md-30 {
flex: 1 1 100%;
max-width: 30%;
max-height: 100%;
box-sizing: border-box;
}
.layout-column > .flex-md-30 {
flex: 1 1 100%;
max-width: 100%;
max-height: 30%;
box-sizing: border-box;
}
.layout-md-row > .flex-md-30 {
flex: 1 1 100%;
max-width: 30%;
max-height: 100%;
box-sizing: border-box;
}
.layout-md-column > .flex-md-30 {
flex: 1 1 100%;
max-width: 100%;
max-height: 30%;
box-sizing: border-box;
}
.flex-md-35 {
flex: 1 1 100%;
max-width: 35%;
max-height: 100%;
box-sizing: border-box;
}
.layout-row > .flex-md-35 {
flex: 1 1 100%;
max-width: 35%;
max-height: 100%;
box-sizing: border-box;
}
.layout-column > .flex-md-35 {
flex: 1 1 100%;
max-width: 100%;
max-height: 35%;
box-sizing: border-box;
}
.layout-md-row > .flex-md-35 {
flex: 1 1 100%;
max-width: 35%;
max-height: 100%;
box-sizing: border-box;
}
.layout-md-column > .flex-md-35 {
flex: 1 1 100%;
max-width: 100%;
max-height: 35%;
box-sizing: border-box;
}
.flex-md-40 {
flex: 1 1 100%;
max-width: 40%;
max-height: 100%;
box-sizing: border-box;
}
.layout-row > .flex-md-40 {
flex: 1 1 100%;
max-width: 40%;
max-height: 100%;
box-sizing: border-box;
}
.layout-column > .flex-md-40 {
flex: 1 1 100%;
max-width: 100%;
max-height: 40%;
box-sizing: border-box;
}
.layout-md-row > .flex-md-40 {
flex: 1 1 100%;
max-width: 40%;
max-height: 100%;
box-sizing: border-box;
}
.layout-md-column > .flex-md-40 {
flex: 1 1 100%;
max-width: 100%;
max-height: 40%;
box-sizing: border-box;
}
.flex-md-45 {
flex: 1 1 100%;
max-width: 45%;
max-height: 100%;
box-sizing: border-box;
}
.layout-row > .flex-md-45 {
flex: 1 1 100%;
max-width: 45%;
max-height: 100%;
box-sizing: border-box;
}
.layout-column > .flex-md-45 {
flex: 1 1 100%;
max-width: 100%;
max-height: 45%;
box-sizing: border-box;
}
.layout-md-row > .flex-md-45 {
flex: 1 1 100%;
max-width: 45%;
max-height: 100%;
box-sizing: border-box;
}
.layout-md-column > .flex-md-45 {
flex: 1 1 100%;
max-width: 100%;
max-height: 45%;
box-sizing: border-box;
}
.flex-md-50 {
flex: 1 1 100%;
max-width: 50%;
max-height: 100%;
box-sizing: border-box;
}
.layout-row > .flex-md-50 {
flex: 1 1 100%;
max-width: 50%;
max-height: 100%;
box-sizing: border-box;
}
.layout-column > .flex-md-50 {
flex: 1 1 100%;
max-width: 100%;
max-height: 50%;
box-sizing: border-box;
}
.layout-md-row > .flex-md-50 {
flex: 1 1 100%;
max-width: 50%;
max-height: 100%;
box-sizing: border-box;
}
.layout-md-column > .flex-md-50 {
flex: 1 1 100%;
max-width: 100%;
max-height: 50%;
box-sizing: border-box;
}
.flex-md-55 {
flex: 1 1 100%;
max-width: 55%;
max-height: 100%;
box-sizing: border-box;
}
.layout-row > .flex-md-55 {
flex: 1 1 100%;
max-width: 55%;
max-height: 100%;
box-sizing: border-box;
}
.layout-column > .flex-md-55 {
flex: 1 1 100%;
max-width: 100%;
max-height: 55%;
box-sizing: border-box;
}
.layout-md-row > .flex-md-55 {
flex: 1 1 100%;
max-width: 55%;
max-height: 100%;
box-sizing: border-box;
}
.layout-md-column > .flex-md-55 {
flex: 1 1 100%;
max-width: 100%;
max-height: 55%;
box-sizing: border-box;
}
.flex-md-60 {
flex: 1 1 100%;
max-width: 60%;
max-height: 100%;
box-sizing: border-box;
}
.layout-row > .flex-md-60 {
flex: 1 1 100%;
max-width: 60%;
max-height: 100%;
box-sizing: border-box;
}
.layout-column > .flex-md-60 {
flex: 1 1 100%;
max-width: 100%;
max-height: 60%;
box-sizing: border-box;
}
.layout-md-row > .flex-md-60 {
flex: 1 1 100%;
max-width: 60%;
max-height: 100%;
box-sizing: border-box;
}
.layout-md-column > .flex-md-60 {
flex: 1 1 100%;
max-width: 100%;
max-height: 60%;
box-sizing: border-box;
}
.flex-md-65 {
flex: 1 1 100%;
max-width: 65%;
max-height: 100%;
box-sizing: border-box;
}
.layout-row > .flex-md-65 {
flex: 1 1 100%;
max-width: 65%;
max-height: 100%;
box-sizing: border-box;
}
.layout-column > .flex-md-65 {
flex: 1 1 100%;
max-width: 100%;
max-height: 65%;
box-sizing: border-box;
}
.layout-md-row > .flex-md-65 {
flex: 1 1 100%;
max-width: 65%;
max-height: 100%;
box-sizing: border-box;
}
.layout-md-column > .flex-md-65 {
flex: 1 1 100%;
max-width: 100%;
max-height: 65%;
box-sizing: border-box;
}
.flex-md-70 {
flex: 1 1 100%;
max-width: 70%;
max-height: 100%;
box-sizing: border-box;
}
.layout-row > .flex-md-70 {
flex: 1 1 100%;
max-width: 70%;
max-height: 100%;
box-sizing: border-box;
}
.layout-column > .flex-md-70 {
flex: 1 1 100%;
max-width: 100%;
max-height: 70%;
box-sizing: border-box;
}
.layout-md-row > .flex-md-70 {
flex: 1 1 100%;
max-width: 70%;
max-height: 100%;
box-sizing: border-box;
}
.layout-md-column > .flex-md-70 {
flex: 1 1 100%;
max-width: 100%;
max-height: 70%;
box-sizing: border-box;
}
.flex-md-75 {
flex: 1 1 100%;
max-width: 75%;
max-height: 100%;
box-sizing: border-box;
}
.layout-row > .flex-md-75 {
flex: 1 1 100%;
max-width: 75%;
max-height: 100%;
box-sizing: border-box;
}
.layout-column > .flex-md-75 {
flex: 1 1 100%;
max-width: 100%;
max-height: 75%;
box-sizing: border-box;
}
.layout-md-row > .flex-md-75 {
flex: 1 1 100%;
max-width: 75%;
max-height: 100%;
box-sizing: border-box;
}
.layout-md-column > .flex-md-75 {
flex: 1 1 100%;
max-width: 100%;
max-height: 75%;
box-sizing: border-box;
}
.flex-md-80 {
flex: 1 1 100%;
max-width: 80%;
max-height: 100%;
box-sizing: border-box;
}
.layout-row > .flex-md-80 {
flex: 1 1 100%;
max-width: 80%;
max-height: 100%;
box-sizing: border-box;
}
.layout-column > .flex-md-80 {
flex: 1 1 100%;
max-width: 100%;
max-height: 80%;
box-sizing: border-box;
}
.layout-md-row > .flex-md-80 {
flex: 1 1 100%;
max-width: 80%;
max-height: 100%;
box-sizing: border-box;
}
.layout-md-column > .flex-md-80 {
flex: 1 1 100%;
max-width: 100%;
max-height: 80%;
box-sizing: border-box;
}
.flex-md-85 {
flex: 1 1 100%;
max-width: 85%;
max-height: 100%;
box-sizing: border-box;
}
.layout-row > .flex-md-85 {
flex: 1 1 100%;
max-width: 85%;
max-height: 100%;
box-sizing: border-box;
}
.layout-column > .flex-md-85 {
flex: 1 1 100%;
max-width: 100%;
max-height: 85%;
box-sizing: border-box;
}
.layout-md-row > .flex-md-85 {
flex: 1 1 100%;
max-width: 85%;
max-height: 100%;
box-sizing: border-box;
}
.layout-md-column > .flex-md-85 {
flex: 1 1 100%;
max-width: 100%;
max-height: 85%;
box-sizing: border-box;
}
.flex-md-90 {
flex: 1 1 100%;
max-width: 90%;
max-height: 100%;
box-sizing: border-box;
}
.layout-row > .flex-md-90 {
flex: 1 1 100%;
max-width: 90%;
max-height: 100%;
box-sizing: border-box;
}
.layout-column > .flex-md-90 {
flex: 1 1 100%;
max-width: 100%;
max-height: 90%;
box-sizing: border-box;
}
.layout-md-row > .flex-md-90 {
flex: 1 1 100%;
max-width: 90%;
max-height: 100%;
box-sizing: border-box;
}
.layout-md-column > .flex-md-90 {
flex: 1 1 100%;
max-width: 100%;
max-height: 90%;
box-sizing: border-box;
}
.flex-md-95 {
flex: 1 1 100%;
max-width: 95%;
max-height: 100%;
box-sizing: border-box;
}
.layout-row > .flex-md-95 {
flex: 1 1 100%;
max-width: 95%;
max-height: 100%;
box-sizing: border-box;
}
.layout-column > .flex-md-95 {
flex: 1 1 100%;
max-width: 100%;
max-height: 95%;
box-sizing: border-box;
}
.layout-md-row > .flex-md-95 {
flex: 1 1 100%;
max-width: 95%;
max-height: 100%;
box-sizing: border-box;
}
.layout-md-column > .flex-md-95 {
flex: 1 1 100%;
max-width: 100%;
max-height: 95%;
box-sizing: border-box;
}
.flex-md-100 {
flex: 1 1 100%;
max-width: 100%;
max-height: 100%;
box-sizing: border-box;
}
.layout-row > .flex-md-100 {
flex: 1 1 100%;
max-width: 100%;
max-height: 100%;
box-sizing: border-box;
}
.layout-column > .flex-md-100 {
flex: 1 1 100%;
max-width: 100%;
max-height: 100%;
box-sizing: border-box;
}
.layout-md-row > .flex-md-100 {
flex: 1 1 100%;
max-width: 100%;
max-height: 100%;
box-sizing: border-box;
}
.layout-md-column > .flex-md-100 {
flex: 1 1 100%;
max-width: 100%;
max-height: 100%;
box-sizing: border-box;
}
.layout-row > .flex-md-33 {
flex: 1 1 33.33%;
max-width: 33.33%;
max-height: 100%;
box-sizing: border-box;
}
.layout-row > .flex-md-66 {
flex: 1 1 66.66%;
max-width: 66.66%;
max-height: 100%;
box-sizing: border-box;
}
.layout-column > .flex-md-33 {
flex: 1 1 33.33%;
max-width: 100%;
max-height: 33.33%;
box-sizing: border-box;
}
.layout-column > .flex-md-66 {
flex: 1 1 66.66%;
max-width: 100%;
max-height: 66.66%;
box-sizing: border-box;
}
.layout-md-row > .flex-md-33 {
flex: 1 1 100%;
max-width: 33.33%;
max-height: 100%;
box-sizing: border-box;
}
.layout-md-row > .flex-md-66 {
flex: 1 1 100%;
max-width: 66.66%;
max-height: 100%;
box-sizing: border-box;
}
.layout-md-row > .flex {
min-width: 0;
}
.layout-md-column > .flex-md-33 {
flex: 1 1 100%;
max-width: 100%;
max-height: 33.33%;
box-sizing: border-box;
}
.layout-md-column > .flex-md-66 {
flex: 1 1 100%;
max-width: 100%;
max-height: 66.66%;
box-sizing: border-box;
}
.layout-md-column > .flex {
min-height: 0;
}
.layout-md, .layout-md-column, .layout-md-row {
box-sizing: border-box;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
}
.layout-md-column {
flex-direction: column;
}
.layout-md-row {
flex-direction: row;
}
}
@media (min-width: 1280px) {
.flex-order-gt-md--20 {
order: -20;
}
.flex-order-gt-md--19 {
order: -19;
}
.flex-order-gt-md--18 {
order: -18;
}
.flex-order-gt-md--17 {
order: -17;
}
.flex-order-gt-md--16 {
order: -16;
}
.flex-order-gt-md--15 {
order: -15;
}
.flex-order-gt-md--14 {
order: -14;
}
.flex-order-gt-md--13 {
order: -13;
}
.flex-order-gt-md--12 {
order: -12;
}
.flex-order-gt-md--11 {
order: -11;
}
.flex-order-gt-md--10 {
order: -10;
}
.flex-order-gt-md--9 {
order: -9;
}
.flex-order-gt-md--8 {
order: -8;
}
.flex-order-gt-md--7 {
order: -7;
}
.flex-order-gt-md--6 {
order: -6;
}
.flex-order-gt-md--5 {
order: -5;
}
.flex-order-gt-md--4 {
order: -4;
}
.flex-order-gt-md--3 {
order: -3;
}
.flex-order-gt-md--2 {
order: -2;
}
.flex-order-gt-md--1 {
order: -1;
}
.flex-order-gt-md-0 {
order: 0;
}
.flex-order-gt-md-1 {
order: 1;
}
.flex-order-gt-md-2 {
order: 2;
}
.flex-order-gt-md-3 {
order: 3;
}
.flex-order-gt-md-4 {
order: 4;
}
.flex-order-gt-md-5 {
order: 5;
}
.flex-order-gt-md-6 {
order: 6;
}
.flex-order-gt-md-7 {
order: 7;
}
.flex-order-gt-md-8 {
order: 8;
}
.flex-order-gt-md-9 {
order: 9;
}
.flex-order-gt-md-10 {
order: 10;
}
.flex-order-gt-md-11 {
order: 11;
}
.flex-order-gt-md-12 {
order: 12;
}
.flex-order-gt-md-13 {
order: 13;
}
.flex-order-gt-md-14 {
order: 14;
}
.flex-order-gt-md-15 {
order: 15;
}
.flex-order-gt-md-16 {
order: 16;
}
.flex-order-gt-md-17 {
order: 17;
}
.flex-order-gt-md-18 {
order: 18;
}
.flex-order-gt-md-19 {
order: 19;
}
.flex-order-gt-md-20 {
order: 20;
}
.offset-gt-md-0, .flex-offset-gt-md-0, .layout-margin .flex-offset-gt-md-0, .layout-margin .offset-gt-md-0 {
margin-left: 0;
}
[dir=rtl] .offset-gt-md-0, [dir=rtl] .flex-offset-gt-md-0, [dir=rtl] .layout-margin .flex-offset-gt-md-0, [dir=rtl] .layout-margin .offset-gt-md-0 {
margin-left: auto;
margin-right: 0;
}
.offset-gt-md-5, .flex-offset-gt-md-5, .layout-margin .flex-offset-gt-md-5, .layout-margin .offset-gt-md-5 {
margin-left: 5%;
}
[dir=rtl] .offset-gt-md-5, [dir=rtl] .flex-offset-gt-md-5, [dir=rtl] .layout-margin .flex-offset-gt-md-5, [dir=rtl] .layout-margin .offset-gt-md-5 {
margin-left: auto;
margin-right: 5%;
}
.offset-gt-md-10, .flex-offset-gt-md-10, .layout-margin .flex-offset-gt-md-10, .layout-margin .offset-gt-md-10 {
margin-left: 10%;
}
[dir=rtl] .offset-gt-md-10, [dir=rtl] .flex-offset-gt-md-10, [dir=rtl] .layout-margin .flex-offset-gt-md-10, [dir=rtl] .layout-margin .offset-gt-md-10 {
margin-left: auto;
margin-right: 10%;
}
.offset-gt-md-15, .flex-offset-gt-md-15, .layout-margin .flex-offset-gt-md-15, .layout-margin .offset-gt-md-15 {
margin-left: 15%;
}
[dir=rtl] .offset-gt-md-15, [dir=rtl] .flex-offset-gt-md-15, [dir=rtl] .layout-margin .flex-offset-gt-md-15, [dir=rtl] .layout-margin .offset-gt-md-15 {
margin-left: auto;
margin-right: 15%;
}
.offset-gt-md-20, .flex-offset-gt-md-20, .layout-margin .flex-offset-gt-md-20, .layout-margin .offset-gt-md-20 {
margin-left: 20%;
}
[dir=rtl] .offset-gt-md-20, [dir=rtl] .flex-offset-gt-md-20, [dir=rtl] .layout-margin .flex-offset-gt-md-20, [dir=rtl] .layout-margin .offset-gt-md-20 {
margin-left: auto;
margin-right: 20%;
}
.offset-gt-md-25, .flex-offset-gt-md-25, .layout-margin .flex-offset-gt-md-25, .layout-margin .offset-gt-md-25 {
margin-left: 25%;
}
[dir=rtl] .offset-gt-md-25, [dir=rtl] .flex-offset-gt-md-25, [dir=rtl] .layout-margin .flex-offset-gt-md-25, [dir=rtl] .layout-margin .offset-gt-md-25 {
margin-left: auto;
margin-right: 25%;
}
.offset-gt-md-30, .flex-offset-gt-md-30, .layout-margin .flex-offset-gt-md-30, .layout-margin .offset-gt-md-30 {
margin-left: 30%;
}
[dir=rtl] .offset-gt-md-30, [dir=rtl] .flex-offset-gt-md-30, [dir=rtl] .layout-margin .flex-offset-gt-md-30, [dir=rtl] .layout-margin .offset-gt-md-30 {
margin-left: auto;
margin-right: 30%;
}
.offset-gt-md-35, .flex-offset-gt-md-35, .layout-margin .flex-offset-gt-md-35, .layout-margin .offset-gt-md-35 {
margin-left: 35%;
}
[dir=rtl] .offset-gt-md-35, [dir=rtl] .flex-offset-gt-md-35, [dir=rtl] .layout-margin .flex-offset-gt-md-35, [dir=rtl] .layout-margin .offset-gt-md-35 {
margin-left: auto;
margin-right: 35%;
}
.offset-gt-md-40, .flex-offset-gt-md-40, .layout-margin .flex-offset-gt-md-40, .layout-margin .offset-gt-md-40 {
margin-left: 40%;
}
[dir=rtl] .offset-gt-md-40, [dir=rtl] .flex-offset-gt-md-40, [dir=rtl] .layout-margin .flex-offset-gt-md-40, [dir=rtl] .layout-margin .offset-gt-md-40 {
margin-left: auto;
margin-right: 40%;
}
.offset-gt-md-45, .flex-offset-gt-md-45, .layout-margin .flex-offset-gt-md-45, .layout-margin .offset-gt-md-45 {
margin-left: 45%;
}
[dir=rtl] .offset-gt-md-45, [dir=rtl] .flex-offset-gt-md-45, [dir=rtl] .layout-margin .flex-offset-gt-md-45, [dir=rtl] .layout-margin .offset-gt-md-45 {
margin-left: auto;
margin-right: 45%;
}
.offset-gt-md-50, .flex-offset-gt-md-50, .layout-margin .flex-offset-gt-md-50, .layout-margin .offset-gt-md-50 {
margin-left: 50%;
}
[dir=rtl] .offset-gt-md-50, [dir=rtl] .flex-offset-gt-md-50, [dir=rtl] .layout-margin .flex-offset-gt-md-50, [dir=rtl] .layout-margin .offset-gt-md-50 {
margin-left: auto;
margin-right: 50%;
}
.offset-gt-md-55, .flex-offset-gt-md-55, .layout-margin .flex-offset-gt-md-55, .layout-margin .offset-gt-md-55 {
margin-left: 55%;
}
[dir=rtl] .offset-gt-md-55, [dir=rtl] .flex-offset-gt-md-55, [dir=rtl] .layout-margin .flex-offset-gt-md-55, [dir=rtl] .layout-margin .offset-gt-md-55 {
margin-left: auto;
margin-right: 55%;
}
.offset-gt-md-60, .flex-offset-gt-md-60, .layout-margin .flex-offset-gt-md-60, .layout-margin .offset-gt-md-60 {
margin-left: 60%;
}
[dir=rtl] .offset-gt-md-60, [dir=rtl] .flex-offset-gt-md-60, [dir=rtl] .layout-margin .flex-offset-gt-md-60, [dir=rtl] .layout-margin .offset-gt-md-60 {
margin-left: auto;
margin-right: 60%;
}
.offset-gt-md-65, .flex-offset-gt-md-65, .layout-margin .flex-offset-gt-md-65, .layout-margin .offset-gt-md-65 {
margin-left: 65%;
}
[dir=rtl] .offset-gt-md-65, [dir=rtl] .flex-offset-gt-md-65, [dir=rtl] .layout-margin .flex-offset-gt-md-65, [dir=rtl] .layout-margin .offset-gt-md-65 {
margin-left: auto;
margin-right: 65%;
}
.offset-gt-md-70, .flex-offset-gt-md-70, .layout-margin .flex-offset-gt-md-70, .layout-margin .offset-gt-md-70 {
margin-left: 70%;
}
[dir=rtl] .offset-gt-md-70, [dir=rtl] .flex-offset-gt-md-70, [dir=rtl] .layout-margin .flex-offset-gt-md-70, [dir=rtl] .layout-margin .offset-gt-md-70 {
margin-left: auto;
margin-right: 70%;
}
.offset-gt-md-75, .flex-offset-gt-md-75, .layout-margin .flex-offset-gt-md-75, .layout-margin .offset-gt-md-75 {
margin-left: 75%;
}
[dir=rtl] .offset-gt-md-75, [dir=rtl] .flex-offset-gt-md-75, [dir=rtl] .layout-margin .flex-offset-gt-md-75, [dir=rtl] .layout-margin .offset-gt-md-75 {
margin-left: auto;
margin-right: 75%;
}
.offset-gt-md-80, .flex-offset-gt-md-80, .layout-margin .flex-offset-gt-md-80, .layout-margin .offset-gt-md-80 {
margin-left: 80%;
}
[dir=rtl] .offset-gt-md-80, [dir=rtl] .flex-offset-gt-md-80, [dir=rtl] .layout-margin .flex-offset-gt-md-80, [dir=rtl] .layout-margin .offset-gt-md-80 {
margin-left: auto;
margin-right: 80%;
}
.offset-gt-md-85, .flex-offset-gt-md-85, .layout-margin .flex-offset-gt-md-85, .layout-margin .offset-gt-md-85 {
margin-left: 85%;
}
[dir=rtl] .offset-gt-md-85, [dir=rtl] .flex-offset-gt-md-85, [dir=rtl] .layout-margin .flex-offset-gt-md-85, [dir=rtl] .layout-margin .offset-gt-md-85 {
margin-left: auto;
margin-right: 85%;
}
.offset-gt-md-90, .flex-offset-gt-md-90, .layout-margin .flex-offset-gt-md-90, .layout-margin .offset-gt-md-90 {
margin-left: 90%;
}
[dir=rtl] .offset-gt-md-90, [dir=rtl] .flex-offset-gt-md-90, [dir=rtl] .layout-margin .flex-offset-gt-md-90, [dir=rtl] .layout-margin .offset-gt-md-90 {
margin-left: auto;
margin-right: 90%;
}
.offset-gt-md-95, .flex-offset-gt-md-95, .layout-margin .flex-offset-gt-md-95, .layout-margin .offset-gt-md-95 {
margin-left: 95%;
}
[dir=rtl] .offset-gt-md-95, [dir=rtl] .flex-offset-gt-md-95, [dir=rtl] .layout-margin .flex-offset-gt-md-95, [dir=rtl] .layout-margin .offset-gt-md-95 {
margin-left: auto;
margin-right: 95%;
}
.offset-gt-md-33, .flex-offset-gt-md-33, .layout-margin .flex-offset-gt-md-33, .layout-margin .offset-gt-md-33 {
margin-left: calc(100% / 3);
}
.offset-gt-md-66, .flex-offset-gt-md-66, .layout-margin .flex-offset-gt-md-66, .layout-margin .offset-gt-md-66 {
margin-left: calc(200% / 3);
}
[dir=rtl] .offset-gt-md-66, [dir=rtl] .flex-offset-gt-md-66, [dir=rtl] .layout-margin .flex-offset-gt-md-66, [dir=rtl] .layout-margin .offset-gt-md-66 {
margin-left: auto;
margin-right: calc(200% / 3);
}
.layout-align-gt-md,
.layout-align-gt-md-start-stretch {
justify-content: flex-start;
align-content: stretch;
align-items: stretch;
}
.layout-align-gt-md-start,
.layout-align-gt-md-start-start,
.layout-align-gt-md-start-center,
.layout-align-gt-md-start-end,
.layout-align-gt-md-start-stretch {
justify-content: flex-start;
}
.layout-align-gt-md-center,
.layout-align-gt-md-center-start,
.layout-align-gt-md-center-center,
.layout-align-gt-md-center-end,
.layout-align-gt-md-center-stretch {
justify-content: center;
}
.layout-align-gt-md-end,
.layout-align-gt-md-end-start,
.layout-align-gt-md-end-center,
.layout-align-gt-md-end-end,
.layout-align-gt-md-end-stretch {
justify-content: flex-end;
}
.layout-align-gt-md-space-around,
.layout-align-gt-md-space-around-center,
.layout-align-gt-md-space-around-start,
.layout-align-gt-md-space-around-end,
.layout-align-gt-md-space-around-stretch {
justify-content: space-around;
}
.layout-align-gt-md-space-between,
.layout-align-gt-md-space-between-center,
.layout-align-gt-md-space-between-start,
.layout-align-gt-md-space-between-end,
.layout-align-gt-md-space-between-stretch {
justify-content: space-between;
}
.layout-align-gt-md-start-start,
.layout-align-gt-md-center-start,
.layout-align-gt-md-end-start,
.layout-align-gt-md-space-between-start,
.layout-align-gt-md-space-around-start {
align-items: flex-start;
align-content: flex-start;
}
.layout-align-gt-md-start-center,
.layout-align-gt-md-center-center,
.layout-align-gt-md-end-center,
.layout-align-gt-md-space-between-center,
.layout-align-gt-md-space-around-center {
align-items: center;
align-content: center;
max-width: 100%;
}
.layout-align-gt-md-start-center > *,
.layout-align-gt-md-center-center > *,
.layout-align-gt-md-end-center > *,
.layout-align-gt-md-space-between-center > *,
.layout-align-gt-md-space-around-center > * {
max-width: 100%;
box-sizing: border-box;
}
.layout-align-gt-md-start-end,
.layout-align-gt-md-center-end,
.layout-align-gt-md-end-end,
.layout-align-gt-md-space-between-end,
.layout-align-gt-md-space-around-end {
align-items: flex-end;
align-content: flex-end;
}
.layout-align-gt-md-start-stretch,
.layout-align-gt-md-center-stretch,
.layout-align-gt-md-end-stretch,
.layout-align-gt-md-space-between-stretch,
.layout-align-gt-md-space-around-stretch {
align-items: stretch;
align-content: stretch;
}
.flex-gt-md {
flex: 1;
box-sizing: border-box;
}
.flex-gt-md-grow {
flex: 1 1 100%;
box-sizing: border-box;
}
.flex-gt-md-initial {
flex: 0 1 auto;
box-sizing: border-box;
}
.flex-gt-md-auto {
flex: 1 1 auto;
box-sizing: border-box;
}
.flex-gt-md-none {
flex: 0 0 auto;
box-sizing: border-box;
}
.flex-gt-md-noshrink {
flex: 1 0 auto;
box-sizing: border-box;
}
.flex-gt-md-nogrow {
flex: 0 1 auto;
box-sizing: border-box;
}
.flex-gt-md-0 {
flex: 1 1 100%;
max-width: 0%;
max-height: 100%;
box-sizing: border-box;
}
.layout-row > .flex-gt-md-0 {
flex: 1 1 100%;
max-width: 0%;
max-height: 100%;
box-sizing: border-box;
min-width: 0;
}
.layout-column > .flex-gt-md-0 {
flex: 1 1 100%;
max-width: 100%;
max-height: 0%;
box-sizing: border-box;
}
.layout-gt-md-row > .flex-gt-md-0 {
flex: 1 1 100%;
max-width: 0%;
max-height: 100%;
box-sizing: border-box;
min-width: 0;
}
.layout-gt-md-column > .flex-gt-md-0 {
flex: 1 1 100%;
max-width: 100%;
max-height: 0%;
box-sizing: border-box;
min-height: 0;
}
.flex-gt-md-5 {
flex: 1 1 100%;
max-width: 5%;
max-height: 100%;
box-sizing: border-box;
}
.layout-row > .flex-gt-md-5 {
flex: 1 1 100%;
max-width: 5%;
max-height: 100%;
box-sizing: border-box;
}
.layout-column > .flex-gt-md-5 {
flex: 1 1 100%;
max-width: 100%;
max-height: 5%;
box-sizing: border-box;
}
.layout-gt-md-row > .flex-gt-md-5 {
flex: 1 1 100%;
max-width: 5%;
max-height: 100%;
box-sizing: border-box;
}
.layout-gt-md-column > .flex-gt-md-5 {
flex: 1 1 100%;
max-width: 100%;
max-height: 5%;
box-sizing: border-box;
}
.flex-gt-md-10 {
flex: 1 1 100%;
max-width: 10%;
max-height: 100%;
box-sizing: border-box;
}
.layout-row > .flex-gt-md-10 {
flex: 1 1 100%;
max-width: 10%;
max-height: 100%;
box-sizing: border-box;
}
.layout-column > .flex-gt-md-10 {
flex: 1 1 100%;
max-width: 100%;
max-height: 10%;
box-sizing: border-box;
}
.layout-gt-md-row > .flex-gt-md-10 {
flex: 1 1 100%;
max-width: 10%;
max-height: 100%;
box-sizing: border-box;
}
.layout-gt-md-column > .flex-gt-md-10 {
flex: 1 1 100%;
max-width: 100%;
max-height: 10%;
box-sizing: border-box;
}
.flex-gt-md-15 {
flex: 1 1 100%;
max-width: 15%;
max-height: 100%;
box-sizing: border-box;
}
.layout-row > .flex-gt-md-15 {
flex: 1 1 100%;
max-width: 15%;
max-height: 100%;
box-sizing: border-box;
}
.layout-column > .flex-gt-md-15 {
flex: 1 1 100%;
max-width: 100%;
max-height: 15%;
box-sizing: border-box;
}
.layout-gt-md-row > .flex-gt-md-15 {
flex: 1 1 100%;
max-width: 15%;
max-height: 100%;
box-sizing: border-box;
}
.layout-gt-md-column > .flex-gt-md-15 {
flex: 1 1 100%;
max-width: 100%;
max-height: 15%;
box-sizing: border-box;
}
.flex-gt-md-20 {
flex: 1 1 100%;
max-width: 20%;
max-height: 100%;
box-sizing: border-box;
}
.layout-row > .flex-gt-md-20 {
flex: 1 1 100%;
max-width: 20%;
max-height: 100%;
box-sizing: border-box;
}
.layout-column > .flex-gt-md-20 {
flex: 1 1 100%;
max-width: 100%;
max-height: 20%;
box-sizing: border-box;
}
.layout-gt-md-row > .flex-gt-md-20 {
flex: 1 1 100%;
max-width: 20%;
max-height: 100%;
box-sizing: border-box;
}
.layout-gt-md-column > .flex-gt-md-20 {
flex: 1 1 100%;
max-width: 100%;
max-height: 20%;
box-sizing: border-box;
}
.flex-gt-md-25 {
flex: 1 1 100%;
max-width: 25%;
max-height: 100%;
box-sizing: border-box;
}
.layout-row > .flex-gt-md-25 {
flex: 1 1 100%;
max-width: 25%;
max-height: 100%;
box-sizing: border-box;
}
.layout-column > .flex-gt-md-25 {
flex: 1 1 100%;
max-width: 100%;
max-height: 25%;
box-sizing: border-box;
}
.layout-gt-md-row > .flex-gt-md-25 {
flex: 1 1 100%;
max-width: 25%;
max-height: 100%;
box-sizing: border-box;
}
.layout-gt-md-column > .flex-gt-md-25 {
flex: 1 1 100%;
max-width: 100%;
max-height: 25%;
box-sizing: border-box;
}
.flex-gt-md-30 {
flex: 1 1 100%;
max-width: 30%;
max-height: 100%;
box-sizing: border-box;
}
.layout-row > .flex-gt-md-30 {
flex: 1 1 100%;
max-width: 30%;
max-height: 100%;
box-sizing: border-box;
}
.layout-column > .flex-gt-md-30 {
flex: 1 1 100%;
max-width: 100%;
max-height: 30%;
box-sizing: border-box;
}
.layout-gt-md-row > .flex-gt-md-30 {
flex: 1 1 100%;
max-width: 30%;
max-height: 100%;
box-sizing: border-box;
}
.layout-gt-md-column > .flex-gt-md-30 {
flex: 1 1 100%;
max-width: 100%;
max-height: 30%;
box-sizing: border-box;
}
.flex-gt-md-35 {
flex: 1 1 100%;
max-width: 35%;
max-height: 100%;
box-sizing: border-box;
}
.layout-row > .flex-gt-md-35 {
flex: 1 1 100%;
max-width: 35%;
max-height: 100%;
box-sizing: border-box;
}
.layout-column > .flex-gt-md-35 {
flex: 1 1 100%;
max-width: 100%;
max-height: 35%;
box-sizing: border-box;
}
.layout-gt-md-row > .flex-gt-md-35 {
flex: 1 1 100%;
max-width: 35%;
max-height: 100%;
box-sizing: border-box;
}
.layout-gt-md-column > .flex-gt-md-35 {
flex: 1 1 100%;
max-width: 100%;
max-height: 35%;
box-sizing: border-box;
}
.flex-gt-md-40 {
flex: 1 1 100%;
max-width: 40%;
max-height: 100%;
box-sizing: border-box;
}
.layout-row > .flex-gt-md-40 {
flex: 1 1 100%;
max-width: 40%;
max-height: 100%;
box-sizing: border-box;
}
.layout-column > .flex-gt-md-40 {
flex: 1 1 100%;
max-width: 100%;
max-height: 40%;
box-sizing: border-box;
}
.layout-gt-md-row > .flex-gt-md-40 {
flex: 1 1 100%;
max-width: 40%;
max-height: 100%;
box-sizing: border-box;
}
.layout-gt-md-column > .flex-gt-md-40 {
flex: 1 1 100%;
max-width: 100%;
max-height: 40%;
box-sizing: border-box;
}
.flex-gt-md-45 {
flex: 1 1 100%;
max-width: 45%;
max-height: 100%;
box-sizing: border-box;
}
.layout-row > .flex-gt-md-45 {
flex: 1 1 100%;
max-width: 45%;
max-height: 100%;
box-sizing: border-box;
}
.layout-column > .flex-gt-md-45 {
flex: 1 1 100%;
max-width: 100%;
max-height: 45%;
box-sizing: border-box;
}
.layout-gt-md-row > .flex-gt-md-45 {
flex: 1 1 100%;
max-width: 45%;
max-height: 100%;
box-sizing: border-box;
}
.layout-gt-md-column > .flex-gt-md-45 {
flex: 1 1 100%;
max-width: 100%;
max-height: 45%;
box-sizing: border-box;
}
.flex-gt-md-50 {
flex: 1 1 100%;
max-width: 50%;
max-height: 100%;
box-sizing: border-box;
}
.layout-row > .flex-gt-md-50 {
flex: 1 1 100%;
max-width: 50%;
max-height: 100%;
box-sizing: border-box;
}
.layout-column > .flex-gt-md-50 {
flex: 1 1 100%;
max-width: 100%;
max-height: 50%;
box-sizing: border-box;
}
.layout-gt-md-row > .flex-gt-md-50 {
flex: 1 1 100%;
max-width: 50%;
max-height: 100%;
box-sizing: border-box;
}
.layout-gt-md-column > .flex-gt-md-50 {
flex: 1 1 100%;
max-width: 100%;
max-height: 50%;
box-sizing: border-box;
}
.flex-gt-md-55 {
flex: 1 1 100%;
max-width: 55%;
max-height: 100%;
box-sizing: border-box;
}
.layout-row > .flex-gt-md-55 {
flex: 1 1 100%;
max-width: 55%;
max-height: 100%;
box-sizing: border-box;
}
.layout-column > .flex-gt-md-55 {
flex: 1 1 100%;
max-width: 100%;
max-height: 55%;
box-sizing: border-box;
}
.layout-gt-md-row > .flex-gt-md-55 {
flex: 1 1 100%;
max-width: 55%;
max-height: 100%;
box-sizing: border-box;
}
.layout-gt-md-column > .flex-gt-md-55 {
flex: 1 1 100%;
max-width: 100%;
max-height: 55%;
box-sizing: border-box;
}
.flex-gt-md-60 {
flex: 1 1 100%;
max-width: 60%;
max-height: 100%;
box-sizing: border-box;
}
.layout-row > .flex-gt-md-60 {
flex: 1 1 100%;
max-width: 60%;
max-height: 100%;
box-sizing: border-box;
}
.layout-column > .flex-gt-md-60 {
flex: 1 1 100%;
max-width: 100%;
max-height: 60%;
box-sizing: border-box;
}
.layout-gt-md-row > .flex-gt-md-60 {
flex: 1 1 100%;
max-width: 60%;
max-height: 100%;
box-sizing: border-box;
}
.layout-gt-md-column > .flex-gt-md-60 {
flex: 1 1 100%;
max-width: 100%;
max-height: 60%;
box-sizing: border-box;
}
.flex-gt-md-65 {
flex: 1 1 100%;
max-width: 65%;
max-height: 100%;
box-sizing: border-box;
}
.layout-row > .flex-gt-md-65 {
flex: 1 1 100%;
max-width: 65%;
max-height: 100%;
box-sizing: border-box;
}
.layout-column > .flex-gt-md-65 {
flex: 1 1 100%;
max-width: 100%;
max-height: 65%;
box-sizing: border-box;
}
.layout-gt-md-row > .flex-gt-md-65 {
flex: 1 1 100%;
max-width: 65%;
max-height: 100%;
box-sizing: border-box;
}
.layout-gt-md-column > .flex-gt-md-65 {
flex: 1 1 100%;
max-width: 100%;
max-height: 65%;
box-sizing: border-box;
}
.flex-gt-md-70 {
flex: 1 1 100%;
max-width: 70%;
max-height: 100%;
box-sizing: border-box;
}
.layout-row > .flex-gt-md-70 {
flex: 1 1 100%;
max-width: 70%;
max-height: 100%;
box-sizing: border-box;
}
.layout-column > .flex-gt-md-70 {
flex: 1 1 100%;
max-width: 100%;
max-height: 70%;
box-sizing: border-box;
}
.layout-gt-md-row > .flex-gt-md-70 {
flex: 1 1 100%;
max-width: 70%;
max-height: 100%;
box-sizing: border-box;
}
.layout-gt-md-column > .flex-gt-md-70 {
flex: 1 1 100%;
max-width: 100%;
max-height: 70%;
box-sizing: border-box;
}
.flex-gt-md-75 {
flex: 1 1 100%;
max-width: 75%;
max-height: 100%;
box-sizing: border-box;
}
.layout-row > .flex-gt-md-75 {
flex: 1 1 100%;
max-width: 75%;
max-height: 100%;
box-sizing: border-box;
}
.layout-column > .flex-gt-md-75 {
flex: 1 1 100%;
max-width: 100%;
max-height: 75%;
box-sizing: border-box;
}
.layout-gt-md-row > .flex-gt-md-75 {
flex: 1 1 100%;
max-width: 75%;
max-height: 100%;
box-sizing: border-box;
}
.layout-gt-md-column > .flex-gt-md-75 {
flex: 1 1 100%;
max-width: 100%;
max-height: 75%;
box-sizing: border-box;
}
.flex-gt-md-80 {
flex: 1 1 100%;
max-width: 80%;
max-height: 100%;
box-sizing: border-box;
}
.layout-row > .flex-gt-md-80 {
flex: 1 1 100%;
max-width: 80%;
max-height: 100%;
box-sizing: border-box;
}
.layout-column > .flex-gt-md-80 {
flex: 1 1 100%;
max-width: 100%;
max-height: 80%;
box-sizing: border-box;
}
.layout-gt-md-row > .flex-gt-md-80 {
flex: 1 1 100%;
max-width: 80%;
max-height: 100%;
box-sizing: border-box;
}
.layout-gt-md-column > .flex-gt-md-80 {
flex: 1 1 100%;
max-width: 100%;
max-height: 80%;
box-sizing: border-box;
}
.flex-gt-md-85 {
flex: 1 1 100%;
max-width: 85%;
max-height: 100%;
box-sizing: border-box;
}
.layout-row > .flex-gt-md-85 {
flex: 1 1 100%;
max-width: 85%;
max-height: 100%;
box-sizing: border-box;
}
.layout-column > .flex-gt-md-85 {
flex: 1 1 100%;
max-width: 100%;
max-height: 85%;
box-sizing: border-box;
}
.layout-gt-md-row > .flex-gt-md-85 {
flex: 1 1 100%;
max-width: 85%;
max-height: 100%;
box-sizing: border-box;
}
.layout-gt-md-column > .flex-gt-md-85 {
flex: 1 1 100%;
max-width: 100%;
max-height: 85%;
box-sizing: border-box;
}
.flex-gt-md-90 {
flex: 1 1 100%;
max-width: 90%;
max-height: 100%;
box-sizing: border-box;
}
.layout-row > .flex-gt-md-90 {
flex: 1 1 100%;
max-width: 90%;
max-height: 100%;
box-sizing: border-box;
}
.layout-column > .flex-gt-md-90 {
flex: 1 1 100%;
max-width: 100%;
max-height: 90%;
box-sizing: border-box;
}
.layout-gt-md-row > .flex-gt-md-90 {
flex: 1 1 100%;
max-width: 90%;
max-height: 100%;
box-sizing: border-box;
}
.layout-gt-md-column > .flex-gt-md-90 {
flex: 1 1 100%;
max-width: 100%;
max-height: 90%;
box-sizing: border-box;
}
.flex-gt-md-95 {
flex: 1 1 100%;
max-width: 95%;
max-height: 100%;
box-sizing: border-box;
}
.layout-row > .flex-gt-md-95 {
flex: 1 1 100%;
max-width: 95%;
max-height: 100%;
box-sizing: border-box;
}
.layout-column > .flex-gt-md-95 {
flex: 1 1 100%;
max-width: 100%;
max-height: 95%;
box-sizing: border-box;
}
.layout-gt-md-row > .flex-gt-md-95 {
flex: 1 1 100%;
max-width: 95%;
max-height: 100%;
box-sizing: border-box;
}
.layout-gt-md-column > .flex-gt-md-95 {
flex: 1 1 100%;
max-width: 100%;
max-height: 95%;
box-sizing: border-box;
}
.flex-gt-md-100 {
flex: 1 1 100%;
max-width: 100%;
max-height: 100%;
box-sizing: border-box;
}
.layout-row > .flex-gt-md-100 {
flex: 1 1 100%;
max-width: 100%;
max-height: 100%;
box-sizing: border-box;
}
.layout-column > .flex-gt-md-100 {
flex: 1 1 100%;
max-width: 100%;
max-height: 100%;
box-sizing: border-box;
}
.layout-gt-md-row > .flex-gt-md-100 {
flex: 1 1 100%;
max-width: 100%;
max-height: 100%;
box-sizing: border-box;
}
.layout-gt-md-column > .flex-gt-md-100 {
flex: 1 1 100%;
max-width: 100%;
max-height: 100%;
box-sizing: border-box;
}
.layout-row > .flex-gt-md-33 {
flex: 1 1 33.33%;
max-width: 33.33%;
max-height: 100%;
box-sizing: border-box;
}
.layout-row > .flex-gt-md-66 {
flex: 1 1 66.66%;
max-width: 66.66%;
max-height: 100%;
box-sizing: border-box;
}
.layout-column > .flex-gt-md-33 {
flex: 1 1 33.33%;
max-width: 100%;
max-height: 33.33%;
box-sizing: border-box;
}
.layout-column > .flex-gt-md-66 {
flex: 1 1 66.66%;
max-width: 100%;
max-height: 66.66%;
box-sizing: border-box;
}
.layout-gt-md-row > .flex-gt-md-33 {
flex: 1 1 100%;
max-width: 33.33%;
max-height: 100%;
box-sizing: border-box;
}
.layout-gt-md-row > .flex-gt-md-66 {
flex: 1 1 100%;
max-width: 66.66%;
max-height: 100%;
box-sizing: border-box;
}
.layout-gt-md-row > .flex {
min-width: 0;
}
.layout-gt-md-column > .flex-gt-md-33 {
flex: 1 1 100%;
max-width: 100%;
max-height: 33.33%;
box-sizing: border-box;
}
.layout-gt-md-column > .flex-gt-md-66 {
flex: 1 1 100%;
max-width: 100%;
max-height: 66.66%;
box-sizing: border-box;
}
.layout-gt-md-column > .flex {
min-height: 0;
}
.layout-gt-md, .layout-gt-md-column, .layout-gt-md-row {
box-sizing: border-box;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
}
.layout-gt-md-column {
flex-direction: column;
}
.layout-gt-md-row {
flex-direction: row;
}
}
@media (min-width: 1280px) and (max-width: 1919px) {
.hide:not(.show-gt-xs):not(.show-gt-sm):not(.show-gt-md):not(.show-lg):not(.show), .hide-gt-xs:not(.show-gt-xs):not(.show-gt-sm):not(.show-gt-md):not(.show-lg):not(.show), .hide-gt-sm:not(.show-gt-xs):not(.show-gt-sm):not(.show-gt-md):not(.show-lg):not(.show), .hide-gt-md:not(.show-gt-xs):not(.show-gt-sm):not(.show-gt-md):not(.show-lg):not(.show) {
display: none;
}
.hide-lg:not(.show-lg):not(.show-gt-md):not(.show-gt-sm):not(.show-gt-xs):not(.show) {
display: none;
}
.flex-order-lg--20 {
order: -20;
}
.flex-order-lg--19 {
order: -19;
}
.flex-order-lg--18 {
order: -18;
}
.flex-order-lg--17 {
order: -17;
}
.flex-order-lg--16 {
order: -16;
}
.flex-order-lg--15 {
order: -15;
}
.flex-order-lg--14 {
order: -14;
}
.flex-order-lg--13 {
order: -13;
}
.flex-order-lg--12 {
order: -12;
}
.flex-order-lg--11 {
order: -11;
}
.flex-order-lg--10 {
order: -10;
}
.flex-order-lg--9 {
order: -9;
}
.flex-order-lg--8 {
order: -8;
}
.flex-order-lg--7 {
order: -7;
}
.flex-order-lg--6 {
order: -6;
}
.flex-order-lg--5 {
order: -5;
}
.flex-order-lg--4 {
order: -4;
}
.flex-order-lg--3 {
order: -3;
}
.flex-order-lg--2 {
order: -2;
}
.flex-order-lg--1 {
order: -1;
}
.flex-order-lg-0 {
order: 0;
}
.flex-order-lg-1 {
order: 1;
}
.flex-order-lg-2 {
order: 2;
}
.flex-order-lg-3 {
order: 3;
}
.flex-order-lg-4 {
order: 4;
}
.flex-order-lg-5 {
order: 5;
}
.flex-order-lg-6 {
order: 6;
}
.flex-order-lg-7 {
order: 7;
}
.flex-order-lg-8 {
order: 8;
}
.flex-order-lg-9 {
order: 9;
}
.flex-order-lg-10 {
order: 10;
}
.flex-order-lg-11 {
order: 11;
}
.flex-order-lg-12 {
order: 12;
}
.flex-order-lg-13 {
order: 13;
}
.flex-order-lg-14 {
order: 14;
}
.flex-order-lg-15 {
order: 15;
}
.flex-order-lg-16 {
order: 16;
}
.flex-order-lg-17 {
order: 17;
}
.flex-order-lg-18 {
order: 18;
}
.flex-order-lg-19 {
order: 19;
}
.flex-order-lg-20 {
order: 20;
}
.offset-lg-0, .flex-offset-lg-0, .layout-margin .flex-offset-lg-0, .layout-margin .offset-lg-0 {
margin-left: 0;
}
[dir=rtl] .offset-lg-0, [dir=rtl] .flex-offset-lg-0, [dir=rtl] .layout-margin .flex-offset-lg-0, [dir=rtl] .layout-margin .offset-lg-0 {
margin-left: auto;
margin-right: 0;
}
.offset-lg-5, .flex-offset-lg-5, .layout-margin .flex-offset-lg-5, .layout-margin .offset-lg-5 {
margin-left: 5%;
}
[dir=rtl] .offset-lg-5, [dir=rtl] .flex-offset-lg-5, [dir=rtl] .layout-margin .flex-offset-lg-5, [dir=rtl] .layout-margin .offset-lg-5 {
margin-left: auto;
margin-right: 5%;
}
.offset-lg-10, .flex-offset-lg-10, .layout-margin .flex-offset-lg-10, .layout-margin .offset-lg-10 {
margin-left: 10%;
}
[dir=rtl] .offset-lg-10, [dir=rtl] .flex-offset-lg-10, [dir=rtl] .layout-margin .flex-offset-lg-10, [dir=rtl] .layout-margin .offset-lg-10 {
margin-left: auto;
margin-right: 10%;
}
.offset-lg-15, .flex-offset-lg-15, .layout-margin .flex-offset-lg-15, .layout-margin .offset-lg-15 {
margin-left: 15%;
}
[dir=rtl] .offset-lg-15, [dir=rtl] .flex-offset-lg-15, [dir=rtl] .layout-margin .flex-offset-lg-15, [dir=rtl] .layout-margin .offset-lg-15 {
margin-left: auto;
margin-right: 15%;
}
.offset-lg-20, .flex-offset-lg-20, .layout-margin .flex-offset-lg-20, .layout-margin .offset-lg-20 {
margin-left: 20%;
}
[dir=rtl] .offset-lg-20, [dir=rtl] .flex-offset-lg-20, [dir=rtl] .layout-margin .flex-offset-lg-20, [dir=rtl] .layout-margin .offset-lg-20 {
margin-left: auto;
margin-right: 20%;
}
.offset-lg-25, .flex-offset-lg-25, .layout-margin .flex-offset-lg-25, .layout-margin .offset-lg-25 {
margin-left: 25%;
}
[dir=rtl] .offset-lg-25, [dir=rtl] .flex-offset-lg-25, [dir=rtl] .layout-margin .flex-offset-lg-25, [dir=rtl] .layout-margin .offset-lg-25 {
margin-left: auto;
margin-right: 25%;
}
.offset-lg-30, .flex-offset-lg-30, .layout-margin .flex-offset-lg-30, .layout-margin .offset-lg-30 {
margin-left: 30%;
}
[dir=rtl] .offset-lg-30, [dir=rtl] .flex-offset-lg-30, [dir=rtl] .layout-margin .flex-offset-lg-30, [dir=rtl] .layout-margin .offset-lg-30 {
margin-left: auto;
margin-right: 30%;
}
.offset-lg-35, .flex-offset-lg-35, .layout-margin .flex-offset-lg-35, .layout-margin .offset-lg-35 {
margin-left: 35%;
}
[dir=rtl] .offset-lg-35, [dir=rtl] .flex-offset-lg-35, [dir=rtl] .layout-margin .flex-offset-lg-35, [dir=rtl] .layout-margin .offset-lg-35 {
margin-left: auto;
margin-right: 35%;
}
.offset-lg-40, .flex-offset-lg-40, .layout-margin .flex-offset-lg-40, .layout-margin .offset-lg-40 {
margin-left: 40%;
}
[dir=rtl] .offset-lg-40, [dir=rtl] .flex-offset-lg-40, [dir=rtl] .layout-margin .flex-offset-lg-40, [dir=rtl] .layout-margin .offset-lg-40 {
margin-left: auto;
margin-right: 40%;
}
.offset-lg-45, .flex-offset-lg-45, .layout-margin .flex-offset-lg-45, .layout-margin .offset-lg-45 {
margin-left: 45%;
}
[dir=rtl] .offset-lg-45, [dir=rtl] .flex-offset-lg-45, [dir=rtl] .layout-margin .flex-offset-lg-45, [dir=rtl] .layout-margin .offset-lg-45 {
margin-left: auto;
margin-right: 45%;
}
.offset-lg-50, .flex-offset-lg-50, .layout-margin .flex-offset-lg-50, .layout-margin .offset-lg-50 {
margin-left: 50%;
}
[dir=rtl] .offset-lg-50, [dir=rtl] .flex-offset-lg-50, [dir=rtl] .layout-margin .flex-offset-lg-50, [dir=rtl] .layout-margin .offset-lg-50 {
margin-left: auto;
margin-right: 50%;
}
.offset-lg-55, .flex-offset-lg-55, .layout-margin .flex-offset-lg-55, .layout-margin .offset-lg-55 {
margin-left: 55%;
}
[dir=rtl] .offset-lg-55, [dir=rtl] .flex-offset-lg-55, [dir=rtl] .layout-margin .flex-offset-lg-55, [dir=rtl] .layout-margin .offset-lg-55 {
margin-left: auto;
margin-right: 55%;
}
.offset-lg-60, .flex-offset-lg-60, .layout-margin .flex-offset-lg-60, .layout-margin .offset-lg-60 {
margin-left: 60%;
}
[dir=rtl] .offset-lg-60, [dir=rtl] .flex-offset-lg-60, [dir=rtl] .layout-margin .flex-offset-lg-60, [dir=rtl] .layout-margin .offset-lg-60 {
margin-left: auto;
margin-right: 60%;
}
.offset-lg-65, .flex-offset-lg-65, .layout-margin .flex-offset-lg-65, .layout-margin .offset-lg-65 {
margin-left: 65%;
}
[dir=rtl] .offset-lg-65, [dir=rtl] .flex-offset-lg-65, [dir=rtl] .layout-margin .flex-offset-lg-65, [dir=rtl] .layout-margin .offset-lg-65 {
margin-left: auto;
margin-right: 65%;
}
.offset-lg-70, .flex-offset-lg-70, .layout-margin .flex-offset-lg-70, .layout-margin .offset-lg-70 {
margin-left: 70%;
}
[dir=rtl] .offset-lg-70, [dir=rtl] .flex-offset-lg-70, [dir=rtl] .layout-margin .flex-offset-lg-70, [dir=rtl] .layout-margin .offset-lg-70 {
margin-left: auto;
margin-right: 70%;
}
.offset-lg-75, .flex-offset-lg-75, .layout-margin .flex-offset-lg-75, .layout-margin .offset-lg-75 {
margin-left: 75%;
}
[dir=rtl] .offset-lg-75, [dir=rtl] .flex-offset-lg-75, [dir=rtl] .layout-margin .flex-offset-lg-75, [dir=rtl] .layout-margin .offset-lg-75 {
margin-left: auto;
margin-right: 75%;
}
.offset-lg-80, .flex-offset-lg-80, .layout-margin .flex-offset-lg-80, .layout-margin .offset-lg-80 {
margin-left: 80%;
}
[dir=rtl] .offset-lg-80, [dir=rtl] .flex-offset-lg-80, [dir=rtl] .layout-margin .flex-offset-lg-80, [dir=rtl] .layout-margin .offset-lg-80 {
margin-left: auto;
margin-right: 80%;
}
.offset-lg-85, .flex-offset-lg-85, .layout-margin .flex-offset-lg-85, .layout-margin .offset-lg-85 {
margin-left: 85%;
}
[dir=rtl] .offset-lg-85, [dir=rtl] .flex-offset-lg-85, [dir=rtl] .layout-margin .flex-offset-lg-85, [dir=rtl] .layout-margin .offset-lg-85 {
margin-left: auto;
margin-right: 85%;
}
.offset-lg-90, .flex-offset-lg-90, .layout-margin .flex-offset-lg-90, .layout-margin .offset-lg-90 {
margin-left: 90%;
}
[dir=rtl] .offset-lg-90, [dir=rtl] .flex-offset-lg-90, [dir=rtl] .layout-margin .flex-offset-lg-90, [dir=rtl] .layout-margin .offset-lg-90 {
margin-left: auto;
margin-right: 90%;
}
.offset-lg-95, .flex-offset-lg-95, .layout-margin .flex-offset-lg-95, .layout-margin .offset-lg-95 {
margin-left: 95%;
}
[dir=rtl] .offset-lg-95, [dir=rtl] .flex-offset-lg-95, [dir=rtl] .layout-margin .flex-offset-lg-95, [dir=rtl] .layout-margin .offset-lg-95 {
margin-left: auto;
margin-right: 95%;
}
.offset-lg-33, .flex-offset-lg-33, .layout-margin .flex-offset-lg-33, .layout-margin .offset-lg-33 {
margin-left: calc(100% / 3);
}
.offset-lg-66, .flex-offset-lg-66, .layout-margin .flex-offset-lg-66, .layout-margin .offset-lg-66 {
margin-left: calc(200% / 3);
}
[dir=rtl] .offset-lg-66, [dir=rtl] .flex-offset-lg-66, [dir=rtl] .layout-margin .flex-offset-lg-66, [dir=rtl] .layout-margin .offset-lg-66 {
margin-left: auto;
margin-right: calc(200% / 3);
}
.layout-align-lg,
.layout-align-lg-start-stretch {
justify-content: flex-start;
align-content: stretch;
align-items: stretch;
}
.layout-align-lg-start,
.layout-align-lg-start-start,
.layout-align-lg-start-center,
.layout-align-lg-start-end,
.layout-align-lg-start-stretch {
justify-content: flex-start;
}
.layout-align-lg-center,
.layout-align-lg-center-start,
.layout-align-lg-center-center,
.layout-align-lg-center-end,
.layout-align-lg-center-stretch {
justify-content: center;
}
.layout-align-lg-end,
.layout-align-lg-end-start,
.layout-align-lg-end-center,
.layout-align-lg-end-end,
.layout-align-lg-end-stretch {
justify-content: flex-end;
}
.layout-align-lg-space-around,
.layout-align-lg-space-around-center,
.layout-align-lg-space-around-start,
.layout-align-lg-space-around-end,
.layout-align-lg-space-around-stretch {
justify-content: space-around;
}
.layout-align-lg-space-between,
.layout-align-lg-space-between-center,
.layout-align-lg-space-between-start,
.layout-align-lg-space-between-end,
.layout-align-lg-space-between-stretch {
justify-content: space-between;
}
.layout-align-lg-start-start,
.layout-align-lg-center-start,
.layout-align-lg-end-start,
.layout-align-lg-space-between-start,
.layout-align-lg-space-around-start {
align-items: flex-start;
align-content: flex-start;
}
.layout-align-lg-start-center,
.layout-align-lg-center-center,
.layout-align-lg-end-center,
.layout-align-lg-space-between-center,
.layout-align-lg-space-around-center {
align-items: center;
align-content: center;
max-width: 100%;
}
.layout-align-lg-start-center > *,
.layout-align-lg-center-center > *,
.layout-align-lg-end-center > *,
.layout-align-lg-space-between-center > *,
.layout-align-lg-space-around-center > * {
max-width: 100%;
box-sizing: border-box;
}
.layout-align-lg-start-end,
.layout-align-lg-center-end,
.layout-align-lg-end-end,
.layout-align-lg-space-between-end,
.layout-align-lg-space-around-end {
align-items: flex-end;
align-content: flex-end;
}
.layout-align-lg-start-stretch,
.layout-align-lg-center-stretch,
.layout-align-lg-end-stretch,
.layout-align-lg-space-between-stretch,
.layout-align-lg-space-around-stretch {
align-items: stretch;
align-content: stretch;
}
.flex-lg {
flex: 1;
box-sizing: border-box;
}
.flex-lg-grow {
flex: 1 1 100%;
box-sizing: border-box;
}
.flex-lg-initial {
flex: 0 1 auto;
box-sizing: border-box;
}
.flex-lg-auto {
flex: 1 1 auto;
box-sizing: border-box;
}
.flex-lg-none {
flex: 0 0 auto;
box-sizing: border-box;
}
.flex-lg-noshrink {
flex: 1 0 auto;
box-sizing: border-box;
}
.flex-lg-nogrow {
flex: 0 1 auto;
box-sizing: border-box;
}
.flex-lg-0 {
flex: 1 1 100%;
max-width: 0%;
max-height: 100%;
box-sizing: border-box;
}
.layout-row > .flex-lg-0 {
flex: 1 1 100%;
max-width: 0%;
max-height: 100%;
box-sizing: border-box;
min-width: 0;
}
.layout-column > .flex-lg-0 {
flex: 1 1 100%;
max-width: 100%;
max-height: 0%;
box-sizing: border-box;
}
.layout-lg-row > .flex-lg-0 {
flex: 1 1 100%;
max-width: 0%;
max-height: 100%;
box-sizing: border-box;
min-width: 0;
}
.layout-lg-column > .flex-lg-0 {
flex: 1 1 100%;
max-width: 100%;
max-height: 0%;
box-sizing: border-box;
min-height: 0;
}
.flex-lg-5 {
flex: 1 1 100%;
max-width: 5%;
max-height: 100%;
box-sizing: border-box;
}
.layout-row > .flex-lg-5 {
flex: 1 1 100%;
max-width: 5%;
max-height: 100%;
box-sizing: border-box;
}
.layout-column > .flex-lg-5 {
flex: 1 1 100%;
max-width: 100%;
max-height: 5%;
box-sizing: border-box;
}
.layout-lg-row > .flex-lg-5 {
flex: 1 1 100%;
max-width: 5%;
max-height: 100%;
box-sizing: border-box;
}
.layout-lg-column > .flex-lg-5 {
flex: 1 1 100%;
max-width: 100%;
max-height: 5%;
box-sizing: border-box;
}
.flex-lg-10 {
flex: 1 1 100%;
max-width: 10%;
max-height: 100%;
box-sizing: border-box;
}
.layout-row > .flex-lg-10 {
flex: 1 1 100%;
max-width: 10%;
max-height: 100%;
box-sizing: border-box;
}
.layout-column > .flex-lg-10 {
flex: 1 1 100%;
max-width: 100%;
max-height: 10%;
box-sizing: border-box;
}
.layout-lg-row > .flex-lg-10 {
flex: 1 1 100%;
max-width: 10%;
max-height: 100%;
box-sizing: border-box;
}
.layout-lg-column > .flex-lg-10 {
flex: 1 1 100%;
max-width: 100%;
max-height: 10%;
box-sizing: border-box;
}
.flex-lg-15 {
flex: 1 1 100%;
max-width: 15%;
max-height: 100%;
box-sizing: border-box;
}
.layout-row > .flex-lg-15 {
flex: 1 1 100%;
max-width: 15%;
max-height: 100%;
box-sizing: border-box;
}
.layout-column > .flex-lg-15 {
flex: 1 1 100%;
max-width: 100%;
max-height: 15%;
box-sizing: border-box;
}
.layout-lg-row > .flex-lg-15 {
flex: 1 1 100%;
max-width: 15%;
max-height: 100%;
box-sizing: border-box;
}
.layout-lg-column > .flex-lg-15 {
flex: 1 1 100%;
max-width: 100%;
max-height: 15%;
box-sizing: border-box;
}
.flex-lg-20 {
flex: 1 1 100%;
max-width: 20%;
max-height: 100%;
box-sizing: border-box;
}
.layout-row > .flex-lg-20 {
flex: 1 1 100%;
max-width: 20%;
max-height: 100%;
box-sizing: border-box;
}
.layout-column > .flex-lg-20 {
flex: 1 1 100%;
max-width: 100%;
max-height: 20%;
box-sizing: border-box;
}
.layout-lg-row > .flex-lg-20 {
flex: 1 1 100%;
max-width: 20%;
max-height: 100%;
box-sizing: border-box;
}
.layout-lg-column > .flex-lg-20 {
flex: 1 1 100%;
max-width: 100%;
max-height: 20%;
box-sizing: border-box;
}
.flex-lg-25 {
flex: 1 1 100%;
max-width: 25%;
max-height: 100%;
box-sizing: border-box;
}
.layout-row > .flex-lg-25 {
flex: 1 1 100%;
max-width: 25%;
max-height: 100%;
box-sizing: border-box;
}
.layout-column > .flex-lg-25 {
flex: 1 1 100%;
max-width: 100%;
max-height: 25%;
box-sizing: border-box;
}
.layout-lg-row > .flex-lg-25 {
flex: 1 1 100%;
max-width: 25%;
max-height: 100%;
box-sizing: border-box;
}
.layout-lg-column > .flex-lg-25 {
flex: 1 1 100%;
max-width: 100%;
max-height: 25%;
box-sizing: border-box;
}
.flex-lg-30 {
flex: 1 1 100%;
max-width: 30%;
max-height: 100%;
box-sizing: border-box;
}
.layout-row > .flex-lg-30 {
flex: 1 1 100%;
max-width: 30%;
max-height: 100%;
box-sizing: border-box;
}
.layout-column > .flex-lg-30 {
flex: 1 1 100%;
max-width: 100%;
max-height: 30%;
box-sizing: border-box;
}
.layout-lg-row > .flex-lg-30 {
flex: 1 1 100%;
max-width: 30%;
max-height: 100%;
box-sizing: border-box;
}
.layout-lg-column > .flex-lg-30 {
flex: 1 1 100%;
max-width: 100%;
max-height: 30%;
box-sizing: border-box;
}
.flex-lg-35 {
flex: 1 1 100%;
max-width: 35%;
max-height: 100%;
box-sizing: border-box;
}
.layout-row > .flex-lg-35 {
flex: 1 1 100%;
max-width: 35%;
max-height: 100%;
box-sizing: border-box;
}
.layout-column > .flex-lg-35 {
flex: 1 1 100%;
max-width: 100%;
max-height: 35%;
box-sizing: border-box;
}
.layout-lg-row > .flex-lg-35 {
flex: 1 1 100%;
max-width: 35%;
max-height: 100%;
box-sizing: border-box;
}
.layout-lg-column > .flex-lg-35 {
flex: 1 1 100%;
max-width: 100%;
max-height: 35%;
box-sizing: border-box;
}
.flex-lg-40 {
flex: 1 1 100%;
max-width: 40%;
max-height: 100%;
box-sizing: border-box;
}
.layout-row > .flex-lg-40 {
flex: 1 1 100%;
max-width: 40%;
max-height: 100%;
box-sizing: border-box;
}
.layout-column > .flex-lg-40 {
flex: 1 1 100%;
max-width: 100%;
max-height: 40%;
box-sizing: border-box;
}
.layout-lg-row > .flex-lg-40 {
flex: 1 1 100%;
max-width: 40%;
max-height: 100%;
box-sizing: border-box;
}
.layout-lg-column > .flex-lg-40 {
flex: 1 1 100%;
max-width: 100%;
max-height: 40%;
box-sizing: border-box;
}
.flex-lg-45 {
flex: 1 1 100%;
max-width: 45%;
max-height: 100%;
box-sizing: border-box;
}
.layout-row > .flex-lg-45 {
flex: 1 1 100%;
max-width: 45%;
max-height: 100%;
box-sizing: border-box;
}
.layout-column > .flex-lg-45 {
flex: 1 1 100%;
max-width: 100%;
max-height: 45%;
box-sizing: border-box;
}
.layout-lg-row > .flex-lg-45 {
flex: 1 1 100%;
max-width: 45%;
max-height: 100%;
box-sizing: border-box;
}
.layout-lg-column > .flex-lg-45 {
flex: 1 1 100%;
max-width: 100%;
max-height: 45%;
box-sizing: border-box;
}
.flex-lg-50 {
flex: 1 1 100%;
max-width: 50%;
max-height: 100%;
box-sizing: border-box;
}
.layout-row > .flex-lg-50 {
flex: 1 1 100%;
max-width: 50%;
max-height: 100%;
box-sizing: border-box;
}
.layout-column > .flex-lg-50 {
flex: 1 1 100%;
max-width: 100%;
max-height: 50%;
box-sizing: border-box;
}
.layout-lg-row > .flex-lg-50 {
flex: 1 1 100%;
max-width: 50%;
max-height: 100%;
box-sizing: border-box;
}
.layout-lg-column > .flex-lg-50 {
flex: 1 1 100%;
max-width: 100%;
max-height: 50%;
box-sizing: border-box;
}
.flex-lg-55 {
flex: 1 1 100%;
max-width: 55%;
max-height: 100%;
box-sizing: border-box;
}
.layout-row > .flex-lg-55 {
flex: 1 1 100%;
max-width: 55%;
max-height: 100%;
box-sizing: border-box;
}
.layout-column > .flex-lg-55 {
flex: 1 1 100%;
max-width: 100%;
max-height: 55%;
box-sizing: border-box;
}
.layout-lg-row > .flex-lg-55 {
flex: 1 1 100%;
max-width: 55%;
max-height: 100%;
box-sizing: border-box;
}
.layout-lg-column > .flex-lg-55 {
flex: 1 1 100%;
max-width: 100%;
max-height: 55%;
box-sizing: border-box;
}
.flex-lg-60 {
flex: 1 1 100%;
max-width: 60%;
max-height: 100%;
box-sizing: border-box;
}
.layout-row > .flex-lg-60 {
flex: 1 1 100%;
max-width: 60%;
max-height: 100%;
box-sizing: border-box;
}
.layout-column > .flex-lg-60 {
flex: 1 1 100%;
max-width: 100%;
max-height: 60%;
box-sizing: border-box;
}
.layout-lg-row > .flex-lg-60 {
flex: 1 1 100%;
max-width: 60%;
max-height: 100%;
box-sizing: border-box;
}
.layout-lg-column > .flex-lg-60 {
flex: 1 1 100%;
max-width: 100%;
max-height: 60%;
box-sizing: border-box;
}
.flex-lg-65 {
flex: 1 1 100%;
max-width: 65%;
max-height: 100%;
box-sizing: border-box;
}
.layout-row > .flex-lg-65 {
flex: 1 1 100%;
max-width: 65%;
max-height: 100%;
box-sizing: border-box;
}
.layout-column > .flex-lg-65 {
flex: 1 1 100%;
max-width: 100%;
max-height: 65%;
box-sizing: border-box;
}
.layout-lg-row > .flex-lg-65 {
flex: 1 1 100%;
max-width: 65%;
max-height: 100%;
box-sizing: border-box;
}
.layout-lg-column > .flex-lg-65 {
flex: 1 1 100%;
max-width: 100%;
max-height: 65%;
box-sizing: border-box;
}
.flex-lg-70 {
flex: 1 1 100%;
max-width: 70%;
max-height: 100%;
box-sizing: border-box;
}
.layout-row > .flex-lg-70 {
flex: 1 1 100%;
max-width: 70%;
max-height: 100%;
box-sizing: border-box;
}
.layout-column > .flex-lg-70 {
flex: 1 1 100%;
max-width: 100%;
max-height: 70%;
box-sizing: border-box;
}
.layout-lg-row > .flex-lg-70 {
flex: 1 1 100%;
max-width: 70%;
max-height: 100%;
box-sizing: border-box;
}
.layout-lg-column > .flex-lg-70 {
flex: 1 1 100%;
max-width: 100%;
max-height: 70%;
box-sizing: border-box;
}
.flex-lg-75 {
flex: 1 1 100%;
max-width: 75%;
max-height: 100%;
box-sizing: border-box;
}
.layout-row > .flex-lg-75 {
flex: 1 1 100%;
max-width: 75%;
max-height: 100%;
box-sizing: border-box;
}
.layout-column > .flex-lg-75 {
flex: 1 1 100%;
max-width: 100%;
max-height: 75%;
box-sizing: border-box;
}
.layout-lg-row > .flex-lg-75 {
flex: 1 1 100%;
max-width: 75%;
max-height: 100%;
box-sizing: border-box;
}
.layout-lg-column > .flex-lg-75 {
flex: 1 1 100%;
max-width: 100%;
max-height: 75%;
box-sizing: border-box;
}
.flex-lg-80 {
flex: 1 1 100%;
max-width: 80%;
max-height: 100%;
box-sizing: border-box;
}
.layout-row > .flex-lg-80 {
flex: 1 1 100%;
max-width: 80%;
max-height: 100%;
box-sizing: border-box;
}
.layout-column > .flex-lg-80 {
flex: 1 1 100%;
max-width: 100%;
max-height: 80%;
box-sizing: border-box;
}
.layout-lg-row > .flex-lg-80 {
flex: 1 1 100%;
max-width: 80%;
max-height: 100%;
box-sizing: border-box;
}
.layout-lg-column > .flex-lg-80 {
flex: 1 1 100%;
max-width: 100%;
max-height: 80%;
box-sizing: border-box;
}
.flex-lg-85 {
flex: 1 1 100%;
max-width: 85%;
max-height: 100%;
box-sizing: border-box;
}
.layout-row > .flex-lg-85 {
flex: 1 1 100%;
max-width: 85%;
max-height: 100%;
box-sizing: border-box;
}
.layout-column > .flex-lg-85 {
flex: 1 1 100%;
max-width: 100%;
max-height: 85%;
box-sizing: border-box;
}
.layout-lg-row > .flex-lg-85 {
flex: 1 1 100%;
max-width: 85%;
max-height: 100%;
box-sizing: border-box;
}
.layout-lg-column > .flex-lg-85 {
flex: 1 1 100%;
max-width: 100%;
max-height: 85%;
box-sizing: border-box;
}
.flex-lg-90 {
flex: 1 1 100%;
max-width: 90%;
max-height: 100%;
box-sizing: border-box;
}
.layout-row > .flex-lg-90 {
flex: 1 1 100%;
max-width: 90%;
max-height: 100%;
box-sizing: border-box;
}
.layout-column > .flex-lg-90 {
flex: 1 1 100%;
max-width: 100%;
max-height: 90%;
box-sizing: border-box;
}
.layout-lg-row > .flex-lg-90 {
flex: 1 1 100%;
max-width: 90%;
max-height: 100%;
box-sizing: border-box;
}
.layout-lg-column > .flex-lg-90 {
flex: 1 1 100%;
max-width: 100%;
max-height: 90%;
box-sizing: border-box;
}
.flex-lg-95 {
flex: 1 1 100%;
max-width: 95%;
max-height: 100%;
box-sizing: border-box;
}
.layout-row > .flex-lg-95 {
flex: 1 1 100%;
max-width: 95%;
max-height: 100%;
box-sizing: border-box;
}
.layout-column > .flex-lg-95 {
flex: 1 1 100%;
max-width: 100%;
max-height: 95%;
box-sizing: border-box;
}
.layout-lg-row > .flex-lg-95 {
flex: 1 1 100%;
max-width: 95%;
max-height: 100%;
box-sizing: border-box;
}
.layout-lg-column > .flex-lg-95 {
flex: 1 1 100%;
max-width: 100%;
max-height: 95%;
box-sizing: border-box;
}
.flex-lg-100 {
flex: 1 1 100%;
max-width: 100%;
max-height: 100%;
box-sizing: border-box;
}
.layout-row > .flex-lg-100 {
flex: 1 1 100%;
max-width: 100%;
max-height: 100%;
box-sizing: border-box;
}
.layout-column > .flex-lg-100 {
flex: 1 1 100%;
max-width: 100%;
max-height: 100%;
box-sizing: border-box;
}
.layout-lg-row > .flex-lg-100 {
flex: 1 1 100%;
max-width: 100%;
max-height: 100%;
box-sizing: border-box;
}
.layout-lg-column > .flex-lg-100 {
flex: 1 1 100%;
max-width: 100%;
max-height: 100%;
box-sizing: border-box;
}
.layout-row > .flex-lg-33 {
flex: 1 1 33.33%;
max-width: 33.33%;
max-height: 100%;
box-sizing: border-box;
}
.layout-row > .flex-lg-66 {
flex: 1 1 66.66%;
max-width: 66.66%;
max-height: 100%;
box-sizing: border-box;
}
.layout-column > .flex-lg-33 {
flex: 1 1 33.33%;
max-width: 100%;
max-height: 33.33%;
box-sizing: border-box;
}
.layout-column > .flex-lg-66 {
flex: 1 1 66.66%;
max-width: 100%;
max-height: 66.66%;
box-sizing: border-box;
}
.layout-lg-row > .flex-lg-33 {
flex: 1 1 100%;
max-width: 33.33%;
max-height: 100%;
box-sizing: border-box;
}
.layout-lg-row > .flex-lg-66 {
flex: 1 1 100%;
max-width: 66.66%;
max-height: 100%;
box-sizing: border-box;
}
.layout-lg-row > .flex {
min-width: 0;
}
.layout-lg-column > .flex-lg-33 {
flex: 1 1 100%;
max-width: 100%;
max-height: 33.33%;
box-sizing: border-box;
}
.layout-lg-column > .flex-lg-66 {
flex: 1 1 100%;
max-width: 100%;
max-height: 66.66%;
box-sizing: border-box;
}
.layout-lg-column > .flex {
min-height: 0;
}
.layout-lg, .layout-lg-column, .layout-lg-row {
box-sizing: border-box;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
}
.layout-lg-column {
flex-direction: column;
}
.layout-lg-row {
flex-direction: row;
}
}
@media (min-width: 1920px) {
.flex-order-gt-lg--20 {
order: -20;
}
.flex-order-gt-lg--19 {
order: -19;
}
.flex-order-gt-lg--18 {
order: -18;
}
.flex-order-gt-lg--17 {
order: -17;
}
.flex-order-gt-lg--16 {
order: -16;
}
.flex-order-gt-lg--15 {
order: -15;
}
.flex-order-gt-lg--14 {
order: -14;
}
.flex-order-gt-lg--13 {
order: -13;
}
.flex-order-gt-lg--12 {
order: -12;
}
.flex-order-gt-lg--11 {
order: -11;
}
.flex-order-gt-lg--10 {
order: -10;
}
.flex-order-gt-lg--9 {
order: -9;
}
.flex-order-gt-lg--8 {
order: -8;
}
.flex-order-gt-lg--7 {
order: -7;
}
.flex-order-gt-lg--6 {
order: -6;
}
.flex-order-gt-lg--5 {
order: -5;
}
.flex-order-gt-lg--4 {
order: -4;
}
.flex-order-gt-lg--3 {
order: -3;
}
.flex-order-gt-lg--2 {
order: -2;
}
.flex-order-gt-lg--1 {
order: -1;
}
.flex-order-gt-lg-0 {
order: 0;
}
.flex-order-gt-lg-1 {
order: 1;
}
.flex-order-gt-lg-2 {
order: 2;
}
.flex-order-gt-lg-3 {
order: 3;
}
.flex-order-gt-lg-4 {
order: 4;
}
.flex-order-gt-lg-5 {
order: 5;
}
.flex-order-gt-lg-6 {
order: 6;
}
.flex-order-gt-lg-7 {
order: 7;
}
.flex-order-gt-lg-8 {
order: 8;
}
.flex-order-gt-lg-9 {
order: 9;
}
.flex-order-gt-lg-10 {
order: 10;
}
.flex-order-gt-lg-11 {
order: 11;
}
.flex-order-gt-lg-12 {
order: 12;
}
.flex-order-gt-lg-13 {
order: 13;
}
.flex-order-gt-lg-14 {
order: 14;
}
.flex-order-gt-lg-15 {
order: 15;
}
.flex-order-gt-lg-16 {
order: 16;
}
.flex-order-gt-lg-17 {
order: 17;
}
.flex-order-gt-lg-18 {
order: 18;
}
.flex-order-gt-lg-19 {
order: 19;
}
.flex-order-gt-lg-20 {
order: 20;
}
.offset-gt-lg-0, .flex-offset-gt-lg-0, .layout-margin .flex-offset-gt-lg-0, .layout-margin .offset-gt-lg-0 {
margin-left: 0;
}
[dir=rtl] .offset-gt-lg-0, [dir=rtl] .flex-offset-gt-lg-0, [dir=rtl] .layout-margin .flex-offset-gt-lg-0, [dir=rtl] .layout-margin .offset-gt-lg-0 {
margin-left: auto;
margin-right: 0;
}
.offset-gt-lg-5, .flex-offset-gt-lg-5, .layout-margin .flex-offset-gt-lg-5, .layout-margin .offset-gt-lg-5 {
margin-left: 5%;
}
[dir=rtl] .offset-gt-lg-5, [dir=rtl] .flex-offset-gt-lg-5, [dir=rtl] .layout-margin .flex-offset-gt-lg-5, [dir=rtl] .layout-margin .offset-gt-lg-5 {
margin-left: auto;
margin-right: 5%;
}
.offset-gt-lg-10, .flex-offset-gt-lg-10, .layout-margin .flex-offset-gt-lg-10, .layout-margin .offset-gt-lg-10 {
margin-left: 10%;
}
[dir=rtl] .offset-gt-lg-10, [dir=rtl] .flex-offset-gt-lg-10, [dir=rtl] .layout-margin .flex-offset-gt-lg-10, [dir=rtl] .layout-margin .offset-gt-lg-10 {
margin-left: auto;
margin-right: 10%;
}
.offset-gt-lg-15, .flex-offset-gt-lg-15, .layout-margin .flex-offset-gt-lg-15, .layout-margin .offset-gt-lg-15 {
margin-left: 15%;
}
[dir=rtl] .offset-gt-lg-15, [dir=rtl] .flex-offset-gt-lg-15, [dir=rtl] .layout-margin .flex-offset-gt-lg-15, [dir=rtl] .layout-margin .offset-gt-lg-15 {
margin-left: auto;
margin-right: 15%;
}
.offset-gt-lg-20, .flex-offset-gt-lg-20, .layout-margin .flex-offset-gt-lg-20, .layout-margin .offset-gt-lg-20 {
margin-left: 20%;
}
[dir=rtl] .offset-gt-lg-20, [dir=rtl] .flex-offset-gt-lg-20, [dir=rtl] .layout-margin .flex-offset-gt-lg-20, [dir=rtl] .layout-margin .offset-gt-lg-20 {
margin-left: auto;
margin-right: 20%;
}
.offset-gt-lg-25, .flex-offset-gt-lg-25, .layout-margin .flex-offset-gt-lg-25, .layout-margin .offset-gt-lg-25 {
margin-left: 25%;
}
[dir=rtl] .offset-gt-lg-25, [dir=rtl] .flex-offset-gt-lg-25, [dir=rtl] .layout-margin .flex-offset-gt-lg-25, [dir=rtl] .layout-margin .offset-gt-lg-25 {
margin-left: auto;
margin-right: 25%;
}
.offset-gt-lg-30, .flex-offset-gt-lg-30, .layout-margin .flex-offset-gt-lg-30, .layout-margin .offset-gt-lg-30 {
margin-left: 30%;
}
[dir=rtl] .offset-gt-lg-30, [dir=rtl] .flex-offset-gt-lg-30, [dir=rtl] .layout-margin .flex-offset-gt-lg-30, [dir=rtl] .layout-margin .offset-gt-lg-30 {
margin-left: auto;
margin-right: 30%;
}
.offset-gt-lg-35, .flex-offset-gt-lg-35, .layout-margin .flex-offset-gt-lg-35, .layout-margin .offset-gt-lg-35 {
margin-left: 35%;
}
[dir=rtl] .offset-gt-lg-35, [dir=rtl] .flex-offset-gt-lg-35, [dir=rtl] .layout-margin .flex-offset-gt-lg-35, [dir=rtl] .layout-margin .offset-gt-lg-35 {
margin-left: auto;
margin-right: 35%;
}
.offset-gt-lg-40, .flex-offset-gt-lg-40, .layout-margin .flex-offset-gt-lg-40, .layout-margin .offset-gt-lg-40 {
margin-left: 40%;
}
[dir=rtl] .offset-gt-lg-40, [dir=rtl] .flex-offset-gt-lg-40, [dir=rtl] .layout-margin .flex-offset-gt-lg-40, [dir=rtl] .layout-margin .offset-gt-lg-40 {
margin-left: auto;
margin-right: 40%;
}
.offset-gt-lg-45, .flex-offset-gt-lg-45, .layout-margin .flex-offset-gt-lg-45, .layout-margin .offset-gt-lg-45 {
margin-left: 45%;
}
[dir=rtl] .offset-gt-lg-45, [dir=rtl] .flex-offset-gt-lg-45, [dir=rtl] .layout-margin .flex-offset-gt-lg-45, [dir=rtl] .layout-margin .offset-gt-lg-45 {
margin-left: auto;
margin-right: 45%;
}
.offset-gt-lg-50, .flex-offset-gt-lg-50, .layout-margin .flex-offset-gt-lg-50, .layout-margin .offset-gt-lg-50 {
margin-left: 50%;
}
[dir=rtl] .offset-gt-lg-50, [dir=rtl] .flex-offset-gt-lg-50, [dir=rtl] .layout-margin .flex-offset-gt-lg-50, [dir=rtl] .layout-margin .offset-gt-lg-50 {
margin-left: auto;
margin-right: 50%;
}
.offset-gt-lg-55, .flex-offset-gt-lg-55, .layout-margin .flex-offset-gt-lg-55, .layout-margin .offset-gt-lg-55 {
margin-left: 55%;
}
[dir=rtl] .offset-gt-lg-55, [dir=rtl] .flex-offset-gt-lg-55, [dir=rtl] .layout-margin .flex-offset-gt-lg-55, [dir=rtl] .layout-margin .offset-gt-lg-55 {
margin-left: auto;
margin-right: 55%;
}
.offset-gt-lg-60, .flex-offset-gt-lg-60, .layout-margin .flex-offset-gt-lg-60, .layout-margin .offset-gt-lg-60 {
margin-left: 60%;
}
[dir=rtl] .offset-gt-lg-60, [dir=rtl] .flex-offset-gt-lg-60, [dir=rtl] .layout-margin .flex-offset-gt-lg-60, [dir=rtl] .layout-margin .offset-gt-lg-60 {
margin-left: auto;
margin-right: 60%;
}
.offset-gt-lg-65, .flex-offset-gt-lg-65, .layout-margin .flex-offset-gt-lg-65, .layout-margin .offset-gt-lg-65 {
margin-left: 65%;
}
[dir=rtl] .offset-gt-lg-65, [dir=rtl] .flex-offset-gt-lg-65, [dir=rtl] .layout-margin .flex-offset-gt-lg-65, [dir=rtl] .layout-margin .offset-gt-lg-65 {
margin-left: auto;
margin-right: 65%;
}
.offset-gt-lg-70, .flex-offset-gt-lg-70, .layout-margin .flex-offset-gt-lg-70, .layout-margin .offset-gt-lg-70 {
margin-left: 70%;
}
[dir=rtl] .offset-gt-lg-70, [dir=rtl] .flex-offset-gt-lg-70, [dir=rtl] .layout-margin .flex-offset-gt-lg-70, [dir=rtl] .layout-margin .offset-gt-lg-70 {
margin-left: auto;
margin-right: 70%;
}
.offset-gt-lg-75, .flex-offset-gt-lg-75, .layout-margin .flex-offset-gt-lg-75, .layout-margin .offset-gt-lg-75 {
margin-left: 75%;
}
[dir=rtl] .offset-gt-lg-75, [dir=rtl] .flex-offset-gt-lg-75, [dir=rtl] .layout-margin .flex-offset-gt-lg-75, [dir=rtl] .layout-margin .offset-gt-lg-75 {
margin-left: auto;
margin-right: 75%;
}
.offset-gt-lg-80, .flex-offset-gt-lg-80, .layout-margin .flex-offset-gt-lg-80, .layout-margin .offset-gt-lg-80 {
margin-left: 80%;
}
[dir=rtl] .offset-gt-lg-80, [dir=rtl] .flex-offset-gt-lg-80, [dir=rtl] .layout-margin .flex-offset-gt-lg-80, [dir=rtl] .layout-margin .offset-gt-lg-80 {
margin-left: auto;
margin-right: 80%;
}
.offset-gt-lg-85, .flex-offset-gt-lg-85, .layout-margin .flex-offset-gt-lg-85, .layout-margin .offset-gt-lg-85 {
margin-left: 85%;
}
[dir=rtl] .offset-gt-lg-85, [dir=rtl] .flex-offset-gt-lg-85, [dir=rtl] .layout-margin .flex-offset-gt-lg-85, [dir=rtl] .layout-margin .offset-gt-lg-85 {
margin-left: auto;
margin-right: 85%;
}
.offset-gt-lg-90, .flex-offset-gt-lg-90, .layout-margin .flex-offset-gt-lg-90, .layout-margin .offset-gt-lg-90 {
margin-left: 90%;
}
[dir=rtl] .offset-gt-lg-90, [dir=rtl] .flex-offset-gt-lg-90, [dir=rtl] .layout-margin .flex-offset-gt-lg-90, [dir=rtl] .layout-margin .offset-gt-lg-90 {
margin-left: auto;
margin-right: 90%;
}
.offset-gt-lg-95, .flex-offset-gt-lg-95, .layout-margin .flex-offset-gt-lg-95, .layout-margin .offset-gt-lg-95 {
margin-left: 95%;
}
[dir=rtl] .offset-gt-lg-95, [dir=rtl] .flex-offset-gt-lg-95, [dir=rtl] .layout-margin .flex-offset-gt-lg-95, [dir=rtl] .layout-margin .offset-gt-lg-95 {
margin-left: auto;
margin-right: 95%;
}
.offset-gt-lg-33, .flex-offset-gt-lg-33, .layout-margin .flex-offset-gt-lg-33, .layout-margin .offset-gt-lg-33 {
margin-left: calc(100% / 3);
}
.offset-gt-lg-66, .flex-offset-gt-lg-66, .layout-margin .flex-offset-gt-lg-66, .layout-margin .offset-gt-lg-66 {
margin-left: calc(200% / 3);
}
[dir=rtl] .offset-gt-lg-66, [dir=rtl] .flex-offset-gt-lg-66, [dir=rtl] .layout-margin .flex-offset-gt-lg-66, [dir=rtl] .layout-margin .offset-gt-lg-66 {
margin-left: auto;
margin-right: calc(200% / 3);
}
.layout-align-gt-lg,
.layout-align-gt-lg-start-stretch {
justify-content: flex-start;
align-content: stretch;
align-items: stretch;
}
.layout-align-gt-lg-start,
.layout-align-gt-lg-start-start,
.layout-align-gt-lg-start-center,
.layout-align-gt-lg-start-end,
.layout-align-gt-lg-start-stretch {
justify-content: flex-start;
}
.layout-align-gt-lg-center,
.layout-align-gt-lg-center-start,
.layout-align-gt-lg-center-center,
.layout-align-gt-lg-center-end,
.layout-align-gt-lg-center-stretch {
justify-content: center;
}
.layout-align-gt-lg-end,
.layout-align-gt-lg-end-start,
.layout-align-gt-lg-end-center,
.layout-align-gt-lg-end-end,
.layout-align-gt-lg-end-stretch {
justify-content: flex-end;
}
.layout-align-gt-lg-space-around,
.layout-align-gt-lg-space-around-center,
.layout-align-gt-lg-space-around-start,
.layout-align-gt-lg-space-around-end,
.layout-align-gt-lg-space-around-stretch {
justify-content: space-around;
}
.layout-align-gt-lg-space-between,
.layout-align-gt-lg-space-between-center,
.layout-align-gt-lg-space-between-start,
.layout-align-gt-lg-space-between-end,
.layout-align-gt-lg-space-between-stretch {
justify-content: space-between;
}
.layout-align-gt-lg-start-start,
.layout-align-gt-lg-center-start,
.layout-align-gt-lg-end-start,
.layout-align-gt-lg-space-between-start,
.layout-align-gt-lg-space-around-start {
align-items: flex-start;
align-content: flex-start;
}
.layout-align-gt-lg-start-center,
.layout-align-gt-lg-center-center,
.layout-align-gt-lg-end-center,
.layout-align-gt-lg-space-between-center,
.layout-align-gt-lg-space-around-center {
align-items: center;
align-content: center;
max-width: 100%;
}
.layout-align-gt-lg-start-center > *,
.layout-align-gt-lg-center-center > *,
.layout-align-gt-lg-end-center > *,
.layout-align-gt-lg-space-between-center > *,
.layout-align-gt-lg-space-around-center > * {
max-width: 100%;
box-sizing: border-box;
}
.layout-align-gt-lg-start-end,
.layout-align-gt-lg-center-end,
.layout-align-gt-lg-end-end,
.layout-align-gt-lg-space-between-end,
.layout-align-gt-lg-space-around-end {
align-items: flex-end;
align-content: flex-end;
}
.layout-align-gt-lg-start-stretch,
.layout-align-gt-lg-center-stretch,
.layout-align-gt-lg-end-stretch,
.layout-align-gt-lg-space-between-stretch,
.layout-align-gt-lg-space-around-stretch {
align-items: stretch;
align-content: stretch;
}
.flex-gt-lg {
flex: 1;
box-sizing: border-box;
}
.flex-gt-lg-grow {
flex: 1 1 100%;
box-sizing: border-box;
}
.flex-gt-lg-initial {
flex: 0 1 auto;
box-sizing: border-box;
}
.flex-gt-lg-auto {
flex: 1 1 auto;
box-sizing: border-box;
}
.flex-gt-lg-none {
flex: 0 0 auto;
box-sizing: border-box;
}
.flex-gt-lg-noshrink {
flex: 1 0 auto;
box-sizing: border-box;
}
.flex-gt-lg-nogrow {
flex: 0 1 auto;
box-sizing: border-box;
}
.flex-gt-lg-0 {
flex: 1 1 100%;
max-width: 0%;
max-height: 100%;
box-sizing: border-box;
}
.layout-row > .flex-gt-lg-0 {
flex: 1 1 100%;
max-width: 0%;
max-height: 100%;
box-sizing: border-box;
min-width: 0;
}
.layout-column > .flex-gt-lg-0 {
flex: 1 1 100%;
max-width: 100%;
max-height: 0%;
box-sizing: border-box;
}
.layout-gt-lg-row > .flex-gt-lg-0 {
flex: 1 1 100%;
max-width: 0%;
max-height: 100%;
box-sizing: border-box;
min-width: 0;
}
.layout-gt-lg-column > .flex-gt-lg-0 {
flex: 1 1 100%;
max-width: 100%;
max-height: 0%;
box-sizing: border-box;
min-height: 0;
}
.flex-gt-lg-5 {
flex: 1 1 100%;
max-width: 5%;
max-height: 100%;
box-sizing: border-box;
}
.layout-row > .flex-gt-lg-5 {
flex: 1 1 100%;
max-width: 5%;
max-height: 100%;
box-sizing: border-box;
}
.layout-column > .flex-gt-lg-5 {
flex: 1 1 100%;
max-width: 100%;
max-height: 5%;
box-sizing: border-box;
}
.layout-gt-lg-row > .flex-gt-lg-5 {
flex: 1 1 100%;
max-width: 5%;
max-height: 100%;
box-sizing: border-box;
}
.layout-gt-lg-column > .flex-gt-lg-5 {
flex: 1 1 100%;
max-width: 100%;
max-height: 5%;
box-sizing: border-box;
}
.flex-gt-lg-10 {
flex: 1 1 100%;
max-width: 10%;
max-height: 100%;
box-sizing: border-box;
}
.layout-row > .flex-gt-lg-10 {
flex: 1 1 100%;
max-width: 10%;
max-height: 100%;
box-sizing: border-box;
}
.layout-column > .flex-gt-lg-10 {
flex: 1 1 100%;
max-width: 100%;
max-height: 10%;
box-sizing: border-box;
}
.layout-gt-lg-row > .flex-gt-lg-10 {
flex: 1 1 100%;
max-width: 10%;
max-height: 100%;
box-sizing: border-box;
}
.layout-gt-lg-column > .flex-gt-lg-10 {
flex: 1 1 100%;
max-width: 100%;
max-height: 10%;
box-sizing: border-box;
}
.flex-gt-lg-15 {
flex: 1 1 100%;
max-width: 15%;
max-height: 100%;
box-sizing: border-box;
}
.layout-row > .flex-gt-lg-15 {
flex: 1 1 100%;
max-width: 15%;
max-height: 100%;
box-sizing: border-box;
}
.layout-column > .flex-gt-lg-15 {
flex: 1 1 100%;
max-width: 100%;
max-height: 15%;
box-sizing: border-box;
}
.layout-gt-lg-row > .flex-gt-lg-15 {
flex: 1 1 100%;
max-width: 15%;
max-height: 100%;
box-sizing: border-box;
}
.layout-gt-lg-column > .flex-gt-lg-15 {
flex: 1 1 100%;
max-width: 100%;
max-height: 15%;
box-sizing: border-box;
}
.flex-gt-lg-20 {
flex: 1 1 100%;
max-width: 20%;
max-height: 100%;
box-sizing: border-box;
}
.layout-row > .flex-gt-lg-20 {
flex: 1 1 100%;
max-width: 20%;
max-height: 100%;
box-sizing: border-box;
}
.layout-column > .flex-gt-lg-20 {
flex: 1 1 100%;
max-width: 100%;
max-height: 20%;
box-sizing: border-box;
}
.layout-gt-lg-row > .flex-gt-lg-20 {
flex: 1 1 100%;
max-width: 20%;
max-height: 100%;
box-sizing: border-box;
}
.layout-gt-lg-column > .flex-gt-lg-20 {
flex: 1 1 100%;
max-width: 100%;
max-height: 20%;
box-sizing: border-box;
}
.flex-gt-lg-25 {
flex: 1 1 100%;
max-width: 25%;
max-height: 100%;
box-sizing: border-box;
}
.layout-row > .flex-gt-lg-25 {
flex: 1 1 100%;
max-width: 25%;
max-height: 100%;
box-sizing: border-box;
}
.layout-column > .flex-gt-lg-25 {
flex: 1 1 100%;
max-width: 100%;
max-height: 25%;
box-sizing: border-box;
}
.layout-gt-lg-row > .flex-gt-lg-25 {
flex: 1 1 100%;
max-width: 25%;
max-height: 100%;
box-sizing: border-box;
}
.layout-gt-lg-column > .flex-gt-lg-25 {
flex: 1 1 100%;
max-width: 100%;
max-height: 25%;
box-sizing: border-box;
}
.flex-gt-lg-30 {
flex: 1 1 100%;
max-width: 30%;
max-height: 100%;
box-sizing: border-box;
}
.layout-row > .flex-gt-lg-30 {
flex: 1 1 100%;
max-width: 30%;
max-height: 100%;
box-sizing: border-box;
}
.layout-column > .flex-gt-lg-30 {
flex: 1 1 100%;
max-width: 100%;
max-height: 30%;
box-sizing: border-box;
}
.layout-gt-lg-row > .flex-gt-lg-30 {
flex: 1 1 100%;
max-width: 30%;
max-height: 100%;
box-sizing: border-box;
}
.layout-gt-lg-column > .flex-gt-lg-30 {
flex: 1 1 100%;
max-width: 100%;
max-height: 30%;
box-sizing: border-box;
}
.flex-gt-lg-35 {
flex: 1 1 100%;
max-width: 35%;
max-height: 100%;
box-sizing: border-box;
}
.layout-row > .flex-gt-lg-35 {
flex: 1 1 100%;
max-width: 35%;
max-height: 100%;
box-sizing: border-box;
}
.layout-column > .flex-gt-lg-35 {
flex: 1 1 100%;
max-width: 100%;
max-height: 35%;
box-sizing: border-box;
}
.layout-gt-lg-row > .flex-gt-lg-35 {
flex: 1 1 100%;
max-width: 35%;
max-height: 100%;
box-sizing: border-box;
}
.layout-gt-lg-column > .flex-gt-lg-35 {
flex: 1 1 100%;
max-width: 100%;
max-height: 35%;
box-sizing: border-box;
}
.flex-gt-lg-40 {
flex: 1 1 100%;
max-width: 40%;
max-height: 100%;
box-sizing: border-box;
}
.layout-row > .flex-gt-lg-40 {
flex: 1 1 100%;
max-width: 40%;
max-height: 100%;
box-sizing: border-box;
}
.layout-column > .flex-gt-lg-40 {
flex: 1 1 100%;
max-width: 100%;
max-height: 40%;
box-sizing: border-box;
}
.layout-gt-lg-row > .flex-gt-lg-40 {
flex: 1 1 100%;
max-width: 40%;
max-height: 100%;
box-sizing: border-box;
}
.layout-gt-lg-column > .flex-gt-lg-40 {
flex: 1 1 100%;
max-width: 100%;
max-height: 40%;
box-sizing: border-box;
}
.flex-gt-lg-45 {
flex: 1 1 100%;
max-width: 45%;
max-height: 100%;
box-sizing: border-box;
}
.layout-row > .flex-gt-lg-45 {
flex: 1 1 100%;
max-width: 45%;
max-height: 100%;
box-sizing: border-box;
}
.layout-column > .flex-gt-lg-45 {
flex: 1 1 100%;
max-width: 100%;
max-height: 45%;
box-sizing: border-box;
}
.layout-gt-lg-row > .flex-gt-lg-45 {
flex: 1 1 100%;
max-width: 45%;
max-height: 100%;
box-sizing: border-box;
}
.layout-gt-lg-column > .flex-gt-lg-45 {
flex: 1 1 100%;
max-width: 100%;
max-height: 45%;
box-sizing: border-box;
}
.flex-gt-lg-50 {
flex: 1 1 100%;
max-width: 50%;
max-height: 100%;
box-sizing: border-box;
}
.layout-row > .flex-gt-lg-50 {
flex: 1 1 100%;
max-width: 50%;
max-height: 100%;
box-sizing: border-box;
}
.layout-column > .flex-gt-lg-50 {
flex: 1 1 100%;
max-width: 100%;
max-height: 50%;
box-sizing: border-box;
}
.layout-gt-lg-row > .flex-gt-lg-50 {
flex: 1 1 100%;
max-width: 50%;
max-height: 100%;
box-sizing: border-box;
}
.layout-gt-lg-column > .flex-gt-lg-50 {
flex: 1 1 100%;
max-width: 100%;
max-height: 50%;
box-sizing: border-box;
}
.flex-gt-lg-55 {
flex: 1 1 100%;
max-width: 55%;
max-height: 100%;
box-sizing: border-box;
}
.layout-row > .flex-gt-lg-55 {
flex: 1 1 100%;
max-width: 55%;
max-height: 100%;
box-sizing: border-box;
}
.layout-column > .flex-gt-lg-55 {
flex: 1 1 100%;
max-width: 100%;
max-height: 55%;
box-sizing: border-box;
}
.layout-gt-lg-row > .flex-gt-lg-55 {
flex: 1 1 100%;
max-width: 55%;
max-height: 100%;
box-sizing: border-box;
}
.layout-gt-lg-column > .flex-gt-lg-55 {
flex: 1 1 100%;
max-width: 100%;
max-height: 55%;
box-sizing: border-box;
}
.flex-gt-lg-60 {
flex: 1 1 100%;
max-width: 60%;
max-height: 100%;
box-sizing: border-box;
}
.layout-row > .flex-gt-lg-60 {
flex: 1 1 100%;
max-width: 60%;
max-height: 100%;
box-sizing: border-box;
}
.layout-column > .flex-gt-lg-60 {
flex: 1 1 100%;
max-width: 100%;
max-height: 60%;
box-sizing: border-box;
}
.layout-gt-lg-row > .flex-gt-lg-60 {
flex: 1 1 100%;
max-width: 60%;
max-height: 100%;
box-sizing: border-box;
}
.layout-gt-lg-column > .flex-gt-lg-60 {
flex: 1 1 100%;
max-width: 100%;
max-height: 60%;
box-sizing: border-box;
}
.flex-gt-lg-65 {
flex: 1 1 100%;
max-width: 65%;
max-height: 100%;
box-sizing: border-box;
}
.layout-row > .flex-gt-lg-65 {
flex: 1 1 100%;
max-width: 65%;
max-height: 100%;
box-sizing: border-box;
}
.layout-column > .flex-gt-lg-65 {
flex: 1 1 100%;
max-width: 100%;
max-height: 65%;
box-sizing: border-box;
}
.layout-gt-lg-row > .flex-gt-lg-65 {
flex: 1 1 100%;
max-width: 65%;
max-height: 100%;
box-sizing: border-box;
}
.layout-gt-lg-column > .flex-gt-lg-65 {
flex: 1 1 100%;
max-width: 100%;
max-height: 65%;
box-sizing: border-box;
}
.flex-gt-lg-70 {
flex: 1 1 100%;
max-width: 70%;
max-height: 100%;
box-sizing: border-box;
}
.layout-row > .flex-gt-lg-70 {
flex: 1 1 100%;
max-width: 70%;
max-height: 100%;
box-sizing: border-box;
}
.layout-column > .flex-gt-lg-70 {
flex: 1 1 100%;
max-width: 100%;
max-height: 70%;
box-sizing: border-box;
}
.layout-gt-lg-row > .flex-gt-lg-70 {
flex: 1 1 100%;
max-width: 70%;
max-height: 100%;
box-sizing: border-box;
}
.layout-gt-lg-column > .flex-gt-lg-70 {
flex: 1 1 100%;
max-width: 100%;
max-height: 70%;
box-sizing: border-box;
}
.flex-gt-lg-75 {
flex: 1 1 100%;
max-width: 75%;
max-height: 100%;
box-sizing: border-box;
}
.layout-row > .flex-gt-lg-75 {
flex: 1 1 100%;
max-width: 75%;
max-height: 100%;
box-sizing: border-box;
}
.layout-column > .flex-gt-lg-75 {
flex: 1 1 100%;
max-width: 100%;
max-height: 75%;
box-sizing: border-box;
}
.layout-gt-lg-row > .flex-gt-lg-75 {
flex: 1 1 100%;
max-width: 75%;
max-height: 100%;
box-sizing: border-box;
}
.layout-gt-lg-column > .flex-gt-lg-75 {
flex: 1 1 100%;
max-width: 100%;
max-height: 75%;
box-sizing: border-box;
}
.flex-gt-lg-80 {
flex: 1 1 100%;
max-width: 80%;
max-height: 100%;
box-sizing: border-box;
}
.layout-row > .flex-gt-lg-80 {
flex: 1 1 100%;
max-width: 80%;
max-height: 100%;
box-sizing: border-box;
}
.layout-column > .flex-gt-lg-80 {
flex: 1 1 100%;
max-width: 100%;
max-height: 80%;
box-sizing: border-box;
}
.layout-gt-lg-row > .flex-gt-lg-80 {
flex: 1 1 100%;
max-width: 80%;
max-height: 100%;
box-sizing: border-box;
}
.layout-gt-lg-column > .flex-gt-lg-80 {
flex: 1 1 100%;
max-width: 100%;
max-height: 80%;
box-sizing: border-box;
}
.flex-gt-lg-85 {
flex: 1 1 100%;
max-width: 85%;
max-height: 100%;
box-sizing: border-box;
}
.layout-row > .flex-gt-lg-85 {
flex: 1 1 100%;
max-width: 85%;
max-height: 100%;
box-sizing: border-box;
}
.layout-column > .flex-gt-lg-85 {
flex: 1 1 100%;
max-width: 100%;
max-height: 85%;
box-sizing: border-box;
}
.layout-gt-lg-row > .flex-gt-lg-85 {
flex: 1 1 100%;
max-width: 85%;
max-height: 100%;
box-sizing: border-box;
}
.layout-gt-lg-column > .flex-gt-lg-85 {
flex: 1 1 100%;
max-width: 100%;
max-height: 85%;
box-sizing: border-box;
}
.flex-gt-lg-90 {
flex: 1 1 100%;
max-width: 90%;
max-height: 100%;
box-sizing: border-box;
}
.layout-row > .flex-gt-lg-90 {
flex: 1 1 100%;
max-width: 90%;
max-height: 100%;
box-sizing: border-box;
}
.layout-column > .flex-gt-lg-90 {
flex: 1 1 100%;
max-width: 100%;
max-height: 90%;
box-sizing: border-box;
}
.layout-gt-lg-row > .flex-gt-lg-90 {
flex: 1 1 100%;
max-width: 90%;
max-height: 100%;
box-sizing: border-box;
}
.layout-gt-lg-column > .flex-gt-lg-90 {
flex: 1 1 100%;
max-width: 100%;
max-height: 90%;
box-sizing: border-box;
}
.flex-gt-lg-95 {
flex: 1 1 100%;
max-width: 95%;
max-height: 100%;
box-sizing: border-box;
}
.layout-row > .flex-gt-lg-95 {
flex: 1 1 100%;
max-width: 95%;
max-height: 100%;
box-sizing: border-box;
}
.layout-column > .flex-gt-lg-95 {
flex: 1 1 100%;
max-width: 100%;
max-height: 95%;
box-sizing: border-box;
}
.layout-gt-lg-row > .flex-gt-lg-95 {
flex: 1 1 100%;
max-width: 95%;
max-height: 100%;
box-sizing: border-box;
}
.layout-gt-lg-column > .flex-gt-lg-95 {
flex: 1 1 100%;
max-width: 100%;
max-height: 95%;
box-sizing: border-box;
}
.flex-gt-lg-100 {
flex: 1 1 100%;
max-width: 100%;
max-height: 100%;
box-sizing: border-box;
}
.layout-row > .flex-gt-lg-100 {
flex: 1 1 100%;
max-width: 100%;
max-height: 100%;
box-sizing: border-box;
}
.layout-column > .flex-gt-lg-100 {
flex: 1 1 100%;
max-width: 100%;
max-height: 100%;
box-sizing: border-box;
}
.layout-gt-lg-row > .flex-gt-lg-100 {
flex: 1 1 100%;
max-width: 100%;
max-height: 100%;
box-sizing: border-box;
}
.layout-gt-lg-column > .flex-gt-lg-100 {
flex: 1 1 100%;
max-width: 100%;
max-height: 100%;
box-sizing: border-box;
}
.layout-row > .flex-gt-lg-33 {
flex: 1 1 33.33%;
max-width: 33.33%;
max-height: 100%;
box-sizing: border-box;
}
.layout-row > .flex-gt-lg-66 {
flex: 1 1 66.66%;
max-width: 66.66%;
max-height: 100%;
box-sizing: border-box;
}
.layout-column > .flex-gt-lg-33 {
flex: 1 1 33.33%;
max-width: 100%;
max-height: 33.33%;
box-sizing: border-box;
}
.layout-column > .flex-gt-lg-66 {
flex: 1 1 66.66%;
max-width: 100%;
max-height: 66.66%;
box-sizing: border-box;
}
.layout-gt-lg-row > .flex-gt-lg-33 {
flex: 1 1 100%;
max-width: 33.33%;
max-height: 100%;
box-sizing: border-box;
}
.layout-gt-lg-row > .flex-gt-lg-66 {
flex: 1 1 100%;
max-width: 66.66%;
max-height: 100%;
box-sizing: border-box;
}
.layout-gt-lg-row > .flex {
min-width: 0;
}
.layout-gt-lg-column > .flex-gt-lg-33 {
flex: 1 1 100%;
max-width: 100%;
max-height: 33.33%;
box-sizing: border-box;
}
.layout-gt-lg-column > .flex-gt-lg-66 {
flex: 1 1 100%;
max-width: 100%;
max-height: 66.66%;
box-sizing: border-box;
}
.layout-gt-lg-column > .flex {
min-height: 0;
}
.layout-gt-lg, .layout-gt-lg-column, .layout-gt-lg-row {
box-sizing: border-box;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
}
.layout-gt-lg-column {
flex-direction: column;
}
.layout-gt-lg-row {
flex-direction: row;
}
.flex-order-xl--20 {
order: -20;
}
.flex-order-xl--19 {
order: -19;
}
.flex-order-xl--18 {
order: -18;
}
.flex-order-xl--17 {
order: -17;
}
.flex-order-xl--16 {
order: -16;
}
.flex-order-xl--15 {
order: -15;
}
.flex-order-xl--14 {
order: -14;
}
.flex-order-xl--13 {
order: -13;
}
.flex-order-xl--12 {
order: -12;
}
.flex-order-xl--11 {
order: -11;
}
.flex-order-xl--10 {
order: -10;
}
.flex-order-xl--9 {
order: -9;
}
.flex-order-xl--8 {
order: -8;
}
.flex-order-xl--7 {
order: -7;
}
.flex-order-xl--6 {
order: -6;
}
.flex-order-xl--5 {
order: -5;
}
.flex-order-xl--4 {
order: -4;
}
.flex-order-xl--3 {
order: -3;
}
.flex-order-xl--2 {
order: -2;
}
.flex-order-xl--1 {
order: -1;
}
.flex-order-xl-0 {
order: 0;
}
.flex-order-xl-1 {
order: 1;
}
.flex-order-xl-2 {
order: 2;
}
.flex-order-xl-3 {
order: 3;
}
.flex-order-xl-4 {
order: 4;
}
.flex-order-xl-5 {
order: 5;
}
.flex-order-xl-6 {
order: 6;
}
.flex-order-xl-7 {
order: 7;
}
.flex-order-xl-8 {
order: 8;
}
.flex-order-xl-9 {
order: 9;
}
.flex-order-xl-10 {
order: 10;
}
.flex-order-xl-11 {
order: 11;
}
.flex-order-xl-12 {
order: 12;
}
.flex-order-xl-13 {
order: 13;
}
.flex-order-xl-14 {
order: 14;
}
.flex-order-xl-15 {
order: 15;
}
.flex-order-xl-16 {
order: 16;
}
.flex-order-xl-17 {
order: 17;
}
.flex-order-xl-18 {
order: 18;
}
.flex-order-xl-19 {
order: 19;
}
.flex-order-xl-20 {
order: 20;
}
.offset-xl-0, .flex-offset-xl-0, .layout-margin .flex-offset-xl-0, .layout-margin .offset-xl-0 {
margin-left: 0;
}
[dir=rtl] .offset-xl-0, [dir=rtl] .flex-offset-xl-0, [dir=rtl] .layout-margin .flex-offset-xl-0, [dir=rtl] .layout-margin .offset-xl-0 {
margin-left: auto;
margin-right: 0;
}
.offset-xl-5, .flex-offset-xl-5, .layout-margin .flex-offset-xl-5, .layout-margin .offset-xl-5 {
margin-left: 5%;
}
[dir=rtl] .offset-xl-5, [dir=rtl] .flex-offset-xl-5, [dir=rtl] .layout-margin .flex-offset-xl-5, [dir=rtl] .layout-margin .offset-xl-5 {
margin-left: auto;
margin-right: 5%;
}
.offset-xl-10, .flex-offset-xl-10, .layout-margin .flex-offset-xl-10, .layout-margin .offset-xl-10 {
margin-left: 10%;
}
[dir=rtl] .offset-xl-10, [dir=rtl] .flex-offset-xl-10, [dir=rtl] .layout-margin .flex-offset-xl-10, [dir=rtl] .layout-margin .offset-xl-10 {
margin-left: auto;
margin-right: 10%;
}
.offset-xl-15, .flex-offset-xl-15, .layout-margin .flex-offset-xl-15, .layout-margin .offset-xl-15 {
margin-left: 15%;
}
[dir=rtl] .offset-xl-15, [dir=rtl] .flex-offset-xl-15, [dir=rtl] .layout-margin .flex-offset-xl-15, [dir=rtl] .layout-margin .offset-xl-15 {
margin-left: auto;
margin-right: 15%;
}
.offset-xl-20, .flex-offset-xl-20, .layout-margin .flex-offset-xl-20, .layout-margin .offset-xl-20 {
margin-left: 20%;
}
[dir=rtl] .offset-xl-20, [dir=rtl] .flex-offset-xl-20, [dir=rtl] .layout-margin .flex-offset-xl-20, [dir=rtl] .layout-margin .offset-xl-20 {
margin-left: auto;
margin-right: 20%;
}
.offset-xl-25, .flex-offset-xl-25, .layout-margin .flex-offset-xl-25, .layout-margin .offset-xl-25 {
margin-left: 25%;
}
[dir=rtl] .offset-xl-25, [dir=rtl] .flex-offset-xl-25, [dir=rtl] .layout-margin .flex-offset-xl-25, [dir=rtl] .layout-margin .offset-xl-25 {
margin-left: auto;
margin-right: 25%;
}
.offset-xl-30, .flex-offset-xl-30, .layout-margin .flex-offset-xl-30, .layout-margin .offset-xl-30 {
margin-left: 30%;
}
[dir=rtl] .offset-xl-30, [dir=rtl] .flex-offset-xl-30, [dir=rtl] .layout-margin .flex-offset-xl-30, [dir=rtl] .layout-margin .offset-xl-30 {
margin-left: auto;
margin-right: 30%;
}
.offset-xl-35, .flex-offset-xl-35, .layout-margin .flex-offset-xl-35, .layout-margin .offset-xl-35 {
margin-left: 35%;
}
[dir=rtl] .offset-xl-35, [dir=rtl] .flex-offset-xl-35, [dir=rtl] .layout-margin .flex-offset-xl-35, [dir=rtl] .layout-margin .offset-xl-35 {
margin-left: auto;
margin-right: 35%;
}
.offset-xl-40, .flex-offset-xl-40, .layout-margin .flex-offset-xl-40, .layout-margin .offset-xl-40 {
margin-left: 40%;
}
[dir=rtl] .offset-xl-40, [dir=rtl] .flex-offset-xl-40, [dir=rtl] .layout-margin .flex-offset-xl-40, [dir=rtl] .layout-margin .offset-xl-40 {
margin-left: auto;
margin-right: 40%;
}
.offset-xl-45, .flex-offset-xl-45, .layout-margin .flex-offset-xl-45, .layout-margin .offset-xl-45 {
margin-left: 45%;
}
[dir=rtl] .offset-xl-45, [dir=rtl] .flex-offset-xl-45, [dir=rtl] .layout-margin .flex-offset-xl-45, [dir=rtl] .layout-margin .offset-xl-45 {
margin-left: auto;
margin-right: 45%;
}
.offset-xl-50, .flex-offset-xl-50, .layout-margin .flex-offset-xl-50, .layout-margin .offset-xl-50 {
margin-left: 50%;
}
[dir=rtl] .offset-xl-50, [dir=rtl] .flex-offset-xl-50, [dir=rtl] .layout-margin .flex-offset-xl-50, [dir=rtl] .layout-margin .offset-xl-50 {
margin-left: auto;
margin-right: 50%;
}
.offset-xl-55, .flex-offset-xl-55, .layout-margin .flex-offset-xl-55, .layout-margin .offset-xl-55 {
margin-left: 55%;
}
[dir=rtl] .offset-xl-55, [dir=rtl] .flex-offset-xl-55, [dir=rtl] .layout-margin .flex-offset-xl-55, [dir=rtl] .layout-margin .offset-xl-55 {
margin-left: auto;
margin-right: 55%;
}
.offset-xl-60, .flex-offset-xl-60, .layout-margin .flex-offset-xl-60, .layout-margin .offset-xl-60 {
margin-left: 60%;
}
[dir=rtl] .offset-xl-60, [dir=rtl] .flex-offset-xl-60, [dir=rtl] .layout-margin .flex-offset-xl-60, [dir=rtl] .layout-margin .offset-xl-60 {
margin-left: auto;
margin-right: 60%;
}
.offset-xl-65, .flex-offset-xl-65, .layout-margin .flex-offset-xl-65, .layout-margin .offset-xl-65 {
margin-left: 65%;
}
[dir=rtl] .offset-xl-65, [dir=rtl] .flex-offset-xl-65, [dir=rtl] .layout-margin .flex-offset-xl-65, [dir=rtl] .layout-margin .offset-xl-65 {
margin-left: auto;
margin-right: 65%;
}
.offset-xl-70, .flex-offset-xl-70, .layout-margin .flex-offset-xl-70, .layout-margin .offset-xl-70 {
margin-left: 70%;
}
[dir=rtl] .offset-xl-70, [dir=rtl] .flex-offset-xl-70, [dir=rtl] .layout-margin .flex-offset-xl-70, [dir=rtl] .layout-margin .offset-xl-70 {
margin-left: auto;
margin-right: 70%;
}
.offset-xl-75, .flex-offset-xl-75, .layout-margin .flex-offset-xl-75, .layout-margin .offset-xl-75 {
margin-left: 75%;
}
[dir=rtl] .offset-xl-75, [dir=rtl] .flex-offset-xl-75, [dir=rtl] .layout-margin .flex-offset-xl-75, [dir=rtl] .layout-margin .offset-xl-75 {
margin-left: auto;
margin-right: 75%;
}
.offset-xl-80, .flex-offset-xl-80, .layout-margin .flex-offset-xl-80, .layout-margin .offset-xl-80 {
margin-left: 80%;
}
[dir=rtl] .offset-xl-80, [dir=rtl] .flex-offset-xl-80, [dir=rtl] .layout-margin .flex-offset-xl-80, [dir=rtl] .layout-margin .offset-xl-80 {
margin-left: auto;
margin-right: 80%;
}
.offset-xl-85, .flex-offset-xl-85, .layout-margin .flex-offset-xl-85, .layout-margin .offset-xl-85 {
margin-left: 85%;
}
[dir=rtl] .offset-xl-85, [dir=rtl] .flex-offset-xl-85, [dir=rtl] .layout-margin .flex-offset-xl-85, [dir=rtl] .layout-margin .offset-xl-85 {
margin-left: auto;
margin-right: 85%;
}
.offset-xl-90, .flex-offset-xl-90, .layout-margin .flex-offset-xl-90, .layout-margin .offset-xl-90 {
margin-left: 90%;
}
[dir=rtl] .offset-xl-90, [dir=rtl] .flex-offset-xl-90, [dir=rtl] .layout-margin .flex-offset-xl-90, [dir=rtl] .layout-margin .offset-xl-90 {
margin-left: auto;
margin-right: 90%;
}
.offset-xl-95, .flex-offset-xl-95, .layout-margin .flex-offset-xl-95, .layout-margin .offset-xl-95 {
margin-left: 95%;
}
[dir=rtl] .offset-xl-95, [dir=rtl] .flex-offset-xl-95, [dir=rtl] .layout-margin .flex-offset-xl-95, [dir=rtl] .layout-margin .offset-xl-95 {
margin-left: auto;
margin-right: 95%;
}
.offset-xl-33, .flex-offset-xl-33, .layout-margin .flex-offset-xl-33, .layout-margin .offset-xl-33 {
margin-left: calc(100% / 3);
}
.offset-xl-66, .flex-offset-xl-66, .layout-margin .flex-offset-xl-66, .layout-margin .offset-xl-66 {
margin-left: calc(200% / 3);
}
[dir=rtl] .offset-xl-66, [dir=rtl] .flex-offset-xl-66, [dir=rtl] .layout-margin .flex-offset-xl-66, [dir=rtl] .layout-margin .offset-xl-66 {
margin-left: auto;
margin-right: calc(200% / 3);
}
.layout-align-xl,
.layout-align-xl-start-stretch {
justify-content: flex-start;
align-content: stretch;
align-items: stretch;
}
.layout-align-xl-start,
.layout-align-xl-start-start,
.layout-align-xl-start-center,
.layout-align-xl-start-end,
.layout-align-xl-start-stretch {
justify-content: flex-start;
}
.layout-align-xl-center,
.layout-align-xl-center-start,
.layout-align-xl-center-center,
.layout-align-xl-center-end,
.layout-align-xl-center-stretch {
justify-content: center;
}
.layout-align-xl-end,
.layout-align-xl-end-start,
.layout-align-xl-end-center,
.layout-align-xl-end-end,
.layout-align-xl-end-stretch {
justify-content: flex-end;
}
.layout-align-xl-space-around,
.layout-align-xl-space-around-center,
.layout-align-xl-space-around-start,
.layout-align-xl-space-around-end,
.layout-align-xl-space-around-stretch {
justify-content: space-around;
}
.layout-align-xl-space-between,
.layout-align-xl-space-between-center,
.layout-align-xl-space-between-start,
.layout-align-xl-space-between-end,
.layout-align-xl-space-between-stretch {
justify-content: space-between;
}
.layout-align-xl-start-start,
.layout-align-xl-center-start,
.layout-align-xl-end-start,
.layout-align-xl-space-between-start,
.layout-align-xl-space-around-start {
align-items: flex-start;
align-content: flex-start;
}
.layout-align-xl-start-center,
.layout-align-xl-center-center,
.layout-align-xl-end-center,
.layout-align-xl-space-between-center,
.layout-align-xl-space-around-center {
align-items: center;
align-content: center;
max-width: 100%;
}
.layout-align-xl-start-center > *,
.layout-align-xl-center-center > *,
.layout-align-xl-end-center > *,
.layout-align-xl-space-between-center > *,
.layout-align-xl-space-around-center > * {
max-width: 100%;
box-sizing: border-box;
}
.layout-align-xl-start-end,
.layout-align-xl-center-end,
.layout-align-xl-end-end,
.layout-align-xl-space-between-end,
.layout-align-xl-space-around-end {
align-items: flex-end;
align-content: flex-end;
}
.layout-align-xl-start-stretch,
.layout-align-xl-center-stretch,
.layout-align-xl-end-stretch,
.layout-align-xl-space-between-stretch,
.layout-align-xl-space-around-stretch {
align-items: stretch;
align-content: stretch;
}
.flex-xl {
flex: 1;
box-sizing: border-box;
}
.flex-xl-grow {
flex: 1 1 100%;
box-sizing: border-box;
}
.flex-xl-initial {
flex: 0 1 auto;
box-sizing: border-box;
}
.flex-xl-auto {
flex: 1 1 auto;
box-sizing: border-box;
}
.flex-xl-none {
flex: 0 0 auto;
box-sizing: border-box;
}
.flex-xl-noshrink {
flex: 1 0 auto;
box-sizing: border-box;
}
.flex-xl-nogrow {
flex: 0 1 auto;
box-sizing: border-box;
}
.flex-xl-0 {
flex: 1 1 100%;
max-width: 0%;
max-height: 100%;
box-sizing: border-box;
}
.layout-row > .flex-xl-0 {
flex: 1 1 100%;
max-width: 0%;
max-height: 100%;
box-sizing: border-box;
min-width: 0;
}
.layout-column > .flex-xl-0 {
flex: 1 1 100%;
max-width: 100%;
max-height: 0%;
box-sizing: border-box;
}
.layout-xl-row > .flex-xl-0 {
flex: 1 1 100%;
max-width: 0%;
max-height: 100%;
box-sizing: border-box;
min-width: 0;
}
.layout-xl-column > .flex-xl-0 {
flex: 1 1 100%;
max-width: 100%;
max-height: 0%;
box-sizing: border-box;
min-height: 0;
}
.flex-xl-5 {
flex: 1 1 100%;
max-width: 5%;
max-height: 100%;
box-sizing: border-box;
}
.layout-row > .flex-xl-5 {
flex: 1 1 100%;
max-width: 5%;
max-height: 100%;
box-sizing: border-box;
}
.layout-column > .flex-xl-5 {
flex: 1 1 100%;
max-width: 100%;
max-height: 5%;
box-sizing: border-box;
}
.layout-xl-row > .flex-xl-5 {
flex: 1 1 100%;
max-width: 5%;
max-height: 100%;
box-sizing: border-box;
}
.layout-xl-column > .flex-xl-5 {
flex: 1 1 100%;
max-width: 100%;
max-height: 5%;
box-sizing: border-box;
}
.flex-xl-10 {
flex: 1 1 100%;
max-width: 10%;
max-height: 100%;
box-sizing: border-box;
}
.layout-row > .flex-xl-10 {
flex: 1 1 100%;
max-width: 10%;
max-height: 100%;
box-sizing: border-box;
}
.layout-column > .flex-xl-10 {
flex: 1 1 100%;
max-width: 100%;
max-height: 10%;
box-sizing: border-box;
}
.layout-xl-row > .flex-xl-10 {
flex: 1 1 100%;
max-width: 10%;
max-height: 100%;
box-sizing: border-box;
}
.layout-xl-column > .flex-xl-10 {
flex: 1 1 100%;
max-width: 100%;
max-height: 10%;
box-sizing: border-box;
}
.flex-xl-15 {
flex: 1 1 100%;
max-width: 15%;
max-height: 100%;
box-sizing: border-box;
}
.layout-row > .flex-xl-15 {
flex: 1 1 100%;
max-width: 15%;
max-height: 100%;
box-sizing: border-box;
}
.layout-column > .flex-xl-15 {
flex: 1 1 100%;
max-width: 100%;
max-height: 15%;
box-sizing: border-box;
}
.layout-xl-row > .flex-xl-15 {
flex: 1 1 100%;
max-width: 15%;
max-height: 100%;
box-sizing: border-box;
}
.layout-xl-column > .flex-xl-15 {
flex: 1 1 100%;
max-width: 100%;
max-height: 15%;
box-sizing: border-box;
}
.flex-xl-20 {
flex: 1 1 100%;
max-width: 20%;
max-height: 100%;
box-sizing: border-box;
}
.layout-row > .flex-xl-20 {
flex: 1 1 100%;
max-width: 20%;
max-height: 100%;
box-sizing: border-box;
}
.layout-column > .flex-xl-20 {
flex: 1 1 100%;
max-width: 100%;
max-height: 20%;
box-sizing: border-box;
}
.layout-xl-row > .flex-xl-20 {
flex: 1 1 100%;
max-width: 20%;
max-height: 100%;
box-sizing: border-box;
}
.layout-xl-column > .flex-xl-20 {
flex: 1 1 100%;
max-width: 100%;
max-height: 20%;
box-sizing: border-box;
}
.flex-xl-25 {
flex: 1 1 100%;
max-width: 25%;
max-height: 100%;
box-sizing: border-box;
}
.layout-row > .flex-xl-25 {
flex: 1 1 100%;
max-width: 25%;
max-height: 100%;
box-sizing: border-box;
}
.layout-column > .flex-xl-25 {
flex: 1 1 100%;
max-width: 100%;
max-height: 25%;
box-sizing: border-box;
}
.layout-xl-row > .flex-xl-25 {
flex: 1 1 100%;
max-width: 25%;
max-height: 100%;
box-sizing: border-box;
}
.layout-xl-column > .flex-xl-25 {
flex: 1 1 100%;
max-width: 100%;
max-height: 25%;
box-sizing: border-box;
}
.flex-xl-30 {
flex: 1 1 100%;
max-width: 30%;
max-height: 100%;
box-sizing: border-box;
}
.layout-row > .flex-xl-30 {
flex: 1 1 100%;
max-width: 30%;
max-height: 100%;
box-sizing: border-box;
}
.layout-column > .flex-xl-30 {
flex: 1 1 100%;
max-width: 100%;
max-height: 30%;
box-sizing: border-box;
}
.layout-xl-row > .flex-xl-30 {
flex: 1 1 100%;
max-width: 30%;
max-height: 100%;
box-sizing: border-box;
}
.layout-xl-column > .flex-xl-30 {
flex: 1 1 100%;
max-width: 100%;
max-height: 30%;
box-sizing: border-box;
}
.flex-xl-35 {
flex: 1 1 100%;
max-width: 35%;
max-height: 100%;
box-sizing: border-box;
}
.layout-row > .flex-xl-35 {
flex: 1 1 100%;
max-width: 35%;
max-height: 100%;
box-sizing: border-box;
}
.layout-column > .flex-xl-35 {
flex: 1 1 100%;
max-width: 100%;
max-height: 35%;
box-sizing: border-box;
}
.layout-xl-row > .flex-xl-35 {
flex: 1 1 100%;
max-width: 35%;
max-height: 100%;
box-sizing: border-box;
}
.layout-xl-column > .flex-xl-35 {
flex: 1 1 100%;
max-width: 100%;
max-height: 35%;
box-sizing: border-box;
}
.flex-xl-40 {
flex: 1 1 100%;
max-width: 40%;
max-height: 100%;
box-sizing: border-box;
}
.layout-row > .flex-xl-40 {
flex: 1 1 100%;
max-width: 40%;
max-height: 100%;
box-sizing: border-box;
}
.layout-column > .flex-xl-40 {
flex: 1 1 100%;
max-width: 100%;
max-height: 40%;
box-sizing: border-box;
}
.layout-xl-row > .flex-xl-40 {
flex: 1 1 100%;
max-width: 40%;
max-height: 100%;
box-sizing: border-box;
}
.layout-xl-column > .flex-xl-40 {
flex: 1 1 100%;
max-width: 100%;
max-height: 40%;
box-sizing: border-box;
}
.flex-xl-45 {
flex: 1 1 100%;
max-width: 45%;
max-height: 100%;
box-sizing: border-box;
}
.layout-row > .flex-xl-45 {
flex: 1 1 100%;
max-width: 45%;
max-height: 100%;
box-sizing: border-box;
}
.layout-column > .flex-xl-45 {
flex: 1 1 100%;
max-width: 100%;
max-height: 45%;
box-sizing: border-box;
}
.layout-xl-row > .flex-xl-45 {
flex: 1 1 100%;
max-width: 45%;
max-height: 100%;
box-sizing: border-box;
}
.layout-xl-column > .flex-xl-45 {
flex: 1 1 100%;
max-width: 100%;
max-height: 45%;
box-sizing: border-box;
}
.flex-xl-50 {
flex: 1 1 100%;
max-width: 50%;
max-height: 100%;
box-sizing: border-box;
}
.layout-row > .flex-xl-50 {
flex: 1 1 100%;
max-width: 50%;
max-height: 100%;
box-sizing: border-box;
}
.layout-column > .flex-xl-50 {
flex: 1 1 100%;
max-width: 100%;
max-height: 50%;
box-sizing: border-box;
}
.layout-xl-row > .flex-xl-50 {
flex: 1 1 100%;
max-width: 50%;
max-height: 100%;
box-sizing: border-box;
}
.layout-xl-column > .flex-xl-50 {
flex: 1 1 100%;
max-width: 100%;
max-height: 50%;
box-sizing: border-box;
}
.flex-xl-55 {
flex: 1 1 100%;
max-width: 55%;
max-height: 100%;
box-sizing: border-box;
}
.layout-row > .flex-xl-55 {
flex: 1 1 100%;
max-width: 55%;
max-height: 100%;
box-sizing: border-box;
}
.layout-column > .flex-xl-55 {
flex: 1 1 100%;
max-width: 100%;
max-height: 55%;
box-sizing: border-box;
}
.layout-xl-row > .flex-xl-55 {
flex: 1 1 100%;
max-width: 55%;
max-height: 100%;
box-sizing: border-box;
}
.layout-xl-column > .flex-xl-55 {
flex: 1 1 100%;
max-width: 100%;
max-height: 55%;
box-sizing: border-box;
}
.flex-xl-60 {
flex: 1 1 100%;
max-width: 60%;
max-height: 100%;
box-sizing: border-box;
}
.layout-row > .flex-xl-60 {
flex: 1 1 100%;
max-width: 60%;
max-height: 100%;
box-sizing: border-box;
}
.layout-column > .flex-xl-60 {
flex: 1 1 100%;
max-width: 100%;
max-height: 60%;
box-sizing: border-box;
}
.layout-xl-row > .flex-xl-60 {
flex: 1 1 100%;
max-width: 60%;
max-height: 100%;
box-sizing: border-box;
}
.layout-xl-column > .flex-xl-60 {
flex: 1 1 100%;
max-width: 100%;
max-height: 60%;
box-sizing: border-box;
}
.flex-xl-65 {
flex: 1 1 100%;
max-width: 65%;
max-height: 100%;
box-sizing: border-box;
}
.layout-row > .flex-xl-65 {
flex: 1 1 100%;
max-width: 65%;
max-height: 100%;
box-sizing: border-box;
}
.layout-column > .flex-xl-65 {
flex: 1 1 100%;
max-width: 100%;
max-height: 65%;
box-sizing: border-box;
}
.layout-xl-row > .flex-xl-65 {
flex: 1 1 100%;
max-width: 65%;
max-height: 100%;
box-sizing: border-box;
}
.layout-xl-column > .flex-xl-65 {
flex: 1 1 100%;
max-width: 100%;
max-height: 65%;
box-sizing: border-box;
}
.flex-xl-70 {
flex: 1 1 100%;
max-width: 70%;
max-height: 100%;
box-sizing: border-box;
}
.layout-row > .flex-xl-70 {
flex: 1 1 100%;
max-width: 70%;
max-height: 100%;
box-sizing: border-box;
}
.layout-column > .flex-xl-70 {
flex: 1 1 100%;
max-width: 100%;
max-height: 70%;
box-sizing: border-box;
}
.layout-xl-row > .flex-xl-70 {
flex: 1 1 100%;
max-width: 70%;
max-height: 100%;
box-sizing: border-box;
}
.layout-xl-column > .flex-xl-70 {
flex: 1 1 100%;
max-width: 100%;
max-height: 70%;
box-sizing: border-box;
}
.flex-xl-75 {
flex: 1 1 100%;
max-width: 75%;
max-height: 100%;
box-sizing: border-box;
}
.layout-row > .flex-xl-75 {
flex: 1 1 100%;
max-width: 75%;
max-height: 100%;
box-sizing: border-box;
}
.layout-column > .flex-xl-75 {
flex: 1 1 100%;
max-width: 100%;
max-height: 75%;
box-sizing: border-box;
}
.layout-xl-row > .flex-xl-75 {
flex: 1 1 100%;
max-width: 75%;
max-height: 100%;
box-sizing: border-box;
}
.layout-xl-column > .flex-xl-75 {
flex: 1 1 100%;
max-width: 100%;
max-height: 75%;
box-sizing: border-box;
}
.flex-xl-80 {
flex: 1 1 100%;
max-width: 80%;
max-height: 100%;
box-sizing: border-box;
}
.layout-row > .flex-xl-80 {
flex: 1 1 100%;
max-width: 80%;
max-height: 100%;
box-sizing: border-box;
}
.layout-column > .flex-xl-80 {
flex: 1 1 100%;
max-width: 100%;
max-height: 80%;
box-sizing: border-box;
}
.layout-xl-row > .flex-xl-80 {
flex: 1 1 100%;
max-width: 80%;
max-height: 100%;
box-sizing: border-box;
}
.layout-xl-column > .flex-xl-80 {
flex: 1 1 100%;
max-width: 100%;
max-height: 80%;
box-sizing: border-box;
}
.flex-xl-85 {
flex: 1 1 100%;
max-width: 85%;
max-height: 100%;
box-sizing: border-box;
}
.layout-row > .flex-xl-85 {
flex: 1 1 100%;
max-width: 85%;
max-height: 100%;
box-sizing: border-box;
}
.layout-column > .flex-xl-85 {
flex: 1 1 100%;
max-width: 100%;
max-height: 85%;
box-sizing: border-box;
}
.layout-xl-row > .flex-xl-85 {
flex: 1 1 100%;
max-width: 85%;
max-height: 100%;
box-sizing: border-box;
}
.layout-xl-column > .flex-xl-85 {
flex: 1 1 100%;
max-width: 100%;
max-height: 85%;
box-sizing: border-box;
}
.flex-xl-90 {
flex: 1 1 100%;
max-width: 90%;
max-height: 100%;
box-sizing: border-box;
}
.layout-row > .flex-xl-90 {
flex: 1 1 100%;
max-width: 90%;
max-height: 100%;
box-sizing: border-box;
}
.layout-column > .flex-xl-90 {
flex: 1 1 100%;
max-width: 100%;
max-height: 90%;
box-sizing: border-box;
}
.layout-xl-row > .flex-xl-90 {
flex: 1 1 100%;
max-width: 90%;
max-height: 100%;
box-sizing: border-box;
}
.layout-xl-column > .flex-xl-90 {
flex: 1 1 100%;
max-width: 100%;
max-height: 90%;
box-sizing: border-box;
}
.flex-xl-95 {
flex: 1 1 100%;
max-width: 95%;
max-height: 100%;
box-sizing: border-box;
}
.layout-row > .flex-xl-95 {
flex: 1 1 100%;
max-width: 95%;
max-height: 100%;
box-sizing: border-box;
}
.layout-column > .flex-xl-95 {
flex: 1 1 100%;
max-width: 100%;
max-height: 95%;
box-sizing: border-box;
}
.layout-xl-row > .flex-xl-95 {
flex: 1 1 100%;
max-width: 95%;
max-height: 100%;
box-sizing: border-box;
}
.layout-xl-column > .flex-xl-95 {
flex: 1 1 100%;
max-width: 100%;
max-height: 95%;
box-sizing: border-box;
}
.flex-xl-100 {
flex: 1 1 100%;
max-width: 100%;
max-height: 100%;
box-sizing: border-box;
}
.layout-row > .flex-xl-100 {
flex: 1 1 100%;
max-width: 100%;
max-height: 100%;
box-sizing: border-box;
}
.layout-column > .flex-xl-100 {
flex: 1 1 100%;
max-width: 100%;
max-height: 100%;
box-sizing: border-box;
}
.layout-xl-row > .flex-xl-100 {
flex: 1 1 100%;
max-width: 100%;
max-height: 100%;
box-sizing: border-box;
}
.layout-xl-column > .flex-xl-100 {
flex: 1 1 100%;
max-width: 100%;
max-height: 100%;
box-sizing: border-box;
}
.layout-row > .flex-xl-33 {
flex: 1 1 33.33%;
max-width: 33.33%;
max-height: 100%;
box-sizing: border-box;
}
.layout-row > .flex-xl-66 {
flex: 1 1 66.66%;
max-width: 66.66%;
max-height: 100%;
box-sizing: border-box;
}
.layout-column > .flex-xl-33 {
flex: 1 1 33.33%;
max-width: 100%;
max-height: 33.33%;
box-sizing: border-box;
}
.layout-column > .flex-xl-66 {
flex: 1 1 66.66%;
max-width: 100%;
max-height: 66.66%;
box-sizing: border-box;
}
.layout-xl-row > .flex-xl-33 {
flex: 1 1 100%;
max-width: 33.33%;
max-height: 100%;
box-sizing: border-box;
}
.layout-xl-row > .flex-xl-66 {
flex: 1 1 100%;
max-width: 66.66%;
max-height: 100%;
box-sizing: border-box;
}
.layout-xl-row > .flex {
min-width: 0;
}
.layout-xl-column > .flex-xl-33 {
flex: 1 1 100%;
max-width: 100%;
max-height: 33.33%;
box-sizing: border-box;
}
.layout-xl-column > .flex-xl-66 {
flex: 1 1 100%;
max-width: 100%;
max-height: 66.66%;
box-sizing: border-box;
}
.layout-xl-column > .flex {
min-height: 0;
}
.layout-xl, .layout-xl-column, .layout-xl-row {
box-sizing: border-box;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
}
.layout-xl-column {
flex-direction: column;
}
.layout-xl-row {
flex-direction: row;
}
.hide:not(.show-gt-xs):not(.show-gt-sm):not(.show-gt-md):not(.show-gt-lg):not(.show-xl):not(.show), .hide-gt-xs:not(.show-gt-xs):not(.show-gt-sm):not(.show-gt-md):not(.show-gt-lg):not(.show-xl):not(.show), .hide-gt-sm:not(.show-gt-xs):not(.show-gt-sm):not(.show-gt-md):not(.show-gt-lg):not(.show-xl):not(.show), .hide-gt-md:not(.show-gt-xs):not(.show-gt-sm):not(.show-gt-md):not(.show-gt-lg):not(.show-xl):not(.show), .hide-gt-lg:not(.show-gt-xs):not(.show-gt-sm):not(.show-gt-md):not(.show-gt-lg):not(.show-xl):not(.show) {
display: none;
}
.hide-xl:not(.show-xl):not(.show-gt-lg):not(.show-gt-md):not(.show-gt-sm):not(.show-gt-xs):not(.show) {
display: none;
}
}
@media print {
.hide-print:not(.show-print):not(.show) {
display: none !important;
}
}
.md-open-menu-container {
position: fixed;
left: 0;
top: 0;
z-index: 100;
opacity: 0;
border-radius: 2px;
max-height: calc(100vh - 10px);
overflow: auto;
}
.md-open-menu-container md-menu-divider {
margin-top: 4px;
margin-bottom: 4px;
height: 1px;
min-height: 1px;
max-height: 1px;
width: 100%;
}
.md-open-menu-container md-menu-content > * {
opacity: 0;
}
.md-open-menu-container:not(.md-clickable) {
pointer-events: none;
}
.md-open-menu-container.md-active {
opacity: 1;
transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
transition-duration: 200ms;
}
.md-open-menu-container.md-active > md-menu-content > * {
opacity: 1;
transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
transition-duration: 200ms;
transition-delay: 100ms;
}
.md-open-menu-container.md-leave {
opacity: 0;
transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
transition-duration: 250ms;
}
md-menu-content {
display: flex;
flex-direction: column;
padding: 8px 0;
max-height: 304px;
overflow-y: auto;
}
md-menu-content.md-dense {
max-height: 208px;
}
md-menu-content.md-dense md-menu-item {
height: 32px;
min-height: 32px;
}
md-menu-item {
display: flex;
flex-direction: row;
min-height: 48px;
height: 48px;
align-content: center;
justify-content: flex-start;
/*
* We cannot use flex on