/* * Normalize */ /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */ /** * 1. Set default font family to sans-serif. * 2. Prevent iOS and IE text size adjust after device orientation change, * without disabling user zoom. */ html { font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ } /** * Remove default margin. */ body { margin: 0; } /* HTML5 display definitions ========================================================================== */ /** * Correct `block` display not defined for any HTML5 element in IE 8/9. * Correct `block` display not defined for `details` or `summary` in IE 10/11 * and Firefox. * Correct `block` display not defined for `main` in IE 11. */ article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } /** * 1. Correct `inline-block` display not defined in IE 8/9. * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. */ audio, canvas, progress, video { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ } /** * Prevent modern browsers from displaying `audio` without controls. * Remove excess height in iOS 5 devices. */ audio:not([controls]) { display: none; height: 0; } /** * Address `[hidden]` styling not present in IE 8/9/10. * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22. */ [hidden], template { display: none; } /* Links ========================================================================== */ /** * Remove the gray background color from active links in IE 10. */ a { background-color: transparent; } /** * Improve readability of focused elements when they are also in an * active/hover state. */ a:active, a:hover { outline: 0; } /* Text-level semantics ========================================================================== */ /** * Address styling not present in IE 8/9/10/11, Safari, and Chrome. */ abbr[title] { border-bottom: 1px dotted; } /** * Address style set to `bolder` in Firefox 4+, Safari, and Chrome. */ b, strong { font-weight: bold; } /** * Address styling not present in Safari and Chrome. */ dfn { font-style: italic; } /** * Address variable `h1` font-size and margin within `section` and `article` * contexts in Firefox 4+, Safari, and Chrome. */ h1 { font-size: 2em; margin: 0.67em 0; } /** * Address styling not present in IE 8/9. */ mark { background: #ff0; color: #000; } /** * Address inconsistent and variable font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` affecting `line-height` in all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } /* Embedded content ========================================================================== */ /** * Remove border when inside `a` element in IE 8/9/10. */ img { border: 0; } /** * Correct overflow not hidden in IE 9/10/11. */ svg:not(:root) { overflow: hidden; } /* Grouping content ========================================================================== */ /** * Address margin not present in IE 8/9 and Safari. */ figure { margin: 1em 40px; } /** * Address differences between Firefox and other browsers. */ hr { box-sizing: content-box; height: 0; } /** * Contain overflow in all browsers. */ pre { overflow: auto; } /** * Address odd `em`-unit font size rendering in all browsers. */ code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } /* Forms ========================================================================== */ /** * Known limitation: by default, Chrome and Safari on OS X allow very limited * styling of `select`, unless a `border` property is set. */ /** * 1. Correct color not being inherited. * Known issue: affects color of disabled elements. * 2. Correct font properties not being inherited. * 3. Address margins set differently in Firefox 4+, Safari, and Chrome. */ button, input, optgroup, select, textarea { color: inherit; /* 1 */ font: inherit; /* 2 */ margin: 0; /* 3 */ } /** * Address `overflow` set to `hidden` in IE 8/9/10/11. */ button { overflow: visible; } /** * Address inconsistent `text-transform` inheritance for `button` and `select`. * All other form control elements do not inherit `text-transform` values. * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera. * Correct `select` style inheritance in Firefox. */ button, select { text-transform: none; } /** * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` * and `video` controls. * 2. Correct inability to style clickable `input` types in iOS. * 3. Improve usability and consistency of cursor style between image-type * `input` and others. */ button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ } /** * Re-set default cursor for disabled elements. */ button[disabled], html input[disabled] { cursor: default; } /** * Remove inner padding and border in Firefox 4+. */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /** * Address Firefox 4+ setting `line-height` on `input` using `!important` in * the UA stylesheet. */ input { line-height: normal; } /** * It's recommended that you don't attempt to style these elements. * Firefox's implementation doesn't respect box-sizing, padding, or width. * * 1. Address box sizing set to `content-box` in IE 8/9/10. * 2. Remove excess padding in IE 8/9/10. */ input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Fix the cursor style for Chrome's increment/decrement buttons. For certain * `font-size` values of the `input`, it causes the cursor style of the * decrement button to change from `default` to `text`. */ input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } /** * 1. Address `appearance` set to `searchfield` in Safari and Chrome. * 2. Address `box-sizing` set to `border-box` in Safari and Chrome. */ input[type="search"] { -webkit-appearance: textfield; /* 1 */ box-sizing: content-box; /* 2 */ } /** * Remove inner padding and search cancel button in Safari and Chrome on OS X. * Safari (but not Chrome) clips the cancel button when the search input has * padding (and `textfield` appearance). */ input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * Define consistent border, margin, and padding. */ fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } /** * 1. Correct `color` not being inherited in IE 8/9/10/11. * 2. Remove padding so people aren't caught out if they zero out fieldsets. */ legend { border: 0; /* 1 */ padding: 0; /* 2 */ } /** * Remove default vertical scrollbar in IE 8/9/10/11. */ textarea { overflow: auto; } /** * Don't inherit the `font-weight` (applied by a rule above). * NOTE: the default cannot safely be changed in Chrome and Safari on OS X. */ optgroup { font-weight: bold; } /* Tables ========================================================================== */ /** * Remove most spacing between table cells. */ table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } /* * Base */ /* * Global */ /* * Definitions */ /* * Root Size */ :root { font-size: 10px; } @media (min-width: 1680px) { } @media (min-width: 1280px) and (max-width: 1679px) { } @media (min-width: 1024px) and (max-width: 1279px) { } @media (min-width: 768px) and (max-width: 1023px) { } @media (max-width: 767px) { } /* * Definitions */ /* * Body */ html * { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } *, *:before, *:after { box-sizing: border-box; } :focus { outline: 0; } html { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); height: 100%; } body { font-family: "Open Sans", Helvetica, Arial, sans-serif; font-weight: 400; color: #0A1535; line-height: 1.5; letter-spacing: 0.03rem; background: #FFFFFF; height: 100%; } /* * Colors */ /* * Fonts */ @font-face { font-family: 'ubaristi'; src: url(ubaristi.b44bf438ea6f4358e347.eot); src: url(ubaristi.b44bf438ea6f4358e347.eot?#iefix) format('embedded-opentype'), url(ubaristi.1d5fef3173e811c80327.svg#icon) format('svg'), url(data:application/font-woff;base64,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) format('woff'), url(data:application/x-font-ttf;base64,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) format('truetype'), url(ubaristi.1d5fef3173e811c80327.svg#icon) format('svg'); font-weight: normal; font-style: normal; } /* * Definitions */ /* * Link */ a { color: #2F478B; text-decoration: none; transition: color 0.2s ease-in-out; cursor: pointer; } a:not(.button):hover, a:not(.button):focus { color: #0A1535; text-decoration: none; } /* * Definitions */ /* * Image */ img { vertical-align: bottom; } img.rounded { border-radius: 8px; } img.circle { border-radius: 50%; } img.responsive { width: 100%; height: auto; } /* * Breakpoints */ /* * Media Queries */ /* * Definitions */ /* * Print */ @page { size: A4; margin: 1.5cm 2cm; } @media print { *, *:before, *:after { background: transparent !important; color: #000000 !important; box-shadow: none !important; text-shadow: none !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: '("attr(href)")'; } a[href^="#"]:after { content: ''; } abbr[title]:after { content: '("attr(title)")'; } pre, blockquote { border: 1px solid #999999; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } table { border-collapse: collapse !important; } table td, table th { background-color: #FFFFFF !important; } } /* * Typography */ h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child, p:first-child, dl:first-child, dd:first-child, dt:first-child, ul > li:first-child, ol > li:first-child { margin-top: 0; } h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, h6:last-child, p:last-child, dl:last-child, dd:last-child, dt:last-child, ul > li:last-child, ol > li:last-child { margin-bottom: 0; } /* * Definitions */ /* * Headings */ h1, h2, h3, h4, h5, h6 { margin: 0 0 1em 0; padding: 0; font-family: "Open Sans", Helvetica, Arial, sans-serif; font-weight: 500; color: #C6CBD4; line-height: 1.35; } h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { font-family: "Open Sans", Helvetica, Arial, sans-serif; font-weight: 500; font-size: 0.6em; color: #CED0D6; } h1 { font-size: 2rem; } h2 { font-size: 2.4rem; } h3 { font-size: 2rem; } h4 { font-size: 1.8rem; } h5 { font-size: 1.6rem; } h6 { font-size: 1.4rem; } /* * Definitions */ /* * Paragraph */ p { margin: 2rem 0; font-family: "Open Sans", Helvetica, Arial, sans-serif; font-weight: 400; font-size: 1.6rem; color: #0A1535; line-height: 1.5; } /* * Definitions */ /* * Lead */ .lead { margin: 0 0 2rem 0; font-family: "Open Sans", Helvetica, Arial, sans-serif; font-weight: 300; font-size: 1.8rem; color: #0A1535; line-height: 1.5; } /* * Definitions */ /* * Strong */ strong { font-family: "Open Sans", Helvetica, Arial, sans-serif; font-weight: 700; } /* * Definitions */ /* * Emphasis */ em { font-style: italic; } /* * Definitions */ /* * Horizontal Rule */ hr { clear: both; margin: 3rem auto; border: 0; height: 1px; background: #E5E8EC; } /* * Definitions */ /* * Blockquote */ blockquote { margin: 3rem 0; padding: 0 2rem; font-family: "Open Sans", Helvetica, Arial, sans-serif; font-weight: 300; font-size: 1.8rem; font-style: normal; line-height: 1.5; color: #0A1535; } blockquote p { margin: 0; font-family: inherit; font-weight: inherit; font-size: inherit; font-style: inherit; line-height: inherit; color: inherit; } blockquote cite { display: block; margin: 1rem 0; font-family: "Open Sans", Helvetica, Arial, sans-serif; font-size: 1.6rem; font-style: normal; color: #0A1535; text-align: left; } /* * Definitions */ /* * Pullout */ .pullout { margin: 3rem 0; padding: 0 2rem; font-family: "Open Sans", Helvetica, Arial, sans-serif; font-weight: 300; font-size: 1.8rem; color: #0A1535; border: solid #2F478B; border-width: 0 0 0 0.4rem; } /* * Definitions */ /* * Lists */ ul, ol { margin: 2rem 0; padding: 0; } ul li, ol li { margin: 1rem 0 1rem 2rem; padding: 0 0 0 0.5rem; font-family: "Open Sans", Helvetica, Arial, sans-serif; font-weight: 400; font-size: 1.6rem; color: #0A1535; line-height: 1.5; } ul li ul, ol li ul { margin: 1rem 0; padding: 0; } ul li ul li, ol li ul li { margin: 1rem 0 1rem 2rem; } ul { list-style: disc; } ul li ul { list-style: disc; } .list-unstyled { list-style: none; } .list-unstyled li { margin-left: 0; } .list-inline li { display: inline-block; } /* * Definitions */ /* * Definition List */ dl { margin: 2rem 0; padding: 0; } dt { margin: 1rem 0; font-family: "Open Sans", Helvetica, Arial, sans-serif; font-weight: 600; font-size: 1.6rem; color: #0A1535; } dd { margin: 0 0 2rem 0; font-family: "Open Sans", Helvetica, Arial, sans-serif; font-weight: 400; font-size: 1.6rem; color: #0A1535; } /* * Definitions */ /* * Code */ code { font-family: Monaco, Menlo, Consolas, "Courier New", monospace; font-weight: normal; font-size: 1.2rem; color: #8B008B; } /* * Definitions */ /* * Code */ pre { margin: 2rem 0; padding: 1rem; overflow: auto; color: #0A1535; direction: ltr; text-align: left; white-space: pre; word-spacing: normal; word-break: normal; -moz-tab-size: 4; -o-tab-size: 4; tab-size: 4; -webkit-hyphens: none; -ms-hyphens: none; hyphens: none; background: #FAFAFC; border: 1px solid #E5E8EC; } pre code { color: #8B008B; } /* * Definitions */ /* * Kbd */ kbd { margin: 0 0.5rem; padding: 0.4rem; font-family: Monaco, Menlo, Consolas, "Courier New", monospace; font-weight: normal; font-size: 1.2rem; color: #8B008B; background: #FAFAFC; border: 1px solid #E5E8EC; } /* * Definitions */ /* * mark */ mark { margin: 0; padding: 0.3rem 0.6rem; font-family: "Open Sans", Helvetica, Arial, sans-serif; font-weight: 400; font-size: 1.6rem; color: #0A1535; background: yellow; border: none; border-radius: 4px; } mark.error { color: #FFFFFF; background: #FF5B5D; border: none; } mark.warning { color: #FFFFFF; background: #F5A623; border: none; } mark.success { color: #FFFFFF; background: #7ED321; border: none; } mark.info { color: #FFFFFF; background: #1E90FF; border: none; } /* * Fonticons */ .icon--dashboard:before { content: "\E906"; font-family: 'ubaristi'; font-size: 1.4rem; line-height: 1.35; font-weight: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; margin-right: 0.25em; text-indent: 0; } .icon--offers:before { content: "\E90C"; font-family: 'ubaristi'; font-size: 1.4rem; line-height: 1.35; font-weight: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; margin-right: 0.25em; text-indent: 0; } .icon--preparation:before { content: "\E913"; font-family: 'ubaristi'; font-size: 1.4rem; line-height: 1.35; font-weight: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; margin-right: 0.25em; text-indent: 0; } .icon--orders:before { content: "\E90F"; font-family: 'ubaristi'; font-size: 1.4rem; line-height: 1.35; font-weight: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; margin-right: 0.25em; text-indent: 0; } .icon--archive:before { content: "\E900"; font-family: 'ubaristi'; font-size: 1.4rem; line-height: 1.35; font-weight: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; margin-right: 0.25em; text-indent: 0; } .icon--gear:before { content: "\E909"; font-family: 'ubaristi'; font-size: 1.4rem; line-height: 1.35; font-weight: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; margin-right: 0.25em; text-indent: 0; } .icon--logout:before { content: "\E90B"; font-family: 'ubaristi'; font-size: 1.4rem; line-height: 1.35; font-weight: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; margin-right: 0.25em; text-indent: 0; } .icon--plus:before { content: "\E912"; font-family: 'ubaristi'; font-size: 1.4rem; line-height: 1.35; font-weight: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; margin-right: 0.25em; text-indent: 0; } .icon--paperclip:before { content: "\E910"; font-family: 'ubaristi'; font-size: 1.4rem; line-height: 1.35; font-weight: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; margin-right: 0.25em; text-indent: 0; } .icon--eye:before { content: "\E908"; font-family: 'ubaristi'; font-size: 1.4rem; line-height: 1.35; font-weight: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; margin-right: 0.25em; text-indent: 0; } .icon--edit:before { content: "\E907"; font-family: 'ubaristi'; font-size: 1.4rem; line-height: 1.35; font-weight: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; margin-right: 0.25em; text-indent: 0; } .icon--trash:before { content: "\E914"; font-family: 'ubaristi'; font-size: 1.4rem; line-height: 1.35; font-weight: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; margin-right: 0.25em; text-indent: 0; } .icon--arrow:before { content: "\E901"; font-family: 'ubaristi'; font-size: 1.4rem; line-height: 1.35; font-weight: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; margin-right: 0.25em; text-indent: 0; } .icon--sort:before { content: "\E91A"; font-family: 'ubaristi'; font-size: 1.4rem; line-height: 1.35; font-weight: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; margin-right: 0.25em; text-indent: 0; } /* * Grid */ /* * Definitions */ /* * Container */ .container { position: relative; margin: 0 auto; width: 100%; *zoom: 1; padding-left: 1.5rem; padding-right: 1.5rem; } .container:before, .container:after { content: " "; display: table; } .container:after { clear: both; } .container:before, .container:after { content: " "; display: table; } .container:after { clear: both; } @media (min-width: 1680px) { } @media (min-width: 1280px) and (max-width: 1679px) { } @media (min-width: 1024px) and (max-width: 1279px) { } @media (min-width: 768px) and (max-width: 1023px) { } @media (max-width: 767px) { } /* * Row */ .row { margin-left: -1.5rem; margin-right: -1.5rem; *zoom: 1; } .row:before, .row:after { content: " "; display: table; } .row:after { clear: both; } .row:before, .row:after { content: " "; display: table; } .row:after { clear: both; } .row.no-gutter { margin-left: 0; margin-right: 0; } @media (min-width: 1680px) { .row { margin-left: -1.5rem; margin-right: -1.5rem; } .row.no-gutter-xlarge { margin-left: 0; margin-right: 0; } } @media (min-width: 1280px) and (max-width: 1679px) { .row { margin-left: -1.5rem; margin-right: -1.5rem; } .row.no-gutter-large { margin-left: 0; margin-right: 0; } } @media (min-width: 1024px) and (max-width: 1279px) { .row { margin-left: -1.5rem; margin-right: -1.5rem; } .row.no-gutter-medium { margin-left: 0; margin-right: 0; } } @media (min-width: 768px) and (max-width: 1023px) { .row { margin-left: -1.5rem; margin-right: -1.5rem; } .row.no-gutter-small { margin-left: 0; margin-right: 0; } } @media (max-width: 767px) { .row { margin-left: -1.5rem; margin-right: -1.5rem; } .row.no-gutter-xsmall { margin-left: 0; margin-right: 0; } } /* * Definitions */ /* * Gutter */ .no-gutter { padding: 0 !important; } .gutter-top { padding-top: 3rem !important; } .gutter-bottom { padding-bottom: 3rem !important; } .gutter-left { padding-left: 1.5rem !important; } .gutter-right { padding-right: 1.5rem !important; } @media (min-width: 1680px) { .no-gutter-xlarge { padding: 0 !important; } .gutter-top { padding-top: 3rem !important; } .gutter-bottom { padding-bottom: 3rem !important; } .gutter-left { padding-left: 1.5rem !important; } .gutter-right { padding-right: 1.5rem !important; } } @media (min-width: 1280px) and (max-width: 1679px) { .no-gutter-large { padding: 0 !important; } .gutter-top { padding-top: 3rem !important; } .gutter-bottom { padding-bottom: 3rem !important; } .gutter-left { padding-left: 1.5rem !important; } .gutter-right { padding-right: 1.5rem !important; } } @media (min-width: 1024px) and (max-width: 1279px) { .no-gutter-medium { padding: 0 !important; } .gutter-top { padding-top: 3rem !important; } .gutter-bottom { padding-bottom: 3rem !important; } .gutter-left { padding-left: 1.5rem !important; } .gutter-right { padding-right: 1.5rem !important; } } @media (min-width: 768px) and (max-width: 1023px) { .no-gutter-small { padding: 0 !important; } .gutter-top { padding-top: 3rem !important; } .gutter-bottom { padding-bottom: 3rem !important; } .gutter-left { padding-left: 1.5rem !important; } .gutter-right { padding-right: 1.5rem !important; } } @media (max-width: 767px) { .no-gutter-xsmall { padding: 0 !important; } .gutter-top { padding-top: 3rem !important; } .gutter-bottom { padding-bottom: 3rem !important; } .gutter-left { padding-left: 1.5rem !important; } .gutter-right { padding-right: 1.5rem !important; } } /* * Definitions */ /* * Columns */ [class*='column-'] { float: left; position: relative; min-height: 1px; padding-left: 1.5rem; padding-right: 1.5rem; } [class*='column-'].column-center { float: none; margin-left: auto; margin-right: auto; } @media (min-width: 1680px) { } @media (min-width: 1280px) and (max-width: 1679px) { } @media (min-width: 1024px) and (max-width: 1279px) { } @media (min-width: 768px) and (max-width: 1023px) { } @media (max-width: 767px) { } /* * Column Classes */ .column-1 { width: 100%; } .column-1-2, .column-2-4, .column-3-6, .column-4-8, .column-5-10, .column-6-12 { width: 50%; } .column-1-3, .column-2-6, .column-3-9, .column-4-12 { width: 33.3333%; } .column-2-3, .column-4-6, .column-6-9, .column-8-12 { width: 66.6666%; } .column-1-4, .column-2-8, .column-3-12 { width: 25%; } .column-3-4, .column-6-8, .column-9-12 { width: 75%; } .column-1-5, .column-2-10 { width: 20%; } .column-2-5, .column-4-10 { width: 40%; } .column-3-5, .column-6-10 { width: 60%; } .column-4-5, .column-8-10 { width: 80%; } .column-1-6, .column-2-12 { width: 16.6667%; } .column-5-6 { width: 83.3335%; } .column-1-7 { width: 14.2857%; } .column-2-7 { width: 28.5714%; } .column-3-7 { width: 42.8571%; } .column-4-7 { width: 57.1428%; } .column-5-7 { width: 71.4285%; } .column-6-7 { width: 85.7142%; } .column-1-8 { width: 12.5%; } .column-3-8 { width: 37.5%; } .column-5-8 { width: 62.5%; } .column-7-8 { width: 87.5%; } .column-1-9 { width: 11.1111%; } .column-2-9 { width: 22.2222%; } .column-4-9 { width: 44.4444%; } .column-5-9 { width: 55.5555%; } .column-7-9 { width: 77.7777%; } .column-8-9 { width: 88.8888%; } .column-1-10 { width: 10%; } .column-3-10 { width: 30%; } .column-7-10 { width: 70%; } .column-9-10 { width: 90%; } .column-1-11 { width: 9.0909%; } .column-2-11 { width: 18.1818%; } .column-3-11 { width: 27.2727%; } .column-4-11 { width: 36.3636%; } .column-5-11 { width: 45.4545%; } .column-6-11 { width: 54.5454%; } .column-7-11 { width: 63.6363%; } .column-8-11 { width: 72.7272%; } .column-9-11 { width: 81.8181%; } .column-10-11 { width: 90.909%; } .column-1-12 { width: 8.3333%; } .column-5-12 { width: 41.6665%; } .column-7-12 { width: 58.3331%; } .column-10-12 { width: 83.333%; } .column-11-12 { width: 91.6663%; } /* * Column Extra Large Classes */ @media (min-width: 1680px) { .column-xlarge-1 { width: 100%; } .column-xlarge-1-2, .column-xlarge-2-4, .column-xlarge-3-6, .column-xlarge-4-8, .column-xlarge-5-10, .column-xlarge-6-12 { width: 50%; } .column-xlarge-1-3, .column-xlarge-2-6, .column-xlarge-3-9, .column-xlarge-4-12 { width: 33.3333%; } .column-xlarge-2-3, .column-xlarge-4-6, .column-xlarge-6-9, .column-xlarge-8-12 { width: 66.6666%; } .column-xlarge-1-4, .column-xlarge-2-8, .column-xlarge-3-12 { width: 25%; } .column-xlarge-3-4, .column-xlarge-6-8, .column-xlarge-9-12 { width: 75%; } .column-xlarge-1-5, .column-xlarge-2-10 { width: 20%; } .column-xlarge-2-5, .column-xlarge-4-10 { width: 40%; } .column-xlarge-3-5, .column-xlarge-6-10 { width: 60%; } .column-xlarge-4-5, .column-xlarge-8-10 { width: 80%; } .column-xlarge-1-6, .column-xlarge-2-12 { width: 16.6667%; } .column-xlarge-5-6 { width: 83.3335%; } .column-xlarge-1-7 { width: 14.2857%; } .column-xlarge-2-7 { width: 28.5714%; } .column-xlarge-3-7 { width: 42.8571%; } .column-xlarge-4-7 { width: 57.1428%; } .column-xlarge-5-7 { width: 71.4285%; } .column-xlarge-6-7 { width: 85.7142%; } .column-xlarge-1-8 { width: 12.5%; } .column-xlarge-3-8 { width: 37.5%; } .column-xlarge-5-8 { width: 62.5%; } .column-xlarge-7-8 { width: 87.5%; } .column-xlarge-1-9 { width: 11.1111%; } .column-xlarge-2-9 { width: 22.2222%; } .column-xlarge-4-9 { width: 44.4444%; } .column-xlarge-5-9 { width: 55.5555%; } .column-xlarge-7-9 { width: 77.7777%; } .column-xlarge-8-9 { width: 88.8888%; } .column-xlarge-1-10 { width: 10%; } .column-xlarge-3-10 { width: 30%; } .column-xlarge-7-10 { width: 70%; } .column-xlarge-9-10 { width: 90%; } .column-xlarge-1-11 { width: 9.0909%; } .column-xlarge-2-11 { width: 18.1818%; } .column-xlarge-3-11 { width: 27.2727%; } .column-xlarge-4-11 { width: 36.3636%; } .column-xlarge-5-11 { width: 45.4545%; } .column-xlarge-6-11 { width: 54.5454%; } .column-xlarge-7-11 { width: 63.6363%; } .column-xlarge-8-11 { width: 72.7272%; } .column-xlarge-9-11 { width: 81.8181%; } .column-xlarge-10-11 { width: 90.909%; } .column-xlarge-1-12 { width: 8.3333%; } .column-xlarge-5-12 { width: 41.6665%; } .column-xlarge-7-12 { width: 58.3331%; } .column-xlarge-10-12 { width: 83.333%; } .column-xlarge-11-12 { width: 91.6663%; } } /* * Column Large Classes */ @media (min-width: 1280px) and (max-width: 1679px) { .column-large-1 { width: 100%; } .column-large-1-2, .column-large-2-4, .column-large-3-6, .column-large-4-8, .column-large-5-10, .column-large-6-12 { width: 50%; } .column-large-1-3, .column-large-2-6, .column-large-3-9, .column-large-4-12 { width: 33.3333%; } .column-large-2-3, .column-large-4-6, .column-large-6-9, .column-large-8-12 { width: 66.6666%; } .column-large-1-4, .column-large-2-8, .column-large-3-12 { width: 25%; } .column-large-3-4, .column-large-6-8, .column-large-9-12 { width: 75%; } .column-large-1-5, .column-large-2-10 { width: 20%; } .column-large-2-5, .column-large-4-10 { width: 40%; } .column-large-3-5, .column-large-6-10 { width: 60%; } .column-large-4-5, .column-large-8-10 { width: 80%; } .column-large-1-6, .column-large-2-12 { width: 16.6667%; } .column-large-5-6 { width: 83.3335%; } .column-large-1-7 { width: 14.2857%; } .column-large-2-7 { width: 28.5714%; } .column-large-3-7 { width: 42.8571%; } .column-large-4-7 { width: 57.1428%; } .column-large-5-7 { width: 71.4285%; } .column-large-6-7 { width: 85.7142%; } .column-large-1-8 { width: 12.5%; } .column-large-3-8 { width: 37.5%; } .column-large-5-8 { width: 62.5%; } .column-large-7-8 { width: 87.5%; } .column-large-1-9 { width: 11.1111%; } .column-large-2-9 { width: 22.2222%; } .column-large-4-9 { width: 44.4444%; } .column-large-5-9 { width: 55.5555%; } .column-large-7-9 { width: 77.7777%; } .column-large-8-9 { width: 88.8888%; } .column-large-1-10 { width: 10%; } .column-large-3-10 { width: 30%; } .column-large-7-10 { width: 70%; } .column-large-9-10 { width: 90%; } .column-large-1-11 { width: 9.0909%; } .column-large-2-11 { width: 18.1818%; } .column-large-3-11 { width: 27.2727%; } .column-large-4-11 { width: 36.3636%; } .column-large-5-11 { width: 45.4545%; } .column-large-6-11 { width: 54.5454%; } .column-large-7-11 { width: 63.6363%; } .column-large-8-11 { width: 72.7272%; } .column-large-9-11 { width: 81.8181%; } .column-large-10-11 { width: 90.909%; } .column-large-1-12 { width: 8.3333%; } .column-large-5-12 { width: 41.6665%; } .column-large-7-12 { width: 58.3331%; } .column-large-10-12 { width: 83.333%; } .column-large-11-12 { width: 91.6663%; } } /* * Column Medium Classes */ @media (min-width: 1024px) and (max-width: 1279px) { .column-medium-1 { width: 100%; } .column-medium-1-2, .column-medium-2-4, .column-medium-3-6, .column-medium-4-8, .column-medium-5-10, .column-medium-6-12 { width: 50%; } .column-medium-1-3, .column-medium-2-6, .column-medium-3-9, .column-medium-4-12 { width: 33.3333%; } .column-medium-2-3, .column-medium-4-6, .column-medium-6-9, .column-medium-8-12 { width: 66.6666%; } .column-medium-1-4, .column-medium-2-8, .column-medium-3-12 { width: 25%; } .column-medium-3-4, .column-medium-6-8, .column-medium-9-12 { width: 75%; } .column-medium-1-5, .column-medium-2-10 { width: 20%; } .column-medium-2-5, .column-medium-4-10 { width: 40%; } .column-medium-3-5, .column-medium-6-10 { width: 60%; } .column-medium-4-5, .column-medium-8-10 { width: 80%; } .column-medium-1-6, .column-medium-2-12 { width: 16.6667%; } .column-medium-5-6 { width: 83.3335%; } .column-medium-1-7 { width: 14.2857%; } .column-medium-2-7 { width: 28.5714%; } .column-medium-3-7 { width: 42.8571%; } .column-medium-4-7 { width: 57.1428%; } .column-medium-5-7 { width: 71.4285%; } .column-medium-6-7 { width: 85.7142%; } .column-medium-1-8 { width: 12.5%; } .column-medium-3-8 { width: 37.5%; } .column-medium-5-8 { width: 62.5%; } .column-medium-7-8 { width: 87.5%; } .column-medium-1-9 { width: 11.1111%; } .column-medium-2-9 { width: 22.2222%; } .column-medium-4-9 { width: 44.4444%; } .column-medium-5-9 { width: 55.5555%; } .column-medium-7-9 { width: 77.7777%; } .column-medium-8-9 { width: 88.8888%; } .column-medium-1-10 { width: 10%; } .column-medium-3-10 { width: 30%; } .column-medium-7-10 { width: 70%; } .column-medium-9-10 { width: 90%; } .column-medium-1-11 { width: 9.0909%; } .column-medium-2-11 { width: 18.1818%; } .column-medium-3-11 { width: 27.2727%; } .column-medium-4-11 { width: 36.3636%; } .column-medium-5-11 { width: 45.4545%; } .column-medium-6-11 { width: 54.5454%; } .column-medium-7-11 { width: 63.6363%; } .column-medium-8-11 { width: 72.7272%; } .column-medium-9-11 { width: 81.8181%; } .column-medium-10-11 { width: 90.909%; } .column-medium-1-12 { width: 8.3333%; } .column-medium-5-12 { width: 41.6665%; } .column-medium-7-12 { width: 58.3331%; } .column-medium-10-12 { width: 83.333%; } .column-medium-11-12 { width: 91.6663%; } } /* * Column Small Classes */ @media (min-width: 768px) and (max-width: 1023px) { .column-small-1 { width: 100%; } .column-small-1-2, .column-small-2-4, .column-small-3-6, .column-small-4-8, .column-small-5-10, .column-small-6-12 { width: 50%; } .column-small-1-3, .column-small-2-6, .column-small-3-9, .column-small-4-12 { width: 33.3333%; } .column-small-2-3, .column-small-4-6, .column-small-6-9, .column-small-8-12 { width: 66.6666%; } .column-small-1-4, .column-small-2-8, .column-small-3-12 { width: 25%; } .column-small-3-4, .column-small-6-8, .column-small-9-12 { width: 75%; } .column-small-1-5, .column-small-2-10 { width: 20%; } .column-small-2-5, .column-small-4-10 { width: 40%; } .column-small-3-5, .column-small-6-10 { width: 60%; } .column-small-4-5, .column-small-8-10 { width: 80%; } .column-small-1-6, .column-small-2-12 { width: 16.6667%; } .column-small-5-6 { width: 83.3335%; } .column-small-1-7 { width: 14.2857%; } .column-small-2-7 { width: 28.5714%; } .column-small-3-7 { width: 42.8571%; } .column-small-4-7 { width: 57.1428%; } .column-small-5-7 { width: 71.4285%; } .column-small-6-7 { width: 85.7142%; } .column-small-1-8 { width: 12.5%; } .column-small-3-8 { width: 37.5%; } .column-small-5-8 { width: 62.5%; } .column-small-7-8 { width: 87.5%; } .column-small-1-9 { width: 11.1111%; } .column-small-2-9 { width: 22.2222%; } .column-small-4-9 { width: 44.4444%; } .column-small-5-9 { width: 55.5555%; } .column-small-7-9 { width: 77.7777%; } .column-small-8-9 { width: 88.8888%; } .column-small-1-10 { width: 10%; } .column-small-3-10 { width: 30%; } .column-small-7-10 { width: 70%; } .column-small-9-10 { width: 90%; } .column-small-1-11 { width: 9.0909%; } .column-small-2-11 { width: 18.1818%; } .column-small-3-11 { width: 27.2727%; } .column-small-4-11 { width: 36.3636%; } .column-small-5-11 { width: 45.4545%; } .column-small-6-11 { width: 54.5454%; } .column-small-7-11 { width: 63.6363%; } .column-small-8-11 { width: 72.7272%; } .column-small-9-11 { width: 81.8181%; } .column-small-10-11 { width: 90.909%; } .column-small-1-12 { width: 8.3333%; } .column-small-5-12 { width: 41.6665%; } .column-small-7-12 { width: 58.3331%; } .column-small-10-12 { width: 83.333%; } .column-small-11-12 { width: 91.6663%; } } /* * Column Extra Small Classes */ @media (max-width: 767px) { [class*='column-'] { width: 100%; } .column-xsmall-1 { width: 100%; } .column-xsmall-1-2, .column-xsmall-2-4, .column-xsmall-3-6, .column-xsmall-4-8, .column-xsmall-5-10, .column-xsmall-6-12 { width: 50%; } .column-xsmall-1-3, .column-xsmall-2-6, .column-xsmall-3-9, .column-xsmall-4-12 { width: 33.3333%; } .column-xsmall-2-3, .column-xsmall-4-6, .column-xsmall-6-9, .column-xsmall-8-12 { width: 66.6666%; } .column-xsmall-1-4, .column-xsmall-2-8, .column-xsmall-3-12 { width: 25%; } .column-xsmall-3-4, .column-xsmall-6-8, .column-xsmall-9-12 { width: 75%; } .column-xsmall-1-5, .column-xsmall-2-10 { width: 20%; } .column-xsmall-2-5, .column-xsmall-4-10 { width: 40%; } .column-xsmall-3-5, .column-xsmall-6-10 { width: 60%; } .column-xsmall-4-5, .column-xsmall-8-10 { width: 80%; } .column-xsmall-1-6, .column-xsmall-2-12 { width: 16.6667%; } .column-xsmall-5-6 { width: 83.3335%; } .column-xsmall-1-7 { width: 14.2857%; } .column-xsmall-2-7 { width: 28.5714%; } .column-xsmall-3-7 { width: 42.8571%; } .column-xsmall-4-7 { width: 57.1428%; } .column-xsmall-5-7 { width: 71.4285%; } .column-xsmall-6-7 { width: 85.7142%; } .column-xsmall-1-8 { width: 12.5%; } .column-xsmall-3-8 { width: 37.5%; } .column-xsmall-5-8 { width: 62.5%; } .column-xsmall-7-8 { width: 87.5%; } .column-xsmall-1-9 { width: 11.1111%; } .column-xsmall-2-9 { width: 22.2222%; } .column-xsmall-4-9 { width: 44.4444%; } .column-xsmall-5-9 { width: 55.5555%; } .column-xsmall-7-9 { width: 77.7777%; } .column-xsmall-8-9 { width: 88.8888%; } .column-xsmall-1-10 { width: 10%; } .column-xsmall-3-10 { width: 30%; } .column-xsmall-7-10 { width: 70%; } .column-xsmall-9-10 { width: 90%; } .column-xsmall-1-11 { width: 9.0909%; } .column-xsmall-2-11 { width: 18.1818%; } .column-xsmall-3-11 { width: 27.2727%; } .column-xsmall-4-11 { width: 36.3636%; } .column-xsmall-5-11 { width: 45.4545%; } .column-xsmall-6-11 { width: 54.5454%; } .column-xsmall-7-11 { width: 63.6363%; } .column-xsmall-8-11 { width: 72.7272%; } .column-xsmall-9-11 { width: 81.8181%; } .column-xsmall-10-11 { width: 90.909%; } .column-xsmall-1-12 { width: 8.3333%; } .column-xsmall-5-12 { width: 41.6665%; } .column-xsmall-7-12 { width: 58.3331%; } .column-xsmall-10-12 { width: 83.333%; } .column-xsmall-11-12 { width: 91.6663%; } } /* * Column Offset Classes */ .column-offset-1 { margin-left: 100%; } .column-offset-1-2, .column-offset-2-4, .column-offset-3-6, .column-offset-4-8, .column-offset-5-10, .column-offset-6-12 { margin-left: 50%; } .column-offset-1-3, .column-offset-2-6, .column-offset-3-9, .column-offset-4-12 { margin-left: 33.3333%; } .column-offset-2-3, .column-offset-4-6, .column-offset-6-9, .column-offset-8-12 { margin-left: 66.6666%; } .column-offset-1-4, .column-offset-2-8, .column-offset-3-12 { margin-left: 25%; } .column-offset-3-4, .column-offset-6-8, .column-offset-9-12 { margin-left: 75%; } .column-offset-1-5, .column-offset-2-10 { margin-left: 20%; } .column-offset-2-5, .column-offset-4-10 { margin-left: 40%; } .column-offset-3-5, .column-offset-6-10 { margin-left: 60%; } .column-offset-4-5, .column-offset-8-10 { margin-left: 80%; } .column-offset-1-6, .column-offset-2-12 { margin-left: 16.6667%; } .column-offset-5-6 { margin-left: 83.3335%; } .column-offset-1-7 { margin-left: 14.2857%; } .column-offset-2-7 { margin-left: 28.5714%; } .column-offset-3-7 { margin-left: 42.8571%; } .column-offset-4-7 { margin-left: 57.1428%; } .column-offset-5-7 { margin-left: 71.4285%; } .column-offset-6-7 { margin-left: 85.7142%; } .column-offset-1-8 { margin-left: 12.5%; } .column-offset-3-8 { margin-left: 37.5%; } .column-offset-5-8 { margin-left: 62.5%; } .column-offset-7-8 { margin-left: 87.5%; } .column-offset-1-9 { margin-left: 11.1111%; } .column-offset-2-9 { margin-left: 22.2222%; } .column-offset-4-9 { margin-left: 44.4444%; } .column-offset-5-9 { margin-left: 55.5555%; } .column-offset-7-9 { margin-left: 77.7777%; } .column-offset-8-9 { margin-left: 88.8888%; } .column-offset-1-10 { margin-left: 10%; } .column-offset-3-10 { margin-left: 30%; } .column-offset-7-10 { margin-left: 70%; } .column-offset-9-10 { margin-left: 90%; } .column-offset-1-11 { margin-left: 9.0909%; } .column-offset-2-11 { margin-left: 18.1818%; } .column-offset-3-11 { margin-left: 27.2727%; } .column-offset-4-11 { margin-left: 36.3636%; } .column-offset-5-11 { margin-left: 45.4545%; } .column-offset-6-11 { margin-left: 54.5454%; } .column-offset-7-11 { margin-left: 63.6363%; } .column-offset-8-11 { margin-left: 72.7272%; } .column-offset-9-11 { margin-left: 81.8181%; } .column-offset-10-11 { margin-left: 90.909%; } .column-offset-1-12 { margin-left: 8.3333%; } .column-offset-5-12 { margin-left: 41.6665%; } .column-offset-7-12 { margin-left: 58.3331%; } .column-offset-10-12 { margin-left: 83.333%; } .column-offset-11-12 { margin-left: 91.6663%; } /* * Column Offset Extra Large Classes */ @media (min-width: 1680px) { .column-offset-xlarge-reset { margin-left: 0; } .column-offset-xlarge-1 { margin-left: 100%; } .column-offset-xlarge-1-2, .column-offset-xlarge-2-4, .column-offset-xlarge-3-6, .column-offset-xlarge-4-8, .column-offset-xlarge-5-10, .column-offset-xlarge-6-12 { margin-left: 50%; } .column-offset-xlarge-1-3, .column-offset-xlarge-2-6, .column-offset-xlarge-3-9, .column-offset-xlarge-4-12 { margin-left: 33.3333%; } .column-offset-xlarge-2-3, .column-offset-xlarge-4-6, .column-offset-xlarge-6-9, .column-offset-xlarge-8-12 { margin-left: 66.6666%; } .column-offset-xlarge-1-4, .column-offset-xlarge-2-8, .column-offset-xlarge-3-12 { margin-left: 25%; } .column-offset-xlarge-3-4, .column-offset-xlarge-6-8, .column-offset-xlarge-9-12 { margin-left: 75%; } .column-offset-xlarge-1-5, .column-offset-xlarge-2-10 { margin-left: 20%; } .column-offset-xlarge-2-5, .column-offset-xlarge-4-10 { margin-left: 40%; } .column-offset-xlarge-3-5, .column-offset-xlarge-6-10 { margin-left: 60%; } .column-offset-xlarge-4-5, .column-offset-xlarge-8-10 { margin-left: 80%; } .column-offset-xlarge-1-6, .column-offset-xlarge-2-12 { margin-left: 16.6667%; } .column-offset-xlarge-5-6 { margin-left: 83.3335%; } .column-offset-xlarge-1-7 { margin-left: 14.2857%; } .column-offset-xlarge-2-7 { margin-left: 28.5714%; } .column-offset-xlarge-3-7 { margin-left: 42.8571%; } .column-offset-xlarge-4-7 { margin-left: 57.1428%; } .column-offset-xlarge-5-7 { margin-left: 71.4285%; } .column-offset-xlarge-6-7 { margin-left: 85.7142%; } .column-offset-xlarge-1-8 { margin-left: 12.5%; } .column-offset-xlarge-3-8 { margin-left: 37.5%; } .column-offset-xlarge-5-8 { margin-left: 62.5%; } .column-offset-xlarge-7-8 { margin-left: 87.5%; } .column-offset-xlarge-1-9 { margin-left: 11.1111%; } .column-offset-xlarge-2-9 { margin-left: 22.2222%; } .column-offset-xlarge-4-9 { margin-left: 44.4444%; } .column-offset-xlarge-5-9 { margin-left: 55.5555%; } .column-offset-xlarge-7-9 { margin-left: 77.7777%; } .column-offset-xlarge-8-9 { margin-left: 88.8888%; } .column-offset-xlarge-1-10 { margin-left: 10%; } .column-offset-xlarge-3-10 { margin-left: 30%; } .column-offset-xlarge-7-10 { margin-left: 70%; } .column-offset-xlarge-9-10 { margin-left: 90%; } .column-offset-xlarge-1-11 { margin-left: 9.0909%; } .column-offset-xlarge-2-11 { margin-left: 18.1818%; } .column-offset-xlarge-3-11 { margin-left: 27.2727%; } .column-offset-xlarge-4-11 { margin-left: 36.3636%; } .column-offset-xlarge-5-11 { margin-left: 45.4545%; } .column-offset-xlarge-6-11 { margin-left: 54.5454%; } .column-offset-xlarge-7-11 { margin-left: 63.6363%; } .column-offset-xlarge-8-11 { margin-left: 72.7272%; } .column-offset-xlarge-9-11 { margin-left: 81.8181%; } .column-offset-xlarge-10-11 { margin-left: 90.909%; } .column-offset-xlarge-1-12 { margin-left: 8.3333%; } .column-offset-xlarge-5-12 { margin-left: 41.6665%; } .column-offset-xlarge-7-12 { margin-left: 58.3331%; } .column-offset-xlarge-10-12 { margin-left: 83.333%; } .column-offset-xlarge-11-12 { margin-left: 91.6663%; } } /* * Column Offset Large Classes */ @media (min-width: 1280px) and (max-width: 1679px) { .column-offset-large-reset { margin-left: 0; } .column-offset-large-1 { margin-left: 100%; } .column-offset-large-1-2, .column-offset-large-2-4, .column-offset-large-3-6, .column-offset-large-4-8, .column-offset-large-5-10, .column-offset-large-6-12 { margin-left: 50%; } .column-offset-large-1-3, .column-offset-large-2-6, .column-offset-large-3-9, .column-offset-large-4-12 { margin-left: 33.3333%; } .column-offset-large-2-3, .column-offset-large-4-6, .column-offset-large-6-9, .column-offset-large-8-12 { margin-left: 66.6666%; } .column-offset-large-1-4, .column-offset-large-2-8, .column-offset-large-3-12 { margin-left: 25%; } .column-offset-large-3-4, .column-offset-large-6-8, .column-offset-large-9-12 { margin-left: 75%; } .column-offset-large-1-5, .column-offset-large-2-10 { margin-left: 20%; } .column-offset-large-2-5, .column-offset-large-4-10 { margin-left: 40%; } .column-offset-large-3-5, .column-offset-large-6-10 { margin-left: 60%; } .column-offset-large-4-5, .column-offset-large-8-10 { margin-left: 80%; } .column-offset-large-1-6, .column-offset-large-2-12 { margin-left: 16.6667%; } .column-offset-large-5-6 { margin-left: 83.3335%; } .column-offset-large-1-7 { margin-left: 14.2857%; } .column-offset-large-2-7 { margin-left: 28.5714%; } .column-offset-large-3-7 { margin-left: 42.8571%; } .column-offset-large-4-7 { margin-left: 57.1428%; } .column-offset-large-5-7 { margin-left: 71.4285%; } .column-offset-large-6-7 { margin-left: 85.7142%; } .column-offset-large-1-8 { margin-left: 12.5%; } .column-offset-large-3-8 { margin-left: 37.5%; } .column-offset-large-5-8 { margin-left: 62.5%; } .column-offset-large-7-8 { margin-left: 87.5%; } .column-offset-large-1-9 { margin-left: 11.1111%; } .column-offset-large-2-9 { margin-left: 22.2222%; } .column-offset-large-4-9 { margin-left: 44.4444%; } .column-offset-large-5-9 { margin-left: 55.5555%; } .column-offset-large-7-9 { margin-left: 77.7777%; } .column-offset-large-8-9 { margin-left: 88.8888%; } .column-offset-large-1-10 { margin-left: 10%; } .column-offset-large-3-10 { margin-left: 30%; } .column-offset-large-7-10 { margin-left: 70%; } .column-offset-large-9-10 { margin-left: 90%; } .column-offset-large-1-11 { margin-left: 9.0909%; } .column-offset-large-2-11 { margin-left: 18.1818%; } .column-offset-large-3-11 { margin-left: 27.2727%; } .column-offset-large-4-11 { margin-left: 36.3636%; } .column-offset-large-5-11 { margin-left: 45.4545%; } .column-offset-large-6-11 { margin-left: 54.5454%; } .column-offset-large-7-11 { margin-left: 63.6363%; } .column-offset-large-8-11 { margin-left: 72.7272%; } .column-offset-large-9-11 { margin-left: 81.8181%; } .column-offset-large-10-11 { margin-left: 90.909%; } .column-offset-large-1-12 { margin-left: 8.3333%; } .column-offset-large-5-12 { margin-left: 41.6665%; } .column-offset-large-7-12 { margin-left: 58.3331%; } .column-offset-large-10-12 { margin-left: 83.333%; } .column-offset-large-11-12 { margin-left: 91.6663%; } } /* * Column Offset Medium Classes */ @media (min-width: 1024px) and (max-width: 1279px) { .column-offset-medium-reset { margin-left: 0; } .column-offset-medium-1 { margin-left: 100%; } .column-offset-medium-1-2, .column-offset-medium-2-4, .column-offset-medium-3-6, .column-offset-medium-4-8, .column-offset-medium-5-10, .column-offset-medium-6-12 { margin-left: 50%; } .column-offset-medium-1-3, .column-offset-medium-2-6, .column-offset-medium-3-9, .column-offset-medium-4-12 { margin-left: 33.3333%; } .column-offset-medium-2-3, .column-offset-medium-4-6, .column-offset-medium-6-9, .column-offset-medium-8-12 { margin-left: 66.6666%; } .column-offset-medium-1-4, .column-offset-medium-2-8, .column-offset-medium-3-12 { margin-left: 25%; } .column-offset-medium-3-4, .column-offset-medium-6-8, .column-offset-medium-9-12 { margin-left: 75%; } .column-offset-medium-1-5, .column-offset-medium-2-10 { margin-left: 20%; } .column-offset-medium-2-5, .column-offset-medium-4-10 { margin-left: 40%; } .column-offset-medium-3-5, .column-offset-medium-6-10 { margin-left: 60%; } .column-offset-medium-4-5, .column-offset-medium-8-10 { margin-left: 80%; } .column-offset-medium-1-6, .column-offset-medium-2-12 { margin-left: 16.6667%; } .column-offset-medium-5-6 { margin-left: 83.3335%; } .column-offset-medium-1-7 { margin-left: 14.2857%; } .column-offset-medium-2-7 { margin-left: 28.5714%; } .column-offset-medium-3-7 { margin-left: 42.8571%; } .column-offset-medium-4-7 { margin-left: 57.1428%; } .column-offset-medium-5-7 { margin-left: 71.4285%; } .column-offset-medium-6-7 { margin-left: 85.7142%; } .column-offset-medium-1-8 { margin-left: 12.5%; } .column-offset-medium-3-8 { margin-left: 37.5%; } .column-offset-medium-5-8 { margin-left: 62.5%; } .column-offset-medium-7-8 { margin-left: 87.5%; } .column-offset-medium-1-9 { margin-left: 11.1111%; } .column-offset-medium-2-9 { margin-left: 22.2222%; } .column-offset-medium-4-9 { margin-left: 44.4444%; } .column-offset-medium-5-9 { margin-left: 55.5555%; } .column-offset-medium-7-9 { margin-left: 77.7777%; } .column-offset-medium-8-9 { margin-left: 88.8888%; } .column-offset-medium-1-10 { margin-left: 10%; } .column-offset-medium-3-10 { margin-left: 30%; } .column-offset-medium-7-10 { margin-left: 70%; } .column-offset-medium-9-10 { margin-left: 90%; } .column-offset-medium-1-11 { margin-left: 9.0909%; } .column-offset-medium-2-11 { margin-left: 18.1818%; } .column-offset-medium-3-11 { margin-left: 27.2727%; } .column-offset-medium-4-11 { margin-left: 36.3636%; } .column-offset-medium-5-11 { margin-left: 45.4545%; } .column-offset-medium-6-11 { margin-left: 54.5454%; } .column-offset-medium-7-11 { margin-left: 63.6363%; } .column-offset-medium-8-11 { margin-left: 72.7272%; } .column-offset-medium-9-11 { margin-left: 81.8181%; } .column-offset-medium-10-11 { margin-left: 90.909%; } .column-offset-medium-1-12 { margin-left: 8.3333%; } .column-offset-medium-5-12 { margin-left: 41.6665%; } .column-offset-medium-7-12 { margin-left: 58.3331%; } .column-offset-medium-10-12 { margin-left: 83.333%; } .column-offset-medium-11-12 { margin-left: 91.6663%; } } /* * Column Offset Small Classes */ @media (min-width: 768px) and (max-width: 1023px) { .column-offset-small-1 { margin-left: 100%; } .column-offset-small-1-2, .column-offset-small-2-4, .column-offset-small-3-6, .column-offset-small-4-8, .column-offset-small-5-10, .column-offset-small-6-12 { margin-left: 50%; } .column-offset-small-1-3, .column-offset-small-2-6, .column-offset-small-3-9, .column-offset-small-4-12 { margin-left: 33.3333%; } .column-offset-small-2-3, .column-offset-small-4-6, .column-offset-small-6-9, .column-offset-small-8-12 { margin-left: 66.6666%; } .column-offset-small-1-4, .column-offset-small-2-8, .column-offset-small-3-12 { margin-left: 25%; } .column-offset-small-3-4, .column-offset-small-6-8, .column-offset-small-9-12 { margin-left: 75%; } .column-offset-small-1-5, .column-offset-small-2-10 { margin-left: 20%; } .column-offset-small-2-5, .column-offset-small-4-10 { margin-left: 40%; } .column-offset-small-3-5, .column-offset-small-6-10 { margin-left: 60%; } .column-offset-small-4-5, .column-offset-small-8-10 { margin-left: 80%; } .column-offset-small-1-6, .column-offset-small-2-12 { margin-left: 16.6667%; } .column-offset-small-5-6 { margin-left: 83.3335%; } .column-offset-small-1-7 { margin-left: 14.2857%; } .column-offset-small-2-7 { margin-left: 28.5714%; } .column-offset-small-3-7 { margin-left: 42.8571%; } .column-offset-small-4-7 { margin-left: 57.1428%; } .column-offset-small-5-7 { margin-left: 71.4285%; } .column-offset-small-6-7 { margin-left: 85.7142%; } .column-offset-small-1-8 { margin-left: 12.5%; } .column-offset-small-3-8 { margin-left: 37.5%; } .column-offset-small-5-8 { margin-left: 62.5%; } .column-offset-small-7-8 { margin-left: 87.5%; } .column-offset-small-1-9 { margin-left: 11.1111%; } .column-offset-small-2-9 { margin-left: 22.2222%; } .column-offset-small-4-9 { margin-left: 44.4444%; } .column-offset-small-5-9 { margin-left: 55.5555%; } .column-offset-small-7-9 { margin-left: 77.7777%; } .column-offset-small-8-9 { margin-left: 88.8888%; } .column-offset-small-1-10 { margin-left: 10%; } .column-offset-small-3-10 { margin-left: 30%; } .column-offset-small-7-10 { margin-left: 70%; } .column-offset-small-9-10 { margin-left: 90%; } .column-offset-small-1-11 { margin-left: 9.0909%; } .column-offset-small-2-11 { margin-left: 18.1818%; } .column-offset-small-3-11 { margin-left: 27.2727%; } .column-offset-small-4-11 { margin-left: 36.3636%; } .column-offset-small-5-11 { margin-left: 45.4545%; } .column-offset-small-6-11 { margin-left: 54.5454%; } .column-offset-small-7-11 { margin-left: 63.6363%; } .column-offset-small-8-11 { margin-left: 72.7272%; } .column-offset-small-9-11 { margin-left: 81.8181%; } .column-offset-small-10-11 { margin-left: 90.909%; } .column-offset-small-1-12 { margin-left: 8.3333%; } .column-offset-small-5-12 { margin-left: 41.6665%; } .column-offset-small-7-12 { margin-left: 58.3331%; } .column-offset-small-10-12 { margin-left: 83.333%; } .column-offset-small-11-12 { margin-left: 91.6663%; } } /* * Column Offset Extra Small Classes */ @media (max-width: 767px) { [class*='column-offset-'] { margin-left: 0; } .column-offset-xsmall-1 { margin-left: 100%; } .column-offset-xsmall-1-2, .column-offset-xsmall-2-4, .column-offset-xsmall-3-6, .column-offset-xsmall-4-8, .column-offset-xsmall-5-10, .column-offset-xsmall-6-12 { margin-left: 50%; } .column-offset-xsmall-1-3, .column-offset-xsmall-2-6, .column-offset-xsmall-3-9, .column-offset-xsmall-4-12 { margin-left: 33.3333%; } .column-offset-xsmall-2-3, .column-offset-xsmall-4-6, .column-offset-xsmall-6-9, .column-offset-xsmall-8-12 { margin-left: 66.6666%; } .column-offset-xsmall-1-4, .column-offset-xsmall-2-8, .column-offset-xsmall-3-12 { margin-left: 25%; } .column-offset-xsmall-3-4, .column-offset-xsmall-6-8, .column-offset-xsmall-9-12 { margin-left: 75%; } .column-offset-xsmall-1-5, .column-offset-xsmall-2-10 { margin-left: 20%; } .column-offset-xsmall-2-5, .column-offset-xsmall-4-10 { margin-left: 40%; } .column-offset-xsmall-3-5, .column-offset-xsmall-6-10 { margin-left: 60%; } .column-offset-xsmall-4-5, .column-offset-xsmall-8-10 { margin-left: 80%; } .column-offset-xsmall-1-6, .column-offset-xsmall-2-12 { margin-left: 16.6667%; } .column-offset-xsmall-5-6 { margin-left: 83.3335%; } .column-offset-xsmall-1-7 { margin-left: 14.2857%; } .column-offset-xsmall-2-7 { margin-left: 28.5714%; } .column-offset-xsmall-3-7 { margin-left: 42.8571%; } .column-offset-xsmall-4-7 { margin-left: 57.1428%; } .column-offset-xsmall-5-7 { margin-left: 71.4285%; } .column-offset-xsmall-6-7 { margin-left: 85.7142%; } .column-offset-xsmall-1-8 { margin-left: 12.5%; } .column-offset-xsmall-3-8 { margin-left: 37.5%; } .column-offset-xsmall-5-8 { margin-left: 62.5%; } .column-offset-xsmall-7-8 { margin-left: 87.5%; } .column-offset-xsmall-1-9 { margin-left: 11.1111%; } .column-offset-xsmall-2-9 { margin-left: 22.2222%; } .column-offset-xsmall-4-9 { margin-left: 44.4444%; } .column-offset-xsmall-5-9 { margin-left: 55.5555%; } .column-offset-xsmall-7-9 { margin-left: 77.7777%; } .column-offset-xsmall-8-9 { margin-left: 88.8888%; } .column-offset-xsmall-1-10 { margin-left: 10%; } .column-offset-xsmall-3-10 { margin-left: 30%; } .column-offset-xsmall-7-10 { margin-left: 70%; } .column-offset-xsmall-9-10 { margin-left: 90%; } .column-offset-xsmall-1-11 { margin-left: 9.0909%; } .column-offset-xsmall-2-11 { margin-left: 18.1818%; } .column-offset-xsmall-3-11 { margin-left: 27.2727%; } .column-offset-xsmall-4-11 { margin-left: 36.3636%; } .column-offset-xsmall-5-11 { margin-left: 45.4545%; } .column-offset-xsmall-6-11 { margin-left: 54.5454%; } .column-offset-xsmall-7-11 { margin-left: 63.6363%; } .column-offset-xsmall-8-11 { margin-left: 72.7272%; } .column-offset-xsmall-9-11 { margin-left: 81.8181%; } .column-offset-xsmall-10-11 { margin-left: 90.909%; } .column-offset-xsmall-1-12 { margin-left: 8.3333%; } .column-offset-xsmall-5-12 { margin-left: 41.6665%; } .column-offset-xsmall-7-12 { margin-left: 58.3331%; } .column-offset-xsmall-10-12 { margin-left: 83.333%; } .column-offset-xsmall-11-12 { margin-left: 91.6663%; } } /* * Column Push Classes */ .column-push-1 { left: 100%; } .column-push-1-2, .column-push-2-4, .column-push-3-6, .column-push-4-8, .column-push-5-10, .column-push-6-12 { left: 50%; } .column-push-1-3, .column-push-2-6, .column-push-3-9, .column-push-4-12 { left: 33.3333%; } .column-push-2-3, .column-push-4-6, .column-push-6-9, .column-push-8-12 { left: 66.6666%; } .column-push-1-4, .column-push-2-8, .column-push-3-12 { left: 25%; } .column-push-3-4, .column-push-6-8, .column-push-9-12 { left: 75%; } .column-push-1-5, .column-push-2-10 { left: 20%; } .column-push-2-5, .column-push-4-10 { left: 40%; } .column-push-3-5, .column-push-6-10 { left: 60%; } .column-push-4-5, .column-push-8-10 { left: 80%; } .column-push-1-6, .column-push-2-12 { left: 16.6667%; } .column-push-5-6 { left: 83.3335%; } .column-push-1-7 { left: 14.2857%; } .column-push-2-7 { left: 28.5714%; } .column-push-3-7 { left: 42.8571%; } .column-push-4-7 { left: 57.1428%; } .column-push-5-7 { left: 71.4285%; } .column-push-6-7 { left: 85.7142%; } .column-push-1-8 { left: 12.5%; } .column-push-3-8 { left: 37.5%; } .column-push-5-8 { left: 62.5%; } .column-push-7-8 { left: 87.5%; } .column-push-1-9 { left: 11.1111%; } .column-push-2-9 { left: 22.2222%; } .column-push-4-9 { left: 44.4444%; } .column-push-5-9 { left: 55.5555%; } .column-push-7-9 { left: 77.7777%; } .column-push-8-9 { left: 88.8888%; } .column-push-1-10 { left: 10%; } .column-push-3-10 { left: 30%; } .column-push-7-10 { left: 70%; } .column-push-9-10 { left: 90%; } .column-push-1-11 { left: 9.0909%; } .column-push-2-11 { left: 18.1818%; } .column-push-3-11 { left: 27.2727%; } .column-push-4-11 { left: 36.3636%; } .column-push-5-11 { left: 45.4545%; } .column-push-6-11 { left: 54.5454%; } .column-push-7-11 { left: 63.6363%; } .column-push-8-11 { left: 72.7272%; } .column-push-9-11 { left: 81.8181%; } .column-push-10-11 { left: 90.909%; } .column-push-1-12 { left: 8.3333%; } .column-push-5-12 { left: 41.6665%; } .column-push-7-12 { left: 58.3331%; } .column-push-10-12 { left: 83.333%; } .column-push-11-12 { left: 91.6663%; } /* * Column Push Extra Large Classes */ @media (min-width: 1680px) { .column-push-xlarge-reset { left: 0; } .column-push-xlarge-1 { left: 100%; } .column-push-xlarge-1-2, .column-push-xlarge-2-4, .column-push-xlarge-3-6, .column-push-xlarge-4-8, .column-push-xlarge-5-10, .column-push-xlarge-6-12 { left: 50%; } .column-push-xlarge-1-3, .column-push-xlarge-2-6, .column-push-xlarge-3-9, .column-push-xlarge-4-12 { left: 33.3333%; } .column-push-xlarge-2-3, .column-push-xlarge-4-6, .column-push-xlarge-6-9, .column-push-xlarge-8-12 { left: 66.6666%; } .column-push-xlarge-1-4, .column-push-xlarge-2-8, .column-push-xlarge-3-12 { left: 25%; } .column-push-xlarge-3-4, .column-push-xlarge-6-8, .column-push-xlarge-9-12 { left: 75%; } .column-push-xlarge-1-5, .column-push-xlarge-2-10 { left: 20%; } .column-push-xlarge-2-5, .column-push-xlarge-4-10 { left: 40%; } .column-push-xlarge-3-5, .column-push-xlarge-6-10 { left: 60%; } .column-push-xlarge-4-5, .column-push-xlarge-8-10 { left: 80%; } .column-push-xlarge-1-6, .column-push-xlarge-2-12 { left: 16.6667%; } .column-push-xlarge-5-6 { left: 83.3335%; } .column-push-xlarge-1-7 { left: 14.2857%; } .column-push-xlarge-2-7 { left: 28.5714%; } .column-push-xlarge-3-7 { left: 42.8571%; } .column-push-xlarge-4-7 { left: 57.1428%; } .column-push-xlarge-5-7 { left: 71.4285%; } .column-push-xlarge-6-7 { left: 85.7142%; } .column-push-xlarge-1-8 { left: 12.5%; } .column-push-xlarge-3-8 { left: 37.5%; } .column-push-xlarge-5-8 { left: 62.5%; } .column-push-xlarge-7-8 { left: 87.5%; } .column-push-xlarge-1-9 { left: 11.1111%; } .column-push-xlarge-2-9 { left: 22.2222%; } .column-push-xlarge-4-9 { left: 44.4444%; } .column-push-xlarge-5-9 { left: 55.5555%; } .column-push-xlarge-7-9 { left: 77.7777%; } .column-push-xlarge-8-9 { left: 88.8888%; } .column-push-xlarge-1-10 { left: 10%; } .column-push-xlarge-3-10 { left: 30%; } .column-push-xlarge-7-10 { left: 70%; } .column-push-xlarge-9-10 { left: 90%; } .column-push-xlarge-1-11 { left: 9.0909%; } .column-push-xlarge-2-11 { left: 18.1818%; } .column-push-xlarge-3-11 { left: 27.2727%; } .column-push-xlarge-4-11 { left: 36.3636%; } .column-push-xlarge-5-11 { left: 45.4545%; } .column-push-xlarge-6-11 { left: 54.5454%; } .column-push-xlarge-7-11 { left: 63.6363%; } .column-push-xlarge-8-11 { left: 72.7272%; } .column-push-xlarge-9-11 { left: 81.8181%; } .column-push-xlarge-10-11 { left: 90.909%; } .column-push-xlarge-1-12 { left: 8.3333%; } .column-push-xlarge-5-12 { left: 41.6665%; } .column-push-xlarge-7-12 { left: 58.3331%; } .column-push-xlarge-10-12 { left: 83.333%; } .column-push-xlarge-11-12 { left: 91.6663%; } } /* * Column Push Large Classes */ @media (min-width: 1280px) and (max-width: 1679px) { .column-push-large-reset { left: 0; } .column-push-large-1 { left: 100%; } .column-push-large-1-2, .column-push-large-2-4, .column-push-large-3-6, .column-push-large-4-8, .column-push-large-5-10, .column-push-large-6-12 { left: 50%; } .column-push-large-1-3, .column-push-large-2-6, .column-push-large-3-9, .column-push-large-4-12 { left: 33.3333%; } .column-push-large-2-3, .column-push-large-4-6, .column-push-large-6-9, .column-push-large-8-12 { left: 66.6666%; } .column-push-large-1-4, .column-push-large-2-8, .column-push-large-3-12 { left: 25%; } .column-push-large-3-4, .column-push-large-6-8, .column-push-large-9-12 { left: 75%; } .column-push-large-1-5, .column-push-large-2-10 { left: 20%; } .column-push-large-2-5, .column-push-large-4-10 { left: 40%; } .column-push-large-3-5, .column-push-large-6-10 { left: 60%; } .column-push-large-4-5, .column-push-large-8-10 { left: 80%; } .column-push-large-1-6, .column-push-large-2-12 { left: 16.6667%; } .column-push-large-5-6 { left: 83.3335%; } .column-push-large-1-7 { left: 14.2857%; } .column-push-large-2-7 { left: 28.5714%; } .column-push-large-3-7 { left: 42.8571%; } .column-push-large-4-7 { left: 57.1428%; } .column-push-large-5-7 { left: 71.4285%; } .column-push-large-6-7 { left: 85.7142%; } .column-push-large-1-8 { left: 12.5%; } .column-push-large-3-8 { left: 37.5%; } .column-push-large-5-8 { left: 62.5%; } .column-push-large-7-8 { left: 87.5%; } .column-push-large-1-9 { left: 11.1111%; } .column-push-large-2-9 { left: 22.2222%; } .column-push-large-4-9 { left: 44.4444%; } .column-push-large-5-9 { left: 55.5555%; } .column-push-large-7-9 { left: 77.7777%; } .column-push-large-8-9 { left: 88.8888%; } .column-push-large-1-10 { left: 10%; } .column-push-large-3-10 { left: 30%; } .column-push-large-7-10 { left: 70%; } .column-push-large-9-10 { left: 90%; } .column-push-large-1-11 { left: 9.0909%; } .column-push-large-2-11 { left: 18.1818%; } .column-push-large-3-11 { left: 27.2727%; } .column-push-large-4-11 { left: 36.3636%; } .column-push-large-5-11 { left: 45.4545%; } .column-push-large-6-11 { left: 54.5454%; } .column-push-large-7-11 { left: 63.6363%; } .column-push-large-8-11 { left: 72.7272%; } .column-push-large-9-11 { left: 81.8181%; } .column-push-large-10-11 { left: 90.909%; } .column-push-large-1-12 { left: 8.3333%; } .column-push-large-5-12 { left: 41.6665%; } .column-push-large-7-12 { left: 58.3331%; } .column-push-large-10-12 { left: 83.333%; } .column-push-large-11-12 { left: 91.6663%; } } /* * Column Push Medium Classes */ @media (min-width: 1024px) and (max-width: 1279px) { .column-push-medium-reset { left: 0; } .column-push-medium-1 { left: 100%; } .column-push-medium-1-2, .column-push-medium-2-4, .column-push-medium-3-6, .column-push-medium-4-8, .column-push-medium-5-10, .column-push-medium-6-12 { left: 50%; } .column-push-medium-1-3, .column-push-medium-2-6, .column-push-medium-3-9, .column-push-medium-4-12 { left: 33.3333%; } .column-push-medium-2-3, .column-push-medium-4-6, .column-push-medium-6-9, .column-push-medium-8-12 { left: 66.6666%; } .column-push-medium-1-4, .column-push-medium-2-8, .column-push-medium-3-12 { left: 25%; } .column-push-medium-3-4, .column-push-medium-6-8, .column-push-medium-9-12 { left: 75%; } .column-push-medium-1-5, .column-push-medium-2-10 { left: 20%; } .column-push-medium-2-5, .column-push-medium-4-10 { left: 40%; } .column-push-medium-3-5, .column-push-medium-6-10 { left: 60%; } .column-push-medium-4-5, .column-push-medium-8-10 { left: 80%; } .column-push-medium-1-6, .column-push-medium-2-12 { left: 16.6667%; } .column-push-medium-5-6 { left: 83.3335%; } .column-push-medium-1-7 { left: 14.2857%; } .column-push-medium-2-7 { left: 28.5714%; } .column-push-medium-3-7 { left: 42.8571%; } .column-push-medium-4-7 { left: 57.1428%; } .column-push-medium-5-7 { left: 71.4285%; } .column-push-medium-6-7 { left: 85.7142%; } .column-push-medium-1-8 { left: 12.5%; } .column-push-medium-3-8 { left: 37.5%; } .column-push-medium-5-8 { left: 62.5%; } .column-push-medium-7-8 { left: 87.5%; } .column-push-medium-1-9 { left: 11.1111%; } .column-push-medium-2-9 { left: 22.2222%; } .column-push-medium-4-9 { left: 44.4444%; } .column-push-medium-5-9 { left: 55.5555%; } .column-push-medium-7-9 { left: 77.7777%; } .column-push-medium-8-9 { left: 88.8888%; } .column-push-medium-1-10 { left: 10%; } .column-push-medium-3-10 { left: 30%; } .column-push-medium-7-10 { left: 70%; } .column-push-medium-9-10 { left: 90%; } .column-push-medium-1-11 { left: 9.0909%; } .column-push-medium-2-11 { left: 18.1818%; } .column-push-medium-3-11 { left: 27.2727%; } .column-push-medium-4-11 { left: 36.3636%; } .column-push-medium-5-11 { left: 45.4545%; } .column-push-medium-6-11 { left: 54.5454%; } .column-push-medium-7-11 { left: 63.6363%; } .column-push-medium-8-11 { left: 72.7272%; } .column-push-medium-9-11 { left: 81.8181%; } .column-push-medium-10-11 { left: 90.909%; } .column-push-medium-1-12 { left: 8.3333%; } .column-push-medium-5-12 { left: 41.6665%; } .column-push-medium-7-12 { left: 58.3331%; } .column-push-medium-10-12 { left: 83.333%; } .column-push-medium-11-12 { left: 91.6663%; } } /* * Column Push Small Classes */ @media (min-width: 768px) and (max-width: 1023px) { .column-push-small-1 { left: 100%; } .column-push-small-1-2, .column-push-small-2-4, .column-push-small-3-6, .column-push-small-4-8, .column-push-small-5-10, .column-push-small-6-12 { left: 50%; } .column-push-small-1-3, .column-push-small-2-6, .column-push-small-3-9, .column-push-small-4-12 { left: 33.3333%; } .column-push-small-2-3, .column-push-small-4-6, .column-push-small-6-9, .column-push-small-8-12 { left: 66.6666%; } .column-push-small-1-4, .column-push-small-2-8, .column-push-small-3-12 { left: 25%; } .column-push-small-3-4, .column-push-small-6-8, .column-push-small-9-12 { left: 75%; } .column-push-small-1-5, .column-push-small-2-10 { left: 20%; } .column-push-small-2-5, .column-push-small-4-10 { left: 40%; } .column-push-small-3-5, .column-push-small-6-10 { left: 60%; } .column-push-small-4-5, .column-push-small-8-10 { left: 80%; } .column-push-small-1-6, .column-push-small-2-12 { left: 16.6667%; } .column-push-small-5-6 { left: 83.3335%; } .column-push-small-1-7 { left: 14.2857%; } .column-push-small-2-7 { left: 28.5714%; } .column-push-small-3-7 { left: 42.8571%; } .column-push-small-4-7 { left: 57.1428%; } .column-push-small-5-7 { left: 71.4285%; } .column-push-small-6-7 { left: 85.7142%; } .column-push-small-1-8 { left: 12.5%; } .column-push-small-3-8 { left: 37.5%; } .column-push-small-5-8 { left: 62.5%; } .column-push-small-7-8 { left: 87.5%; } .column-push-small-1-9 { left: 11.1111%; } .column-push-small-2-9 { left: 22.2222%; } .column-push-small-4-9 { left: 44.4444%; } .column-push-small-5-9 { left: 55.5555%; } .column-push-small-7-9 { left: 77.7777%; } .column-push-small-8-9 { left: 88.8888%; } .column-push-small-1-10 { left: 10%; } .column-push-small-3-10 { left: 30%; } .column-push-small-7-10 { left: 70%; } .column-push-small-9-10 { left: 90%; } .column-push-small-1-11 { left: 9.0909%; } .column-push-small-2-11 { left: 18.1818%; } .column-push-small-3-11 { left: 27.2727%; } .column-push-small-4-11 { left: 36.3636%; } .column-push-small-5-11 { left: 45.4545%; } .column-push-small-6-11 { left: 54.5454%; } .column-push-small-7-11 { left: 63.6363%; } .column-push-small-8-11 { left: 72.7272%; } .column-push-small-9-11 { left: 81.8181%; } .column-push-small-10-11 { left: 90.909%; } .column-push-small-1-12 { left: 8.3333%; } .column-push-small-5-12 { left: 41.6665%; } .column-push-small-7-12 { left: 58.3331%; } .column-push-small-10-12 { left: 83.333%; } .column-push-small-11-12 { left: 91.6663%; } } /* * Column Push Extra Small Classes */ @media (max-width: 767px) { [class*='column-push-'] { left: auto; } .column-push-xsmall-1 { left: 100%; } .column-push-xsmall-1-2, .column-push-xsmall-2-4, .column-push-xsmall-3-6, .column-push-xsmall-4-8, .column-push-xsmall-5-10, .column-push-xsmall-6-12 { left: 50%; } .column-push-xsmall-1-3, .column-push-xsmall-2-6, .column-push-xsmall-3-9, .column-push-xsmall-4-12 { left: 33.3333%; } .column-push-xsmall-2-3, .column-push-xsmall-4-6, .column-push-xsmall-6-9, .column-push-xsmall-8-12 { left: 66.6666%; } .column-push-xsmall-1-4, .column-push-xsmall-2-8, .column-push-xsmall-3-12 { left: 25%; } .column-push-xsmall-3-4, .column-push-xsmall-6-8, .column-push-xsmall-9-12 { left: 75%; } .column-push-xsmall-1-5, .column-push-xsmall-2-10 { left: 20%; } .column-push-xsmall-2-5, .column-push-xsmall-4-10 { left: 40%; } .column-push-xsmall-3-5, .column-push-xsmall-6-10 { left: 60%; } .column-push-xsmall-4-5, .column-push-xsmall-8-10 { left: 80%; } .column-push-xsmall-1-6, .column-push-xsmall-2-12 { left: 16.6667%; } .column-push-xsmall-5-6 { left: 83.3335%; } .column-push-xsmall-1-7 { left: 14.2857%; } .column-push-xsmall-2-7 { left: 28.5714%; } .column-push-xsmall-3-7 { left: 42.8571%; } .column-push-xsmall-4-7 { left: 57.1428%; } .column-push-xsmall-5-7 { left: 71.4285%; } .column-push-xsmall-6-7 { left: 85.7142%; } .column-push-xsmall-1-8 { left: 12.5%; } .column-push-xsmall-3-8 { left: 37.5%; } .column-push-xsmall-5-8 { left: 62.5%; } .column-push-xsmall-7-8 { left: 87.5%; } .column-push-xsmall-1-9 { left: 11.1111%; } .column-push-xsmall-2-9 { left: 22.2222%; } .column-push-xsmall-4-9 { left: 44.4444%; } .column-push-xsmall-5-9 { left: 55.5555%; } .column-push-xsmall-7-9 { left: 77.7777%; } .column-push-xsmall-8-9 { left: 88.8888%; } .column-push-xsmall-1-10 { left: 10%; } .column-push-xsmall-3-10 { left: 30%; } .column-push-xsmall-7-10 { left: 70%; } .column-push-xsmall-9-10 { left: 90%; } .column-push-xsmall-1-11 { left: 9.0909%; } .column-push-xsmall-2-11 { left: 18.1818%; } .column-push-xsmall-3-11 { left: 27.2727%; } .column-push-xsmall-4-11 { left: 36.3636%; } .column-push-xsmall-5-11 { left: 45.4545%; } .column-push-xsmall-6-11 { left: 54.5454%; } .column-push-xsmall-7-11 { left: 63.6363%; } .column-push-xsmall-8-11 { left: 72.7272%; } .column-push-xsmall-9-11 { left: 81.8181%; } .column-push-xsmall-10-11 { left: 90.909%; } .column-push-xsmall-1-12 { left: 8.3333%; } .column-push-xsmall-5-12 { left: 41.6665%; } .column-push-xsmall-7-12 { left: 58.3331%; } .column-push-xsmall-10-12 { left: 83.333%; } .column-push-xsmall-11-12 { left: 91.6663%; } } /* * Column Pull Classes */ .column-pull-1 { right: 100%; } .column-pull-1-2, .column-pull-2-4, .column-pull-3-6, .column-pull-4-8, .column-pull-5-10, .column-pull-6-12 { right: 50%; } .column-pull-1-3, .column-pull-2-6, .column-pull-3-9, .column-pull-4-12 { right: 33.3333%; } .column-pull-2-3, .column-pull-4-6, .column-pull-6-9, .column-pull-8-12 { right: 66.6666%; } .column-pull-1-4, .column-pull-2-8, .column-pull-3-12 { right: 25%; } .column-pull-3-4, .column-pull-6-8, .column-pull-9-12 { right: 75%; } .column-pull-1-5, .column-pull-2-10 { right: 20%; } .column-pull-2-5, .column-pull-4-10 { right: 40%; } .column-pull-3-5, .column-pull-6-10 { right: 60%; } .column-pull-4-5, .column-pull-8-10 { right: 80%; } .column-pull-1-6, .column-pull-2-12 { right: 16.6667%; } .column-pull-5-6 { right: 83.3335%; } .column-pull-1-7 { right: 14.2857%; } .column-pull-2-7 { right: 28.5714%; } .column-pull-3-7 { right: 42.8571%; } .column-pull-4-7 { right: 57.1428%; } .column-pull-5-7 { right: 71.4285%; } .column-pull-6-7 { right: 85.7142%; } .column-pull-1-8 { right: 12.5%; } .column-pull-3-8 { right: 37.5%; } .column-pull-5-8 { right: 62.5%; } .column-pull-7-8 { right: 87.5%; } .column-pull-1-9 { right: 11.1111%; } .column-pull-2-9 { right: 22.2222%; } .column-pull-4-9 { right: 44.4444%; } .column-pull-5-9 { right: 55.5555%; } .column-pull-7-9 { right: 77.7777%; } .column-pull-8-9 { right: 88.8888%; } .column-pull-1-10 { right: 10%; } .column-pull-3-10 { right: 30%; } .column-pull-7-10 { right: 70%; } .column-pull-9-10 { right: 90%; } .column-pull-1-11 { right: 9.0909%; } .column-pull-2-11 { right: 18.1818%; } .column-pull-3-11 { right: 27.2727%; } .column-pull-4-11 { right: 36.3636%; } .column-pull-5-11 { right: 45.4545%; } .column-pull-6-11 { right: 54.5454%; } .column-pull-7-11 { right: 63.6363%; } .column-pull-8-11 { right: 72.7272%; } .column-pull-9-11 { right: 81.8181%; } .column-pull-10-11 { right: 90.909%; } .column-pull-1-12 { right: 8.3333%; } .column-pull-5-12 { right: 41.6665%; } .column-pull-7-12 { right: 58.3331%; } .column-pull-10-12 { right: 83.333%; } .column-pull-11-12 { right: 91.6663%; } /* * Column Pull Extra Large Classes */ @media (min-width: 1680px) { .column-pull-xlarge-reset { right: 0; } .column-pull-xlarge-1 { right: 100%; } .column-pull-xlarge-1-2, .column-pull-xlarge-2-4, .column-pull-xlarge-3-6, .column-pull-xlarge-4-8, .column-pull-xlarge-5-10, .column-pull-xlarge-6-12 { right: 50%; } .column-pull-xlarge-1-3, .column-pull-xlarge-2-6, .column-pull-xlarge-3-9, .column-pull-xlarge-4-12 { right: 33.3333%; } .column-pull-xlarge-2-3, .column-pull-xlarge-4-6, .column-pull-xlarge-6-9, .column-pull-xlarge-8-12 { right: 66.6666%; } .column-pull-xlarge-1-4, .column-pull-xlarge-2-8, .column-pull-xlarge-3-12 { right: 25%; } .column-pull-xlarge-3-4, .column-pull-xlarge-6-8, .column-pull-xlarge-9-12 { right: 75%; } .column-pull-xlarge-1-5, .column-pull-xlarge-2-10 { right: 20%; } .column-pull-xlarge-2-5, .column-pull-xlarge-4-10 { right: 40%; } .column-pull-xlarge-3-5, .column-pull-xlarge-6-10 { right: 60%; } .column-pull-xlarge-4-5, .column-pull-xlarge-8-10 { right: 80%; } .column-pull-xlarge-1-6, .column-pull-xlarge-2-12 { right: 16.6667%; } .column-pull-xlarge-5-6 { right: 83.3335%; } .column-pull-xlarge-1-7 { right: 14.2857%; } .column-pull-xlarge-2-7 { right: 28.5714%; } .column-pull-xlarge-3-7 { right: 42.8571%; } .column-pull-xlarge-4-7 { right: 57.1428%; } .column-pull-xlarge-5-7 { right: 71.4285%; } .column-pull-xlarge-6-7 { right: 85.7142%; } .column-pull-xlarge-1-8 { right: 12.5%; } .column-pull-xlarge-3-8 { right: 37.5%; } .column-pull-xlarge-5-8 { right: 62.5%; } .column-pull-xlarge-7-8 { right: 87.5%; } .column-pull-xlarge-1-9 { right: 11.1111%; } .column-pull-xlarge-2-9 { right: 22.2222%; } .column-pull-xlarge-4-9 { right: 44.4444%; } .column-pull-xlarge-5-9 { right: 55.5555%; } .column-pull-xlarge-7-9 { right: 77.7777%; } .column-pull-xlarge-8-9 { right: 88.8888%; } .column-pull-xlarge-1-10 { right: 10%; } .column-pull-xlarge-3-10 { right: 30%; } .column-pull-xlarge-7-10 { right: 70%; } .column-pull-xlarge-9-10 { right: 90%; } .column-pull-xlarge-1-11 { right: 9.0909%; } .column-pull-xlarge-2-11 { right: 18.1818%; } .column-pull-xlarge-3-11 { right: 27.2727%; } .column-pull-xlarge-4-11 { right: 36.3636%; } .column-pull-xlarge-5-11 { right: 45.4545%; } .column-pull-xlarge-6-11 { right: 54.5454%; } .column-pull-xlarge-7-11 { right: 63.6363%; } .column-pull-xlarge-8-11 { right: 72.7272%; } .column-pull-xlarge-9-11 { right: 81.8181%; } .column-pull-xlarge-10-11 { right: 90.909%; } .column-pull-xlarge-1-12 { right: 8.3333%; } .column-pull-xlarge-5-12 { right: 41.6665%; } .column-pull-xlarge-7-12 { right: 58.3331%; } .column-pull-xlarge-10-12 { right: 83.333%; } .column-pull-xlarge-11-12 { right: 91.6663%; } } /* * Column Pull Large Classes */ @media (min-width: 1280px) and (max-width: 1679px) { .column-pull-large-reset { right: 0; } .column-pull-large-1 { right: 100%; } .column-pull-large-1-2, .column-pull-large-2-4, .column-pull-large-3-6, .column-pull-large-4-8, .column-pull-large-5-10, .column-pull-large-6-12 { right: 50%; } .column-pull-large-1-3, .column-pull-large-2-6, .column-pull-large-3-9, .column-pull-large-4-12 { right: 33.3333%; } .column-pull-large-2-3, .column-pull-large-4-6, .column-pull-large-6-9, .column-pull-large-8-12 { right: 66.6666%; } .column-pull-large-1-4, .column-pull-large-2-8, .column-pull-large-3-12 { right: 25%; } .column-pull-large-3-4, .column-pull-large-6-8, .column-pull-large-9-12 { right: 75%; } .column-pull-large-1-5, .column-pull-large-2-10 { right: 20%; } .column-pull-large-2-5, .column-pull-large-4-10 { right: 40%; } .column-pull-large-3-5, .column-pull-large-6-10 { right: 60%; } .column-pull-large-4-5, .column-pull-large-8-10 { right: 80%; } .column-pull-large-1-6, .column-pull-large-2-12 { right: 16.6667%; } .column-pull-large-5-6 { right: 83.3335%; } .column-pull-large-1-7 { right: 14.2857%; } .column-pull-large-2-7 { right: 28.5714%; } .column-pull-large-3-7 { right: 42.8571%; } .column-pull-large-4-7 { right: 57.1428%; } .column-pull-large-5-7 { right: 71.4285%; } .column-pull-large-6-7 { right: 85.7142%; } .column-pull-large-1-8 { right: 12.5%; } .column-pull-large-3-8 { right: 37.5%; } .column-pull-large-5-8 { right: 62.5%; } .column-pull-large-7-8 { right: 87.5%; } .column-pull-large-1-9 { right: 11.1111%; } .column-pull-large-2-9 { right: 22.2222%; } .column-pull-large-4-9 { right: 44.4444%; } .column-pull-large-5-9 { right: 55.5555%; } .column-pull-large-7-9 { right: 77.7777%; } .column-pull-large-8-9 { right: 88.8888%; } .column-pull-large-1-10 { right: 10%; } .column-pull-large-3-10 { right: 30%; } .column-pull-large-7-10 { right: 70%; } .column-pull-large-9-10 { right: 90%; } .column-pull-large-1-11 { right: 9.0909%; } .column-pull-large-2-11 { right: 18.1818%; } .column-pull-large-3-11 { right: 27.2727%; } .column-pull-large-4-11 { right: 36.3636%; } .column-pull-large-5-11 { right: 45.4545%; } .column-pull-large-6-11 { right: 54.5454%; } .column-pull-large-7-11 { right: 63.6363%; } .column-pull-large-8-11 { right: 72.7272%; } .column-pull-large-9-11 { right: 81.8181%; } .column-pull-large-10-11 { right: 90.909%; } .column-pull-large-1-12 { right: 8.3333%; } .column-pull-large-5-12 { right: 41.6665%; } .column-pull-large-7-12 { right: 58.3331%; } .column-pull-large-10-12 { right: 83.333%; } .column-pull-large-11-12 { right: 91.6663%; } } /* * Column Pull Medium Classes */ @media (min-width: 1024px) and (max-width: 1279px) { .column-pull-medium-reset { right: 0; } .column-pull-medium-1 { right: 100%; } .column-pull-medium-1-2, .column-pull-medium-2-4, .column-pull-medium-3-6, .column-pull-medium-4-8, .column-pull-medium-5-10, .column-pull-medium-6-12 { right: 50%; } .column-pull-medium-1-3, .column-pull-medium-2-6, .column-pull-medium-3-9, .column-pull-medium-4-12 { right: 33.3333%; } .column-pull-medium-2-3, .column-pull-medium-4-6, .column-pull-medium-6-9, .column-pull-medium-8-12 { right: 66.6666%; } .column-pull-medium-1-4, .column-pull-medium-2-8, .column-pull-medium-3-12 { right: 25%; } .column-pull-medium-3-4, .column-pull-medium-6-8, .column-pull-medium-9-12 { right: 75%; } .column-pull-medium-1-5, .column-pull-medium-2-10 { right: 20%; } .column-pull-medium-2-5, .column-pull-medium-4-10 { right: 40%; } .column-pull-medium-3-5, .column-pull-medium-6-10 { right: 60%; } .column-pull-medium-4-5, .column-pull-medium-8-10 { right: 80%; } .column-pull-medium-1-6, .column-pull-medium-2-12 { right: 16.6667%; } .column-pull-medium-5-6 { right: 83.3335%; } .column-pull-medium-1-7 { right: 14.2857%; } .column-pull-medium-2-7 { right: 28.5714%; } .column-pull-medium-3-7 { right: 42.8571%; } .column-pull-medium-4-7 { right: 57.1428%; } .column-pull-medium-5-7 { right: 71.4285%; } .column-pull-medium-6-7 { right: 85.7142%; } .column-pull-medium-1-8 { right: 12.5%; } .column-pull-medium-3-8 { right: 37.5%; } .column-pull-medium-5-8 { right: 62.5%; } .column-pull-medium-7-8 { right: 87.5%; } .column-pull-medium-1-9 { right: 11.1111%; } .column-pull-medium-2-9 { right: 22.2222%; } .column-pull-medium-4-9 { right: 44.4444%; } .column-pull-medium-5-9 { right: 55.5555%; } .column-pull-medium-7-9 { right: 77.7777%; } .column-pull-medium-8-9 { right: 88.8888%; } .column-pull-medium-1-10 { right: 10%; } .column-pull-medium-3-10 { right: 30%; } .column-pull-medium-7-10 { right: 70%; } .column-pull-medium-9-10 { right: 90%; } .column-pull-medium-1-11 { right: 9.0909%; } .column-pull-medium-2-11 { right: 18.1818%; } .column-pull-medium-3-11 { right: 27.2727%; } .column-pull-medium-4-11 { right: 36.3636%; } .column-pull-medium-5-11 { right: 45.4545%; } .column-pull-medium-6-11 { right: 54.5454%; } .column-pull-medium-7-11 { right: 63.6363%; } .column-pull-medium-8-11 { right: 72.7272%; } .column-pull-medium-9-11 { right: 81.8181%; } .column-pull-medium-10-11 { right: 90.909%; } .column-pull-medium-1-12 { right: 8.3333%; } .column-pull-medium-5-12 { right: 41.6665%; } .column-pull-medium-7-12 { right: 58.3331%; } .column-pull-medium-10-12 { right: 83.333%; } .column-pull-medium-11-12 { right: 91.6663%; } } /* * Column Pull Small Classes */ @media (min-width: 768px) and (max-width: 1023px) { .column-pull-small-1 { right: 100%; } .column-pull-small-1-2, .column-pull-small-2-4, .column-pull-small-3-6, .column-pull-small-4-8, .column-pull-small-5-10, .column-pull-small-6-12 { right: 50%; } .column-pull-small-1-3, .column-pull-small-2-6, .column-pull-small-3-9, .column-pull-small-4-12 { right: 33.3333%; } .column-pull-small-2-3, .column-pull-small-4-6, .column-pull-small-6-9, .column-pull-small-8-12 { right: 66.6666%; } .column-pull-small-1-4, .column-pull-small-2-8, .column-pull-small-3-12 { right: 25%; } .column-pull-small-3-4, .column-pull-small-6-8, .column-pull-small-9-12 { right: 75%; } .column-pull-small-1-5, .column-pull-small-2-10 { right: 20%; } .column-pull-small-2-5, .column-pull-small-4-10 { right: 40%; } .column-pull-small-3-5, .column-pull-small-6-10 { right: 60%; } .column-pull-small-4-5, .column-pull-small-8-10 { right: 80%; } .column-pull-small-1-6, .column-pull-small-2-12 { right: 16.6667%; } .column-pull-small-5-6 { right: 83.3335%; } .column-pull-small-1-7 { right: 14.2857%; } .column-pull-small-2-7 { right: 28.5714%; } .column-pull-small-3-7 { right: 42.8571%; } .column-pull-small-4-7 { right: 57.1428%; } .column-pull-small-5-7 { right: 71.4285%; } .column-pull-small-6-7 { right: 85.7142%; } .column-pull-small-1-8 { right: 12.5%; } .column-pull-small-3-8 { right: 37.5%; } .column-pull-small-5-8 { right: 62.5%; } .column-pull-small-7-8 { right: 87.5%; } .column-pull-small-1-9 { right: 11.1111%; } .column-pull-small-2-9 { right: 22.2222%; } .column-pull-small-4-9 { right: 44.4444%; } .column-pull-small-5-9 { right: 55.5555%; } .column-pull-small-7-9 { right: 77.7777%; } .column-pull-small-8-9 { right: 88.8888%; } .column-pull-small-1-10 { right: 10%; } .column-pull-small-3-10 { right: 30%; } .column-pull-small-7-10 { right: 70%; } .column-pull-small-9-10 { right: 90%; } .column-pull-small-1-11 { right: 9.0909%; } .column-pull-small-2-11 { right: 18.1818%; } .column-pull-small-3-11 { right: 27.2727%; } .column-pull-small-4-11 { right: 36.3636%; } .column-pull-small-5-11 { right: 45.4545%; } .column-pull-small-6-11 { right: 54.5454%; } .column-pull-small-7-11 { right: 63.6363%; } .column-pull-small-8-11 { right: 72.7272%; } .column-pull-small-9-11 { right: 81.8181%; } .column-pull-small-10-11 { right: 90.909%; } .column-pull-small-1-12 { right: 8.3333%; } .column-pull-small-5-12 { right: 41.6665%; } .column-pull-small-7-12 { right: 58.3331%; } .column-pull-small-10-12 { right: 83.333%; } .column-pull-small-11-12 { right: 91.6663%; } } /* * Column Pull Extra Small Classes */ @media (max-width: 767px) { [class*='column-pull-'] { right: auto; } .column-pull-xsmall-1 { right: 100%; } .column-pull-xsmall-1-2, .column-pull-xsmall-2-4, .column-pull-xsmall-3-6, .column-pull-xsmall-4-8, .column-pull-xsmall-5-10, .column-pull-xsmall-6-12 { right: 50%; } .column-pull-xsmall-1-3, .column-pull-xsmall-2-6, .column-pull-xsmall-3-9, .column-pull-xsmall-4-12 { right: 33.3333%; } .column-pull-xsmall-2-3, .column-pull-xsmall-4-6, .column-pull-xsmall-6-9, .column-pull-xsmall-8-12 { right: 66.6666%; } .column-pull-xsmall-1-4, .column-pull-xsmall-2-8, .column-pull-xsmall-3-12 { right: 25%; } .column-pull-xsmall-3-4, .column-pull-xsmall-6-8, .column-pull-xsmall-9-12 { right: 75%; } .column-pull-xsmall-1-5, .column-pull-xsmall-2-10 { right: 20%; } .column-pull-xsmall-2-5, .column-pull-xsmall-4-10 { right: 40%; } .column-pull-xsmall-3-5, .column-pull-xsmall-6-10 { right: 60%; } .column-pull-xsmall-4-5, .column-pull-xsmall-8-10 { right: 80%; } .column-pull-xsmall-1-6, .column-pull-xsmall-2-12 { right: 16.6667%; } .column-pull-xsmall-5-6 { right: 83.3335%; } .column-pull-xsmall-1-7 { right: 14.2857%; } .column-pull-xsmall-2-7 { right: 28.5714%; } .column-pull-xsmall-3-7 { right: 42.8571%; } .column-pull-xsmall-4-7 { right: 57.1428%; } .column-pull-xsmall-5-7 { right: 71.4285%; } .column-pull-xsmall-6-7 { right: 85.7142%; } .column-pull-xsmall-1-8 { right: 12.5%; } .column-pull-xsmall-3-8 { right: 37.5%; } .column-pull-xsmall-5-8 { right: 62.5%; } .column-pull-xsmall-7-8 { right: 87.5%; } .column-pull-xsmall-1-9 { right: 11.1111%; } .column-pull-xsmall-2-9 { right: 22.2222%; } .column-pull-xsmall-4-9 { right: 44.4444%; } .column-pull-xsmall-5-9 { right: 55.5555%; } .column-pull-xsmall-7-9 { right: 77.7777%; } .column-pull-xsmall-8-9 { right: 88.8888%; } .column-pull-xsmall-1-10 { right: 10%; } .column-pull-xsmall-3-10 { right: 30%; } .column-pull-xsmall-7-10 { right: 70%; } .column-pull-xsmall-9-10 { right: 90%; } .column-pull-xsmall-1-11 { right: 9.0909%; } .column-pull-xsmall-2-11 { right: 18.1818%; } .column-pull-xsmall-3-11 { right: 27.2727%; } .column-pull-xsmall-4-11 { right: 36.3636%; } .column-pull-xsmall-5-11 { right: 45.4545%; } .column-pull-xsmall-6-11 { right: 54.5454%; } .column-pull-xsmall-7-11 { right: 63.6363%; } .column-pull-xsmall-8-11 { right: 72.7272%; } .column-pull-xsmall-9-11 { right: 81.8181%; } .column-pull-xsmall-10-11 { right: 90.909%; } .column-pull-xsmall-1-12 { right: 8.3333%; } .column-pull-xsmall-5-12 { right: 41.6665%; } .column-pull-xsmall-7-12 { right: 58.3331%; } .column-pull-xsmall-10-12 { right: 83.333%; } .column-pull-xsmall-11-12 { right: 91.6663%; } } .grid { height: 100%; overflow: hidden; grid-template-areas: "aside header" "aside main"; } @media (min-width: 1024px) { .grid { display: grid; display: -ms-grid; -ms-grid-columns: 9.5rem 1fr; -ms-grid-rows: 6.5rem 1fr; grid-template-columns: 9.5rem 1fr; grid-template-rows: 6.5rem 1fr; grid-gap: 0; grid-template-areas: "aside main" "aside main"; } } main.main { background: #F3F6F9; overflow: auto; grid-area: main; -ms-grid-row: 2; -ms-grid-column: 2; -ms-grid-column-span: 2; font-size: 1.6rem; height: 100%; padding-top: 6.5rem; } @media (min-width: 1024px) { main.main { padding-top: 0; height: auto; } } /* * Form */ /* * Definitions */ /* * Label */ label { display: block; margin: 1rem 0; font-family: "Open Sans", Helvetica, Arial, sans-serif; font-weight: 800; font-size: 1.6rem; color: #0A1535; line-height: 1.5; } /* * Definitions */ /* * Fieldset */ fieldset { display: block; margin: 0 0 3rem; padding: 0; border: 1px solid #0A1535; background: #FFFFFF; border-radius: 4px; min-height: 8rem; } fieldset legend { padding: 1rem 2.5rem; font-size: 1.6rem; color: #FFFFFF; height: 4.5rem; background: #0A1535; width: 100%; width: calc(100% + 0.2rem); width: -o-calc(100% + 0.2rem); margin-left: -0.1rem; border-radius: 4px 4px 0 0; font-family: "Open Sans", Helvetica, Arial, sans-serif; font-weight: 700; font-style: normal; } fieldset legend a { position: absolute; right: 1.5rem; background: #9DA1AE; color: #FFFFFF; padding: 1rem; top: 0; border-radius: 0 4px 0 0; } fieldset .content { padding: 2.5rem; } fieldset .content .complements { background: rgba(157, 161, 174, 0.2); padding: 0.5rem 3rem; color: #9DA1AE; font-size: 1.2rem; font-family: "Open Sans", Helvetica, Arial, sans-serif; font-weight: 600; font-style: normal; margin: 2rem 0; border-radius: 4px; } fieldset .content .action-center { text-align: center; margin: 2rem 0; } fieldset .content .action-inside { line-height: 6rem; } /* * Definitions */ /* * Form Message */ .form-message { margin: 1rem 0; font-family: "Open Sans", Helvetica, Arial, sans-serif; font-weight: 400; font-size: 1.4rem; color: #0A1535; line-height: 1.5; } .form-message.error { color: #FF5B5D; } .form-message.warning { color: #F5A623; } .form-message.success { color: #7ED321; } .form-message.info { color: #1E90FF; } /* * Definitions */ /* * Input */ input, textarea { display: block; margin: 1rem 0; width: 100%; font-family: "Open Sans", Helvetica, Arial, sans-serif; font-weight: 400; line-height: 4.8rem; border-radius: 4px; transition: all 0.2s ease-in-out; margin-left: auto; -webkit-appearance: none; -moz-appearance: none; appearance: none; box-sizing: border-box; padding: 0 1.6rem; height: 4.8rem; font-size: 1.6rem; color: #0A1535; background: #FFFFFF; border: 1px solid #CED0D6; } input::-moz-placeholder, textarea::-moz-placeholder { font-family: "Open Sans", Helvetica, Arial, sans-serif; font-size: 1.6rem; color: rgba(10, 21, 53, 0.5); letter-spacing: 0px; text-transform: none; transition: color 0.2s ease-in-out; } input:focus::-moz-placeholder, textarea:focus::-moz-placeholder { color: rgba(10, 21, 53, 0.25); } input:-ms-input-placeholder, textarea:-ms-input-placeholder { font-family: "Open Sans", Helvetica, Arial, sans-serif; font-size: 1.6rem; color: rgba(10, 21, 53, 0.5); letter-spacing: 0px; text-transform: none; transition: color 0.2s ease-in-out; } input:focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder { color: rgba(10, 21, 53, 0.25); } input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { font-family: "Open Sans", Helvetica, Arial, sans-serif; font-size: 1.6rem; color: rgba(10, 21, 53, 0.5); letter-spacing: 0px; text-transform: none; transition: color 0.2s ease-in-out; } input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder { color: rgba(10, 21, 53, 0.25); } input:hover, textarea:hover { color: #0A1535; background: #fafafa; border: 1px solid #c8ced6; } input:focus, textarea:focus { color: #0A1535; background: #fafafa; border: 1px solid #1E90FF; } input:disabled, textarea:disabled { cursor: no-drop; color: #FAFAFC; background: #FAFAFC; border: 1px solid #dadae9; } /* * Textarea */ textarea { max-width: 100%; border-radius: 4px; transition: color 0.2s ease-in-out, background 0.2s ease-in-out, border 0.2s ease-in-out; } /* * Input Styles */ .input-inverse { color: #FFFFFF; background: #0A1535; border: none; } .input-inverse::-moz-placeholder { font-family: "Open Sans", Helvetica, Arial, sans-serif; font-size: 1.6rem; color: #FFFFFF; letter-spacing: 0px; text-transform: none; transition: color 0.2s ease-in-out; } .input-inverse:focus::-moz-placeholder { color: rgba(255, 255, 255, 0.25); } .input-inverse:-ms-input-placeholder { font-family: "Open Sans", Helvetica, Arial, sans-serif; font-size: 1.6rem; color: #FFFFFF; letter-spacing: 0px; text-transform: none; transition: color 0.2s ease-in-out; } .input-inverse:focus:-ms-input-placeholder { color: rgba(255, 255, 255, 0.25); } .input-inverse::-webkit-input-placeholder { font-family: "Open Sans", Helvetica, Arial, sans-serif; font-size: 1.6rem; color: #FFFFFF; letter-spacing: 0px; text-transform: none; transition: color 0.2s ease-in-out; } .input-inverse:focus::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.25); } .input-inverse:hover { color: #FFFFFF; background: #08112a; border: none; } .input-inverse:focus { color: #FFFFFF; background: #060c20; border: 1px solid #1E90FF; } /* * Input Search */ input[type="search"] { border-radius: 2rem; -webkit-appearance: none; box-sizing: border-box; } /* * Input File */ input[type="file"] { padding: 0; height: auto; background: transparent; border: none; box-sizing: border-box; } /* * Checkbox and Radio */ input[type="checkbox"], input[type="radio"] { display: inline-block; margin-right: 10px; width: auto; height: auto; } input[type="checkbox"] + p, input[type="radio"] + p { margin: 0; display: inline-block; } input[type="checkbox"] + label, input[type="radio"] + label { display: inline-block; } input[type="checkbox"] { -webkit-appearance: checkbox; -moz-appearance: checkbox; appearance: checkbox; } input[type="radio"] { -webkit-appearance: radio; -moz-appearance: radio; appearance: radio; } /* * Textarea */ textarea { padding: 1.6rem; height: auto; line-height: 1.5; } select { box-shadow: none; background: transparent; background-image: none; -webkit-appearance: none; border: 1px solid #CED0D6; height: 4.8rem; border-radius: 0; } select:focus { outline: none; } .admin-section__content label { font-size: 1.4rem; } .admin-section__content .field--select:before { right: 1rem; bottom: 1.2rem; } /* * Definitions */ /* * Input Indicators */ input.error, textarea.error { color: #FF5B5D; border-color: #FF5B5D; } input.warning, textarea.warning { color: #F5A623; border-color: #F5A623; } input.success, textarea.success { color: #7ED321; border-color: #7ED321; } input.info, textarea.info { color: #1E90FF; border-color: #1E90FF; } /* * Definitions */ /* * Input Sizes */ .input-xlarge { padding: 0 3rem; height: 6rem; font-size: 2rem; } .input-xlarge::-moz-placeholder { font-family: "Open Sans", Helvetica, Arial, sans-serif; font-size: 2rem; color: rgba(10, 21, 53, 0.5); letter-spacing: 0px; text-transform: none; transition: color 0.2s ease-in-out; } .input-xlarge:focus::-moz-placeholder { color: rgba(10, 21, 53, 0.25); } .input-xlarge:-ms-input-placeholder { font-family: "Open Sans", Helvetica, Arial, sans-serif; font-size: 2rem; color: rgba(10, 21, 53, 0.5); letter-spacing: 0px; text-transform: none; transition: color 0.2s ease-in-out; } .input-xlarge:focus:-ms-input-placeholder { color: rgba(10, 21, 53, 0.25); } .input-xlarge::-webkit-input-placeholder { font-family: "Open Sans", Helvetica, Arial, sans-serif; font-size: 2rem; color: rgba(10, 21, 53, 0.5); letter-spacing: 0px; text-transform: none; transition: color 0.2s ease-in-out; } .input-xlarge:focus::-webkit-input-placeholder { color: rgba(10, 21, 53, 0.25); } .input-large { padding: 0 2.5rem; height: 5rem; font-size: 1.8rem; } .input-large::-moz-placeholder { font-family: "Open Sans", Helvetica, Arial, sans-serif; font-size: 1.8rem; color: rgba(10, 21, 53, 0.5); letter-spacing: 0px; text-transform: none; transition: color 0.2s ease-in-out; } .input-large:focus::-moz-placeholder { color: rgba(10, 21, 53, 0.25); } .input-large:-ms-input-placeholder { font-family: "Open Sans", Helvetica, Arial, sans-serif; font-size: 1.8rem; color: rgba(10, 21, 53, 0.5); letter-spacing: 0px; text-transform: none; transition: color 0.2s ease-in-out; } .input-large:focus:-ms-input-placeholder { color: rgba(10, 21, 53, 0.25); } .input-large::-webkit-input-placeholder { font-family: "Open Sans", Helvetica, Arial, sans-serif; font-size: 1.8rem; color: rgba(10, 21, 53, 0.5); letter-spacing: 0px; text-transform: none; transition: color 0.2s ease-in-out; } .input-large:focus::-webkit-input-placeholder { color: rgba(10, 21, 53, 0.25); } .input-medium { padding: 0 1.6rem; height: 4.8rem; font-size: 1.6rem; } .input-medium::-moz-placeholder { font-family: "Open Sans", Helvetica, Arial, sans-serif; font-size: 1.6rem; color: rgba(10, 21, 53, 0.5); letter-spacing: 0px; text-transform: none; transition: color 0.2s ease-in-out; } .input-medium:focus::-moz-placeholder { color: rgba(10, 21, 53, 0.25); } .input-medium:-ms-input-placeholder { font-family: "Open Sans", Helvetica, Arial, sans-serif; font-size: 1.6rem; color: rgba(10, 21, 53, 0.5); letter-spacing: 0px; text-transform: none; transition: color 0.2s ease-in-out; } .input-medium:focus:-ms-input-placeholder { color: rgba(10, 21, 53, 0.25); } .input-medium::-webkit-input-placeholder { font-family: "Open Sans", Helvetica, Arial, sans-serif; font-size: 1.6rem; color: rgba(10, 21, 53, 0.5); letter-spacing: 0px; text-transform: none; transition: color 0.2s ease-in-out; } .input-medium:focus::-webkit-input-placeholder { color: rgba(10, 21, 53, 0.25); } .input-small { padding: 0 1.2rem; height: 3.6rem; font-size: 1.4rem; } .input-small::-moz-placeholder { font-family: "Open Sans", Helvetica, Arial, sans-serif; font-size: 1.4rem; color: rgba(10, 21, 53, 0.5); letter-spacing: 0px; text-transform: none; transition: color 0.2s ease-in-out; } .input-small:focus::-moz-placeholder { color: rgba(10, 21, 53, 0.25); } .input-small:-ms-input-placeholder { font-family: "Open Sans", Helvetica, Arial, sans-serif; font-size: 1.4rem; color: rgba(10, 21, 53, 0.5); letter-spacing: 0px; text-transform: none; transition: color 0.2s ease-in-out; } .input-small:focus:-ms-input-placeholder { color: rgba(10, 21, 53, 0.25); } .input-small::-webkit-input-placeholder { font-family: "Open Sans", Helvetica, Arial, sans-serif; font-size: 1.4rem; color: rgba(10, 21, 53, 0.5); letter-spacing: 0px; text-transform: none; transition: color 0.2s ease-in-out; } .input-small:focus::-webkit-input-placeholder { color: rgba(10, 21, 53, 0.25); } .input-xsmall { padding: 0 0.8rem; height: 2.4rem; font-size: 1.2rem; } .input-xsmall::-moz-placeholder { font-family: "Open Sans", Helvetica, Arial, sans-serif; font-size: 1.2rem; color: rgba(10, 21, 53, 0.5); letter-spacing: 0px; text-transform: none; transition: color 0.2s ease-in-out; } .input-xsmall:focus::-moz-placeholder { color: rgba(10, 21, 53, 0.25); } .input-xsmall:-ms-input-placeholder { font-family: "Open Sans", Helvetica, Arial, sans-serif; font-size: 1.2rem; color: rgba(10, 21, 53, 0.5); letter-spacing: 0px; text-transform: none; transition: color 0.2s ease-in-out; } .input-xsmall:focus:-ms-input-placeholder { color: rgba(10, 21, 53, 0.25); } .input-xsmall::-webkit-input-placeholder { font-family: "Open Sans", Helvetica, Arial, sans-serif; font-size: 1.2rem; color: rgba(10, 21, 53, 0.5); letter-spacing: 0px; text-transform: none; transition: color 0.2s ease-in-out; } .input-xsmall:focus::-webkit-input-placeholder { color: rgba(10, 21, 53, 0.25); } /* * Input Group */ .input-group { position: relative; display: table; margin: 1rem 0; border-collapse: separate; } .input-group.input-inline { float: left; } .input-group input { margin: 0; border-radius: 4px 0 0 4px; background-clip: padding-box; } .input-group[class*="column-"] { float: none; padding-left: 0; padding-right: 0; } .input-group .input-group-button, .input-group .input-group .form-input { display: table-cell; } .input-group-button { position: relative; font-size: 0rem; width: 1%; white-space: nowrap; vertical-align: middle; } .input-group-button > button, .input-group-button > .button { position: relative; border-radius: 0 8px 8px 0; background-clip: padding-box; } .input-group-button > button + .button, .input-group-button > .button + .button { margin-left: -1px; } .input-group-button > button:hover, .input-group-button > .button:hover, .input-group-button > button:focus, .input-group-button > .button:focus, .input-group-button > button:active, .input-group-button > .button:active { z-index: 2; } .input-group-button:first-child > .button { margin-right: -1px; } .input-group-button:last-child > .button { margin-left: -1px; } .input-group-search { border-radius: 2rem; overflow: hidden; } .input-group-search input[type="search"] { padding-left: 2rem; border-radius: 2rem 0 0 2rem; background-clip: padding-box; } .input-group-search button, .input-group-search .button { border-radius: 0 2rem 2rem 0; background-clip: padding-box; } /* * Definitions */ /* * Controls (Radio + Checkbox) */ .control { position: relative; display: block; margin: 1rem 0; padding: 0 0 0 1.5em; color: #0A1535; cursor: pointer; } .control.control-inline { display: inline-block; margin-right: 2rem; } .control:hover .control-indicator { border: 1px solid #c8ced6; background-color: #fafafa; } .control input { z-index: -1; position: absolute; opacity: 0; } .control input:focus ~ .control-indicator { box-shadow: 0 0 0 1px #FFFFFF, 0 0 0 2px #1E90FF; } .control input:checked ~ .control-indicator { background: #2F478B; border: 1px solid #2F478B; } .control input:checked ~ .control-label { color: #0A1535; } .control.checkbox .control-indicator { border-radius: none; } .control.checkbox input:checked ~ .control-indicator { background: #2F478B no-repeat 50% 50% url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOC4xLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMTIuOHB4IiBoZWlnaHQ9IjkuOHB4IiB2aWV3Qm94PSIwIDAgMTIuOCA5LjgiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDEyLjggOS44IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwb2x5Z29uIGZpbGw9IiNGRkZGRkYiIHBvaW50cz0iMTEuNCwwIDQuNCw3IDEuNCw0IDAsNS40IDMsOC40IDQuNCw5LjggNS44LDguNCAxMi44LDEuNCAiLz4NCjwvc3ZnPg0K'); } .control.radio .control-indicator { border-radius: 50%; } .control.radio input:checked ~ .control-indicator:before { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background: #FFFFFF; content: ''; width: 0.5em; height: 0.5em; border-radius: 50%; } .control-indicator { position: absolute; top: 0; left: 0; display: block; width: 1.6rem; height: 1.6rem; line-height: 1rem; color: #2F478B; text-align: center; background-color: #FFFFFF; background-size: 50% 50%; background-position: center center; background-repeat: no-repeat; border: 1px solid #CED0D6; transition: all 0.2s ease-in-out; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .control-label { display: block; margin: 0 0 0 1rem; font-family: "Open Sans", Helvetica, Arial, sans-serif; font-weight: 400; font-size: 1.6rem; color: #0A1535; line-height: 4.8rem; transition: color 0.2s ease-in-out; } /* * Definitions */ /* * Select */ select { display: block; width: 100%; } .field-select { position: relative; display: block; margin: 1rem 0; /*&:after { position: absolute; top: 50%; right: 15px; margin-top: -(@select-arrow-size / 2); width: 0; height: 0; content: ''; pointer-events: none; border-left: @select-arrow-size solid transparent; border-right: @select-arrow-size solid transparent; border-top: @select-arrow-size solid @select-arrow-background; }*/ } .field-select select { margin: 0; padding: 0 1.6rem; height: 4.8rem; line-height: auto; font-family: "Open Sans", Helvetica, Arial, sans-serif; font-weight: 400; font-size: 1.6rem; color: #0A1535; cursor: pointer; outline: 0; background: #FFFFFF; border: 1px solid #CED0D6; border-radius: 4px; transition: all 0.2s ease-in-out; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .field-select select::-moz-focusring { color: transparent; text-shadow: 0 0 0 #000; } .field-select select::-ms-expand { display: none; } .field-select select:hover { color: #0A1535; background: #fafafa; border: 1px solid #c8ced6; } .field-select select:focus { color: #0A1535; background: #fafafa; border: 1px solid #1E90FF; } .field-select:before { content: "\E902"; font-family: 'ubaristi'; font-size: 1.4rem; line-height: 1.35; font-weight: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; margin-right: 0.25em; text-indent: 0; position: absolute; right: 0; bottom: 1rem; } /* * Select Inverse */ .select-inverse select { color: #FFFFFF; border: none; background: #0A1535; } .select-inverse select:hover { color: #FFFFFF; background: #08112a; border: none; } .select-inverse select:focus { color: #FFFFFF; background: #060c20; border: 1px solid #1E90FF; } .select-inverse:after { border-top: 0.4rem solid #FFFFFF; } @media screen and (min-width:0\0) { .select select { padding: 0.5em; } .select:before, .select:after { display: none; } } @-moz-document url-prefix() { .select select { text-indent: 0.01px; text-overflow: ''; padding-right: 1rem; } .select:before { z-index: 2; position: absolute; top: 0; right: 0; bottom: 0; content: ''; pointer-events: none; width: 1em; border: 1px solid #CED0D6; border-width: 1px 1px 1px 0px; background: #FFFFFF; border-radius: 0 4px 4px 0; background-clip: padding-box; } .select.large:before { width: 1.5em; } .select.select-inverse:before { border: none; background: #0A1535; } } /* * Definitions */ /* * Select Sizes */ .select-xlarge select { padding: 0 3rem; height: 6rem; font-size: 2rem; line-height: 6rem; } .select-large select { padding: 0 2.5rem; height: 5rem; font-size: 1.8rem; line-height: 5rem; } .select-medium select { padding: 0 1.6rem; height: 4.8rem; font-size: 1.6rem; line-height: 4.8rem; } .select-small select { padding: 0 1.2rem; height: 3.6rem; font-size: 1.4rem; line-height: 3.6rem; } .select-xsmall select { padding: 0 0.8rem; height: 2.4rem; font-size: 1.2rem; line-height: 2.4rem; } app-select-field, app-datepicker-field, app-textarea-field, app-input-text-field, app-input-number-field, app-autocomplete-field { width: 100%; } app-autocomplete-field { height: 4rem; } .field { margin-bottom: 2rem; position: relative; } .field owl-date-time { position: absolute; } .field--inline { display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: -webkit-box; display: flex; -moz-align-items: flex-end; -ms-align-items: flex-end; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .field--inline .field { display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: -webkit-box; display: flex; -moz-align-items: flex-end; -ms-align-items: flex-end; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .field--inline .field .box-error { bottom: -1.8rem; } .field--inline label { margin: 0; font-weight: 600; white-space: nowrap; padding-right: 1rem; } .field--inline input, .field--inline select { margin: 0; border: 0; border-bottom: 1px dashed #9DA1AE; border-radius: 0; height: 4rem; } .field--inline .ng-select .ng-control { border: 0; border-bottom: 1px dashed #9DA1AE; border-radius: 0; height: 4rem; } .field--inline.field--checkbox input { position: absolute; left: -999999px; } .field--inline.field--checkbox input:checked + label:after { content: ''; width: 1.4rem; height: 1.4rem; position: absolute; left: 0.3rem; bottom: 0.7rem; background: #2F478B; } .field--inline.field--checkbox input + label { margin-top: 1.6rem; padding-left: 3rem; cursor: pointer; } .field--inline.field--checkbox input + label:before { content: ''; width: 2rem; height: 2rem; position: absolute; left: 0; border: 1px solid #CED0D6; display: block; } .field .box-error { display: none; width: 100%; position: absolute; left: 0; bottom: -1.8rem; } .field .box-error p.error { color: #FF5B5D !important; font-family: "Open Sans", Helvetica, Arial, sans-serif; font-weight: 500; font-style: normal; font-size: 1.2rem; margin: 0; text-align: left; } .field.error:before { position: absolute; right: 2rem; bottom: 2.4rem; -webkit-transform: translateY(50%) rotate(45deg); transform: translateY(50%) rotate(45deg); color: #FF5B5D !important; } .field.error input { border: 1px solid #FF5B5D; } .field.error .box-error { display: block; } .field.error .box-error p.error:not([hidden]) { display: block; } .field.error .box-error p.error:not([hidden]) ~ p { display: none; } .field--delete input, .field--action input, .field--delete .input, .field--action .input, .field--delete .textarea, .field--action .textarea { max-width: calc(100% - 5rem); max-width: -o-calc(100% - 5rem); margin-right: 5rem; } .field--delete .delete, .field--action .delete { position: absolute; right: 0; width: 4rem; height: 4rem; top: 0; background: #FF5B5D; } .field--delete .delete:before, .field--action .delete:before { content: "\E914"; font-family: 'ubaristi'; font-size: 1.4rem; line-height: 1.35; font-weight: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; margin-right: 0.25em; text-indent: 0; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); margin: 0; color: #FFFFFF; font-size: 2rem; } .field--delete .action, .field--action .action { position: absolute; right: 0; width: 4rem; height: 4rem; top: 0; background: #2F478B; } .field--delete .action:before, .field--action .action:before { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); margin: 0; color: #FFFFFF; font-size: 2rem; } .field div.input { height: 4rem; border-bottom: 1px dashed #9DA1AE; width: 100%; font-size: 1.6rem; color: #0A1535; line-height: 4.8rem; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .field div.textarea { display: block; height: 4rem; border-bottom: 1px dashed #9DA1AE; width: 100%; font-size: 1.6rem; color: #0A1535; line-height: 4.8rem; overflow: hidden; } .form-actions { text-align: center; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: -webkit-box; display: flex; -moz-justify-content: center; -ms-justify-content: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 4rem 0; } .form-actions .button { margin: 0 1.5rem; } .ng-select { width: 100%; max-width: 80%; } .ng-select.ng-single .ng-control .ng-value-container .ng-input { top: -0.3rem !important; opacity: 0!important; } .opened.ng-select.ng-single .ng-control .ng-value-container .ng-input { opacity: 1!important; } .ng-select.ng-single .ng-control .ng-value-container .ng-input > input { padding: 0!important; } /* * Elements */ /* * Definitions */ /* * Button */ button, .button { display: inline-block; font-family: "Open Sans", Helvetica, Arial, sans-serif; font-weight: 800; line-height: 1.5; letter-spacing: 0.05rem; text-align: center; text-transform: none; white-space: nowrap; cursor: pointer; border-radius: 8px; transition: all 0.2s ease-in-out; padding: 1.3rem 2.2rem; height: 5rem; font-size: 1.6rem; color: #FFFFFF; background: #AAB2B5; border: 1px solid #E5E8EC; } button.error, .button.error { color: #FFFFFF; background: #FF5B5D; border: none; } button.error:not(:disabled):hover, .button.error:not(:disabled):hover, button.error:not(:disabled):focus, .button.error:not(:disabled):focus { color: #FFFFFF; background: #ff282b; border: none; } button.warning, .button.warning { color: #FFFFFF; background: #F5A623; border: none; } button.warning:not(:disabled):hover, .button.warning:not(:disabled):hover, button.warning:not(:disabled):focus, .button.warning:not(:disabled):focus { color: #FFFFFF; background: #db8c0a; border: none; } button.success, .button.success { color: #FFFFFF; background: #7ED321; border: none; } button.success:not(:disabled):hover, .button.success:not(:disabled):hover, button.success:not(:disabled):focus, .button.success:not(:disabled):focus { color: #FFFFFF; background: #64a71a; border: none; } button.info, .button.info { color: #FFFFFF; background: #1E90FF; border: none; } button.info:not(:disabled):hover, .button.info:not(:disabled):hover, button.info:not(:disabled):focus, .button.info:not(:disabled):focus { color: #FFFFFF; background: #0077ea; border: none; } button:not(:disabled):hover, .button:not(:disabled):hover, button:not(:disabled):focus, .button:not(:disabled):focus { color: #C6CBD4; background: #8f999d; border: 1px solid #c8ced6; } button:disabled { cursor: no-drop; opacity: 0.5; } [role="button"] { cursor: pointer; } /* * Button Modifiers */ .button-block { display: block; width: 100%; text-align: center; } .button-center { display: inline-block; margin: 0 auto; } /* * Definitions */ /* * Button Styles */ .button-inverse { color: #FAFAFC; background: #0A1535; border: none; } .button-inverse:not(:disabled):hover, .button-inverse:not(:disabled):focus { color: #FAFAFC; background: #02040a; border: none; } .button-text { color: #0A1535; background: transparent; border: none; } .button-text:not(:disabled):hover, .button-text:not(:disabled):focus { color: #2F478B; background: transparent; border: none; } .button-primary { color: #FFFFFF; background: #2F478B; border: none; } .button-primary:not(:disabled):hover, .button-primary:not(:disabled):focus { color: #FFFFFF; background: #223465; border: none; } .button-secondary { color: #FFFFFF; background: #29D4A8; border: none; } .button-secondary:not(:disabled):hover, .button-secondary:not(:disabled):focus { color: #FFFFFF; background: #21a986; border: none; } .button-tertiary { color: #FFFFFF; background: #8B008B; border: none; } .button-tertiary:not(:disabled):hover, .button-tertiary:not(:disabled):focus { color: #FFFFFF; background: #580058; border: none; } .button-border { color: #0A1535; background: transparent; border: 1px solid #0A1535; } .button-border:not(:disabled):hover, .button-border:not(:disabled):focus { color: #FFFFFF; background: #0A1535; border: 1px solid #0A1535; } .button-error { color: #FFFFFF; background: #FF5B5D; border: none; } .button-error:not(:disabled):hover, .button-error:not(:disabled):focus { color: #FFFFFF; background: #ff282b; border: none; } /* * Definitions */ /* * Button Indicators */ button.error, .button.error { color: #FFFFFF; background: #FF5B5D; border: none; } button.error:not(:disabled):hover, .button.error:not(:disabled):hover, button.error:not(:disabled):focus, .button.error:not(:disabled):focus { color: #FFFFFF; background: #ff282b; border: none; } button.warning, .button.warning { color: #FFFFFF; background: #F5A623; border: none; } button.warning:not(:disabled):hover, .button.warning:not(:disabled):hover, button.warning:not(:disabled):focus, .button.warning:not(:disabled):focus { color: #FFFFFF; background: #db8c0a; border: none; } button.success, .button.success { color: #FFFFFF; background: #7ED321; border: none; } button.success:not(:disabled):hover, .button.success:not(:disabled):hover, button.success:not(:disabled):focus, .button.success:not(:disabled):focus { color: #FFFFFF; background: #64a71a; border: none; } button.info, .button.info { color: #FFFFFF; background: #1E90FF; border: none; } button.info:not(:disabled):hover, .button.info:not(:disabled):hover, button.info:not(:disabled):focus, .button.info:not(:disabled):focus { color: #FFFFFF; background: #0077ea; border: none; } /* * Definitions */ /* * Button Sizes */ .button-xlarge { padding: 1.8rem 3.2rem; height: 6rem; font-size: 2rem; } .button-large { padding: 1.4rem 2.8rem; height: 5rem; font-size: 1.8rem; } .button-medium { padding: 1.3rem 2.2rem; height: 5rem; font-size: 1.6rem; } .button-small { padding: 0.8rem 1.6rem; height: 3.6rem; font-size: 1.4rem; } .button-xsmall { padding: 0.6rem 1.2rem; height: 2.4rem; font-size: 1.2rem; } /* * Definitions */ /* * Button Icon */ .button-icon > svg { position: relative; width: 1.6rem; height: 1.6rem; fill: currentColor; vertical-align: bottom; transition: fill 0.2s ease-in-out; } .button-icon-left > svg { margin-right: 1em; } .button-icon-right > svg { margin-left: 1em; } /* * Button Icon Styles */ .button-icon.button-inverse > svg { fill: #FAFAFC; } .button-icon.button-inverse:not(:disabled):hover > svg, .button-icon.button-inverse:not(:disabled):focus > svg { fill: #FAFAFC; } .button-icon.button-text > svg { fill: #0A1535; } .button-icon.button-text:not(:disabled):hover > svg, .button-icon.button-text:not(:disabled):focus > svg { fill: #2F478B; } .button-icon.button-primary > svg { fill: #FFFFFF; } .button-icon.button-primary:not(:disabled):hover > svg, .button-icon.button-primary:not(:disabled):focus > svg { fill: #FFFFFF; } .button-icon.button-secondary > svg { fill: #FFFFFF; } .button-icon.button-secondary:not(:disabled):hover > svg, .button-icon.button-secondary:not(:disabled):focus > svg { fill: #FFFFFF; } .button-icon.button-tertiary > svg { fill: #FFFFFF; } .button-icon.button-tertiary:not(:disabled):hover > svg, .button-icon.button-tertiary:not(:disabled):focus > svg { fill: #FFFFFF; } .button-icon.button-border > svg { fill: #0A1535; } .button-icon.button-border:not(:disabled):hover > svg, .button-icon.button-border:not(:disabled):focus > svg { fill: #FFFFFF; } /* * Button Icon Indicators */ .button-icon.error > svg { fill: #FFFFFF; } .button-icon.error:not(:disabled):hover > svg, .button-icon.error:not(:disabled):focus > svg { fill: #FFFFFF; } .button-icon.warning > svg { fill: #FFFFFF; } .button-icon.warning:not(:disabled):hover > svg, .button-icon.warning:not(:disabled):focus > svg { fill: #FFFFFF; } .button-icon.success > svg { fill: #FFFFFF; } .button-icon.success:not(:disabled):hover > svg, .button-icon.success:not(:disabled):focus > svg { fill: #FFFFFF; } .button-icon.info > svg { fill: #FFFFFF; } .button-icon.info:not(:disabled):hover > svg, .button-icon.info:not(:disabled):focus > svg { fill: #FFFFFF; } /* * Button Sizes */ .button-icon.button-xlarge > svg { width: 2rem; height: 2rem; } .button-icon.button-large > svg { width: 1.8rem; height: 1.8rem; } .button-icon.button-medium > svg { width: 1.6rem; height: 1.6rem; } .button-icon.button-small > svg { width: 1.4rem; height: 1.4rem; } .button-icon.button-xsmall > svg { width: 1.2rem; height: 1.2rem; } /* * Button Group */ .button-group { position: relative; display: inline-block; vertical-align: middle; } .button-group > button, .button-group > .button { position: relative; float: left; } .button-group > button:hover, .button-group > .button:hover, .button-group > button:focus, .button-group > .button:focus, .button-group > button:active, .button-group > .button:active, .button-group > button.active, .button-group > .button.active { z-index: 2; } .button-group button + button, .button-group .button + .button, .button-group button + .button-group, .button-group .button + .button-group, .button-group .button-group + button, .button-group .button-group + .button, .button-group .button-group + .button-group { margin-left: -1px; } .button-group > .button-group { float: left; } .button-group button:not(:first-child):not(:last-child), .button-group .button:not(:first-child):not(:last-child), .button-group .button-group:not(:first-child):not(:last-child) > button, .button-group .button-group:not(:first-child):not(:last-child) > .button { border-radius: 0; } .button-group > .button-group:first-child > button:last-child, .button-group > .button-group:first-child > .button:last-child { border-bottom-right-radius: 0; border-top-right-radius: 0; } .button-group > .button-group:last-child > button:first-child, .button-group > .button-group:last-child > .button:first-child { border-bottom-left-radius: 0; border-top-left-radius: 0; } .button-group > button:first-child, .button-group > .button:first-child { margin-left: 0; } .button-group > button:first-child:not(:last-child), .button-group > .button:first-child:not(:last-child) { border-bottom-right-radius: 0; border-top-right-radius: 0; } .button-group > button:last-child:not(:first-child), .button-group > .button:last-child:not(:first-child) { border-bottom-left-radius: 0; border-top-left-radius: 0; } .button-group-block { display: table; width: 100%; table-layout: fixed; border-collapse: separate; } .button-group-block > button, .button-group-block > .button, .button-group-block > .button-group { float: none; display: table-cell; width: 1%; } .button-group-block > .button-group .button, .button-group-block > .button-group button { width: 100%; } /* * Definitions */ /* * Figure */ figure { display: block; margin: 0; padding: 1rem; border: 1px solid #E5E8EC; } figcaption { margin: 1rem 0; font-family: "Open Sans", Helvetica, Arial, sans-serif; font-weight: 400; font-size: 1.6rem; color: #0A1535; text-align: center; } /* * Definitions */ /* * Media */ .media { display: block; position: relative; overflow: hidden; background: #FAFAFC; } .media > svg, .media > img, .media > video, .media > iframe, .media > .media-inner { display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; } .media-1-2 { padding-top: 200%; } .media-9-16 { padding-top: 177.77777778%; } .media-9-14 { padding-top: 155.55555556%; } .media-2-3 { padding-top: 150%; } .media-3-4 { padding-top: 133.33333333%; } .media-1 { padding-top: 100%; } .media-4-3 { padding-top: 75%; } .media-3-2 { padding-top: 66.66666667%; } .media-16-9 { padding-top: 56.25%; } .media-2-1 { padding-top: 50%; } /* * Definitions */ /* * Nav */ nav ul, .nav ul { margin: 0; list-style: none; } nav ul li, .nav ul li { margin: 1rem 0; } .nav-inline ul li { display: inline-block; margin: 0 1rem; } /* * Definitions */ /* * Table */ table, .table { margin: 2rem 0; width: 100%; background: none; border-radius: 4px; } table caption, .table caption { margin: 1rem 0; font-family: "Open Sans", Helvetica, Arial, sans-serif; font-weight: 400; font-size: 1.6rem; color: #0A1535; text-align: left; } table th, .table th { padding: 1rem; font-family: "Open Sans", Helvetica, Arial, sans-serif; font-weight: 700; font-size: 1.4rem; color: #0A1535; text-align: left; text-transform: none; } table th a, .table th a { color: #0A1535; } table th .th__content, .table th .th__content { display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: -webkit-box; display: flex; -moz-align-items: center; -ms-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 3rem; } table th .th__content__order, .table th .th__content__order { position: relative; } table th .th__content__order .order, .table th .th__content__order .order { display: block; color: #CED0D6; line-height: 0; } table th .th__content__order .order.active, .table th .th__content__order .order.active { color: #2F478B !important; } table th .th__content__order .order__up, .table th .th__content__order .order__up { padding: 4px 4px 0 4px; position: relative; z-index: 2; } table th .th__content__order .order__up:before, .table th .th__content__order .order__up:before { content: "\E91C"; font-family: 'ubaristi'; font-size: 1.4rem; line-height: 1.35; font-weight: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; margin-right: 0.25em; text-indent: 0; } table th .th__content__order .order__bottom, .table th .th__content__order .order__bottom { padding: 0 4px 4px 4px; } table th .th__content__order .order__bottom:before, .table th .th__content__order .order__bottom:before { content: "\E91B"; font-family: 'ubaristi'; font-size: 1.4rem; line-height: 1.35; font-weight: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; margin-right: 0.25em; text-indent: 0; } table th .th__content__title, .table th .th__content__title { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } table td, .table td { padding: 1rem; font-family: "Open Sans", Helvetica, Arial, sans-serif; font-weight: 400; font-size: 1.4rem; color: #0A1535; line-height: 1.5; vertical-align: middle; border: 1px solid rgba(198, 203, 212, 0.3); background: #FFFFFF; height: 5.5rem; } table td.cell-truncate, .table td.cell-truncate { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; max-width: 1px; } table td.actions, .table td.actions { padding-right: 2rem; text-align: right; width: 16rem; } table td.actions a, .table td.actions a { color: #9DA1AE; margin: 0 0.5rem; } table td.actions a:hover, .table td.actions a:hover { color: #2F478B !important; } table td.actions a:before, .table td.actions a:before { font-size: 1.8rem !important; } table td.actions a.disabled, .table td.actions a.disabled { pointer-events: none; opacity: 0.65; } table td.actions a.disabled.icon--edit, .table td.actions a.disabled.icon--edit, table td.actions a.disabled.icon--arrow, .table td.actions a.disabled.icon--arrow { opacity: 1; pointer-events: auto; } table td.actions .edit:before, .table td.actions .edit:before { content: "\E907"; font-family: 'ubaristi'; font-size: 1.4rem; line-height: 1.35; font-weight: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; margin-right: 0.25em; text-indent: 0; } table td.actions .detail:before, .table td.actions .detail:before { content: "\E901"; font-family: 'ubaristi'; font-size: 1.4rem; line-height: 1.35; font-weight: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; margin-right: 0.25em; text-indent: 0; } table td.actions .trash:hover, .table td.actions .trash:hover { color: #FF5B5D !important; } table td.actions .trash:before, .table td.actions .trash:before { content: "\E914"; font-family: 'ubaristi'; font-size: 1.4rem; line-height: 1.35; font-weight: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; margin-right: 0.25em; text-indent: 0; } table tbody tr:nth-child(even) td, .table tbody tr:nth-child(even) td { background: rgba(198, 203, 212, 0.24); } .table-responsive { margin: 2rem 0; overflow-x: auto; min-height: 0.01%; } @media (max-width: 767px) { .table-responsive { width: 100%; overflow-y: hidden; -ms-overflow-style: -ms-autohiding-scrollbar; border: 1px solid rgba(198, 203, 212, 0.3); } .table-responsive > table { margin: 0; border: none; } .table-responsive > table th, .table-responsive > table td { white-space: nowrap; } .table-responsive > table th:first-child, .table-responsive > table td:first-child { border-left: none; } .table-responsive > table th:last-child, .table-responsive > table td:last-child { border-right: none; } .table-responsive > table tr:first-child > th, .table-responsive > table tr:first-child > td { border-top: none; } .table-responsive > table tr:last-child > th, .table-responsive > table tr:last-child > td { border-bottom: none; } } .sidebar { width: 9.5rem; background: #2F478B; height: 100%; grid-area: aside; -ms-grid-row: 1; -ms-grid-row-span: 2; -ms-grid-col: 1; -ms-grid-col-span: 1; display: none; position: relative; min-height: 67rem; } @media (min-width: 1024px) { .sidebar { display: block; } } .sidebar .logo { width: 100%; height: 6.5rem; position: relative; display: block; margin-bottom: 3rem; } .sidebar .logo img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .sidebar nav ul { padding-top: 3rem; } @media (min-width: 1024px) { .sidebar nav ul { padding-top: 0; } } .sidebar nav ul li { padding: 0 2rem; } @media (min-width: 1024px) { .sidebar nav ul li { padding: 0; } } .sidebar nav ul li.active a { background: #0A1535; color: #FFFFFF; } .sidebar nav ul li.active a:before { color: #FFFFFF; } .sidebar nav ul li a { height: 4.9rem; display: block; margin: auto; position: relative; margin-bottom: 3rem; border-radius: 4px; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: -webkit-box; display: flex; -moz-align-items: center; -ms-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 2rem; } @media (min-width: 1024px) { .sidebar nav ul li a { width: 4.9rem; display: inherit; padding: 0; } } .sidebar nav ul li a:before { color: #2F478B; margin: 0; font-size: 3rem !important; } @media (min-width: 1024px) { .sidebar nav ul li a:before { color: #FFFFFF; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } } .sidebar nav ul li a span { margin-left: 2rem; white-space: nowrap; line-height: 4rem; font-family: "Open Sans", Helvetica, Arial, sans-serif; font-weight: 600; font-style: normal; } @media (min-width: 1024px) { .sidebar nav ul li a span { display: none; } } .sidebar nav ul li.logout { position: absolute; bottom: 2rem; left: 0; right: 0; } .sidebar.is-open { position: fixed; display: block; width: 100%; z-index: 99; height: calc(100vh - 6.5rem); height: -o-calc(100vh - 6.5rem); top: 6.5rem; background: #FFFFFF; } .sidebar.is-open .logo { display: none; } .submenu-admin-sidebar { width: 24.5rem; min-width: 24.5rem; margin-right: 1.5rem; } .submenu-admin-sidebar ul { margin: 0; list-style: none; background: #FFFFFF; } .submenu-admin-sidebar ul li { margin-left: 0; } .submenu-admin-sidebar ul li { padding: 0; border-bottom: 1px solid #FFFFFF; margin: 0; position: relative; } .submenu-admin-sidebar ul li:before { content: "\E904"; font-family: 'ubaristi'; font-size: 1.4rem; line-height: 1.35; font-weight: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; margin-right: 0.25em; text-indent: 0; position: absolute; right: 1rem; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); pointer-events: none; opacity: 0; transition-duration: 0.5s; } .submenu-admin-sidebar ul li.active:before { opacity: 1; color: #FFFFFF; } .submenu-admin-sidebar ul li.active a { background: #0A1535; color: #FFFFFF; } .submenu-admin-sidebar ul li a { display: block; padding: 2rem; } .submenu-admin-sidebar ul li:hover:before { opacity: 1; } header.main-header { background: #FFFFFF !important; -ms-grid-column-span: 2; -ms-grid-column: 2; grid-column: 2 / span 2; -ms-grid-row: 1; -ms-grid-column: 1; -ms-grid-column-span: 2; grid-area: header; position: fixed; width: 100%; left: 0; z-index: 99; } @media (min-width: 1024px) { header.main-header { position: inherit; display: none; } } header.main-header .container { height: 6.5rem; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: -webkit-box; display: flex; -moz-align-items: center; -ms-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } header.main-header .container .main-header__logo { display: block; } @media (min-width: 1024px) { header.main-header .container .main-header__logo { display: none; } } header.main-header .container .main-header__right { margin-left: auto; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: -webkit-box; display: flex; } header.main-header .container .main-header__right a { display: block; width: 4rem; height: 4rem; border-radius: 4px; background: #F3F6F9; box-shadow: 0 0.1rem 0.2rem rgba(0, 0, 0, 0.16); margin-left: 1.5rem; position: relative; } header.main-header .container .main-header__right a:before { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); margin: 0; font-size: 2rem !important; color: #0A1535; } header.main-header .container .main-header__right a.trigger { display: block; } @media (min-width: 1024px) { header.main-header .container .main-header__right a.trigger { display: none; } } header.main-header .container .main-header__right .hamburger { font: inherit; display: inline-block; overflow: visible; cursor: pointer; transition-timing-function: linear; transition-duration: 0.15s; transition-property: opacity,-webkit-filter; transition-property: opacity,filter; transition-property: opacity,filter,-webkit-filter; text-transform: none; color: inherit; border: 0; position: relative; } @media (min-width: 1024px) { header.main-header .container .main-header__right .hamburger { display: none; } } header.main-header .container .main-header__right .hamburger.is-active .hamburger-box .hamburger-inner { transition-delay: 0.22s; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, -10px, 0) rotate(-45deg); transform: translate3d(0, -10px, 0) rotate(-45deg); } header.main-header .container .main-header__right .hamburger.is-active .hamburger-box .hamburger-inner:before { top: 0; transition: top 0.1s cubic-bezier(0.33333, 0, 0.66667, 0.33333) 0.16s, -webkit-transform 0.13s cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s; transition: top 0.1s cubic-bezier(0.33333, 0, 0.66667, 0.33333) 0.16s, transform 0.13s cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s; transition: top 0.1s cubic-bezier(0.33333, 0, 0.66667, 0.33333) 0.16s, transform 0.13s cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s, -webkit-transform 0.13s cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } header.main-header .container .main-header__right .hamburger.is-active .hamburger-box .hamburger-inner:after { top: 0; transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s linear 0.22s; opacity: 0; } header.main-header .container .main-header__right .hamburger .hamburger-box { position: relative; display: inline-block; width: 2.5rem; height: 2rem; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } header.main-header .container .main-header__right .hamburger .hamburger-box .hamburger-inner { position: absolute; width: 2.5rem; height: 0.3rem; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; border-radius: 0.4rem; background-color: #0A1535; display: block; margin-top: -0.2rem; top: auto; bottom: 0; transition-delay: 0.13s; transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); transition-duration: 0.13s; } header.main-header .container .main-header__right .hamburger .hamburger-box .hamburger-inner:before, header.main-header .container .main-header__right .hamburger .hamburger-box .hamburger-inner:after { display: block; content: ""; position: absolute; width: 2.5rem; height: 0.3rem; transition-timing-function: ease; transition-duration: 0.15s; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; border-radius: 0.4rem; background-color: #0A1535; } header.main-header .container .main-header__right .hamburger .hamburger-box .hamburger-inner:before { top: -0.8rem; transition: top 0.12s cubic-bezier(0.33333, 0.66667, 0.66667, 1) 0.2s, -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: top 0.12s cubic-bezier(0.33333, 0.66667, 0.66667, 1) 0.2s, transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: top 0.12s cubic-bezier(0.33333, 0.66667, 0.66667, 1) 0.2s, transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); } header.main-header .container .main-header__right .hamburger .hamburger-box .hamburger-inner:after { bottom: -0.8rem; top: -1.6rem; transition: top 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1) 0.2s, opacity 0.1s linear; } .modal { position: fixed; width: 100vw; height: 100vh; left: 0; top: 0; padding: 1.5rem; z-index: 99; background: rgba(255, 255, 255, 0.6); } .modal-content { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background: #FFFFFF; max-width: 420px; width: 100vw; min-height: 4rem; box-shadow: 0 0 0.7rem rgba(0, 0, 0, 0.08); border-radius: 4px; } .modal-content .modal-header { padding: 2rem 4rem; position: relative; font-size: 3rem; font-family: "Open Sans", Helvetica, Arial, sans-serif; font-weight: 700; font-style: normal; border-bottom: 1px solid #CED0D6; } .modal-content .modal-header h4, .modal-content .modal-header p { margin: 0; font-size: 2rem; font-family: "Open Sans", Helvetica, Arial, sans-serif; font-weight: 700; font-style: normal; color: #0A1535; } .modal-content .modal-header .close { position: absolute; right: 2rem; top: 50%; -webkit-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); } .modal-content .modal-header .close:before { content: "\E912"; font-family: 'ubaristi'; font-size: 1.4rem; line-height: 1.35; font-weight: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; margin-right: 0.25em; text-indent: 0; font-size: 1.8rem; margin: 0; color: #0A1535 !important; } .modal-content .modal-header .close:hover { @extend .text-primary; } .modal-content .modal-body { padding: 4rem; font-size: 1.6rem; } .modal-content .modal-body > .info .actions { text-align: center; } .modal-content .modal-body > .info .actions .button { margin: 0 0.5rem; } .modal-content .modal-footer { text-align: center; padding: 0 6rem 6rem; } .modal-content .modal-footer .button, .modal-content .modal-footer a { margin: 0 1.5rem; } .modal--offer .modal-content { min-width: 113rem; } .modal--offer .modal-content .info span { font-size: 1.8rem; font-family: "Open Sans", Helvetica, Arial, sans-serif; font-weight: 700; font-style: normal; width: 10rem; display: inline-block; margin-bottom: 2rem; } .modal--offer .modal-content .info .total { font-family: "Open Sans", Helvetica, Arial, sans-serif; font-weight: 700; font-style: normal; } .modal--offer .modal-content .products { background: #F3F6F9; margin-top: 2rem; } .modal--offer .modal-content .products .header, .modal--offer .modal-content .products .body { display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: -webkit-box; display: flex; } .modal--offer .modal-content .products .header span, .modal--offer .modal-content .products .body span { padding: 1rem; } .modal--offer .modal-content .products .header span:first-child, .modal--offer .modal-content .products .body span:first-child { padding-left: 2rem; } .modal--offer .modal-content .products .header span:last-child, .modal--offer .modal-content .products .body span:last-child { padding-right: 2rem; } .modal--offer .modal-content .products .header { border-bottom: 1px solid #FFFFFF; } .modal--offer .modal-content .products .header span { font-family: "Open Sans", Helvetica, Arial, sans-serif; font-weight: 700; font-style: normal; } .modal--offer .modal-content .products .body span { color: rgba(10, 21, 53, 0.65); } .modal--offer .modal-content .products .product { width: 15%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .modal--offer .modal-content .products .code { width: 10%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .modal--offer .modal-content .products .description { width: 30%; } .modal--offer .modal-content .products .quantity { width: 10%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .modal--offer .modal-content .products .price { width: 12%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .modal--offer .modal-content .products .discount { width: 10%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .modal--offer .modal-content .products .subtotal { width: 15%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .modal--offer .modal-content .files { background: #F3F6F9; margin-top: 2rem; } .modal--offer .modal-content .files .header, .modal--offer .modal-content .files .body { display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: -webkit-box; display: flex; } .modal--offer .modal-content .files .header span, .modal--offer .modal-content .files .body span, .modal--offer .modal-content .files .header a, .modal--offer .modal-content .files .body a { padding: 1rem; } .modal--offer .modal-content .files .header span:first-child, .modal--offer .modal-content .files .body span:first-child, .modal--offer .modal-content .files .header a:first-child, .modal--offer .modal-content .files .body a:first-child { padding-left: 2rem; } .modal--offer .modal-content .files .header span:last-child, .modal--offer .modal-content .files .body span:last-child, .modal--offer .modal-content .files .header a:last-child, .modal--offer .modal-content .files .body a:last-child { padding-right: 2rem; } .modal--offer .modal-content .files .header { border-bottom: 1px solid #FFFFFF; } .modal--offer .modal-content .files .header span { font-family: "Open Sans", Helvetica, Arial, sans-serif; font-weight: 700; font-style: normal; } .modal--offer .modal-content .files .body a { color: #2F478B; position: relative; display: block; width: 100%; } .modal--offer .modal-content .files .body a:after { content: "\E908"; font-family: 'ubaristi'; font-size: 1.4rem; line-height: 1.35; font-weight: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; margin-right: 0.25em; text-indent: 0; position: absolute; right: 2rem; } .modal--confirmation .modal-content { min-width: 49rem; } .modal--confirmation .modal-content .info p { font-family: "Open Sans", Helvetica, Arial, sans-serif; font-weight: 700; font-style: normal; text-align: center; } .modal--confirmation .modal-content .info a { display: block; text-align: center; margin: 2rem 0 0 0; font-weight: 600; width: 100%; } .modal--new-user .modal-content { min-width: 75rem; } .modal--new-user .modal-content .info p { font-family: "Open Sans", Helvetica, Arial, sans-serif; font-weight: 700; font-style: normal; text-align: center; } .modal--new-user .modal-content .info a { display: block; text-align: center; margin: 2rem 0 0 0; font-weight: 600; width: 100%; } .modal--create-user .modal-content { min-width: 88rem; } .subheader { border-bottom: 1px solid #CED0D6; margin-bottom: 4.5rem; } .subheader .container { height: 6rem; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: -webkit-box; display: flex; -moz-justify-content: center; -ms-justify-content: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .subheader .container .subheader__left { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -moz-justify-content: flex-start; -ms-justify-content: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .subheader .container .subheader__left .back { position: relative; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: -webkit-box; display: flex; -moz-align-items: center; -ms-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 1.6rem; font-family: "Open Sans", Helvetica, Arial, sans-serif; font-weight: 700; font-style: normal; color: #0A1535; } .subheader .container .subheader__left .back:before { content: ''; width: 3.6rem; height: 3.6rem; background: #2F478B; display: block; border-radius: 4px; margin-right: 0.8rem; } .subheader .container .subheader__left .back:after { content: "\E903"; font-family: 'ubaristi'; font-size: 1.4rem; line-height: 1.35; font-weight: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; margin-right: 0.25em; text-indent: 0; position: absolute; left: 0.8rem; color: #FFFFFF; font-size: 2rem; } .subheader .container .subheader__center { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; text-align: center; } .subheader .container .subheader__center h1 { font-family: "Open Sans", Helvetica, Arial, sans-serif; font-weight: 700; font-style: normal; color: #0A1535; } .subheader .container .subheader__right { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: -webkit-box; display: flex; -moz-justify-content: flex-end; -ms-justify-content: flex-end; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .subheader .container .subheader__right a { margin-left: 1rem; } .subheader--admin { background: #FFFFFF; margin-bottom: 4rem; } .subheader--admin .container { height: 6.5rem; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: -webkit-box; display: flex; -moz-align-items: center; -ms-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .subheader--admin .container .subheader--admin__action { height: 100%; margin-right: 1.5rem; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: -webkit-box; display: flex; -moz-align-items: center; -ms-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; } .subheader--admin .container .subheader--admin__action:after { content: ''; width: 1px; height: 60%; right: 0; background: #979797; } .subheader--admin .container .subheader--admin__action .icon { width: 3.8rem; min-width: 3.8rem; height: 3.8rem; display: block; background: #2F478B !important; border-radius: 4px; position: relative; margin-right: 1.6rem; } .subheader--admin .container .subheader--admin__action .icon:before { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); color: #FFFFFF !important; font-size: 2rem !important; margin: 0!important; } .subheader--admin .container .subheader--admin__action .info { color: #545454; font-size: 1.6rem; font-family: "Open Sans", Helvetica, Arial, sans-serif; font-weight: 700; font-style: normal; line-height: 1.4; padding-right: 1.5rem; } .subheader--admin .container .subheader--admin__action .info span { display: block; font-family: "Open Sans", Helvetica, Arial, sans-serif; font-weight: 400; font-style: normal; font-size: 1.4rem; } .subheader--admin .container .subheader--admin__action.subheader--admin__action--back { width: 20rem; } .subheader--admin .container .subheader--admin__action.subheader--admin__action--back .info { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .subheader--admin .container .subheader--admin__action.subheader--admin__action--back .info span { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .subheader--admin .container .subheader--admin__action.subheader--admin__action--back .icon:before { content: "\E903"; font-family: 'ubaristi'; font-size: 1.4rem; line-height: 1.35; font-weight: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; margin-right: 0.25em; text-indent: 0; } .subheader--admin .container h1 { margin: 0; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: -webkit-box; display: flex; -moz-align-items: center; -ms-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #0A1535; font-size: 2.5rem; font-family: "Open Sans", Helvetica, Arial, sans-serif; font-weight: 700; font-style: normal; } .subheader--admin .container .button-add { margin-left: auto; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: -webkit-box; display: flex; -moz-align-items: center; -ms-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .subheader--admin .container .subheader--admin__actions { margin-left: auto; } .pagination { font-size: 1.4rem; font-family: "Open Sans", Helvetica, Arial, sans-serif; font-weight: 600; font-style: normal; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: -webkit-box; display: flex; -moz-justify-content: flex-end; -ms-justify-content: flex-end; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -moz-align-items: center; -ms-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .pagination .results { margin-right: 2rem; } .pagination .go-to { display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: -webkit-box; display: flex; -moz-align-items: center; -ms-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; white-space: nowrap; } .pagination .go-to input { height: 3.6rem; width: 4.4rem; margin-left: 1rem; } .pagination .pages { margin-left: 2rem; } .pagination .pages ul { display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: -webkit-box; display: flex; -moz-align-items: center; -ms-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; list-style: none; margin: 0; padding: 0; } .pagination .pages ul li { margin-left: 0; } .pagination .pages ul li { margin: 0; padding: 0; } .pagination .pages ul li:not(.navigation) a, .pagination .pages ul li:not(.navigation) span { width: 2.6rem; display: block; text-align: center; font-size: 1.6rem; } .pagination .pages ul li:not(.navigation) span { background: #2F478B; color: #FFFFFF; border-radius: 4px; } .pagination .pages ul li.navigation--left a:before { content: "\E903"; font-family: 'ubaristi'; font-size: 1.4rem; line-height: 1.35; font-weight: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; margin-right: 0.25em; text-indent: 0; } .pagination .pages ul li.navigation--right a:before { content: "\E904"; font-family: 'ubaristi'; font-size: 1.4rem; line-height: 1.35; font-weight: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; margin-right: 0.25em; text-indent: 0; } .ngx-pagination { margin: 0!important; padding: 0!important; } .ngx-pagination li { margin: 0!important; padding: 0!important; border-radius: 4px !important; } .ngx-pagination li a, .ngx-pagination li.current span, .ngx-pagination li.pagination-next, .ngx-pagination li.pagination-previous { width: 2.6rem; display: inline-block; text-align: center; font-size: 1.6rem; } .ngx-pagination li a:hover { background: rgba(47, 71, 139, 0.2); border-radius: 4px; } .ngx-pagination li.current { background: #2F478B; } .ngx-pagination li span { padding: 0; } .ngx-pagination li.pagination-previous, .ngx-pagination li.pagination-next { position: relative; } .ngx-pagination li.pagination-previous span, .ngx-pagination li.pagination-next span, .ngx-pagination li.pagination-previous a, .ngx-pagination li.pagination-next a { font-size: 0rem; padding: 0.5rem; border-radius: 4px; } .ngx-pagination li.pagination-previous.disabled span, .ngx-pagination li.pagination-next.disabled span { display: none; } .ngx-pagination li.pagination-previous.disabled:before { content: ''; content: "\E903"; font-family: 'ubaristi'; font-size: 1.4rem; line-height: 1.35; font-weight: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; margin-right: 0.25em; text-indent: 0; margin: 0; } .ngx-pagination li.pagination-next.disabled:before { content: ''; content: "\E904"; font-family: 'ubaristi'; font-size: 1.4rem; line-height: 1.35; font-weight: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; margin-right: 0.25em; text-indent: 0; margin: 0; } .ngx-pagination li.pagination-next.disabled:after { content: ''; } .ngx-pagination li.pagination-next a:not(disabled):before { content: "\E904"; font-family: 'ubaristi'; font-size: 1.4rem; line-height: 1.35; font-weight: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; margin-right: 0.25em; text-indent: 0; line-height: 1; margin: 0; } .ngx-pagination li.pagination-previous a:not(disabled):before { content: "\E903"; font-family: 'ubaristi'; font-size: 1.4rem; line-height: 1.35; font-weight: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; margin-right: 0.25em; text-indent: 0; line-height: 1; margin: 0; } .toolbar { display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: -webkit-box; display: flex; margin: 3rem 0; position: relative; } .toolbar__navigation { margin-right: 1.5rem; background: #FFFFFF; box-shadow: 0 0 0.7rem rgba(0, 0, 0, 0.08); border-radius: 4px; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: -webkit-box; display: flex; } .toolbar__navigation a { height: 5.1rem; white-space: nowrap; display: block; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: -webkit-box; display: flex; padding: 1.4rem 2rem; font-family: "Open Sans", Helvetica, Arial, sans-serif; font-weight: 700; font-style: normal; font-size: 1.4rem; } .toolbar__navigation a.active { background: #2F478B; color: #FFFFFF; } .toolbar__navigation a:first-child { border-radius: 4px 0 0 4px; } .toolbar__navigation a:last-child { border-radius: 0 4px 4px 0; } .toolbar__filters { background: #FFFFFF; border-radius: 4px; height: 5.1rem; width: 100%; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: -webkit-box; display: flex; -moz-align-items: center; -ms-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 2rem; } .toolbar__filters > span { font-size: 1.4rem; margin-right: 2rem; position: absolute; top: -1.5rem; background: #FFFFFF; padding: 0.5rem 1rem; border-radius: 4px; left: 1rem; } .toolbar__filters form { width: 100%; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: -webkit-box; display: flex; -moz-align-items: center; -ms-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .toolbar__filters .field { display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: -webkit-box; display: flex; -moz-align-items: center; -ms-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0; margin-right: 1.5rem; width: 100%; max-width: 33rem; } .toolbar__filters .field .field { max-width: 100%; } .toolbar__filters label { font-size: 1.4rem; font-family: "Open Sans", Helvetica, Arial, sans-serif; font-weight: 600; font-style: normal; margin-right: 1rem; min-width: inherit; width: auto; white-space: nowrap; } .toolbar__filters input, .toolbar__filters .ng-select { height: 3rem; width: 100%; } .toolbar__filters input .ng-arrow-zone, .toolbar__filters .ng-select .ng-arrow-zone { margin-right: 0; } .toolbar__filters input.ng-single .ng-control, .toolbar__filters .ng-select.ng-single .ng-control { height: 3rem; min-height: 3rem; } .toolbar__filters input.ng-single .ng-control .ng-value-container .ng-input > input, .toolbar__filters .ng-select.ng-single .ng-control .ng-value-container .ng-input > input { height: 3rem; margin: 0; } .toolbar__filters .button { height: 3rem; line-height: 0.6; } .toolbar__filters .remove { height: 3rem; width: 3rem; border-radius: 4px; line-height: 0.6; background: #FF5B5D; position: relative; padding: 0; border: 0; margin-right: 1rem; } .toolbar__filters .remove:hover { background: #ff282b; border: 0; color: #FFFFFF; } .toolbar__filters .remove:before { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); content: "\E912"; font-family: 'ubaristi'; font-size: 1.4rem; line-height: 1.35; font-weight: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; margin-right: 0.25em; text-indent: 0; margin: 0; width: 2rem; height: 2rem; top: 21%; left: 19%; } .box-white { border-radius: 4px; padding: 3rem; background: #FFFFFF; margin-bottom: 2rem; } .box-grey { background: #F3F6F9; margin-bottom: 2rem; padding-bottom: 2rem; } .box-grey__header, .box-grey__tr { display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: -webkit-box; display: flex; } .box-grey__header span, .box-grey__tr span { padding: 1.5rem 1rem; } .box-grey__header span:first-child, .box-grey__tr span:first-child { padding-left: 3rem; } .box-grey__header span:last-child, .box-grey__tr span:last-child { padding-right: 3rem; } .box-grey__header { border-bottom: 1px solid #FFFFFF; } .box-grey__header span { font-family: "Open Sans", Helvetica, Arial, sans-serif; font-weight: 700; font-style: normal; } .box-grey__header--inverse { background: #0A1535; } .box-grey__header--inverse span { color: #FFFFFF; } .box-grey__tr span { color: rgba(10, 21, 53, 0.65); } .box-grey__body { padding: 3rem; } .box-grey__body p { color: rgba(10, 21, 53, 0.65); } .owl-dt-popup-container .owl-dt-calendar { height: 38rem!important; } .owl-dt-popup-container .owl-dt-calendar .owl-dt-calendar-control .owl-dt-control-button { height: inherit; border-radius: inherit; border: 0; } .owl-dt-popup-container .owl-dt-calendar .owl-dt-calendar-control .owl-dt-control-button:hover { background: #2F478B; color: #FFFFFF; } .owl-dt-popup-container .owl-dt-calendar .owl-dt-calendar-table .owl-dt-calendar-header .owl-dt-weekdays th { font-size: 1.2rem; padding: 0.5rem; } .owl-dt-popup-container .owl-dt-calendar .owl-dt-calendar-table .owl-dt-calendar-cell { background: transparent!important; border: 0; } .owl-dt-popup-container .owl-dt-calendar .owl-dt-calendar-table .owl-dt-calendar-cell .owl-dt-calendar-cell-content { font-size: 1.2rem; border-radius: 4px; } .owl-dt-popup-container .owl-dt-calendar .owl-dt-calendar-table .owl-dt-calendar-cell-selected { background: #2F478B; border-radius: 4px; box-shadow: none; } .spinner { position: fixed; width: 100vw; height: 100vh; top: 0; left: 0; z-index: 99; background: rgba(255, 255, 255, 0.8); } .spinner .shaft-load { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 6rem; height: 3rem; } .spinner .shaft-load > div { float: left; height: 100%; width: 0.5rem; margin-right: 0.1rem; display: inline-block; -webkit-transform: scaleY(0.05) translateX(-10px); transform: scaleY(0.05) translateX(-10px); -webkit-animation: loading 1.5s infinite ease-in-out; animation: loading 1.5s infinite ease-in-out; background-color: #223465; } .spinner .shaft-load .shaft1 { -webkit-animation-delay: 0.05s; animation-delay: 0.05s; } .spinner .shaft-load .shaft2 { -webkit-animation-delay: 0.1s; animation-delay: 0.1s; } .spinner .shaft-load .shaft3 { -webkit-animation-delay: 0.15s; animation-delay: 0.15s; } .spinner .shaft-load .shaft4 { -webkit-animation-delay: 0.2s; animation-delay: 0.2s; } .spinner .shaft-load .shaft5 { -webkit-animation-delay: 0.25s; animation-delay: 0.25s; } .spinner .shaft-load .shaft6 { -webkit-animation-delay: 0.3s; animation-delay: 0.3s; } .spinner .shaft-load .shaft7 { -webkit-animation-delay: 0.35s; animation-delay: 0.35s; } .spinner .shaft-load .shaft8 { -webkit-animation-delay: 0.4s; animation-delay: 0.4s; } .spinner .shaft-load .shaft9 { -webkit-animation-delay: 0.45s; animation-delay: 0.45s; } .spinner .shaft-load .shaft10 { -webkit-animation-delay: 0.5s; animation-delay: 0.5s; } @-webkit-keyframes loading { 50% { -webkit-transform: scaleY(1.2) translateX(10px); transform: scaleY(1.2) translateX(10px); background-color: #2F478B; } } @keyframes loading { 50% { -webkit-transform: scaleY(1.2) translateX(10px); transform: scaleY(1.2) translateX(10px); background-color: #2F478B; } } .badge { display: inline-block; padding: 0.25rem 0.4rem; font-size: 1.2rem; font-weight: 700; line-height: 1; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: 0.25rem; } .badge--primary { background: #2F478B; color: #FFFFFF; } /* * Utilities */ /* * Utility Classes */ .clearfix { *zoom: 1; } .clearfix:before, .clearfix:after { content: " "; display: table; } .clearfix:after { clear: both; } .center-block { display: block; margin-left: auto; margin-right: auto; } .cover { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; } .center { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .full-height { height: 100%; } .fixed { position: fixed; } .pointer { cursor: pointer; } .no-margin { margin: 0 !important; } .no-padding { padding: 0 !important; } .no-border { border: none !important; } .preline { white-space: pre-line; } .pdf-close { position: fixed; right: 2rem; top: 2rem; background: #FF5B5D; font-size: 3rem; line-height: 2rem; padding: 1.3rem 1.7rem; } .admin-section { padding-top: 2.5rem; height: calc(100vh - (6.5rem)); height: -o-calc(100vh - (6.5rem)); overflow: auto; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: -webkit-box; display: flex; } .admin-section__content { width: 100%; } /* * Visibility */ .hide { display: none !important; visibility: hidden !important; opacity: 0 !important; } .show { display: block !important; visibility: visible !important; opacity: 1 !important; } .visible { visibility: visible; } .invisible { visibility: hidden; } .hide-text { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .hide-visually { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } /* * Print & Screen */ @media print { .hidden-print { display: none !important; visibility: hidden !important; opacity: 0 !important; } } @media screen { .hidden-screen { display: none !important; visibility: hidden !important; opacity: 0 !important; } } .visible-print { display: none !important; visibility: hidden !important; opacity: 0 !important; } @media print { .visible-print { display: block !important; visibility: visible !important; opacity: 1 !important; } } .visible-screen { display: none !important; visibility: hidden !important; opacity: 0 !important; } @media screen { .visible-screen { display: block !important; visibility: visible !important; opacity: 1 !important; } } /* * Hidden Breakpoints */ @media (min-width: 1680px) { .hidden-xlarge { display: none !important; visibility: hidden !important; opacity: 0 !important; } } @media (min-width: 1280px) and (max-width: 1679px) { .hidden-large { display: none !important; visibility: hidden !important; opacity: 0 !important; } } @media (min-width: 1280px) { .hidden-large-up { display: none !important; visibility: hidden !important; opacity: 0 !important; } } @media (max-width: 1679px) { .hidden-large-down { display: none !important; visibility: hidden !important; opacity: 0 !important; } } @media (min-width: 1024px) and (max-width: 1279px) { .hidden-medium { display: none !important; visibility: hidden !important; opacity: 0 !important; } } @media (min-width: 1024px) { .hidden-medium-up { display: none !important; visibility: hidden !important; opacity: 0 !important; } } @media (max-width: 1279px) { .hidden-medium-down { display: none !important; visibility: hidden !important; opacity: 0 !important; } } @media (min-width: 768px) and (max-width: 1023px) { .hidden-small { display: none !important; visibility: hidden !important; opacity: 0 !important; } } @media (min-width: 768px) { .hidden-small-up { display: none !important; visibility: hidden !important; opacity: 0 !important; } } @media (max-width: 1023px) { .hidden-small-down { display: none !important; visibility: hidden !important; opacity: 0 !important; } } @media (max-width: 767px) { .hidden-xsmall { display: none !important; visibility: hidden !important; opacity: 0 !important; } } /* * Visible Breakpoints */ .visible-xlarge { display: none !important; visibility: hidden !important; opacity: 0 !important; } @media (min-width: 1680px) { .visible-xlarge { display: block !important; visibility: visible !important; opacity: 1 !important; } } .visible-large { display: none !important; visibility: hidden !important; opacity: 0 !important; } @media (min-width: 1280px) and (max-width: 1679px) { .visible-large { display: block !important; visibility: visible !important; opacity: 1 !important; } } .visible-large-up { display: none !important; visibility: hidden !important; opacity: 0 !important; } @media (min-width: 1280px) { .visible-large-up { display: block !important; visibility: visible !important; opacity: 1 !important; } } .visible-large-down { display: none !important; visibility: hidden !important; opacity: 0 !important; } @media (max-width: 1679px) { .visible-large-down { display: block !important; visibility: visible !important; opacity: 1 !important; } } .visible-medium { display: none !important; visibility: hidden !important; opacity: 0 !important; } @media (min-width: 1024px) and (max-width: 1279px) { .visible-medium { display: block !important; visibility: visible !important; opacity: 1 !important; } } .visible-medium-up { display: none !important; visibility: hidden !important; opacity: 0 !important; } @media (min-width: 1024px) { .visible-medium-up { display: block !important; visibility: visible !important; opacity: 1 !important; } } .visible-medium-down { display: none !important; visibility: hidden !important; opacity: 0 !important; } @media (max-width: 1279px) { .visible-medium-down { display: block !important; visibility: visible !important; opacity: 1 !important; } } .visible-small { display: none !important; visibility: hidden !important; opacity: 0 !important; } @media (min-width: 768px) and (max-width: 1023px) { .visible-small { display: block !important; visibility: visible !important; opacity: 1 !important; } } .visible-small-up { display: none !important; visibility: hidden !important; opacity: 0 !important; } @media (min-width: 768px) { .visible-small-up { display: block !important; visibility: visible !important; opacity: 1 !important; } } .visible-small-down { display: none !important; visibility: hidden !important; opacity: 0 !important; } @media (max-width: 1023px) { .visible-small-down { display: block !important; visibility: visible !important; opacity: 1 !important; } } .visible-xsmall { display: none !important; visibility: hidden !important; opacity: 0 !important; } @media (max-width: 767px) { .visible-xsmall { display: block !important; visibility: visible !important; opacity: 1 !important; } } /* * Display */ .display-block { display: block; } .display-inline-block { display: inline-block; } .display-table { display: table; } .display-table-cell { display: table-cell; vertical-align: middle; } /* * Position */ .position-top-left { position: absolute !important; top: 0; left: 0; } .position-top-left.gutter { top: 1.5rem; left: 1.5rem; } .position-top-right { position: absolute !important; top: 0; right: 0; } .position-top-right.gutter { top: 1.5rem; right: 1.5rem; } .position-bottom-left { position: absolute !important; bottom: 0; left: 0; } .position-bottom-left.gutter { bottom: 1.5rem; left: 1.5rem; } .position-bottom-right { position: absolute !important; bottom: 0; right: 0; } .position-bottom-right.gutter { bottom: 1.5rem; right: 1.5rem; } .position-left-center { position: absolute !important; top: 50%; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .position-left-center.gutter { left: 1.5rem; } .position-right-center { position: absolute !important; top: 50%; right: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .position-right-center.gutter { right: 1.5rem; } .position-center { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } /* * Flex */ .flex { display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: -webkit-box; display: flex; } .flex-inline { display: -webkit-flex-inline; display: -moz-flex-inline; display: -ms-flex-inlinebox; display: -ms-flex-inline; display: flex-inline; } .flex-wrap { -ms-flex-wrap: wrap; flex-wrap: wrap; } .flex-nowrap { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .flex-row { -moz-flex-direction: row; -ms-flex-direction: row; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; } .flex-column { -moz-flex-direction: column; -ms-flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; } .flex-1 { -moz-flex: 1; -ms-flex: 1; -webkit-box-flex: 1; flex: 1; } .flex-1-1-auto { -moz-flex: 1 1 auto; -ms-flex: 1 1 auto; -webkit-box-flex: 1; flex: 1 1 auto; } .flex-1-0-auto { -moz-flex: 1 0 auto; -ms-flex: 1 0 auto; -webkit-box-flex: 1; flex: 1 0 auto; } .flex-0-0-auto { -moz-flex: 0 0 auto; -ms-flex: 0 0 auto; -webkit-box-flex: 0; flex: 0 0 auto; } .justify-content-flex-start { -moz-justify-content: flex-start; -ms-justify-content: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .justify-content-flex-end { -moz-justify-content: flex-end; -ms-justify-content: flex-end; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .justify-content-center { -moz-justify-content: center; -ms-justify-content: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .justify-content-space-between { -moz-justify-content: space-between; -ms-justify-content: space-between; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .justify-content-space-around { -moz-justify-content: space-around; -ms-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; } .align-content-flex-start { -ms-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; } .align-content-flex-end { -ms-align-content: flex-end; -ms-flex-line-pack: end; align-content: flex-end; } .align-content-center { -ms-align-content: center; -ms-flex-line-pack: center; align-content: center; } .align-content-space-between { -ms-align-content: space-between; -ms-flex-line-pack: justify; align-content: space-between; } .align-content-space-around { -ms-align-content: space-around; -ms-flex-line-pack: distribute; align-content: space-around; } .align-content-stretch { -ms-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch; } .align-items-flex-start { -moz-align-items: flex-start; -ms-align-items: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .align-items-flex-end { -moz-align-items: flex-end; -ms-align-items: flex-end; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .align-items-center { -moz-align-items: center; -ms-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .align-items-baseline { -moz-align-items: baseline; -ms-align-items: baseline; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; } .align-items-stretch { -moz-align-items: stretch; -ms-align-items: stretch; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } .align-self-flex-start { -webkit-align-self: flex-start; -ms-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start; } .align-self-flex-end { -webkit-align-self: flex-end; -ms-align-self: flex-end; -ms-flex-item-align: end; align-self: flex-end; } .align-self-center { -webkit-align-self: center; -ms-align-self: center; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; } .align-self-baseline { -webkit-align-self: baseline; -ms-align-self: baseline; -ms-flex-item-align: baseline; align-self: baseline; } .align-self-stretch { -webkit-align-self: stretch; -ms-align-self: stretch; -ms-flex-item-align: stretch; -ms-grid-row-align: stretch; align-self: stretch; } /* * Float */ .right { float: right !important; } @media (min-width: 1680px) { .clear-right-xlarge { float: none !important; } } @media (min-width: 1280px) and (max-width: 1679px) { .clear-right-large { float: none !important; } } @media (min-width: 1024px) and (max-width: 1279px) { .clear-right-medium { float: none !important; } } @media (min-width: 768px) and (max-width: 1023px) { .clear-right-small { float: none !important; } } @media (max-width: 767px) { .clear-right-xsmall { float: none !important; } } .left { float: left !important; } @media (min-width: 1680px) { .clear-left-xlarge { float: none !important; } } @media (min-width: 1280px) and (max-width: 1679px) { .clear-left-large { float: none !important; } } @media (min-width: 1024px) and (max-width: 1279px) { .clear-left-medium { float: none !important; } } @media (min-width: 768px) and (max-width: 1023px) { .clear-left-small { float: none !important; } } @media (max-width: 767px) { .clear-left-xsmall { float: none !important; } } /* * Max Width */ .max-width-xlarge { max-width: 128rem; } .max-width-large { max-width: 100rem; } .max-width-medium { max-width: 80rem; } .max-width-small { max-width: 60rem; } .max-width-xsmall { max-width: 48rem; } /* * Margin */ .margin-xlarge { margin: 8rem; } .margin-large { margin: 5rem; } .margin-medium { margin: 3.5rem; } .margin-small { margin: 2rem; } .margin-xsmall { margin: 1.5rem; } .margin-top-xlarge { margin-top: 8rem; } .margin-top-large { margin-top: 5rem; } .margin-top-medium { margin-top: 3.5rem; } .margin-top-small { margin-top: 2rem; } .margin-top-xsmall { margin-top: 1.5rem; } .margin-bottom-xlarge { margin-bottom: 8rem; } .margin-bottom-large { margin-bottom: 5rem; } .margin-bottom-medium { margin-bottom: 3.5rem; } .margin-bottom-small { margin-bottom: 2rem; } .margin-bottom-xsmall { margin-bottom: 1.5rem; } .margin-left-xlarge { margin-left: 8rem; } .margin-left-large { margin-left: 5rem; } .margin-left-medium { margin-left: 3.5rem; } .margin-left-small { margin-left: 2rem; } .margin-left-xsmall { margin-left: 1.5rem; } .margin-right-xlarge { margin-right: 8rem; } .margin-right-large { margin-right: 5rem; } .margin-right-medium { margin-right: 3.5rem; } .margin-right-small { margin-right: 2rem; } .margin-right-xsmall { margin-right: 1.5rem; } /* * Padding */ .padding-xlarge { padding: 8rem; } .padding-large { padding: 5rem; } .padding-medium { padding: 3.5rem; } .padding-small { padding: 2rem; } .padding-xsmall { padding: 1.5rem; } .padding-top-xlarge { padding-top: 8rem; } .padding-top-large { padding-top: 5rem; } .padding-top-medium { padding-top: 3.5rem; } .padding-top-small { padding-top: 2rem; } .padding-top-xsmall { padding-top: 1.5rem; } .padding-bottom-xlarge { padding-bottom: 8rem; } .padding-bottom-large { padding-bottom: 5rem; } .padding-bottom-medium { padding-bottom: 3.5rem; } .padding-bottom-small { padding-bottom: 2rem; } .padding-bottom-xsmall { padding-bottom: 1.5rem; } .padding-left-xlarge { padding-left: 8rem; } .padding-left-large { padding-left: 5rem; } .padding-left-medium { padding-left: 3.5rem; } .padding-left-small { padding-left: 2rem; } .padding-left-xsmall { padding-left: 1.5rem; } .padding-right-xlarge { padding-right: 8rem; } .padding-right-large { padding-right: 5rem; } .padding-right-medium { padding-right: 3.5rem; } .padding-right-small { padding-right: 2rem; } .padding-right-xsmall { padding-right: 1.5rem; } /* * Font Family */ .sans-serif-font { font-family: "Open Sans", Helvetica, Arial, sans-serif; } .serif-font { font-family: Georgia, "Times New Roman", Times, serif; } .monospace-font { font-family: Monaco, Menlo, Consolas, "Courier New", monospace; } .thin-font { font-family: "Open Sans", Helvetica, Arial, sans-serif; font-weight: 300; font-style: normal; } .regular-font { font-family: "Open Sans", Helvetica, Arial, sans-serif; font-weight: 400; font-style: normal; } .medium-font { font-family: "Open Sans", Helvetica, Arial, sans-serif; font-weight: 500; font-style: normal; } .semibold-font { font-family: "Open Sans", Helvetica, Arial, sans-serif; font-weight: 600; font-style: normal; } .bold-font { font-family: "Open Sans", Helvetica, Arial, sans-serif; font-weight: 700; font-style: normal; } /* * Font Size */ .font-size-xlarge { font-size: 2rem; } .font-size-large { font-size: 1.8rem; } .font-size-medium { font-size: 1.6rem; } .font-size-small { font-size: 1.4rem; } .font-size-xsmall { font-size: 1.2rem; } /* * Text */ .text-left { text-align: left; } .text-right { text-align: right; } .text-justify { text-align: justify; } .text-center { text-align: center; } .truncate { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .uppercase { text-transform: uppercase; } .lowercase { text-transform: lowercase; } .capitalize { text-transform: capitalize; } /* * Text Color */ .text-white { color: #FFFFFF !important; } .text-light-grey { color: #E5E8EC !important; } .text-grey { color: #CED0D6 !important; } .text-dark-grey { color: #C6CBD4 !important; } .text-black { color: #000000 !important; } .text-error { color: #FF5B5D !important; } .text-warning { color: #F5A623 !important; } .text-success { color: #7ED321 !important; } .text-info { color: #1E90FF !important; } .text-primary { color: #2F478B !important; } .text-secondary { color: #29D4A8 !important; } .text-tertiary { color: #8B008B !important; } .text-dark { color: #0A1535 !important; } .text-light { color: #FAFAFC !important; } /* * Background */ .background-transparent { background: transparent !important; } .background-white { background: #FFFFFF !important; } .background-light-grey { background: #E5E8EC !important; } .background-grey { background: #CED0D6 !important; } .background-dark-grey { background: #C6CBD4 !important; } .background-black { background: #000000 !important; } .background-error { background: #FF5B5D !important; } .background-warning { background: #F5A623 !important; } .background-success { background: #7ED321 !important; } .background-info { background: #1E90FF !important; } .background-primary { background: #2F478B !important; } .background-secondary { background: #29D4A8 !important; } .background-tertiary { background: #8B008B !important; } .background-dark { background: #0A1535 !important; } .background-light { background: #FAFAFC !important; } /* * Mixins */ /* * General Mixins */ /* * Button */ /* * Input */ /* * Select */ /* * Font */ /* * Border Radius */ /* * Backgrounds */ /* * Placeholder */ /* * Arrows */ /* * Transitions */ /* * Transformations */ /* * Animations */ /* * Filters */ /* * Flexbox * via: https://gist.github.com/jayj * url: https://gist.github.com/jayj/4012969 */ /* * Mark */ /* * Accessibility */ /* * Screen Reader */ .screen-reader { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .screen-reader-focusable:active, .screen-reader-focusable:focus { position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto; } /* * Pages */ #page-auth { background: url(bg-auth.b3b3278927d9a9f80fb8.jpg); background-size: cover; background-position: center; height: 100vh; min-width: 100vw; min-height: 70rem; position: relative; } #page-auth h1 { color: #FFFFFF; font-size: 4rem; text-align: center; font-weight: 800; } #page-auth .auth-box { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); padding: 2rem; width: 100%; max-width: 70rem; } #page-auth .auth-box__form { background: #FFFFFF; border-radius: 4px; box-shadow: 0.1rem 0 4rem rgba(0, 0, 0, 0.08), 0 0.2rem 1.7rem rgba(0, 0, 0, 0.17); border-top: 0.7rem solid #2F478B; padding: 2rem 4rem; } @media (min-width: 768px) { #page-auth .auth-box__form { padding: 4rem 8rem; } } #page-auth .auth-box__form .header { text-align: center; margin-bottom: 3rem; } #page-auth .auth-box__form .header .logo { width: 100%; max-width: 21rem; max-height: 4rem; -o-object-fit: contain; object-fit: contain; } #page-auth .auth-box__form .header p { color: rgba(10, 21, 53, 0.65); } #page-auth .auth-box__form form .field { margin-bottom: 4rem; } #page-auth .auth-box__form form .button { width: 100%; } #page-auth .auth-box__form form .recover-link { text-align: center; } #page-dashboard { height: 100%; padding-top: 3rem; } #page-dashboard .new-offer { box-shadow: 0 0.2rem 1rem rgba(0, 0, 0, 0.25); margin-bottom: 4rem; } #page-dashboard .new-offer:before { content: "\E912"; font-family: 'ubaristi'; font-size: 1.4rem; line-height: 1.35; font-weight: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; margin-right: 0.25em; text-indent: 0; margin-right: 1rem; } #page-dashboard .panels { display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: -webkit-box; display: flex; margin-left: -0.5rem; margin-right: -0.5rem; height: calc(100vh - 23rem); height: -o-calc(100vh - 23rem); -moz-flex-direction: column; -ms-flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; } @media (min-width: 1024px) { #page-dashboard .panels { -moz-flex-direction: row; -ms-flex-direction: row; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; } } #page-dashboard .panels .panel { background: #FFFFFF; border-radius: 4px; box-shadow: 0 0 0.7rem rgba(0, 0, 0, 0.08); margin: 0 0.5rem; width: 100%; height: 50rem; margin-bottom: 3rem; } @media (min-width: 1024px) { #page-dashboard .panels .panel { height: inherit; max-width: 60rem; margin-bottom: 0; } } #page-dashboard .panels .panel__header { font-size: 2rem; font-family: "Open Sans", Helvetica, Arial, sans-serif; font-weight: 700; font-style: normal; padding: 3rem 2rem; } #page-dashboard .panels .panel__body { height: calc(100% - 10rem); height: -o-calc(100% - 10rem); } #page-dashboard .panels .panel__body ul { margin: 0; list-style: none; padding: 0 1.5rem; height: 100%; overflow: auto; } #page-dashboard .panels .panel__body ul li { margin-left: 0; } #page-dashboard .panels .panel__body__item { height: 13.5rem; border-radius: 4px; background: #F3F6F9; padding: 2rem 1.5rem; cursor: pointer; } #page-dashboard .panels .panel__body__item .header { font-size: 1.6rem; margin-bottom: 1.5rem; font-family: "Open Sans", Helvetica, Arial, sans-serif; font-weight: 600; font-style: normal; } #page-dashboard .panels .panel__body__item .body { display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: -webkit-box; display: flex; -moz-justify-content: space-between; -ms-justify-content: space-between; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; font-size: 1.4rem; margin-bottom: 1.5rem; font-family: "Open Sans", Helvetica, Arial, sans-serif; font-weight: 600; font-style: normal; } #page-dashboard .panels .panel__body__item .body .total { font-family: "Open Sans", Helvetica, Arial, sans-serif; font-weight: 700; font-style: normal; } #page-dashboard .panels .panel__body__item .footer { display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: -webkit-box; display: flex; } #page-dashboard .panels .panel__body__item .footer .files { background: rgba(206, 208, 214, 0.36); border-radius: 4px; color: rgba(10, 21, 53, 0.65); font-size: 1.4rem; font-family: "Open Sans", Helvetica, Arial, sans-serif; font-weight: 600; font-style: normal; padding: 0.2rem 1.5rem; position: relative; cursor: pointer; } #page-dashboard .panels .panel__body__item .footer .files:before { content: "\E910"; font-family: 'ubaristi'; font-size: 1.4rem; line-height: 1.35; font-weight: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; margin-right: 0.25em; text-indent: 0; margin-right: 0.8rem; } #page-dashboard .panels .panel__body__item .footer .files:hover .tooltip { display: block; } #page-dashboard .panels .panel__body__item .footer .files .tooltip { background: #FFFFFF; width: 23rem; box-shadow: 0 0 1.2rem rgba(0, 0, 0, 0.15); border-radius: 4px; position: absolute; display: none; } #page-dashboard .panels .panel__body__item .footer .files .tooltip:before { content: ''; width: 0; height: 0; border-left: 0.5rem solid transparent; border-right: 0.5rem solid transparent; border-bottom: 0.5rem solid #FFFFFF; position: absolute; top: -0.5rem; left: 2rem; } #page-dashboard .panels .panel__body__item .footer .files .tooltip a { padding: 1.2rem 1.8rem; display: block; border-bottom: 1px solid #E5E8EC; position: relative; } #page-dashboard .panels .panel__body__item .footer .files .tooltip a span { width: calc(100% - 3rem); width: -o-calc(100% - 3rem); display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #page-dashboard .panels .panel__body__item .footer .files .tooltip a:after { content: "\E908"; font-family: 'ubaristi'; font-size: 1.4rem; line-height: 1.35; font-weight: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; margin-right: 0.25em; text-indent: 0; position: absolute; right: 1.8rem; top: 1.6rem; } #page-dashboard .panels .panel__body__item .footer .commercial { width: 40%; height: 2.2rem; border-radius: 4px; padding: 0.1rem 1rem; margin-left: auto; font-family: "Open Sans", Helvetica, Arial, sans-serif; font-weight: 600; font-style: normal; } #page-dashboard .panels .panel__body__item .footer .commercial span { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 1.4rem; } #page-dashboard .panels .panel__body__item .footer .commercial--red { background: rgba(204, 72, 74, 0.4); color: #CC484A; } #page-dashboard .panels .panel__body__item .footer .commercial--green { background: rgba(65, 117, 5, 0.4); color: #417505; } #page-dashboard .panels .panel__body__item .footer .commercial--yellow { background: #E3DA6E; color: #736B0D; } #page-order-detail section article .info { display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: -webkit-box; display: flex; margin-bottom: 4rem; -moz-align-items: center; -ms-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media (min-width: 1500px) { #page-order-detail section article .info { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } } #page-order-detail section article .info .col { border-right: 1px solid #F3F6F9; padding-right: 2rem; margin-right: 2rem; width: 100%; margin-bottom: 2rem; overflow: hidden; } @media (min-width: 1500px) { #page-order-detail section article .info .col { width: 30%; } } #page-order-detail section article .info .col div { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #page-order-detail section article .info .col div:first-child { margin-bottom: 2rem; } #page-order-detail section article .info .col div span:not(.check) { font-size: 1.8rem; font-family: "Open Sans", Helvetica, Arial, sans-serif; font-weight: 700; font-style: normal; width: 11rem; display: inline-block; } #page-order-detail section article .info .col div .check:before { content: "\E916"; font-family: 'ubaristi'; font-size: 1.4rem; line-height: 1.35; font-weight: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; margin-right: 0.25em; text-indent: 0; color: #7ED321; } #page-order-detail section article .info .col div a { color: #FF5B5D; position: relative; } #page-order-detail section article .info .col div a span:after { content: ''; width: 3.5rem; height: 2.8rem; background: #2F478B; border-radius: 4px; display: block; position: absolute; top: -0.4rem; } #page-order-detail section article .info .col div a span:before { color: #FFFFFF; position: absolute; z-index: 2; top: 0.1rem; margin: 0; -webkit-transform: translateX(0.9rem); transform: translateX(0.9rem); } #page-order-detail section article .info .col div.email a span::before { content: "\E918"; font-family: 'ubaristi'; font-size: 1.4rem; line-height: 1.35; font-weight: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; margin-right: 0.25em; text-indent: 0; } #page-order-detail section article .info .col div.email span:nth-child(2) { color: #FF5B5D; font-family: "Open Sans", Helvetica, Arial, sans-serif; font-weight: 400; font-style: normal; } #page-order-detail section article .info .col div.signature a span::before { content: "\E919"; font-family: 'ubaristi'; font-size: 1.4rem; line-height: 1.35; font-weight: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; margin-right: 0.25em; text-indent: 0; } #page-order-detail section article .info .col div.signature span:nth-child(2) { color: #FF5B5D; font-family: "Open Sans", Helvetica, Arial, sans-serif; font-weight: 400; font-style: normal; } #page-order-detail section article .info .col div.total { font-family: "Open Sans", Helvetica, Arial, sans-serif; font-weight: 700; font-style: normal; font-size: 1.8rem; } #page-order-detail section article .info .status { border-radius: 4px; line-height: 7rem; padding: 0 2rem; font-size: 1.8rem; font-family: "Open Sans", Helvetica, Arial, sans-serif; font-weight: 700; font-style: normal; margin: 0; text-align: center; width: 25rem; margin-right: 1rem; } #page-order-detail section article .info .status--pending { background: #F8E71C; } #page-order-detail section article .info .status--process { background: #F5A623; } #page-order-detail section article .info .status--end { background: #7ED321; } #page-order-detail section article .info .button { margin-left: auto; } #page-order-detail section article .products { margin-top: 2rem; } #page-order-detail section article .products .complements { background: rgba(157, 161, 174, 0.2); padding: 0.5rem 3rem; color: #9DA1AE; font-size: 1.2rem; font-family: "Open Sans", Helvetica, Arial, sans-serif; font-weight: 600; font-style: normal; } #page-order-detail section article .products .product { width: 15%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #page-order-detail section article .products .code { width: 10%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #page-order-detail section article .products .description { width: 40%; } #page-order-detail section article .products .price { width: 12%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #page-order-detail section article .products .discount { width: 10%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #page-order-detail section article .products .subtotal { width: 15%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #page-order-detail section article .status { margin-top: 2rem; } #page-order-detail section article .status .box-grey__body { display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: -webkit-box; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media (min-width: 1024px) { #page-order-detail section article .status .box-grey__body { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } } #page-order-detail section article .status .box-grey__body .arrow { width: 100%; margin-bottom: 2rem; } @media (min-width: 768px) { #page-order-detail section article .status .box-grey__body .arrow { width: 50%; } } @media (min-width: 1024px) { #page-order-detail section article .status .box-grey__body .arrow { margin-bottom: 0; } } #page-order-detail section article .status .box-grey__body .arrow .clip { width: 100%; height: 5.2rem; background: rgba(157, 161, 174, 0.2); display: block; -webkit-clip-path: polygon(90% 0, 100% 50%, 90% 100%, 0% 100%, 10% 50%, 0% 0%); clip-path: polygon(90% 0, 100% 50%, 90% 100%, 0% 100%, 10% 50%, 0% 0%); text-align: center; font-size: 2rem; font-family: "Open Sans", Helvetica, Arial, sans-serif; font-weight: 700; font-style: normal; line-height: 5.2rem; color: rgba(10, 21, 53, 0.5); position: relative; } #page-order-detail section article .status .box-grey__body .arrow .clip span { position: relative; z-index: 2; } #page-order-detail section article .status .box-grey__body .arrow .clip--first { -webkit-clip-path: polygon(90% 0, 100% 50%, 90% 100%, 0% 100%, 0% 50%, 0% 0%); clip-path: polygon(90% 0, 100% 50%, 90% 100%, 0% 100%, 0% 50%, 0% 0%); } #page-order-detail section article .status .box-grey__body .arrow .clip--success { background: #7ED321; color: #0A1535; } #page-order-detail section article .status .box-grey__body .arrow .clip--enabled { background: #CED0D6; color: #0A1535; background: repeating-linear-gradient(45deg, #CED0D6, #CED0D6 10px, #FFFFFF 10px, #FFFFFF 20px); } #page-order-detail section article .status .box-grey__body .arrow .clip--enabled:before { content: ''; width: calc(100% - 0.4rem); width: -o-calc(100% - 0.4rem); height: 4.8rem; -webkit-clip-path: polygon(90% 0, 100% 50%, 90% 100%, 0% 100%, 10% 50%, 0% 0%); clip-path: polygon(90% 0, 100% 50%, 90% 100%, 0% 100%, 10% 50%, 0% 0%); background: #FFFFFF; display: block; position: absolute; top: 0.2rem; left: 0.2rem; } #page-order-detail section article .status .box-grey__body .arrow .clip-info { display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: -webkit-box; display: flex; -moz-align-items: center; -ms-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -moz-flex-direction: column; -ms-flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -moz-justify-content: flex-end; -ms-justify-content: flex-end; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; min-height: 9rem; position: relative; } #page-order-detail section article .status .box-grey__body .arrow .clip-info:before { content: ''; background: #E5E8EC; width: 0.1rem; position: absolute; right: 0; height: 7rem; top: 2rem; } #page-order-detail section article .status .box-grey__body .arrow .clip-info a, #page-order-detail section article .status .box-grey__body .arrow .clip-info span { display: block; font-family: "Open Sans", Helvetica, Arial, sans-serif; font-weight: 600; font-style: normal; margin: 0.5rem 0; } #page-order-detail section article .status .box-grey__body .arrow .clip-info a:before, #page-order-detail section article .status .box-grey__body .arrow .clip-info span:before { font-size: 2rem !important; } #page-order-detail section article .status .box-grey__body .arrow .clip-info a.edit:before, #page-order-detail section article .status .box-grey__body .arrow .clip-info span.edit:before { content: "\E907"; font-family: 'ubaristi'; font-size: 1.4rem; line-height: 1.35; font-weight: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; margin-right: 0.25em; text-indent: 0; } #page-order-detail section article .status .box-grey__body .arrow .clip-info a.download:before, #page-order-detail section article .status .box-grey__body .arrow .clip-info span.download:before { content: "\E917"; font-family: 'ubaristi'; font-size: 1.4rem; line-height: 1.35; font-weight: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; margin-right: 0.25em; text-indent: 0; } #page-order-detail section article .status .box-grey__body .arrow .clip-info span { opacity: 0.5; color: #2F478B; } @media (min-width: 1024px) { #page-order-detail section article .observations { min-height: 28.5rem; } } #page-order-detail section article .totals p { display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: -webkit-box; display: flex; -moz-justify-content: space-between; -ms-justify-content: space-between; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; font-size: 1.8rem; margin: 3.5rem 0; color: #0A1535; } #page-order-detail section article .totals p:last-child { margin-bottom: 0; } #page-order-detail section article .totals p:first-child { margin-top: 0; } #page-order-detail section article .totals p span:first-child { font-family: "Open Sans", Helvetica, Arial, sans-serif; font-weight: 700; font-style: normal; } #page-order-detail section article .totals p span:last-child { text-align: right; color: rgba(10, 21, 53, 0.65); } #page-order-new section article label[for="discountNumber"] { display: none!important; } #page-order-new section article fieldset.observations .field, #page-order-new section article fieldset.other-data .field { margin: 0; } #page-order-new section article fieldset.observations .field textarea, #page-order-new section article fieldset.other-data .field textarea { height: 13rem; resize: none; } #page-order-new section article fieldset.other-data .field textarea { height: 19rem; } #page-order-new section article fieldset.payment-methods .field label { width: 15rem; } #page-order-new section article fieldset.payment-methods .field textarea { height: 13rem; resize: none; } #page-order-new section article fieldset.payment-methods .field--textarea { margin: 0; } #page-order-new section article fieldset.totals p { display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: -webkit-box; display: flex; -moz-justify-content: space-between; -ms-justify-content: space-between; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; font-size: 1.8rem; margin: 3.5rem 0; } #page-order-new section article fieldset.totals p:last-child { margin-bottom: 0; } #page-order-new section article fieldset.totals p:first-child { margin-top: 0; } #page-order-new section article fieldset.totals p span:first-child { font-family: "Open Sans", Helvetica, Arial, sans-serif; font-weight: 700; font-style: normal; } #page-order-new section article fieldset.totals p span:last-child { text-align: right; color: rgba(10, 21, 53, 0.65); } #page-order-list section article table .status { width: 4rem; border: 0; text-align: center; } #page-order-list section article table .status span { width: 2.4rem; height: 2.4rem; display: block; border-radius: 4px; } #page-order-list section article table .status--success span { background: #7ED321; } #page-order-list section article table .status--warning span { background: #F5A623; } #page-order-list section article table .status--caution span { background: #F8E71C; } #page-order-list section article table .status + td { border-left: 0; } #page-order-material-exit section article .products { margin-top: 2rem; } #page-order-material-exit section article .products .complements { background: rgba(157, 161, 174, 0.2); padding: 0.5rem 3rem; color: #9DA1AE; font-size: 1.2rem; font-family: "Open Sans", Helvetica, Arial, sans-serif; font-weight: 600; font-style: normal; } #page-order-material-exit section article .products .product { width: 15%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #page-order-material-exit section article .products .code { width: 10%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #page-order-material-exit section article .products .description { width: 50%; } #page-order-material-exit section article .products .price { width: 12%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #page-order-material-exit section article .products .discount { width: 10%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #page-order-material-exit section article .products .subtotal { width: 15%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #page-order-material-exit section article .products .serial-number { width: 25%; } #page-order-material-exit section article .products .serial-number input:disabled { background: rgba(157, 161, 174, 0.2); } #page-order-material-exit section article fieldset.observations .field textarea { height: 19rem; resize: none; } #page-order-preparation section article fieldset.observations .field textarea { height: 19rem; resize: none; } #page-order-shipping section article fieldset.observations .field textarea, #page-order-shipping section article fieldset.charge .field textarea, #page-order-shipping section article fieldset.discharge .field textarea { height: 19rem; resize: none; } #page-order-shipping section article .products { margin-top: 2rem; } #page-order-shipping section article .products .complements { background: rgba(157, 161, 174, 0.2); padding: 0.5rem 3rem; color: #9DA1AE; font-size: 1.2rem; font-family: "Open Sans", Helvetica, Arial, sans-serif; font-weight: 600; font-style: normal; } #page-order-shipping section article .products .product { width: 15%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #page-order-shipping section article .products .code { width: 10%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #page-order-shipping section article .products .description { width: 50%; } #page-order-shipping section article .products .price { width: 12%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #page-order-shipping section article .products .discount { width: 10%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #page-order-shipping section article .products .subtotal { width: 15%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #page-order-shipping section article .products .visibility { width: 25%; position: relative; } #page-order-shipping section article .products .visibility .switch { display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: -webkit-box; display: flex; position: relative; background: #FFFFFF; width: 17rem; } #page-order-shipping section article .products .visibility .switch input { display: none; } #page-order-shipping section article .products .visibility .switch input + label { height: 4.8rem; position: relative; z-index: 2; width: 8.5rem; line-height: 5.5rem; font-size: 1.6rem; font-family: "Open Sans", Helvetica, Arial, sans-serif; font-weight: 700; font-style: normal; color: #9DA1AE; text-align: center; cursor: pointer; margin: 0; } #page-order-shipping section article .products .visibility .switch input:checked + label { color: #FFFFFF !important; } #page-order-shipping section article .products .visibility .switch input:checked + label:last-of-type ~ .switch-selection { left: 8.5rem; } #page-order-shipping section article .products .visibility .switch .switch-selection { display: block; position: absolute; z-index: 1; top: 0; left: 0; width: 8.5rem; height: 4.8rem; background: #0A1535; border-radius: 4px; transition: left 0.15s ease-out; padding: 0; } /*# sourceMappingURL=style.css.map */.cdk-global-overlay-wrapper,.cdk-overlay-container{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-global-overlay-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000}.cdk-overlay-backdrop{position:absolute;top:0;bottom:0;left:0;right:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:transparent;transition:opacity .4s cubic-bezier(.25,.8,.25,1);opacity:0}.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.48}.cdk-overlay-dark-backdrop{background:rgba(0,0,0,.6)}.cdk-overlay-transparent-backdrop{background:0 0}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}.owl-dialog-container{position:relative;pointer-events:auto;box-sizing:border-box;display:block;padding:1.5em;box-shadow:0 11px 15px -7px rgba(0,0,0,.2),0 24px 38px 3px rgba(0,0,0,.14),0 9px 46px 8px rgba(0,0,0,.12);border-radius:2px;overflow:auto;background:#fff;color:rgba(0,0,0,.87);outline:0}.owl-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.owl-dt-container,.owl-dt-container *{box-sizing:border-box}.owl-dt-container{display:block;background:#fff;pointer-events:auto;z-index:1000}.owl-dt-container-row{border-bottom:1px solid rgba(0,0,0,.12)}.owl-dt-container-row:last-child{border-bottom:none}.owl-dt-calendar{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100%}.owl-dt-calendar-control{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:1em;width:100%;padding:.5em;color:#000}.owl-dt-calendar-control .owl-dt-calendar-control-content{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.owl-dt-calendar-control .owl-dt-calendar-control-content .owl-dt-calendar-control-button{padding:0 .8em}.owl-dt-calendar-control .owl-dt-calendar-control-content .owl-dt-calendar-control-button:hover{background-color:rgba(0,0,0,.12)}.owl-dt-calendar-main{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;padding:0 .5em .5em;outline:0}.owl-dt-calendar-table{width:100%;border-collapse:collapse;border-spacing:0}.owl-dt-calendar-table .owl-dt-calendar-header{color:rgba(0,0,0,.4)}.owl-dt-calendar-table .owl-dt-calendar-header .owl-dt-weekdays th{font-size:.7em;font-weight:400;text-align:center;padding-bottom:1em}.owl-dt-calendar-table .owl-dt-calendar-header .owl-dt-calendar-table-divider{position:relative;height:1px;padding-bottom:.5em}.owl-dt-calendar-table .owl-dt-calendar-header .owl-dt-calendar-table-divider:after{content:'';position:absolute;top:0;left:-.5em;right:-.5em;height:1px;background:rgba(0,0,0,.12)}.owl-dt-calendar-table .owl-dt-calendar-cell{position:relative;height:0;line-height:0;text-align:center;outline:0;cursor:pointer;color:rgba(0,0,0,.85);-webkit-appearance:none;-webkit-tap-highlight-color:transparent;-webkit-tap-highlight-color:transparent}.owl-dt-calendar-table .owl-dt-calendar-cell-content{position:absolute;top:5%;left:5%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;box-sizing:border-box;width:90%;height:90%;font-size:.8em;line-height:1;border:1px solid transparent;border-radius:999px;color:inherit}.owl-dt-calendar-table .owl-dt-calendar-cell-out{opacity:.2}.owl-dt-calendar-table .owl-dt-calendar-cell-today:not(.owl-dt-calendar-cell-selected){border-color:rgba(0,0,0,.4)}.owl-dt-calendar-table .owl-dt-calendar-cell-selected{color:rgba(255,255,255,.85);background-color:#3f51b5}.owl-dt-calendar-table .owl-dt-calendar-cell-selected.owl-dt-calendar-cell-today{box-shadow:inset 0 0 0 1px rgba(255,255,255,.85)}.owl-dt-calendar-table .owl-dt-calendar-cell-disabled{cursor:default}.owl-dt-calendar-table .owl-dt-calendar-cell-disabled>.owl-dt-calendar-cell-content:not(.owl-dt-calendar-cell-selected){color:rgba(0,0,0,.4)}.owl-dt-calendar-table .owl-dt-calendar-cell-disabled>.owl-dt-calendar-cell-content.owl-dt-calendar-cell-selected{opacity:.4}.owl-dt-calendar-table .owl-dt-calendar-cell-disabled>.owl-dt-calendar-cell-today:not(.owl-dt-calendar-cell-selected){border-color:rgba(0,0,0,.2)}.owl-dt-calendar-table .owl-dt-calendar-cell-active:focus>.owl-dt-calendar-cell-content:not(.owl-dt-calendar-cell-selected),.owl-dt-calendar-table :not(.owl-dt-calendar-cell-disabled):hover>.owl-dt-calendar-cell-content:not(.owl-dt-calendar-cell-selected){background-color:rgba(0,0,0,.04)}.owl-dt-calendar-table .owl-dt-calendar-cell-in-range{background:rgba(63,81,181,.2)}.owl-dt-calendar-table .owl-dt-calendar-cell-in-range.owl-dt-calendar-cell-range-from{border-top-left-radius:999px;border-bottom-left-radius:999px}.owl-dt-calendar-table .owl-dt-calendar-cell-in-range.owl-dt-calendar-cell-range-to{border-top-right-radius:999px;border-bottom-right-radius:999px}.owl-dt-timer{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%;height:6em;padding:.5em;outline:0}.owl-dt-timer-box{position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:25%;height:100%}.owl-dt-timer-content{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%}.owl-dt-timer-content .owl-dt-timer-input{display:block;width:2em;text-align:center;border:1px solid rgba(0,0,0,.5);border-radius:3px;outline:medium none;font-size:1.2em;padding:.2em}.owl-dt-timer-divider{display:inline-block;-webkit-align-self:flex-end;-ms-flex-item-align:end;align-self:flex-end;position:absolute;width:.6em;height:100%;left:-.3em}.owl-dt-timer-divider:after,.owl-dt-timer-divider:before{content:'';display:inline-block;width:.35em;height:.35em;position:absolute;left:50%;border-radius:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);background-color:currentColor}.owl-dt-timer-divider:before{top:35%}.owl-dt-timer-divider:after{bottom:35%}.owl-dt-control-button{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;outline:0;border:none;-webkit-tap-highlight-color:transparent;display:inline-block;white-space:nowrap;text-decoration:none;vertical-align:baseline;margin:0;padding:0;background-color:transparent;color:inherit}.owl-dt-control-button .owl-dt-control-button-content{position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;outline:0}.owl-dt-control-button:focus>.owl-dt-control-button-content{background-color:rgba(0,0,0,.12)}.owl-dt-control-button:not(:-moz-focusring):focus>.owl-dt-control-button-content{box-shadow:none}.owl-dt-control-period-button .owl-dt-control-button-content{height:2em;padding:.3em .5em;border-radius:3px;transition:background-color .1s linear}.owl-dt-control-period-button:hover>.owl-dt-control-button-content{background-color:rgba(0,0,0,.12)}.owl-dt-control-arrow-button .owl-dt-control-button-content{padding:0;border-radius:50%;width:1.5em;height:1.5em}.owl-dt-control-arrow-button[disabled]{color:rgba(0,0,0,.4);cursor:default}.owl-dt-control-arrow-button svg{width:.8em;height:.8em;fill:currentColor}.owl-dt-inline-container,.owl-dt-popup-container{position:relative;width:296px;box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12)}.owl-dt-inline-container .owl-dt-calendar,.owl-dt-inline-container .owl-dt-timer,.owl-dt-popup-container .owl-dt-calendar,.owl-dt-popup-container .owl-dt-timer{width:100%}.owl-dt-inline-container .owl-dt-calendar,.owl-dt-popup-container .owl-dt-calendar{height:340px}.owl-dt-inline-container{display:inline-block}.owl-dt-dialog-container{max-height:85vh;margin:-1.5em}.owl-dt-dialog-container .owl-dt-calendar{min-width:250px;min-height:330px;max-width:750px;max-height:750px}.owl-dt-dialog-container .owl-dt-timer{min-width:250px;max-width:750px}@media all and (orientation:landscape){.owl-dt-dialog-container .owl-dt-calendar{width:60vh;height:60vh}.owl-dt-dialog-container .owl-dt-timer{width:60vh}}@media all and (orientation:portrait){.owl-dt-dialog-container .owl-dt-calendar{width:80vw;height:80vw}.owl-dt-dialog-container .owl-dt-timer{width:80vw}}.owl-dt-container-buttons{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;height:2em;color:#3f51b5}.owl-dt-container-control-button{width:50%;height:100%;border-radius:0}.owl-dt-container-control-button .owl-dt-control-button-content{height:100%;width:100%;transition:background-color .1s linear}.owl-dt-container-control-button:hover .owl-dt-control-button-content{background-color:rgba(0,0,0,.1)}.owl-dt-container-info{padding:0 .5em;cursor:pointer;-webkit-tap-highlight-color:transparent}.owl-dt-container-info .owl-dt-container-range{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:.5em 0;font-size:.8em}.owl-dt-container-info .owl-dt-container-range:last-child{border-top:1px solid rgba(0,0,0,.12)}.owl-dt-container-info .owl-dt-container-info-active{color:#3f51b5}.owl-dt-container-disabled,.owl-dt-trigger-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none;cursor:default!important}.owl-dt-timer-hour12{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#3f51b5}.owl-dt-timer-hour12 .owl-dt-timer-hour12-box{border:1px solid currentColor;border-radius:2px;transition:background .2s ease}.owl-dt-timer-hour12 .owl-dt-timer-hour12-box .owl-dt-control-button-content{width:100%;height:100%;padding:.5em}.owl-dt-timer-hour12 .owl-dt-timer-hour12-box:focus .owl-dt-control-button-content,.owl-dt-timer-hour12 .owl-dt-timer-hour12-box:hover .owl-dt-control-button-content{background:#3f51b5;color:#fff} /* based on angular-toastr css https://github.com/Foxandxss/angular-toastr/blob/cb508fe6801d6b288d3afc525bb40fee1b101650/dist/angular-toastr.css */ /* position */ .toast-center-center { top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .toast-top-center { top: 0; right: 0; width: 100%; } .toast-bottom-center { bottom: 0; right: 0; width: 100%; } .toast-top-full-width { top: 0; right: 0; width: 100%; } .toast-bottom-full-width { bottom: 0; right: 0; width: 100%; } .toast-top-left { top: 12px; left: 12px; } .toast-top-right { top: 12px; right: 12px; } .toast-bottom-right { right: 12px; bottom: 12px; } .toast-bottom-left { bottom: 12px; left: 12px; } /* toast styles */ .toast-title { font-weight: bold; } .toast-message { word-wrap: break-word; } .toast-message a, .toast-message label { color: #FFFFFF; } .toast-message a:hover { color: #CCCCCC; text-decoration: none; } .toast-close-button { position: relative; right: -0.3em; top: -0.3em; float: right; font-size: 20px; font-weight: bold; color: #FFFFFF; text-shadow: 0 1px 0 #ffffff; /* opacity: 0.8; */ } .toast-close-button:hover, .toast-close-button:focus { color: #000000; text-decoration: none; cursor: pointer; opacity: 0.4; } /*Additional properties for button version iOS requires the button element instead of an anchor tag. If you want the anchor version, it requires `href="#"`.*/ button.toast-close-button { padding: 0; cursor: pointer; background: transparent; border: 0; } .toast-container { pointer-events: none; position: fixed; z-index: 999999; } .toast-container * { box-sizing: border-box; } .toast-container .toast { position: relative; overflow: hidden; margin: 0 0 6px; padding: 15px 15px 15px 50px; width: 300px; border-radius: 3px 3px 3px 3px; background-position: 15px center; background-repeat: no-repeat; background-size: 24px; box-shadow: 0 0 12px #999999; color: #FFFFFF; } .toast-container .toast:hover { box-shadow: 0 0 12px #000000; opacity: 1; cursor: pointer; } /* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/info-circle.svg */ .toast-info { background-image: url('data:image/svg+xml;utf8,'); } /* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/times-circle.svg */ .toast-error { background-image: url('data:image/svg+xml;utf8,'); } /* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/check.svg */ .toast-success { background-image: url('data:image/svg+xml;utf8,'); } /* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/exclamation-triangle.svg */ .toast-warning { background-image: url('data:image/svg+xml;utf8,'); } .toast-container.toast-top-center .toast, .toast-container.toast-bottom-center .toast { width: 300px; margin-left: auto; margin-right: auto; } .toast-container.toast-top-full-width .toast, .toast-container.toast-bottom-full-width .toast { width: 96%; margin-left: auto; margin-right: auto; } .toast { background-color: #030303; pointer-events: auto; } .toast-success { background-color: #51A351; } .toast-error { background-color: #BD362F; } .toast-info { background-color: #2F96B4; } .toast-warning { background-color: #F89406; } .toast-progress { position: absolute; left: 0; bottom: 0; height: 4px; background-color: #000000; opacity: 0.4; } /* Responsive Design */ @media all and (max-width: 240px) { .toast-container .toast.div { padding: 8px 8px 8px 50px; width: 11em; } .toast-container .toast-close-button { right: -0.2em; top: -0.2em; } } @media all and (min-width: 241px) and (max-width: 480px) { .toast-container .toast.div { padding: 8px 8px 8px 50px; width: 18em; } .toast-container .toast-close-button { right: -0.2em; top: -0.2em; } } @media all and (min-width: 481px) and (max-width: 768px) { .toast-container .toast.div { padding: 15px 15px 15px 50px; width: 25em; } } .ng-select.opened>.ng-control{background:#fff;border-color:#b3b3b3 #ccc #d9d9d9}.ng-select.opened>.ng-control .ng-arrow{top:-2px;border-color:transparent transparent #999;border-width:0 5px 5px}.ng-select.opened>.ng-control .ng-arrow:hover{border-color:transparent transparent #666}.ng-select.opened.bottom>.ng-control{border-bottom-right-radius:0;border-bottom-left-radius:0}.ng-select.opened.top>.ng-control{border-top-right-radius:0;border-top-left-radius:0}.ng-select.focused:not(.opened)>.ng-control{border-color:#007eff;box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 0 3px rgba(0,126,255,0.1)}.ng-select.disabled>.ng-control{background-color:#f9f9f9}.ng-select .ng-control{background-color:#fff;border-radius:4px;border:1px solid #ccc;min-height:36px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.ng-select .ng-control:hover{box-shadow:0 1px 0 rgba(0,0,0,0.06)}.ng-select .ng-control .ng-value-container{-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-left:10px}.ng-select .ng-control .ng-value-container .ng-placeholder{color:#aaa}.ng-select.ng-single .ng-control{height:36px}.ng-select.ng-single .ng-control .ng-value-container .ng-input{left:0;padding-left:10px;padding-right:50px;top:5px}.ng-select.ng-multiple.disabled>.ng-control .ng-value-container .ng-value{background-color:#f9f9f9;border:1px solid #e3e3e3}.ng-select.ng-multiple.disabled>.ng-control .ng-value-container .ng-value .ng-value-label{padding:2px 5px}.ng-select.ng-multiple .ng-control .ng-value-container{padding-left:7px;padding-top:5px}.ng-select.ng-multiple .ng-control .ng-value-container .ng-value{font-size:0.9em;margin-right:5px;margin-bottom:5px;background-color:#f5faff;border-radius:2px;border:1px solid #c2e0ff}.ng-select.ng-multiple .ng-control .ng-value-container .ng-value.disabled{background-color:#f9f9f9;border:1px solid #e3e3e3}.ng-select.ng-multiple .ng-control .ng-value-container .ng-value .ng-value-label{padding:2px 5px 2px 1px}.ng-select.ng-multiple .ng-control .ng-value-container .ng-value .ng-value-icon{padding:3px 5px}.ng-select.ng-multiple .ng-control .ng-value-container .ng-value .ng-value-icon:hover{background-color:#d8eafd}.ng-select.ng-multiple .ng-control .ng-value-container .ng-value .ng-value-icon.left{border-right:1px solid #c2e0ff}.ng-select.ng-multiple .ng-control .ng-value-container .ng-value .ng-value-icon.right{border-left:1px solid #c2e0ff}.ng-select.ng-multiple .ng-control .ng-value-container .ng-input{padding-bottom:3px;padding-left:3px}.ng-select.ng-multiple .ng-control .ng-value-container .ng-placeholder{top:5px;padding-bottom:5px;padding-left:3px}.ng-select .ng-clear-zone{color:#999}.ng-select .ng-clear-zone .ng-clear:hover{color:#D0021B}.ng-select .ng-spinner-zone{padding-right:5px;padding-top:5px}.ng-select .ng-arrow-zone{padding-right:5px;width:25px}.ng-select .ng-arrow-zone .ng-arrow{border-color:#999 transparent transparent;border-style:solid;border-width:5px 5px 2.5px}.ng-select .ng-arrow-zone .ng-arrow:hover{border-top-color:#666}.ng-select .ng-dropdown-header{border-bottom:1px solid #ccc;padding:5px 7px}.ng-select .ng-dropdown-footer{border-top:1px solid #ccc;padding:5px 7px}.ng-dropdown-panel{background-color:#fff;border:1px solid #ccc;box-shadow:0 1px 0 rgba(0,0,0,0.06)}.ng-dropdown-panel.bottom{top:100%;border-bottom-right-radius:4px;border-bottom-left-radius:4px;border-top-color:#e6e6e6;margin-top:-1px}.ng-dropdown-panel.bottom .ng-dropdown-panel-items .ng-option:last-child{border-bottom-right-radius:4px;border-bottom-left-radius:4px}.ng-dropdown-panel.top{bottom:100%;border-top-right-radius:4px;border-top-left-radius:4px;border-bottom-color:#e6e6e6;margin-bottom:-1px}.ng-dropdown-panel.top .ng-dropdown-panel-items .ng-option:first-child{border-top-right-radius:4px;border-top-left-radius:4px}.ng-dropdown-panel .ng-dropdown-panel-items{margin-bottom:1px}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option{background-color:#fff;color:#666666;padding:8px 10px}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.selected{background-color:#f5faff}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.selected .ng-option-label{font-weight:600}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.marked{background-color:#ebf5ff;color:#333}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.selected{color:#333}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.disabled{color:#cccccc}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-tag-label{padding-right:5px;font-size:80%;font-weight:400} /*# sourceMappingURL=styles.02356d66f7d5b930f94c.bundle.css.map*/