diff --git a/css/material_admin.css b/css/material_admin.css index 290df03..8630214 100644 --- a/css/material_admin.css +++ b/css/material_admin.css @@ -1,5276 +1,5276 @@ -/* @file - * Material Admin - * - */ -/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */ +/* @file + * Material Admin + * + */ +/*! 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. - */ -@import url("//fonts.googleapis.com/css?family=Roboto%3A300%2C300i%2C400%2C400i%2C500%2C500i%2C700%2C700i"); -html { - font-family: sans-serif; - /* 1 */ - -ms-text-size-adjust: 100%; - /* 2 */ - -webkit-text-size-adjust: 100%; - /* 2 */ } - + */ +@import url("//fonts.googleapis.com/css?family=Roboto%3A300%2C300i%2C400%2C400i%2C500%2C500i%2C700%2C700i"); +html { + font-family: sans-serif; + /* 1 */ + -ms-text-size-adjust: 100%; + /* 2 */ + -webkit-text-size-adjust: 100%; + /* 2 */ } + /** * Remove default margin. - */ -body { - margin: 0; } - + */ +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; } - + */ +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 */ } - + */ +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; } - + */ +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; } - + */ +[hidden], +template { + display: none; } + /* Links - ========================================================================== */ + ========================================================================== */ /** * Remove the gray background color from active links in IE 10. - */ -a { - background-color: transparent; } - + */ +a { + background-color: transparent; } + /** * Improve readability of focused elements when they are also in an * active/hover state. - */ -a:active, -a:hover { - outline: 0; } - + */ +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; } - + */ +abbr[title] { + border-bottom: 1px dotted; } + /** * Address style set to `bolder` in Firefox 4+, Safari, and Chrome. - */ -b, -strong { - font-weight: bold; } - + */ +b, +strong { + font-weight: bold; } + /** * Address styling not present in Safari and Chrome. - */ -dfn { - font-style: italic; } - + */ +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; } - + */ +h1 { + font-size: 2em; + margin: 0.67em 0; } + /** * Address styling not present in IE 8/9. - */ -mark { - background: #ff0; - color: #000; } - + */ +mark { + background: #ff0; + color: #000; } + /** * Address inconsistent and variable font size in all browsers. - */ -small { - font-size: 80%; } - + */ +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; } - + */ +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; } - + */ +img { + border: 0; } + /** * Correct overflow not hidden in IE 9/10/11. - */ -svg:not(:root) { - overflow: hidden; } - + */ +svg:not(:root) { + overflow: hidden; } + /* Grouping content - ========================================================================== */ + ========================================================================== */ /** * Address margin not present in IE 8/9 and Safari. - */ -figure { - margin: 1em 40px; } - + */ +figure { + margin: 1em 40px; } + /** * Address differences between Firefox and other browsers. - */ -hr { - box-sizing: content-box; - height: 0; } - + */ +hr { + box-sizing: content-box; + height: 0; } + /** * Contain overflow in all browsers. - */ -pre { - overflow: auto; } - + */ +pre { + overflow: auto; } + /** * Address odd `em`-unit font size rendering in all browsers. - */ -code, -kbd, -pre, -samp { - font-family: monospace, monospace; - font-size: 1em; } - + */ +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 */ } - + */ +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; } - + */ +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; } - + */ +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 */ } - + */ +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; } - + */ +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; } - + */ +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; } - + */ +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 */ } - + */ +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; } - + */ +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 */ } - + */ +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; } - + */ +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; } - + */ +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 */ } - + */ +legend { + border: 0; + /* 1 */ + padding: 0; + /* 2 */ } + /** * Remove default vertical scrollbar in IE 8/9/10/11. - */ -textarea { - overflow: auto; } - + */ +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; } - + */ +optgroup { + font-weight: bold; } + /* Tables - ========================================================================== */ + ========================================================================== */ /** * Remove most spacing between table cells. - */ -table { - border-collapse: collapse; - border-spacing: 0; } - -td, -th { - padding: 0; } - -.materialize-red { - background-color: #e51c23 !important; } - -.materialize-red-text { - color: #e51c23 !important; } - -.materialize-red.lighten-5, .materialize-red.dropdown-button:hover, -table tbody tr.materialize-red.drag-previous, -table tbody tr.materialize-red.drag, table > tbody > tr.materialize-red.field-plugin-settings-editing { - background-color: #fdeaeb !important; } - -.materialize-red-text.text-lighten-5 { - color: #fdeaeb !important; } - -.materialize-red.lighten-4 { - background-color: #f8c1c3 !important; } - -.materialize-red-text.text-lighten-4 { - color: #f8c1c3 !important; } - -.materialize-red.lighten-3 { - background-color: #f3989b !important; } - -.materialize-red-text.text-lighten-3 { - color: #f3989b !important; } - -.materialize-red.lighten-2 { - background-color: #ee6e73 !important; } - -.materialize-red-text.text-lighten-2 { - color: #ee6e73 !important; } - -.materialize-red.lighten-1 { - background-color: #ea454b !important; } - -.materialize-red-text.text-lighten-1 { - color: #ea454b !important; } - -.materialize-red.darken-1 { - background-color: #d0181e !important; } - -.materialize-red-text.text-darken-1 { - color: #d0181e !important; } - -.materialize-red.darken-2 { - background-color: #b9151b !important; } - -.materialize-red-text.text-darken-2 { - color: #b9151b !important; } - -.materialize-red.darken-3 { - background-color: #a21318 !important; } - -.materialize-red-text.text-darken-3 { - color: #a21318 !important; } - -.materialize-red.darken-4 { - background-color: #8b1014 !important; } - -.materialize-red-text.text-darken-4 { - color: #8b1014 !important; } - -.red { - background-color: #F44336 !important; } - -.red-text { - color: #F44336 !important; } - -.red.lighten-5, .red.dropdown-button:hover, -table tbody tr.red.drag-previous, -table tbody tr.red.drag, table > tbody > tr.red.field-plugin-settings-editing { - background-color: #FFEBEE !important; } - -.red-text.text-lighten-5 { - color: #FFEBEE !important; } - -.red.lighten-4 { - background-color: #FFCDD2 !important; } - -.red-text.text-lighten-4 { - color: #FFCDD2 !important; } - -.red.lighten-3 { - background-color: #EF9A9A !important; } - -.red-text.text-lighten-3 { - color: #EF9A9A !important; } - -.red.lighten-2 { - background-color: #E57373 !important; } - -.red-text.text-lighten-2 { - color: #E57373 !important; } - -.red.lighten-1 { - background-color: #EF5350 !important; } - -.red-text.text-lighten-1 { - color: #EF5350 !important; } - -.red.darken-1 { - background-color: #E53935 !important; } - -.red-text.text-darken-1 { - color: #E53935 !important; } - -.red.darken-2 { - background-color: #D32F2F !important; } - -.red-text.text-darken-2 { - color: #D32F2F !important; } - -.red.darken-3 { - background-color: #C62828 !important; } - -.red-text.text-darken-3 { - color: #C62828 !important; } - -.red.darken-4 { - background-color: #B71C1C !important; } - -.red-text.text-darken-4 { - color: #B71C1C !important; } - -.red.accent-1 { - background-color: #FF8A80 !important; } - -.red-text.text-accent-1 { - color: #FF8A80 !important; } - -.red.accent-2 { - background-color: #FF5252 !important; } - -.red-text.text-accent-2 { - color: #FF5252 !important; } - -.red.accent-3 { - background-color: #FF1744 !important; } - -.red-text.text-accent-3 { - color: #FF1744 !important; } - -.red.accent-4 { - background-color: #D50000 !important; } - -.red-text.text-accent-4 { - color: #D50000 !important; } - -.pink { - background-color: #e91e63 !important; } - -.pink-text { - color: #e91e63 !important; } - -.pink.lighten-5, .pink.dropdown-button:hover, -table tbody tr.pink.drag-previous, -table tbody tr.pink.drag, table > tbody > tr.pink.field-plugin-settings-editing { - background-color: #fce4ec !important; } - -.pink-text.text-lighten-5 { - color: #fce4ec !important; } - -.pink.lighten-4 { - background-color: #f8bbd0 !important; } - -.pink-text.text-lighten-4 { - color: #f8bbd0 !important; } - -.pink.lighten-3 { - background-color: #f48fb1 !important; } - -.pink-text.text-lighten-3 { - color: #f48fb1 !important; } - -.pink.lighten-2 { - background-color: #f06292 !important; } - -.pink-text.text-lighten-2 { - color: #f06292 !important; } - -.pink.lighten-1 { - background-color: #ec407a !important; } - -.pink-text.text-lighten-1 { - color: #ec407a !important; } - -.pink.darken-1 { - background-color: #d81b60 !important; } - -.pink-text.text-darken-1 { - color: #d81b60 !important; } - -.pink.darken-2 { - background-color: #c2185b !important; } - -.pink-text.text-darken-2 { - color: #c2185b !important; } - -.pink.darken-3 { - background-color: #ad1457 !important; } - -.pink-text.text-darken-3 { - color: #ad1457 !important; } - -.pink.darken-4 { - background-color: #880e4f !important; } - -.pink-text.text-darken-4 { - color: #880e4f !important; } - -.pink.accent-1 { - background-color: #ff80ab !important; } - -.pink-text.text-accent-1 { - color: #ff80ab !important; } - -.pink.accent-2 { - background-color: #ff4081 !important; } - -.pink-text.text-accent-2 { - color: #ff4081 !important; } - -.pink.accent-3 { - background-color: #f50057 !important; } - -.pink-text.text-accent-3 { - color: #f50057 !important; } - -.pink.accent-4 { - background-color: #c51162 !important; } - -.pink-text.text-accent-4 { - color: #c51162 !important; } - -.purple { - background-color: #9c27b0 !important; } - -.purple-text { - color: #9c27b0 !important; } - -.purple.lighten-5, .purple.dropdown-button:hover, -table tbody tr.purple.drag-previous, -table tbody tr.purple.drag, table > tbody > tr.purple.field-plugin-settings-editing { - background-color: #f3e5f5 !important; } - -.purple-text.text-lighten-5 { - color: #f3e5f5 !important; } - -.purple.lighten-4 { - background-color: #e1bee7 !important; } - -.purple-text.text-lighten-4 { - color: #e1bee7 !important; } - -.purple.lighten-3 { - background-color: #ce93d8 !important; } - -.purple-text.text-lighten-3 { - color: #ce93d8 !important; } - -.purple.lighten-2 { - background-color: #ba68c8 !important; } - -.purple-text.text-lighten-2 { - color: #ba68c8 !important; } - -.purple.lighten-1 { - background-color: #ab47bc !important; } - -.purple-text.text-lighten-1 { - color: #ab47bc !important; } - -.purple.darken-1 { - background-color: #8e24aa !important; } - -.purple-text.text-darken-1 { - color: #8e24aa !important; } - -.purple.darken-2 { - background-color: #7b1fa2 !important; } - -.purple-text.text-darken-2 { - color: #7b1fa2 !important; } - -.purple.darken-3 { - background-color: #6a1b9a !important; } - -.purple-text.text-darken-3 { - color: #6a1b9a !important; } - -.purple.darken-4 { - background-color: #4a148c !important; } - -.purple-text.text-darken-4 { - color: #4a148c !important; } - -.purple.accent-1 { - background-color: #ea80fc !important; } - -.purple-text.text-accent-1 { - color: #ea80fc !important; } - -.purple.accent-2 { - background-color: #e040fb !important; } - -.purple-text.text-accent-2 { - color: #e040fb !important; } - -.purple.accent-3 { - background-color: #d500f9 !important; } - -.purple-text.text-accent-3 { - color: #d500f9 !important; } - -.purple.accent-4 { - background-color: #aa00ff !important; } - -.purple-text.text-accent-4 { - color: #aa00ff !important; } - -.deep-purple { - background-color: #673ab7 !important; } - -.deep-purple-text { - color: #673ab7 !important; } - -.deep-purple.lighten-5, .deep-purple.dropdown-button:hover, -table tbody tr.deep-purple.drag-previous, -table tbody tr.deep-purple.drag, table > tbody > tr.deep-purple.field-plugin-settings-editing { - background-color: #ede7f6 !important; } - -.deep-purple-text.text-lighten-5 { - color: #ede7f6 !important; } - -.deep-purple.lighten-4 { - background-color: #d1c4e9 !important; } - -.deep-purple-text.text-lighten-4 { - color: #d1c4e9 !important; } - -.deep-purple.lighten-3 { - background-color: #b39ddb !important; } - -.deep-purple-text.text-lighten-3 { - color: #b39ddb !important; } - -.deep-purple.lighten-2 { - background-color: #9575cd !important; } - -.deep-purple-text.text-lighten-2 { - color: #9575cd !important; } - -.deep-purple.lighten-1 { - background-color: #7e57c2 !important; } - -.deep-purple-text.text-lighten-1 { - color: #7e57c2 !important; } - -.deep-purple.darken-1 { - background-color: #5e35b1 !important; } - -.deep-purple-text.text-darken-1 { - color: #5e35b1 !important; } - -.deep-purple.darken-2 { - background-color: #512da8 !important; } - -.deep-purple-text.text-darken-2 { - color: #512da8 !important; } - -.deep-purple.darken-3 { - background-color: #4527a0 !important; } - -.deep-purple-text.text-darken-3 { - color: #4527a0 !important; } - -.deep-purple.darken-4 { - background-color: #311b92 !important; } - -.deep-purple-text.text-darken-4 { - color: #311b92 !important; } - -.deep-purple.accent-1 { - background-color: #b388ff !important; } - -.deep-purple-text.text-accent-1 { - color: #b388ff !important; } - -.deep-purple.accent-2 { - background-color: #7c4dff !important; } - -.deep-purple-text.text-accent-2 { - color: #7c4dff !important; } - -.deep-purple.accent-3 { - background-color: #651fff !important; } - -.deep-purple-text.text-accent-3 { - color: #651fff !important; } - -.deep-purple.accent-4 { - background-color: #6200ea !important; } - -.deep-purple-text.text-accent-4 { - color: #6200ea !important; } - -.indigo { - background-color: #3f51b5 !important; } - -.indigo-text { - color: #3f51b5 !important; } - -.indigo.lighten-5, .indigo.dropdown-button:hover, -table tbody tr.indigo.drag-previous, -table tbody tr.indigo.drag, table > tbody > tr.indigo.field-plugin-settings-editing { - background-color: #e8eaf6 !important; } - -.indigo-text.text-lighten-5 { - color: #e8eaf6 !important; } - -.indigo.lighten-4 { - background-color: #c5cae9 !important; } - -.indigo-text.text-lighten-4 { - color: #c5cae9 !important; } - -.indigo.lighten-3 { - background-color: #9fa8da !important; } - -.indigo-text.text-lighten-3 { - color: #9fa8da !important; } - -.indigo.lighten-2 { - background-color: #7986cb !important; } - -.indigo-text.text-lighten-2 { - color: #7986cb !important; } - -.indigo.lighten-1 { - background-color: #5c6bc0 !important; } - -.indigo-text.text-lighten-1 { - color: #5c6bc0 !important; } - -.indigo.darken-1 { - background-color: #3949ab !important; } - -.indigo-text.text-darken-1 { - color: #3949ab !important; } - -.indigo.darken-2 { - background-color: #303f9f !important; } - -.indigo-text.text-darken-2 { - color: #303f9f !important; } - -.indigo.darken-3 { - background-color: #283593 !important; } - -.indigo-text.text-darken-3 { - color: #283593 !important; } - -.indigo.darken-4 { - background-color: #1a237e !important; } - -.indigo-text.text-darken-4 { - color: #1a237e !important; } - -.indigo.accent-1 { - background-color: #8c9eff !important; } - -.indigo-text.text-accent-1 { - color: #8c9eff !important; } - -.indigo.accent-2 { - background-color: #536dfe !important; } - -.indigo-text.text-accent-2 { - color: #536dfe !important; } - -.indigo.accent-3 { - background-color: #3d5afe !important; } - -.indigo-text.text-accent-3 { - color: #3d5afe !important; } - -.indigo.accent-4 { - background-color: #304ffe !important; } - -.indigo-text.text-accent-4 { - color: #304ffe !important; } - -.blue { - background-color: #2196F3 !important; } - -.blue-text { - color: #2196F3 !important; } - -.blue.lighten-5, .blue.dropdown-button:hover, -table tbody tr.blue.drag-previous, -table tbody tr.blue.drag, table > tbody > tr.blue.field-plugin-settings-editing { - background-color: #E3F2FD !important; } - -.blue-text.text-lighten-5 { - color: #E3F2FD !important; } - -.blue.lighten-4 { - background-color: #BBDEFB !important; } - -.blue-text.text-lighten-4 { - color: #BBDEFB !important; } - -.blue.lighten-3 { - background-color: #90CAF9 !important; } - -.blue-text.text-lighten-3 { - color: #90CAF9 !important; } - -.blue.lighten-2 { - background-color: #64B5F6 !important; } - -.blue-text.text-lighten-2 { - color: #64B5F6 !important; } - -.blue.lighten-1 { - background-color: #42A5F5 !important; } - -.blue-text.text-lighten-1 { - color: #42A5F5 !important; } - -.blue.darken-1 { - background-color: #1E88E5 !important; } - -.blue-text.text-darken-1 { - color: #1E88E5 !important; } - -.blue.darken-2 { - background-color: #1976D2 !important; } - -.blue-text.text-darken-2 { - color: #1976D2 !important; } - -.blue.darken-3 { - background-color: #1565C0 !important; } - -.blue-text.text-darken-3 { - color: #1565C0 !important; } - -.blue.darken-4 { - background-color: #0D47A1 !important; } - -.blue-text.text-darken-4 { - color: #0D47A1 !important; } - -.blue.accent-1 { - background-color: #82B1FF !important; } - -.blue-text.text-accent-1 { - color: #82B1FF !important; } - -.blue.accent-2 { - background-color: #448AFF !important; } - -.blue-text.text-accent-2 { - color: #448AFF !important; } - -.blue.accent-3 { - background-color: #2979FF !important; } - -.blue-text.text-accent-3 { - color: #2979FF !important; } - -.blue.accent-4 { - background-color: #2962FF !important; } - -.blue-text.text-accent-4 { - color: #2962FF !important; } - -.light-blue { - background-color: #03a9f4 !important; } - -.light-blue-text { - color: #03a9f4 !important; } - -.light-blue.lighten-5, .light-blue.dropdown-button:hover, -table tbody tr.light-blue.drag-previous, -table tbody tr.light-blue.drag, table > tbody > tr.light-blue.field-plugin-settings-editing { - background-color: #e1f5fe !important; } - -.light-blue-text.text-lighten-5 { - color: #e1f5fe !important; } - -.light-blue.lighten-4 { - background-color: #b3e5fc !important; } - -.light-blue-text.text-lighten-4 { - color: #b3e5fc !important; } - -.light-blue.lighten-3 { - background-color: #81d4fa !important; } - -.light-blue-text.text-lighten-3 { - color: #81d4fa !important; } - -.light-blue.lighten-2 { - background-color: #4fc3f7 !important; } - -.light-blue-text.text-lighten-2 { - color: #4fc3f7 !important; } - -.light-blue.lighten-1 { - background-color: #29b6f6 !important; } - -.light-blue-text.text-lighten-1 { - color: #29b6f6 !important; } - -.light-blue.darken-1 { - background-color: #039be5 !important; } - -.light-blue-text.text-darken-1 { - color: #039be5 !important; } - -.light-blue.darken-2 { - background-color: #0288d1 !important; } - -.light-blue-text.text-darken-2 { - color: #0288d1 !important; } - -.light-blue.darken-3 { - background-color: #0277bd !important; } - -.light-blue-text.text-darken-3 { - color: #0277bd !important; } - -.light-blue.darken-4 { - background-color: #01579b !important; } - -.light-blue-text.text-darken-4 { - color: #01579b !important; } - -.light-blue.accent-1 { - background-color: #80d8ff !important; } - -.light-blue-text.text-accent-1 { - color: #80d8ff !important; } - -.light-blue.accent-2 { - background-color: #40c4ff !important; } - -.light-blue-text.text-accent-2 { - color: #40c4ff !important; } - -.light-blue.accent-3 { - background-color: #00b0ff !important; } - -.light-blue-text.text-accent-3 { - color: #00b0ff !important; } - -.light-blue.accent-4 { - background-color: #0091ea !important; } - -.light-blue-text.text-accent-4 { - color: #0091ea !important; } - -.cyan { - background-color: #00bcd4 !important; } - -.cyan-text { - color: #00bcd4 !important; } - -.cyan.lighten-5, .cyan.dropdown-button:hover, -table tbody tr.cyan.drag-previous, -table tbody tr.cyan.drag, table > tbody > tr.cyan.field-plugin-settings-editing { - background-color: #e0f7fa !important; } - -.cyan-text.text-lighten-5 { - color: #e0f7fa !important; } - -.cyan.lighten-4 { - background-color: #b2ebf2 !important; } - -.cyan-text.text-lighten-4 { - color: #b2ebf2 !important; } - -.cyan.lighten-3 { - background-color: #80deea !important; } - -.cyan-text.text-lighten-3 { - color: #80deea !important; } - -.cyan.lighten-2 { - background-color: #4dd0e1 !important; } - -.cyan-text.text-lighten-2 { - color: #4dd0e1 !important; } - -.cyan.lighten-1 { - background-color: #26c6da !important; } - -.cyan-text.text-lighten-1 { - color: #26c6da !important; } - -.cyan.darken-1 { - background-color: #00acc1 !important; } - -.cyan-text.text-darken-1 { - color: #00acc1 !important; } - -.cyan.darken-2 { - background-color: #0097a7 !important; } - -.cyan-text.text-darken-2 { - color: #0097a7 !important; } - -.cyan.darken-3 { - background-color: #00838f !important; } - -.cyan-text.text-darken-3 { - color: #00838f !important; } - -.cyan.darken-4 { - background-color: #006064 !important; } - -.cyan-text.text-darken-4 { - color: #006064 !important; } - -.cyan.accent-1 { - background-color: #84ffff !important; } - -.cyan-text.text-accent-1 { - color: #84ffff !important; } - -.cyan.accent-2 { - background-color: #18ffff !important; } - -.cyan-text.text-accent-2 { - color: #18ffff !important; } - -.cyan.accent-3 { - background-color: #00e5ff !important; } - -.cyan-text.text-accent-3 { - color: #00e5ff !important; } - -.cyan.accent-4 { - background-color: #00b8d4 !important; } - -.cyan-text.text-accent-4 { - color: #00b8d4 !important; } - -.teal { - background-color: #009688 !important; } - -.teal-text { - color: #009688 !important; } - -.teal.lighten-5, .teal.dropdown-button:hover, -table tbody tr.teal.drag-previous, -table tbody tr.teal.drag, table > tbody > tr.teal.field-plugin-settings-editing { - background-color: #e0f2f1 !important; } - -.teal-text.text-lighten-5 { - color: #e0f2f1 !important; } - -.teal.lighten-4 { - background-color: #b2dfdb !important; } - -.teal-text.text-lighten-4 { - color: #b2dfdb !important; } - -.teal.lighten-3 { - background-color: #80cbc4 !important; } - -.teal-text.text-lighten-3 { - color: #80cbc4 !important; } - -.teal.lighten-2 { - background-color: #4db6ac !important; } - -.teal-text.text-lighten-2 { - color: #4db6ac !important; } - -.teal.lighten-1 { - background-color: #26a69a !important; } - -.teal-text.text-lighten-1 { - color: #26a69a !important; } - -.teal.darken-1 { - background-color: #00897b !important; } - -.teal-text.text-darken-1 { - color: #00897b !important; } - -.teal.darken-2 { - background-color: #00796b !important; } - -.teal-text.text-darken-2 { - color: #00796b !important; } - -.teal.darken-3 { - background-color: #00695c !important; } - -.teal-text.text-darken-3 { - color: #00695c !important; } - -.teal.darken-4 { - background-color: #004d40 !important; } - -.teal-text.text-darken-4 { - color: #004d40 !important; } - -.teal.accent-1 { - background-color: #a7ffeb !important; } - -.teal-text.text-accent-1 { - color: #a7ffeb !important; } - -.teal.accent-2 { - background-color: #64ffda !important; } - -.teal-text.text-accent-2 { - color: #64ffda !important; } - -.teal.accent-3 { - background-color: #1de9b6 !important; } - -.teal-text.text-accent-3 { - color: #1de9b6 !important; } - -.teal.accent-4 { - background-color: #00bfa5 !important; } - -.teal-text.text-accent-4 { - color: #00bfa5 !important; } - -.green { - background-color: #4CAF50 !important; } - -.green-text { - color: #4CAF50 !important; } - -.green.lighten-5, .green.dropdown-button:hover, -table tbody tr.green.drag-previous, -table tbody tr.green.drag, table > tbody > tr.green.field-plugin-settings-editing { - background-color: #E8F5E9 !important; } - -.green-text.text-lighten-5 { - color: #E8F5E9 !important; } - -.green.lighten-4 { - background-color: #C8E6C9 !important; } - -.green-text.text-lighten-4 { - color: #C8E6C9 !important; } - -.green.lighten-3 { - background-color: #A5D6A7 !important; } - -.green-text.text-lighten-3 { - color: #A5D6A7 !important; } - -.green.lighten-2 { - background-color: #81C784 !important; } - -.green-text.text-lighten-2 { - color: #81C784 !important; } - -.green.lighten-1 { - background-color: #66BB6A !important; } - -.green-text.text-lighten-1 { - color: #66BB6A !important; } - -.green.darken-1 { - background-color: #43A047 !important; } - -.green-text.text-darken-1 { - color: #43A047 !important; } - -.green.darken-2 { - background-color: #388E3C !important; } - -.green-text.text-darken-2 { - color: #388E3C !important; } - -.green.darken-3 { - background-color: #2E7D32 !important; } - -.green-text.text-darken-3 { - color: #2E7D32 !important; } - -.green.darken-4 { - background-color: #1B5E20 !important; } - -.green-text.text-darken-4 { - color: #1B5E20 !important; } - -.green.accent-1 { - background-color: #B9F6CA !important; } - -.green-text.text-accent-1 { - color: #B9F6CA !important; } - -.green.accent-2 { - background-color: #69F0AE !important; } - -.green-text.text-accent-2 { - color: #69F0AE !important; } - -.green.accent-3 { - background-color: #00E676 !important; } - -.green-text.text-accent-3 { - color: #00E676 !important; } - -.green.accent-4 { - background-color: #00C853 !important; } - -.green-text.text-accent-4 { - color: #00C853 !important; } - -.light-green { - background-color: #8bc34a !important; } - -.light-green-text { - color: #8bc34a !important; } - -.light-green.lighten-5, .light-green.dropdown-button:hover, -table tbody tr.light-green.drag-previous, -table tbody tr.light-green.drag, table > tbody > tr.light-green.field-plugin-settings-editing { - background-color: #f1f8e9 !important; } - -.light-green-text.text-lighten-5 { - color: #f1f8e9 !important; } - -.light-green.lighten-4 { - background-color: #dcedc8 !important; } - -.light-green-text.text-lighten-4 { - color: #dcedc8 !important; } - -.light-green.lighten-3 { - background-color: #c5e1a5 !important; } - -.light-green-text.text-lighten-3 { - color: #c5e1a5 !important; } - -.light-green.lighten-2 { - background-color: #aed581 !important; } - -.light-green-text.text-lighten-2 { - color: #aed581 !important; } - -.light-green.lighten-1 { - background-color: #9ccc65 !important; } - -.light-green-text.text-lighten-1 { - color: #9ccc65 !important; } - -.light-green.darken-1 { - background-color: #7cb342 !important; } - -.light-green-text.text-darken-1 { - color: #7cb342 !important; } - -.light-green.darken-2 { - background-color: #689f38 !important; } - -.light-green-text.text-darken-2 { - color: #689f38 !important; } - -.light-green.darken-3 { - background-color: #558b2f !important; } - -.light-green-text.text-darken-3 { - color: #558b2f !important; } - -.light-green.darken-4 { - background-color: #33691e !important; } - -.light-green-text.text-darken-4 { - color: #33691e !important; } - -.light-green.accent-1 { - background-color: #ccff90 !important; } - -.light-green-text.text-accent-1 { - color: #ccff90 !important; } - -.light-green.accent-2 { - background-color: #b2ff59 !important; } - -.light-green-text.text-accent-2 { - color: #b2ff59 !important; } - -.light-green.accent-3 { - background-color: #76ff03 !important; } - -.light-green-text.text-accent-3 { - color: #76ff03 !important; } - -.light-green.accent-4 { - background-color: #64dd17 !important; } - -.light-green-text.text-accent-4 { - color: #64dd17 !important; } - -.lime { - background-color: #cddc39 !important; } - -.lime-text { - color: #cddc39 !important; } - -.lime.lighten-5, .lime.dropdown-button:hover, -table tbody tr.lime.drag-previous, -table tbody tr.lime.drag, table > tbody > tr.lime.field-plugin-settings-editing { - background-color: #f9fbe7 !important; } - -.lime-text.text-lighten-5 { - color: #f9fbe7 !important; } - -.lime.lighten-4 { - background-color: #f0f4c3 !important; } - -.lime-text.text-lighten-4 { - color: #f0f4c3 !important; } - -.lime.lighten-3 { - background-color: #e6ee9c !important; } - -.lime-text.text-lighten-3 { - color: #e6ee9c !important; } - -.lime.lighten-2 { - background-color: #dce775 !important; } - -.lime-text.text-lighten-2 { - color: #dce775 !important; } - -.lime.lighten-1 { - background-color: #d4e157 !important; } - -.lime-text.text-lighten-1 { - color: #d4e157 !important; } - -.lime.darken-1 { - background-color: #c0ca33 !important; } - -.lime-text.text-darken-1 { - color: #c0ca33 !important; } - -.lime.darken-2 { - background-color: #afb42b !important; } - -.lime-text.text-darken-2 { - color: #afb42b !important; } - -.lime.darken-3 { - background-color: #9e9d24 !important; } - -.lime-text.text-darken-3 { - color: #9e9d24 !important; } - -.lime.darken-4 { - background-color: #827717 !important; } - -.lime-text.text-darken-4 { - color: #827717 !important; } - -.lime.accent-1 { - background-color: #f4ff81 !important; } - -.lime-text.text-accent-1 { - color: #f4ff81 !important; } - -.lime.accent-2 { - background-color: #eeff41 !important; } - -.lime-text.text-accent-2 { - color: #eeff41 !important; } - -.lime.accent-3 { - background-color: #c6ff00 !important; } - -.lime-text.text-accent-3 { - color: #c6ff00 !important; } - -.lime.accent-4 { - background-color: #aeea00 !important; } - -.lime-text.text-accent-4 { - color: #aeea00 !important; } - -.yellow, table.highlight tbody tr.drag-previous, -table.highlight tbody tr.drag-previous.field-plugin-settings-editing, -table.highlight tbody tr.drag.field-plugin-settings-editing, -table.highlight tbody tr.drag, -table tbody tr.drag-previous, -table tbody tr.drag-previous.field-plugin-settings-editing, -table tbody tr.drag.field-plugin-settings-editing, -table tbody tr.drag, span.theme-status-indicator { - background-color: #ffeb3b !important; } - -.yellow-text { - color: #ffeb3b !important; } - -.yellow.lighten-5, .yellow.dropdown-button:hover, -table tbody tr.dropdown-button.drag-previous:hover, -table tbody tr.dropdown-button.drag:hover, span.dropdown-button.theme-status-indicator:hover, table.highlight tbody tr.drag-previous, -table.highlight tbody tr.drag-previous.field-plugin-settings-editing, -table.highlight tbody tr.drag.field-plugin-settings-editing, -table.highlight tbody tr.drag, -table tbody tr.drag-previous, -table tbody tr.drag-previous.field-plugin-settings-editing, -table tbody tr.drag.field-plugin-settings-editing, -table tbody tr.drag, table > tbody > tr.yellow.field-plugin-settings-editing, span.lighten-5.theme-status-indicator { - background-color: #fffde7 !important; } - -.yellow-text.text-lighten-5 { - color: #fffde7 !important; } - -.yellow.lighten-4, -table tbody tr.lighten-4.drag-previous, -table tbody tr.lighten-4.drag, span.lighten-4.theme-status-indicator { - background-color: #fff9c4 !important; } - -.yellow-text.text-lighten-4 { - color: #fff9c4 !important; } - -.yellow.lighten-3, -table tbody tr.lighten-3.drag-previous, -table tbody tr.lighten-3.drag, span.lighten-3.theme-status-indicator { - background-color: #fff59d !important; } - -.yellow-text.text-lighten-3 { - color: #fff59d !important; } - -.yellow.lighten-2, -table tbody tr.lighten-2.drag-previous, -table tbody tr.lighten-2.drag, span.lighten-2.theme-status-indicator { - background-color: #fff176 !important; } - -.yellow-text.text-lighten-2 { - color: #fff176 !important; } - -.yellow.lighten-1, -table tbody tr.lighten-1.drag-previous, -table tbody tr.lighten-1.drag, span.lighten-1.theme-status-indicator { - background-color: #ffee58 !important; } - -.yellow-text.text-lighten-1 { - color: #ffee58 !important; } - -.yellow.darken-1, -table tbody tr.darken-1.drag-previous, -table tbody tr.darken-1.drag, span.darken-1.theme-status-indicator { - background-color: #fdd835 !important; } - -.yellow-text.text-darken-1 { - color: #fdd835 !important; } - -.yellow.darken-2, -table tbody tr.darken-2.drag-previous, -table tbody tr.darken-2.drag, span.darken-2.theme-status-indicator { - background-color: #fbc02d !important; } - -.yellow-text.text-darken-2 { - color: #fbc02d !important; } - -.yellow.darken-3, -table tbody tr.darken-3.drag-previous, -table tbody tr.darken-3.drag, span.darken-3.theme-status-indicator { - background-color: #f9a825 !important; } - -.yellow-text.text-darken-3 { - color: #f9a825 !important; } - -.yellow.darken-4, -table tbody tr.darken-4.drag-previous, -table tbody tr.darken-4.drag, span.darken-4.theme-status-indicator { - background-color: #f57f17 !important; } - -.yellow-text.text-darken-4 { - color: #f57f17 !important; } - -.yellow.accent-1, -table tbody tr.accent-1.drag-previous, -table tbody tr.accent-1.drag, span.accent-1.theme-status-indicator { - background-color: #ffff8d !important; } - -.yellow-text.text-accent-1 { - color: #ffff8d !important; } - -.yellow.accent-2, -table tbody tr.accent-2.drag-previous, -table tbody tr.accent-2.drag, span.accent-2.theme-status-indicator { - background-color: #ffff00 !important; } - -.yellow-text.text-accent-2 { - color: #ffff00 !important; } - -.yellow.accent-3, -table tbody tr.accent-3.drag-previous, -table tbody tr.accent-3.drag, span.accent-3.theme-status-indicator { - background-color: #ffea00 !important; } - -.yellow-text.text-accent-3 { - color: #ffea00 !important; } - -.yellow.accent-4, -table tbody tr.accent-4.drag-previous, -table tbody tr.accent-4.drag, span.accent-4.theme-status-indicator { - background-color: #ffd600 !important; } - -.yellow-text.text-accent-4 { - color: #ffd600 !important; } - -.amber { - background-color: #ffc107 !important; } - -.amber-text { - color: #ffc107 !important; } - -.amber.lighten-5, .amber.dropdown-button:hover, -table tbody tr.amber.drag-previous, -table tbody tr.amber.drag, table > tbody > tr.amber.field-plugin-settings-editing { - background-color: #fff8e1 !important; } - -.amber-text.text-lighten-5 { - color: #fff8e1 !important; } - -.amber.lighten-4 { - background-color: #ffecb3 !important; } - -.amber-text.text-lighten-4 { - color: #ffecb3 !important; } - -.amber.lighten-3 { - background-color: #ffe082 !important; } - -.amber-text.text-lighten-3 { - color: #ffe082 !important; } - -.amber.lighten-2 { - background-color: #ffd54f !important; } - -.amber-text.text-lighten-2 { - color: #ffd54f !important; } - -.amber.lighten-1 { - background-color: #ffca28 !important; } - -.amber-text.text-lighten-1 { - color: #ffca28 !important; } - -.amber.darken-1 { - background-color: #ffb300 !important; } - -.amber-text.text-darken-1 { - color: #ffb300 !important; } - -.amber.darken-2 { - background-color: #ffa000 !important; } - -.amber-text.text-darken-2 { - color: #ffa000 !important; } - -.amber.darken-3 { - background-color: #ff8f00 !important; } - -.amber-text.text-darken-3 { - color: #ff8f00 !important; } - -.amber.darken-4 { - background-color: #ff6f00 !important; } - -.amber-text.text-darken-4 { - color: #ff6f00 !important; } - -.amber.accent-1 { - background-color: #ffe57f !important; } - -.amber-text.text-accent-1 { - color: #ffe57f !important; } - -.amber.accent-2 { - background-color: #ffd740 !important; } - -.amber-text.text-accent-2 { - color: #ffd740 !important; } - -.amber.accent-3 { - background-color: #ffc400 !important; } - -.amber-text.text-accent-3 { - color: #ffc400 !important; } - -.amber.accent-4 { - background-color: #ffab00 !important; } - -.amber-text.text-accent-4 { - color: #ffab00 !important; } - -.orange { - background-color: #ff9800 !important; } - -.orange-text { - color: #ff9800 !important; } - -.orange.lighten-5, .orange.dropdown-button:hover, -table tbody tr.orange.drag-previous, -table tbody tr.orange.drag, table > tbody > tr.orange.field-plugin-settings-editing { - background-color: #fff3e0 !important; } - -.orange-text.text-lighten-5 { - color: #fff3e0 !important; } - -.orange.lighten-4 { - background-color: #ffe0b2 !important; } - -.orange-text.text-lighten-4 { - color: #ffe0b2 !important; } - -.orange.lighten-3 { - background-color: #ffcc80 !important; } - -.orange-text.text-lighten-3 { - color: #ffcc80 !important; } - -.orange.lighten-2 { - background-color: #ffb74d !important; } - -.orange-text.text-lighten-2 { - color: #ffb74d !important; } - -.orange.lighten-1 { - background-color: #ffa726 !important; } - -.orange-text.text-lighten-1 { - color: #ffa726 !important; } - -.orange.darken-1 { - background-color: #fb8c00 !important; } - -.orange-text.text-darken-1 { - color: #fb8c00 !important; } - -.orange.darken-2 { - background-color: #f57c00 !important; } - -.orange-text.text-darken-2 { - color: #f57c00 !important; } - -.orange.darken-3 { - background-color: #ef6c00 !important; } - -.orange-text.text-darken-3 { - color: #ef6c00 !important; } - -.orange.darken-4 { - background-color: #e65100 !important; } - -.orange-text.text-darken-4 { - color: #e65100 !important; } - -.orange.accent-1 { - background-color: #ffd180 !important; } - -.orange-text.text-accent-1 { - color: #ffd180 !important; } - -.orange.accent-2 { - background-color: #ffab40 !important; } - -.orange-text.text-accent-2 { - color: #ffab40 !important; } - -.orange.accent-3 { - background-color: #ff9100 !important; } - -.orange-text.text-accent-3 { - color: #ff9100 !important; } - -.orange.accent-4 { - background-color: #ff6d00 !important; } - -.orange-text.text-accent-4 { - color: #ff6d00 !important; } - -.deep-orange { - background-color: #ff5722 !important; } - -.deep-orange-text { - color: #ff5722 !important; } - -.deep-orange.lighten-5, .deep-orange.dropdown-button:hover, -table tbody tr.deep-orange.drag-previous, -table tbody tr.deep-orange.drag, table > tbody > tr.deep-orange.field-plugin-settings-editing { - background-color: #fbe9e7 !important; } - -.deep-orange-text.text-lighten-5 { - color: #fbe9e7 !important; } - -.deep-orange.lighten-4 { - background-color: #ffccbc !important; } - -.deep-orange-text.text-lighten-4 { - color: #ffccbc !important; } - -.deep-orange.lighten-3 { - background-color: #ffab91 !important; } - -.deep-orange-text.text-lighten-3 { - color: #ffab91 !important; } - -.deep-orange.lighten-2 { - background-color: #ff8a65 !important; } - -.deep-orange-text.text-lighten-2 { - color: #ff8a65 !important; } - -.deep-orange.lighten-1 { - background-color: #ff7043 !important; } - -.deep-orange-text.text-lighten-1 { - color: #ff7043 !important; } - -.deep-orange.darken-1 { - background-color: #f4511e !important; } - -.deep-orange-text.text-darken-1 { - color: #f4511e !important; } - -.deep-orange.darken-2 { - background-color: #e64a19 !important; } - -.deep-orange-text.text-darken-2 { - color: #e64a19 !important; } - -.deep-orange.darken-3 { - background-color: #d84315 !important; } - -.deep-orange-text.text-darken-3 { - color: #d84315 !important; } - -.deep-orange.darken-4 { - background-color: #bf360c !important; } - -.deep-orange-text.text-darken-4 { - color: #bf360c !important; } - -.deep-orange.accent-1 { - background-color: #ff9e80 !important; } - -.deep-orange-text.text-accent-1 { - color: #ff9e80 !important; } - -.deep-orange.accent-2 { - background-color: #ff6e40 !important; } - -.deep-orange-text.text-accent-2 { - color: #ff6e40 !important; } - -.deep-orange.accent-3 { - background-color: #ff3d00 !important; } - -.deep-orange-text.text-accent-3 { - color: #ff3d00 !important; } - -.deep-orange.accent-4 { - background-color: #dd2c00 !important; } - -.deep-orange-text.text-accent-4 { - color: #dd2c00 !important; } - -.brown { - background-color: #795548 !important; } - -.brown-text { - color: #795548 !important; } - -.brown.lighten-5, .brown.dropdown-button:hover, -table tbody tr.brown.drag-previous, -table tbody tr.brown.drag, table > tbody > tr.brown.field-plugin-settings-editing { - background-color: #efebe9 !important; } - -.brown-text.text-lighten-5 { - color: #efebe9 !important; } - -.brown.lighten-4 { - background-color: #d7ccc8 !important; } - -.brown-text.text-lighten-4 { - color: #d7ccc8 !important; } - -.brown.lighten-3 { - background-color: #bcaaa4 !important; } - -.brown-text.text-lighten-3 { - color: #bcaaa4 !important; } - -.brown.lighten-2 { - background-color: #a1887f !important; } - -.brown-text.text-lighten-2 { - color: #a1887f !important; } - -.brown.lighten-1 { - background-color: #8d6e63 !important; } - -.brown-text.text-lighten-1 { - color: #8d6e63 !important; } - -.brown.darken-1 { - background-color: #6d4c41 !important; } - -.brown-text.text-darken-1 { - color: #6d4c41 !important; } - -.brown.darken-2 { - background-color: #5d4037 !important; } - -.brown-text.text-darken-2 { - color: #5d4037 !important; } - -.brown.darken-3 { - background-color: #4e342e !important; } - -.brown-text.text-darken-3 { - color: #4e342e !important; } - -.brown.darken-4 { - background-color: #3e2723 !important; } - -.brown-text.text-darken-4 { - color: #3e2723 !important; } - -.blue-grey { - background-color: #607d8b !important; } - -.blue-grey-text { - color: #607d8b !important; } - -.blue-grey.lighten-5, .blue-grey.dropdown-button:hover, -table tbody tr.blue-grey.drag-previous, -table tbody tr.blue-grey.drag, table > tbody > tr.blue-grey.field-plugin-settings-editing { - background-color: #eceff1 !important; } - -.blue-grey-text.text-lighten-5 { - color: #eceff1 !important; } - -.blue-grey.lighten-4 { - background-color: #cfd8dc !important; } - -.blue-grey-text.text-lighten-4 { - color: #cfd8dc !important; } - -.blue-grey.lighten-3 { - background-color: #b0bec5 !important; } - -.blue-grey-text.text-lighten-3 { - color: #b0bec5 !important; } - -.blue-grey.lighten-2 { - background-color: #90a4ae !important; } - -.blue-grey-text.text-lighten-2 { - color: #90a4ae !important; } - -.blue-grey.lighten-1 { - background-color: #78909c !important; } - -.blue-grey-text.text-lighten-1 { - color: #78909c !important; } - -.blue-grey.darken-1 { - background-color: #546e7a !important; } - -.blue-grey-text.text-darken-1 { - color: #546e7a !important; } - -.blue-grey.darken-2 { - background-color: #455a64 !important; } - -.blue-grey-text.text-darken-2 { - color: #455a64 !important; } - -.blue-grey.darken-3 { - background-color: #37474f !important; } - -.blue-grey-text.text-darken-3 { - color: #37474f !important; } - -.blue-grey.darken-4 { - background-color: #263238 !important; } - -.blue-grey-text.text-darken-4 { - color: #263238 !important; } - -.grey, table > tbody > tr.field-plugin-settings-editing { - background-color: #9e9e9e !important; } - -.grey-text { - color: #9e9e9e !important; } - -.grey.lighten-5, .grey.dropdown-button:hover, table > tbody > tr.dropdown-button.field-plugin-settings-editing:hover, table.highlight table > tbody > tr.drag-previous.field-plugin-settings-editing, -table.highlight table > tbody > tr.drag.field-plugin-settings-editing, -table tbody tr.grey.drag-previous, table > tbody > tr.drag.field-plugin-settings-editing, -table tbody tr.grey.drag, table > tbody > tr.field-plugin-settings-editing { - background-color: #fafafa !important; } - -.grey-text.text-lighten-5 { - color: #fafafa !important; } - -.grey.lighten-4, table > tbody > tr.lighten-4.field-plugin-settings-editing { - background-color: #f5f5f5 !important; } - -.grey-text.text-lighten-4 { - color: #f5f5f5 !important; } - -.grey.lighten-3, table > tbody > tr.lighten-3.field-plugin-settings-editing { - background-color: #eeeeee !important; } - -.grey-text.text-lighten-3 { - color: #eeeeee !important; } - -.grey.lighten-2, table > tbody > tr.lighten-2.field-plugin-settings-editing { - background-color: #e0e0e0 !important; } - -.grey-text.text-lighten-2 { - color: #e0e0e0 !important; } - -.grey.lighten-1, table > tbody > tr.lighten-1.field-plugin-settings-editing { - background-color: #bdbdbd !important; } - -.grey-text.text-lighten-1 { - color: #bdbdbd !important; } - -.grey.darken-1, table > tbody > tr.darken-1.field-plugin-settings-editing { - background-color: #757575 !important; } - -.grey-text.text-darken-1 { - color: #757575 !important; } - -.grey.darken-2, table > tbody > tr.darken-2.field-plugin-settings-editing { - background-color: #616161 !important; } - -.grey-text.text-darken-2 { - color: #616161 !important; } - -.grey.darken-3, table > tbody > tr.darken-3.field-plugin-settings-editing { - background-color: #424242 !important; } - -.grey-text.text-darken-3 { - color: #424242 !important; } - -.grey.darken-4, table > tbody > tr.darken-4.field-plugin-settings-editing { - background-color: #212121 !important; } - -.grey-text.text-darken-4 { - color: #212121 !important; } - -.black { - background-color: #000000 !important; } - -.black-text { - color: #000000 !important; } - -.white { - background-color: #FFFFFF !important; } - -.white-text, .ui-autocomplete.ui-menu .ui-menu-item.ui-state-focus, .ui-autocomplete.ui-menu .ui-menu-item.ui-state-hover, .ui-autocomplete.ui-menu .ui-menu-item.ui-state-active { - color: #FFFFFF !important; } - -.transparent { - background-color: transparent !important; } - -.transparent-text { - color: transparent !important; } - -/* @file - * Color schema - * - */ -/* @file - * settings variables - * - */ -a { - text-decoration: none; } - -html { - line-height: 1.5; - font-family: "Roboto", sans-serif; - font-weight: normal; - color: rgba(0, 0, 0, 0.87); } - @media only screen and (min-width: 0) { - html { - font-size: 14px; } } - @media only screen and (min-width: 992px) { - html { - font-size: 14.5px; } } - @media only screen and (min-width: 1200px) { - html { - font-size: 15px; } } - -h1, h2, h3, h4, h5, h6 { - font-weight: 400; - line-height: 1.1; } - -h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { - font-weight: inherit; } - -h1 { - font-size: 4.2rem; - line-height: 110%; - margin: 2.1rem 0 1.68rem 0; } - -h2 { - font-size: 3.56rem; - line-height: 110%; - margin: 1.78rem 0 1.424rem 0; } - -h3 { - font-size: 2.92rem; - line-height: 110%; - margin: 1.46rem 0 1.168rem 0; } - -h4 { - font-size: 2.28rem; - line-height: 110%; - margin: 1.14rem 0 0.912rem 0; } - -h5 { - font-size: 1.64rem; - line-height: 110%; - margin: 0.82rem 0 0.656rem 0; } - -h6 { - font-size: 1rem; - line-height: 110%; - margin: 0.5rem 0 0.4rem 0; } - -em { - font-style: italic; } - -strong { - font-weight: 500; } - -small { - font-size: 75%; } - -.light, .page-footer .footer-copyright { - font-weight: 300; } - -.thin { - font-weight: 200; } - -.flow-text { - font-weight: 300; } - @media only screen and (min-width: 360px) { - .flow-text { - font-size: 1.2rem; } } - @media only screen and (min-width: 390px) { - .flow-text { - font-size: 1.224rem; } } - @media only screen and (min-width: 420px) { - .flow-text { - font-size: 1.248rem; } } - @media only screen and (min-width: 450px) { - .flow-text { - font-size: 1.272rem; } } - @media only screen and (min-width: 480px) { - .flow-text { - font-size: 1.296rem; } } - @media only screen and (min-width: 510px) { - .flow-text { - font-size: 1.32rem; } } - @media only screen and (min-width: 540px) { - .flow-text { - font-size: 1.344rem; } } - @media only screen and (min-width: 570px) { - .flow-text { - font-size: 1.368rem; } } - @media only screen and (min-width: 600px) { - .flow-text { - font-size: 1.392rem; } } - @media only screen and (min-width: 630px) { - .flow-text { - font-size: 1.416rem; } } - @media only screen and (min-width: 660px) { - .flow-text { - font-size: 1.44rem; } } - @media only screen and (min-width: 690px) { - .flow-text { - font-size: 1.464rem; } } - @media only screen and (min-width: 720px) { - .flow-text { - font-size: 1.488rem; } } - @media only screen and (min-width: 750px) { - .flow-text { - font-size: 1.512rem; } } - @media only screen and (min-width: 780px) { - .flow-text { - font-size: 1.536rem; } } - @media only screen and (min-width: 810px) { - .flow-text { - font-size: 1.56rem; } } - @media only screen and (min-width: 840px) { - .flow-text { - font-size: 1.584rem; } } - @media only screen and (min-width: 870px) { - .flow-text { - font-size: 1.608rem; } } - @media only screen and (min-width: 900px) { - .flow-text { - font-size: 1.632rem; } } - @media only screen and (min-width: 930px) { - .flow-text { - font-size: 1.656rem; } } - @media only screen and (min-width: 960px) { - .flow-text { - font-size: 1.68rem; } } - @media only screen and (max-width: 360px) { - .flow-text { - font-size: 1.2rem; } } - -html { - box-sizing: border-box; } - -*, *:before, *:after { - box-sizing: inherit; } - -ul:not(.browser-default) { - padding-left: 0; - list-style-type: none; } - ul:not(.browser-default) > li { - list-style-type: none; } - -a { - color: #42A5F5; - text-decoration: none; - -webkit-tap-highlight-color: transparent; } - -.valign-wrapper { - display: -ms-flexbox; - display: flex; - -ms-flex-align: center; - align-items: center; } - -.clearfix { - clear: both; } - -.z-depth-0, .ui-widget.ui-widget-content details.form-wrapper, fieldset.fieldgroup.form-wrapper legend span.fieldset-legend, .messages--warning.messages-clone .card, -.messages--status.messages-clone .card, -.messages--error.messages-clone .card, .webform-form table a.button-action { - box-shadow: none !important; } - -.z-depth-1, .collapsible, details.form-wrapper, .btn, .btn-large, .button-action, .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button, .dropbutton-wrapper .single-btn-wrapper a, #edit-actions .button.use-ajax, .views-displays .tabs.secondary li.add a, .ui-dialog-content .webform-ajax-link, .webform-details-toggle-state-wrapper .webform-details-toggle-state, .maintenance-page-content .button, .maintenance-page-content ul.links li a, .btn-floating, .dropdown-content, .toast, .card-panel, .card, .shadow, .breadcrumb-section-wrapper, .entity-meta__header, .confirm-form-wrapper, fieldset.form-wrapper legend span.fieldset-legend, .acquiadam-asset-browser .form-item.form-type-checkbox [type='checkbox'] + label, -.acquiadam-asset-browser .acquiadam-browser-folder-link, .action-links .button-action.webform-ajax-link { - box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2); } - -.z-depth-1-half, .btn:hover, .btn-large:hover, .button-action:hover, .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button:hover, .dropbutton-wrapper .single-btn-wrapper a:hover, #edit-actions .button.use-ajax:hover, .views-displays .tabs.secondary li.add a:hover, .ui-dialog-content .webform-ajax-link:hover, .webform-details-toggle-state-wrapper .webform-details-toggle-state:hover, .maintenance-page-content .button:hover, .maintenance-page-content ul.links li a:hover, .btn-floating:hover { - box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 7px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -1px rgba(0, 0, 0, 0.2); } - -.z-depth-2, .views-displays .tabs.secondary li.add ul { - box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.3); } - -.z-depth-3 { - box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.3); } - -.z-depth-4, .modal { - box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.3); } - -.z-depth-5, .ui-dialog, .cke_dialog { - box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.3); } - -.hoverable { - transition: box-shadow .25s; } - .hoverable:hover { - box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); } - -.divider { - height: 1px; - overflow: hidden; - background-color: #e0e0e0; } - -blockquote { - margin: 20px 0; - padding-left: 1.5rem; - border-left: 5px solid #2196F3; } - -i { - line-height: inherit; } - i.left { - float: left; - margin-right: 15px; } - i.right { - float: right; - margin-left: 15px; } - i.tiny { - font-size: 1rem; } - i.small { - font-size: 2rem; } - i.medium { - font-size: 4rem; } - i.large { - font-size: 6rem; } - -img.responsive-img, -video.responsive-video { - max-width: 100%; - height: auto; } - -.pagination li { - display: inline-block; - border-radius: 2px; - text-align: center; - vertical-align: top; - height: 30px; } - .pagination li a { - color: #444; - display: inline-block; - font-size: 1.2rem; - padding: 0 10px; - line-height: 30px; } - .pagination li.active a { - color: #fff; } - .pagination li.active { - background-color: #2196F3; } - .pagination li.disabled a { - cursor: default; - color: #999; } - .pagination li i { - font-size: 2rem; } - -.pagination li.pages ul li { - display: inline-block; - float: none; } - -@media only screen and (max-width: 992px) { - .pagination { - width: 100%; } - .pagination li.prev, - .pagination li.next { - width: 10%; } - .pagination li.pages { - width: 80%; - overflow: hidden; - white-space: nowrap; } } - -.breadcrumb { - font-size: 18px; - color: rgba(255, 255, 255, 0.7); } - .breadcrumb i, - .breadcrumb [class^="mdi-"], .breadcrumb [class*="mdi-"], - .breadcrumb i.material-icons, - .breadcrumb i.button-action::before, - .breadcrumb .collapsible li i.collapsible-header.with-arrows::after, .collapsible li - .breadcrumb i.collapsible-header.with-arrows::after, - .breadcrumb details.form-wrapper li i.collapsible-header.with-arrows::after, details.form-wrapper li - .breadcrumb i.collapsible-header.with-arrows::after, - .breadcrumb .collapsible li i.collapsible-header.right-arrows::after, .collapsible li - .breadcrumb i.collapsible-header.right-arrows::after, - .breadcrumb details.form-wrapper li i.collapsible-header.right-arrows::after, details.form-wrapper li - .breadcrumb i.collapsible-header.right-arrows::after, - .breadcrumb .region-title__action i.button::after, .region-title__action - .breadcrumb i.button::after, - .breadcrumb .color-palette i.color-palette__hook.is-up::before, .color-palette - .breadcrumb i.color-palette__hook.is-up::before, - .breadcrumb - .color-palette i.color-palette__lock::before, - .color-palette - .breadcrumb i.color-palette__lock::before, - .breadcrumb i.file::before, - .breadcrumb .details-item i.collapsible-header::before, .details-item - .breadcrumb i.collapsible-header::before, - .breadcrumb .collection .collection-item > .item-list .collection i.collection-item::before, .collection .collection-item > .item-list .collection - .breadcrumb i.collection-item::before, - .breadcrumb i.dropdown-button::after, - .breadcrumb .select-wrapper i.caret::after, .select-wrapper - .breadcrumb i.caret::after, - .breadcrumb .messages-clone.messages--status .card-content .message-header i.card-title::before, .messages-clone.messages--status .card-content .message-header - .breadcrumb i.card-title::before, - .breadcrumb .messages-clone.messages--warning .card-content .message-header i.card-title::before, .messages-clone.messages--warning .card-content .message-header - .breadcrumb i.card-title::before, - .breadcrumb .messages-clone.messages--error .card-content .message-header i.card-title::before, .messages-clone.messages--error .card-content .message-header - .breadcrumb i.card-title::before, - .breadcrumb i.tablesort.tablesort--asc::after, - .breadcrumb i.tablesort.tablesort--desc::after, - .breadcrumb .draggable a.tabledrag-handle i.handle::before, .draggable a.tabledrag-handle - .breadcrumb i.handle::before, - .breadcrumb .views-ui-rearrange-filter-form .filter-group-operator-row i.form-item-filter-groups-operator::before, .views-ui-rearrange-filter-form .filter-group-operator-row - .breadcrumb i.form-item-filter-groups-operator::before, - .breadcrumb .views-ui-display-tab-bucket i.collection-string-only::before, .views-ui-display-tab-bucket - .breadcrumb i.collection-string-only::before, - .breadcrumb .acquiadam-browser-breadcrumb-container i::after, .acquiadam-browser-breadcrumb-container - .breadcrumb i::after, - .breadcrumb .acquiadam-browser-breadcrumb-container li:first-child i::before, .acquiadam-browser-breadcrumb-container li:first-child - .breadcrumb i::before, - .breadcrumb .entities-list i.item-container.ui-sortable-handle::before, .entities-list - .breadcrumb i.item-container.ui-sortable-handle::before, - .breadcrumb .system-status-report__status-icon--checked i.collapsible-header::before, .system-status-report__status-icon--checked - .breadcrumb i.collapsible-header::before, - .breadcrumb .system-status-report__status-icon--warning i.collapsible-header::before, .system-status-report__status-icon--warning - .breadcrumb i.collapsible-header::before, - .breadcrumb .system-status-report__status-icon--error i.collapsible-header::before, .system-status-report__status-icon--error - .breadcrumb i.collapsible-header::before { - display: inline-block; - float: left; - font-size: 24px; } - .breadcrumb:before { - content: '\E5CC'; - color: rgba(255, 255, 255, 0.7); - vertical-align: top; - display: inline-block; - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 25px; - margin: 0 10px 0 8px; - -webkit-font-smoothing: antialiased; } - .breadcrumb:first-child:before { - display: none; } - .breadcrumb:last-child { - color: #fff; } - -.parallax-container { - position: relative; - overflow: hidden; - height: 500px; } - .parallax-container .parallax { - position: absolute; - top: 0; - left: 0; - right: 0; - bottom: 0; - z-index: -1; } - .parallax-container .parallax img { - display: none; - position: absolute; - left: 50%; - bottom: 0; - min-width: 100%; - min-height: 100%; - transform: translate3d(0, 0, 0); - -ms-transform: translateX(-50%); - transform: translateX(-50%); } - -.pin-top, .pin-bottom { - position: relative; } - -.pinned { - position: fixed !important; } - + */ +table { + border-collapse: collapse; + border-spacing: 0; } + +td, +th { + padding: 0; } + +.materialize-red { + background-color: #e51c23 !important; } + +.materialize-red-text { + color: #e51c23 !important; } + +.materialize-red.lighten-5, .materialize-red.dropdown-button:hover, +table tbody tr.materialize-red.drag-previous, +table tbody tr.materialize-red.drag, table > tbody > tr.materialize-red.field-plugin-settings-editing { + background-color: #fdeaeb !important; } + +.materialize-red-text.text-lighten-5 { + color: #fdeaeb !important; } + +.materialize-red.lighten-4 { + background-color: #f8c1c3 !important; } + +.materialize-red-text.text-lighten-4 { + color: #f8c1c3 !important; } + +.materialize-red.lighten-3 { + background-color: #f3989b !important; } + +.materialize-red-text.text-lighten-3 { + color: #f3989b !important; } + +.materialize-red.lighten-2 { + background-color: #ee6e73 !important; } + +.materialize-red-text.text-lighten-2 { + color: #ee6e73 !important; } + +.materialize-red.lighten-1 { + background-color: #ea454b !important; } + +.materialize-red-text.text-lighten-1 { + color: #ea454b !important; } + +.materialize-red.darken-1 { + background-color: #d0181e !important; } + +.materialize-red-text.text-darken-1 { + color: #d0181e !important; } + +.materialize-red.darken-2 { + background-color: #b9151b !important; } + +.materialize-red-text.text-darken-2 { + color: #b9151b !important; } + +.materialize-red.darken-3 { + background-color: #a21318 !important; } + +.materialize-red-text.text-darken-3 { + color: #a21318 !important; } + +.materialize-red.darken-4 { + background-color: #8b1014 !important; } + +.materialize-red-text.text-darken-4 { + color: #8b1014 !important; } + +.red { + background-color: #F44336 !important; } + +.red-text { + color: #F44336 !important; } + +.red.lighten-5, .red.dropdown-button:hover, +table tbody tr.red.drag-previous, +table tbody tr.red.drag, table > tbody > tr.red.field-plugin-settings-editing { + background-color: #FFEBEE !important; } + +.red-text.text-lighten-5 { + color: #FFEBEE !important; } + +.red.lighten-4 { + background-color: #FFCDD2 !important; } + +.red-text.text-lighten-4 { + color: #FFCDD2 !important; } + +.red.lighten-3 { + background-color: #EF9A9A !important; } + +.red-text.text-lighten-3 { + color: #EF9A9A !important; } + +.red.lighten-2 { + background-color: #E57373 !important; } + +.red-text.text-lighten-2 { + color: #E57373 !important; } + +.red.lighten-1 { + background-color: #EF5350 !important; } + +.red-text.text-lighten-1 { + color: #EF5350 !important; } + +.red.darken-1 { + background-color: #E53935 !important; } + +.red-text.text-darken-1 { + color: #E53935 !important; } + +.red.darken-2 { + background-color: #D32F2F !important; } + +.red-text.text-darken-2 { + color: #D32F2F !important; } + +.red.darken-3 { + background-color: #C62828 !important; } + +.red-text.text-darken-3 { + color: #C62828 !important; } + +.red.darken-4 { + background-color: #B71C1C !important; } + +.red-text.text-darken-4 { + color: #B71C1C !important; } + +.red.accent-1 { + background-color: #FF8A80 !important; } + +.red-text.text-accent-1 { + color: #FF8A80 !important; } + +.red.accent-2 { + background-color: #FF5252 !important; } + +.red-text.text-accent-2 { + color: #FF5252 !important; } + +.red.accent-3 { + background-color: #FF1744 !important; } + +.red-text.text-accent-3 { + color: #FF1744 !important; } + +.red.accent-4 { + background-color: #D50000 !important; } + +.red-text.text-accent-4 { + color: #D50000 !important; } + +.pink { + background-color: #e91e63 !important; } + +.pink-text { + color: #e91e63 !important; } + +.pink.lighten-5, .pink.dropdown-button:hover, +table tbody tr.pink.drag-previous, +table tbody tr.pink.drag, table > tbody > tr.pink.field-plugin-settings-editing { + background-color: #fce4ec !important; } + +.pink-text.text-lighten-5 { + color: #fce4ec !important; } + +.pink.lighten-4 { + background-color: #f8bbd0 !important; } + +.pink-text.text-lighten-4 { + color: #f8bbd0 !important; } + +.pink.lighten-3 { + background-color: #f48fb1 !important; } + +.pink-text.text-lighten-3 { + color: #f48fb1 !important; } + +.pink.lighten-2 { + background-color: #f06292 !important; } + +.pink-text.text-lighten-2 { + color: #f06292 !important; } + +.pink.lighten-1 { + background-color: #ec407a !important; } + +.pink-text.text-lighten-1 { + color: #ec407a !important; } + +.pink.darken-1 { + background-color: #d81b60 !important; } + +.pink-text.text-darken-1 { + color: #d81b60 !important; } + +.pink.darken-2 { + background-color: #c2185b !important; } + +.pink-text.text-darken-2 { + color: #c2185b !important; } + +.pink.darken-3 { + background-color: #ad1457 !important; } + +.pink-text.text-darken-3 { + color: #ad1457 !important; } + +.pink.darken-4 { + background-color: #880e4f !important; } + +.pink-text.text-darken-4 { + color: #880e4f !important; } + +.pink.accent-1 { + background-color: #ff80ab !important; } + +.pink-text.text-accent-1 { + color: #ff80ab !important; } + +.pink.accent-2 { + background-color: #ff4081 !important; } + +.pink-text.text-accent-2 { + color: #ff4081 !important; } + +.pink.accent-3 { + background-color: #f50057 !important; } + +.pink-text.text-accent-3 { + color: #f50057 !important; } + +.pink.accent-4 { + background-color: #c51162 !important; } + +.pink-text.text-accent-4 { + color: #c51162 !important; } + +.purple { + background-color: #9c27b0 !important; } + +.purple-text { + color: #9c27b0 !important; } + +.purple.lighten-5, .purple.dropdown-button:hover, +table tbody tr.purple.drag-previous, +table tbody tr.purple.drag, table > tbody > tr.purple.field-plugin-settings-editing { + background-color: #f3e5f5 !important; } + +.purple-text.text-lighten-5 { + color: #f3e5f5 !important; } + +.purple.lighten-4 { + background-color: #e1bee7 !important; } + +.purple-text.text-lighten-4 { + color: #e1bee7 !important; } + +.purple.lighten-3 { + background-color: #ce93d8 !important; } + +.purple-text.text-lighten-3 { + color: #ce93d8 !important; } + +.purple.lighten-2 { + background-color: #ba68c8 !important; } + +.purple-text.text-lighten-2 { + color: #ba68c8 !important; } + +.purple.lighten-1 { + background-color: #ab47bc !important; } + +.purple-text.text-lighten-1 { + color: #ab47bc !important; } + +.purple.darken-1 { + background-color: #8e24aa !important; } + +.purple-text.text-darken-1 { + color: #8e24aa !important; } + +.purple.darken-2 { + background-color: #7b1fa2 !important; } + +.purple-text.text-darken-2 { + color: #7b1fa2 !important; } + +.purple.darken-3 { + background-color: #6a1b9a !important; } + +.purple-text.text-darken-3 { + color: #6a1b9a !important; } + +.purple.darken-4 { + background-color: #4a148c !important; } + +.purple-text.text-darken-4 { + color: #4a148c !important; } + +.purple.accent-1 { + background-color: #ea80fc !important; } + +.purple-text.text-accent-1 { + color: #ea80fc !important; } + +.purple.accent-2 { + background-color: #e040fb !important; } + +.purple-text.text-accent-2 { + color: #e040fb !important; } + +.purple.accent-3 { + background-color: #d500f9 !important; } + +.purple-text.text-accent-3 { + color: #d500f9 !important; } + +.purple.accent-4 { + background-color: #aa00ff !important; } + +.purple-text.text-accent-4 { + color: #aa00ff !important; } + +.deep-purple { + background-color: #673ab7 !important; } + +.deep-purple-text { + color: #673ab7 !important; } + +.deep-purple.lighten-5, .deep-purple.dropdown-button:hover, +table tbody tr.deep-purple.drag-previous, +table tbody tr.deep-purple.drag, table > tbody > tr.deep-purple.field-plugin-settings-editing { + background-color: #ede7f6 !important; } + +.deep-purple-text.text-lighten-5 { + color: #ede7f6 !important; } + +.deep-purple.lighten-4 { + background-color: #d1c4e9 !important; } + +.deep-purple-text.text-lighten-4 { + color: #d1c4e9 !important; } + +.deep-purple.lighten-3 { + background-color: #b39ddb !important; } + +.deep-purple-text.text-lighten-3 { + color: #b39ddb !important; } + +.deep-purple.lighten-2 { + background-color: #9575cd !important; } + +.deep-purple-text.text-lighten-2 { + color: #9575cd !important; } + +.deep-purple.lighten-1 { + background-color: #7e57c2 !important; } + +.deep-purple-text.text-lighten-1 { + color: #7e57c2 !important; } + +.deep-purple.darken-1 { + background-color: #5e35b1 !important; } + +.deep-purple-text.text-darken-1 { + color: #5e35b1 !important; } + +.deep-purple.darken-2 { + background-color: #512da8 !important; } + +.deep-purple-text.text-darken-2 { + color: #512da8 !important; } + +.deep-purple.darken-3 { + background-color: #4527a0 !important; } + +.deep-purple-text.text-darken-3 { + color: #4527a0 !important; } + +.deep-purple.darken-4 { + background-color: #311b92 !important; } + +.deep-purple-text.text-darken-4 { + color: #311b92 !important; } + +.deep-purple.accent-1 { + background-color: #b388ff !important; } + +.deep-purple-text.text-accent-1 { + color: #b388ff !important; } + +.deep-purple.accent-2 { + background-color: #7c4dff !important; } + +.deep-purple-text.text-accent-2 { + color: #7c4dff !important; } + +.deep-purple.accent-3 { + background-color: #651fff !important; } + +.deep-purple-text.text-accent-3 { + color: #651fff !important; } + +.deep-purple.accent-4 { + background-color: #6200ea !important; } + +.deep-purple-text.text-accent-4 { + color: #6200ea !important; } + +.indigo { + background-color: #3f51b5 !important; } + +.indigo-text { + color: #3f51b5 !important; } + +.indigo.lighten-5, .indigo.dropdown-button:hover, +table tbody tr.indigo.drag-previous, +table tbody tr.indigo.drag, table > tbody > tr.indigo.field-plugin-settings-editing { + background-color: #e8eaf6 !important; } + +.indigo-text.text-lighten-5 { + color: #e8eaf6 !important; } + +.indigo.lighten-4 { + background-color: #c5cae9 !important; } + +.indigo-text.text-lighten-4 { + color: #c5cae9 !important; } + +.indigo.lighten-3 { + background-color: #9fa8da !important; } + +.indigo-text.text-lighten-3 { + color: #9fa8da !important; } + +.indigo.lighten-2 { + background-color: #7986cb !important; } + +.indigo-text.text-lighten-2 { + color: #7986cb !important; } + +.indigo.lighten-1 { + background-color: #5c6bc0 !important; } + +.indigo-text.text-lighten-1 { + color: #5c6bc0 !important; } + +.indigo.darken-1 { + background-color: #3949ab !important; } + +.indigo-text.text-darken-1 { + color: #3949ab !important; } + +.indigo.darken-2 { + background-color: #303f9f !important; } + +.indigo-text.text-darken-2 { + color: #303f9f !important; } + +.indigo.darken-3 { + background-color: #283593 !important; } + +.indigo-text.text-darken-3 { + color: #283593 !important; } + +.indigo.darken-4 { + background-color: #1a237e !important; } + +.indigo-text.text-darken-4 { + color: #1a237e !important; } + +.indigo.accent-1 { + background-color: #8c9eff !important; } + +.indigo-text.text-accent-1 { + color: #8c9eff !important; } + +.indigo.accent-2 { + background-color: #536dfe !important; } + +.indigo-text.text-accent-2 { + color: #536dfe !important; } + +.indigo.accent-3 { + background-color: #3d5afe !important; } + +.indigo-text.text-accent-3 { + color: #3d5afe !important; } + +.indigo.accent-4 { + background-color: #304ffe !important; } + +.indigo-text.text-accent-4 { + color: #304ffe !important; } + +.blue { + background-color: #2196F3 !important; } + +.blue-text { + color: #2196F3 !important; } + +.blue.lighten-5, .blue.dropdown-button:hover, +table tbody tr.blue.drag-previous, +table tbody tr.blue.drag, table > tbody > tr.blue.field-plugin-settings-editing { + background-color: #E3F2FD !important; } + +.blue-text.text-lighten-5 { + color: #E3F2FD !important; } + +.blue.lighten-4 { + background-color: #BBDEFB !important; } + +.blue-text.text-lighten-4 { + color: #BBDEFB !important; } + +.blue.lighten-3 { + background-color: #90CAF9 !important; } + +.blue-text.text-lighten-3 { + color: #90CAF9 !important; } + +.blue.lighten-2 { + background-color: #64B5F6 !important; } + +.blue-text.text-lighten-2 { + color: #64B5F6 !important; } + +.blue.lighten-1 { + background-color: #42A5F5 !important; } + +.blue-text.text-lighten-1 { + color: #42A5F5 !important; } + +.blue.darken-1 { + background-color: #1E88E5 !important; } + +.blue-text.text-darken-1 { + color: #1E88E5 !important; } + +.blue.darken-2 { + background-color: #1976D2 !important; } + +.blue-text.text-darken-2 { + color: #1976D2 !important; } + +.blue.darken-3 { + background-color: #1565C0 !important; } + +.blue-text.text-darken-3 { + color: #1565C0 !important; } + +.blue.darken-4 { + background-color: #0D47A1 !important; } + +.blue-text.text-darken-4 { + color: #0D47A1 !important; } + +.blue.accent-1 { + background-color: #82B1FF !important; } + +.blue-text.text-accent-1 { + color: #82B1FF !important; } + +.blue.accent-2 { + background-color: #448AFF !important; } + +.blue-text.text-accent-2 { + color: #448AFF !important; } + +.blue.accent-3 { + background-color: #2979FF !important; } + +.blue-text.text-accent-3 { + color: #2979FF !important; } + +.blue.accent-4 { + background-color: #2962FF !important; } + +.blue-text.text-accent-4 { + color: #2962FF !important; } + +.light-blue { + background-color: #03a9f4 !important; } + +.light-blue-text { + color: #03a9f4 !important; } + +.light-blue.lighten-5, .light-blue.dropdown-button:hover, +table tbody tr.light-blue.drag-previous, +table tbody tr.light-blue.drag, table > tbody > tr.light-blue.field-plugin-settings-editing { + background-color: #e1f5fe !important; } + +.light-blue-text.text-lighten-5 { + color: #e1f5fe !important; } + +.light-blue.lighten-4 { + background-color: #b3e5fc !important; } + +.light-blue-text.text-lighten-4 { + color: #b3e5fc !important; } + +.light-blue.lighten-3 { + background-color: #81d4fa !important; } + +.light-blue-text.text-lighten-3 { + color: #81d4fa !important; } + +.light-blue.lighten-2 { + background-color: #4fc3f7 !important; } + +.light-blue-text.text-lighten-2 { + color: #4fc3f7 !important; } + +.light-blue.lighten-1 { + background-color: #29b6f6 !important; } + +.light-blue-text.text-lighten-1 { + color: #29b6f6 !important; } + +.light-blue.darken-1 { + background-color: #039be5 !important; } + +.light-blue-text.text-darken-1 { + color: #039be5 !important; } + +.light-blue.darken-2 { + background-color: #0288d1 !important; } + +.light-blue-text.text-darken-2 { + color: #0288d1 !important; } + +.light-blue.darken-3 { + background-color: #0277bd !important; } + +.light-blue-text.text-darken-3 { + color: #0277bd !important; } + +.light-blue.darken-4 { + background-color: #01579b !important; } + +.light-blue-text.text-darken-4 { + color: #01579b !important; } + +.light-blue.accent-1 { + background-color: #80d8ff !important; } + +.light-blue-text.text-accent-1 { + color: #80d8ff !important; } + +.light-blue.accent-2 { + background-color: #40c4ff !important; } + +.light-blue-text.text-accent-2 { + color: #40c4ff !important; } + +.light-blue.accent-3 { + background-color: #00b0ff !important; } + +.light-blue-text.text-accent-3 { + color: #00b0ff !important; } + +.light-blue.accent-4 { + background-color: #0091ea !important; } + +.light-blue-text.text-accent-4 { + color: #0091ea !important; } + +.cyan { + background-color: #00bcd4 !important; } + +.cyan-text { + color: #00bcd4 !important; } + +.cyan.lighten-5, .cyan.dropdown-button:hover, +table tbody tr.cyan.drag-previous, +table tbody tr.cyan.drag, table > tbody > tr.cyan.field-plugin-settings-editing { + background-color: #e0f7fa !important; } + +.cyan-text.text-lighten-5 { + color: #e0f7fa !important; } + +.cyan.lighten-4 { + background-color: #b2ebf2 !important; } + +.cyan-text.text-lighten-4 { + color: #b2ebf2 !important; } + +.cyan.lighten-3 { + background-color: #80deea !important; } + +.cyan-text.text-lighten-3 { + color: #80deea !important; } + +.cyan.lighten-2 { + background-color: #4dd0e1 !important; } + +.cyan-text.text-lighten-2 { + color: #4dd0e1 !important; } + +.cyan.lighten-1 { + background-color: #26c6da !important; } + +.cyan-text.text-lighten-1 { + color: #26c6da !important; } + +.cyan.darken-1 { + background-color: #00acc1 !important; } + +.cyan-text.text-darken-1 { + color: #00acc1 !important; } + +.cyan.darken-2 { + background-color: #0097a7 !important; } + +.cyan-text.text-darken-2 { + color: #0097a7 !important; } + +.cyan.darken-3 { + background-color: #00838f !important; } + +.cyan-text.text-darken-3 { + color: #00838f !important; } + +.cyan.darken-4 { + background-color: #006064 !important; } + +.cyan-text.text-darken-4 { + color: #006064 !important; } + +.cyan.accent-1 { + background-color: #84ffff !important; } + +.cyan-text.text-accent-1 { + color: #84ffff !important; } + +.cyan.accent-2 { + background-color: #18ffff !important; } + +.cyan-text.text-accent-2 { + color: #18ffff !important; } + +.cyan.accent-3 { + background-color: #00e5ff !important; } + +.cyan-text.text-accent-3 { + color: #00e5ff !important; } + +.cyan.accent-4 { + background-color: #00b8d4 !important; } + +.cyan-text.text-accent-4 { + color: #00b8d4 !important; } + +.teal { + background-color: #009688 !important; } + +.teal-text { + color: #009688 !important; } + +.teal.lighten-5, .teal.dropdown-button:hover, +table tbody tr.teal.drag-previous, +table tbody tr.teal.drag, table > tbody > tr.teal.field-plugin-settings-editing { + background-color: #e0f2f1 !important; } + +.teal-text.text-lighten-5 { + color: #e0f2f1 !important; } + +.teal.lighten-4 { + background-color: #b2dfdb !important; } + +.teal-text.text-lighten-4 { + color: #b2dfdb !important; } + +.teal.lighten-3 { + background-color: #80cbc4 !important; } + +.teal-text.text-lighten-3 { + color: #80cbc4 !important; } + +.teal.lighten-2 { + background-color: #4db6ac !important; } + +.teal-text.text-lighten-2 { + color: #4db6ac !important; } + +.teal.lighten-1 { + background-color: #26a69a !important; } + +.teal-text.text-lighten-1 { + color: #26a69a !important; } + +.teal.darken-1 { + background-color: #00897b !important; } + +.teal-text.text-darken-1 { + color: #00897b !important; } + +.teal.darken-2 { + background-color: #00796b !important; } + +.teal-text.text-darken-2 { + color: #00796b !important; } + +.teal.darken-3 { + background-color: #00695c !important; } + +.teal-text.text-darken-3 { + color: #00695c !important; } + +.teal.darken-4 { + background-color: #004d40 !important; } + +.teal-text.text-darken-4 { + color: #004d40 !important; } + +.teal.accent-1 { + background-color: #a7ffeb !important; } + +.teal-text.text-accent-1 { + color: #a7ffeb !important; } + +.teal.accent-2 { + background-color: #64ffda !important; } + +.teal-text.text-accent-2 { + color: #64ffda !important; } + +.teal.accent-3 { + background-color: #1de9b6 !important; } + +.teal-text.text-accent-3 { + color: #1de9b6 !important; } + +.teal.accent-4 { + background-color: #00bfa5 !important; } + +.teal-text.text-accent-4 { + color: #00bfa5 !important; } + +.green { + background-color: #4CAF50 !important; } + +.green-text { + color: #4CAF50 !important; } + +.green.lighten-5, .green.dropdown-button:hover, +table tbody tr.green.drag-previous, +table tbody tr.green.drag, table > tbody > tr.green.field-plugin-settings-editing { + background-color: #E8F5E9 !important; } + +.green-text.text-lighten-5 { + color: #E8F5E9 !important; } + +.green.lighten-4 { + background-color: #C8E6C9 !important; } + +.green-text.text-lighten-4 { + color: #C8E6C9 !important; } + +.green.lighten-3 { + background-color: #A5D6A7 !important; } + +.green-text.text-lighten-3 { + color: #A5D6A7 !important; } + +.green.lighten-2 { + background-color: #81C784 !important; } + +.green-text.text-lighten-2 { + color: #81C784 !important; } + +.green.lighten-1 { + background-color: #66BB6A !important; } + +.green-text.text-lighten-1 { + color: #66BB6A !important; } + +.green.darken-1 { + background-color: #43A047 !important; } + +.green-text.text-darken-1 { + color: #43A047 !important; } + +.green.darken-2 { + background-color: #388E3C !important; } + +.green-text.text-darken-2 { + color: #388E3C !important; } + +.green.darken-3 { + background-color: #2E7D32 !important; } + +.green-text.text-darken-3 { + color: #2E7D32 !important; } + +.green.darken-4 { + background-color: #1B5E20 !important; } + +.green-text.text-darken-4 { + color: #1B5E20 !important; } + +.green.accent-1 { + background-color: #B9F6CA !important; } + +.green-text.text-accent-1 { + color: #B9F6CA !important; } + +.green.accent-2 { + background-color: #69F0AE !important; } + +.green-text.text-accent-2 { + color: #69F0AE !important; } + +.green.accent-3 { + background-color: #00E676 !important; } + +.green-text.text-accent-3 { + color: #00E676 !important; } + +.green.accent-4 { + background-color: #00C853 !important; } + +.green-text.text-accent-4 { + color: #00C853 !important; } + +.light-green { + background-color: #8bc34a !important; } + +.light-green-text { + color: #8bc34a !important; } + +.light-green.lighten-5, .light-green.dropdown-button:hover, +table tbody tr.light-green.drag-previous, +table tbody tr.light-green.drag, table > tbody > tr.light-green.field-plugin-settings-editing { + background-color: #f1f8e9 !important; } + +.light-green-text.text-lighten-5 { + color: #f1f8e9 !important; } + +.light-green.lighten-4 { + background-color: #dcedc8 !important; } + +.light-green-text.text-lighten-4 { + color: #dcedc8 !important; } + +.light-green.lighten-3 { + background-color: #c5e1a5 !important; } + +.light-green-text.text-lighten-3 { + color: #c5e1a5 !important; } + +.light-green.lighten-2 { + background-color: #aed581 !important; } + +.light-green-text.text-lighten-2 { + color: #aed581 !important; } + +.light-green.lighten-1 { + background-color: #9ccc65 !important; } + +.light-green-text.text-lighten-1 { + color: #9ccc65 !important; } + +.light-green.darken-1 { + background-color: #7cb342 !important; } + +.light-green-text.text-darken-1 { + color: #7cb342 !important; } + +.light-green.darken-2 { + background-color: #689f38 !important; } + +.light-green-text.text-darken-2 { + color: #689f38 !important; } + +.light-green.darken-3 { + background-color: #558b2f !important; } + +.light-green-text.text-darken-3 { + color: #558b2f !important; } + +.light-green.darken-4 { + background-color: #33691e !important; } + +.light-green-text.text-darken-4 { + color: #33691e !important; } + +.light-green.accent-1 { + background-color: #ccff90 !important; } + +.light-green-text.text-accent-1 { + color: #ccff90 !important; } + +.light-green.accent-2 { + background-color: #b2ff59 !important; } + +.light-green-text.text-accent-2 { + color: #b2ff59 !important; } + +.light-green.accent-3 { + background-color: #76ff03 !important; } + +.light-green-text.text-accent-3 { + color: #76ff03 !important; } + +.light-green.accent-4 { + background-color: #64dd17 !important; } + +.light-green-text.text-accent-4 { + color: #64dd17 !important; } + +.lime { + background-color: #cddc39 !important; } + +.lime-text { + color: #cddc39 !important; } + +.lime.lighten-5, .lime.dropdown-button:hover, +table tbody tr.lime.drag-previous, +table tbody tr.lime.drag, table > tbody > tr.lime.field-plugin-settings-editing { + background-color: #f9fbe7 !important; } + +.lime-text.text-lighten-5 { + color: #f9fbe7 !important; } + +.lime.lighten-4 { + background-color: #f0f4c3 !important; } + +.lime-text.text-lighten-4 { + color: #f0f4c3 !important; } + +.lime.lighten-3 { + background-color: #e6ee9c !important; } + +.lime-text.text-lighten-3 { + color: #e6ee9c !important; } + +.lime.lighten-2 { + background-color: #dce775 !important; } + +.lime-text.text-lighten-2 { + color: #dce775 !important; } + +.lime.lighten-1 { + background-color: #d4e157 !important; } + +.lime-text.text-lighten-1 { + color: #d4e157 !important; } + +.lime.darken-1 { + background-color: #c0ca33 !important; } + +.lime-text.text-darken-1 { + color: #c0ca33 !important; } + +.lime.darken-2 { + background-color: #afb42b !important; } + +.lime-text.text-darken-2 { + color: #afb42b !important; } + +.lime.darken-3 { + background-color: #9e9d24 !important; } + +.lime-text.text-darken-3 { + color: #9e9d24 !important; } + +.lime.darken-4 { + background-color: #827717 !important; } + +.lime-text.text-darken-4 { + color: #827717 !important; } + +.lime.accent-1 { + background-color: #f4ff81 !important; } + +.lime-text.text-accent-1 { + color: #f4ff81 !important; } + +.lime.accent-2 { + background-color: #eeff41 !important; } + +.lime-text.text-accent-2 { + color: #eeff41 !important; } + +.lime.accent-3 { + background-color: #c6ff00 !important; } + +.lime-text.text-accent-3 { + color: #c6ff00 !important; } + +.lime.accent-4 { + background-color: #aeea00 !important; } + +.lime-text.text-accent-4 { + color: #aeea00 !important; } + +.yellow, table.highlight tbody tr.drag-previous, +table.highlight tbody tr.drag-previous.field-plugin-settings-editing, +table.highlight tbody tr.drag.field-plugin-settings-editing, +table.highlight tbody tr.drag, +table tbody tr.drag-previous, +table tbody tr.drag-previous.field-plugin-settings-editing, +table tbody tr.drag.field-plugin-settings-editing, +table tbody tr.drag, span.theme-status-indicator { + background-color: #ffeb3b !important; } + +.yellow-text { + color: #ffeb3b !important; } + +.yellow.lighten-5, .yellow.dropdown-button:hover, +table tbody tr.dropdown-button.drag-previous:hover, +table tbody tr.dropdown-button.drag:hover, span.dropdown-button.theme-status-indicator:hover, table.highlight tbody tr.drag-previous, +table.highlight tbody tr.drag-previous.field-plugin-settings-editing, +table.highlight tbody tr.drag.field-plugin-settings-editing, +table.highlight tbody tr.drag, +table tbody tr.drag-previous, +table tbody tr.drag-previous.field-plugin-settings-editing, +table tbody tr.drag.field-plugin-settings-editing, +table tbody tr.drag, table > tbody > tr.yellow.field-plugin-settings-editing, span.lighten-5.theme-status-indicator { + background-color: #fffde7 !important; } + +.yellow-text.text-lighten-5 { + color: #fffde7 !important; } + +.yellow.lighten-4, +table tbody tr.lighten-4.drag-previous, +table tbody tr.lighten-4.drag, span.lighten-4.theme-status-indicator { + background-color: #fff9c4 !important; } + +.yellow-text.text-lighten-4 { + color: #fff9c4 !important; } + +.yellow.lighten-3, +table tbody tr.lighten-3.drag-previous, +table tbody tr.lighten-3.drag, span.lighten-3.theme-status-indicator { + background-color: #fff59d !important; } + +.yellow-text.text-lighten-3 { + color: #fff59d !important; } + +.yellow.lighten-2, +table tbody tr.lighten-2.drag-previous, +table tbody tr.lighten-2.drag, span.lighten-2.theme-status-indicator { + background-color: #fff176 !important; } + +.yellow-text.text-lighten-2 { + color: #fff176 !important; } + +.yellow.lighten-1, +table tbody tr.lighten-1.drag-previous, +table tbody tr.lighten-1.drag, span.lighten-1.theme-status-indicator { + background-color: #ffee58 !important; } + +.yellow-text.text-lighten-1 { + color: #ffee58 !important; } + +.yellow.darken-1, +table tbody tr.darken-1.drag-previous, +table tbody tr.darken-1.drag, span.darken-1.theme-status-indicator { + background-color: #fdd835 !important; } + +.yellow-text.text-darken-1 { + color: #fdd835 !important; } + +.yellow.darken-2, +table tbody tr.darken-2.drag-previous, +table tbody tr.darken-2.drag, span.darken-2.theme-status-indicator { + background-color: #fbc02d !important; } + +.yellow-text.text-darken-2 { + color: #fbc02d !important; } + +.yellow.darken-3, +table tbody tr.darken-3.drag-previous, +table tbody tr.darken-3.drag, span.darken-3.theme-status-indicator { + background-color: #f9a825 !important; } + +.yellow-text.text-darken-3 { + color: #f9a825 !important; } + +.yellow.darken-4, +table tbody tr.darken-4.drag-previous, +table tbody tr.darken-4.drag, span.darken-4.theme-status-indicator { + background-color: #f57f17 !important; } + +.yellow-text.text-darken-4 { + color: #f57f17 !important; } + +.yellow.accent-1, +table tbody tr.accent-1.drag-previous, +table tbody tr.accent-1.drag, span.accent-1.theme-status-indicator { + background-color: #ffff8d !important; } + +.yellow-text.text-accent-1 { + color: #ffff8d !important; } + +.yellow.accent-2, +table tbody tr.accent-2.drag-previous, +table tbody tr.accent-2.drag, span.accent-2.theme-status-indicator { + background-color: #ffff00 !important; } + +.yellow-text.text-accent-2 { + color: #ffff00 !important; } + +.yellow.accent-3, +table tbody tr.accent-3.drag-previous, +table tbody tr.accent-3.drag, span.accent-3.theme-status-indicator { + background-color: #ffea00 !important; } + +.yellow-text.text-accent-3 { + color: #ffea00 !important; } + +.yellow.accent-4, +table tbody tr.accent-4.drag-previous, +table tbody tr.accent-4.drag, span.accent-4.theme-status-indicator { + background-color: #ffd600 !important; } + +.yellow-text.text-accent-4 { + color: #ffd600 !important; } + +.amber { + background-color: #ffc107 !important; } + +.amber-text { + color: #ffc107 !important; } + +.amber.lighten-5, .amber.dropdown-button:hover, +table tbody tr.amber.drag-previous, +table tbody tr.amber.drag, table > tbody > tr.amber.field-plugin-settings-editing { + background-color: #fff8e1 !important; } + +.amber-text.text-lighten-5 { + color: #fff8e1 !important; } + +.amber.lighten-4 { + background-color: #ffecb3 !important; } + +.amber-text.text-lighten-4 { + color: #ffecb3 !important; } + +.amber.lighten-3 { + background-color: #ffe082 !important; } + +.amber-text.text-lighten-3 { + color: #ffe082 !important; } + +.amber.lighten-2 { + background-color: #ffd54f !important; } + +.amber-text.text-lighten-2 { + color: #ffd54f !important; } + +.amber.lighten-1 { + background-color: #ffca28 !important; } + +.amber-text.text-lighten-1 { + color: #ffca28 !important; } + +.amber.darken-1 { + background-color: #ffb300 !important; } + +.amber-text.text-darken-1 { + color: #ffb300 !important; } + +.amber.darken-2 { + background-color: #ffa000 !important; } + +.amber-text.text-darken-2 { + color: #ffa000 !important; } + +.amber.darken-3 { + background-color: #ff8f00 !important; } + +.amber-text.text-darken-3 { + color: #ff8f00 !important; } + +.amber.darken-4 { + background-color: #ff6f00 !important; } + +.amber-text.text-darken-4 { + color: #ff6f00 !important; } + +.amber.accent-1 { + background-color: #ffe57f !important; } + +.amber-text.text-accent-1 { + color: #ffe57f !important; } + +.amber.accent-2 { + background-color: #ffd740 !important; } + +.amber-text.text-accent-2 { + color: #ffd740 !important; } + +.amber.accent-3 { + background-color: #ffc400 !important; } + +.amber-text.text-accent-3 { + color: #ffc400 !important; } + +.amber.accent-4 { + background-color: #ffab00 !important; } + +.amber-text.text-accent-4 { + color: #ffab00 !important; } + +.orange { + background-color: #ff9800 !important; } + +.orange-text { + color: #ff9800 !important; } + +.orange.lighten-5, .orange.dropdown-button:hover, +table tbody tr.orange.drag-previous, +table tbody tr.orange.drag, table > tbody > tr.orange.field-plugin-settings-editing { + background-color: #fff3e0 !important; } + +.orange-text.text-lighten-5 { + color: #fff3e0 !important; } + +.orange.lighten-4 { + background-color: #ffe0b2 !important; } + +.orange-text.text-lighten-4 { + color: #ffe0b2 !important; } + +.orange.lighten-3 { + background-color: #ffcc80 !important; } + +.orange-text.text-lighten-3 { + color: #ffcc80 !important; } + +.orange.lighten-2 { + background-color: #ffb74d !important; } + +.orange-text.text-lighten-2 { + color: #ffb74d !important; } + +.orange.lighten-1 { + background-color: #ffa726 !important; } + +.orange-text.text-lighten-1 { + color: #ffa726 !important; } + +.orange.darken-1 { + background-color: #fb8c00 !important; } + +.orange-text.text-darken-1 { + color: #fb8c00 !important; } + +.orange.darken-2 { + background-color: #f57c00 !important; } + +.orange-text.text-darken-2 { + color: #f57c00 !important; } + +.orange.darken-3 { + background-color: #ef6c00 !important; } + +.orange-text.text-darken-3 { + color: #ef6c00 !important; } + +.orange.darken-4 { + background-color: #e65100 !important; } + +.orange-text.text-darken-4 { + color: #e65100 !important; } + +.orange.accent-1 { + background-color: #ffd180 !important; } + +.orange-text.text-accent-1 { + color: #ffd180 !important; } + +.orange.accent-2 { + background-color: #ffab40 !important; } + +.orange-text.text-accent-2 { + color: #ffab40 !important; } + +.orange.accent-3 { + background-color: #ff9100 !important; } + +.orange-text.text-accent-3 { + color: #ff9100 !important; } + +.orange.accent-4 { + background-color: #ff6d00 !important; } + +.orange-text.text-accent-4 { + color: #ff6d00 !important; } + +.deep-orange { + background-color: #ff5722 !important; } + +.deep-orange-text { + color: #ff5722 !important; } + +.deep-orange.lighten-5, .deep-orange.dropdown-button:hover, +table tbody tr.deep-orange.drag-previous, +table tbody tr.deep-orange.drag, table > tbody > tr.deep-orange.field-plugin-settings-editing { + background-color: #fbe9e7 !important; } + +.deep-orange-text.text-lighten-5 { + color: #fbe9e7 !important; } + +.deep-orange.lighten-4 { + background-color: #ffccbc !important; } + +.deep-orange-text.text-lighten-4 { + color: #ffccbc !important; } + +.deep-orange.lighten-3 { + background-color: #ffab91 !important; } + +.deep-orange-text.text-lighten-3 { + color: #ffab91 !important; } + +.deep-orange.lighten-2 { + background-color: #ff8a65 !important; } + +.deep-orange-text.text-lighten-2 { + color: #ff8a65 !important; } + +.deep-orange.lighten-1 { + background-color: #ff7043 !important; } + +.deep-orange-text.text-lighten-1 { + color: #ff7043 !important; } + +.deep-orange.darken-1 { + background-color: #f4511e !important; } + +.deep-orange-text.text-darken-1 { + color: #f4511e !important; } + +.deep-orange.darken-2 { + background-color: #e64a19 !important; } + +.deep-orange-text.text-darken-2 { + color: #e64a19 !important; } + +.deep-orange.darken-3 { + background-color: #d84315 !important; } + +.deep-orange-text.text-darken-3 { + color: #d84315 !important; } + +.deep-orange.darken-4 { + background-color: #bf360c !important; } + +.deep-orange-text.text-darken-4 { + color: #bf360c !important; } + +.deep-orange.accent-1 { + background-color: #ff9e80 !important; } + +.deep-orange-text.text-accent-1 { + color: #ff9e80 !important; } + +.deep-orange.accent-2 { + background-color: #ff6e40 !important; } + +.deep-orange-text.text-accent-2 { + color: #ff6e40 !important; } + +.deep-orange.accent-3 { + background-color: #ff3d00 !important; } + +.deep-orange-text.text-accent-3 { + color: #ff3d00 !important; } + +.deep-orange.accent-4 { + background-color: #dd2c00 !important; } + +.deep-orange-text.text-accent-4 { + color: #dd2c00 !important; } + +.brown { + background-color: #795548 !important; } + +.brown-text { + color: #795548 !important; } + +.brown.lighten-5, .brown.dropdown-button:hover, +table tbody tr.brown.drag-previous, +table tbody tr.brown.drag, table > tbody > tr.brown.field-plugin-settings-editing { + background-color: #efebe9 !important; } + +.brown-text.text-lighten-5 { + color: #efebe9 !important; } + +.brown.lighten-4 { + background-color: #d7ccc8 !important; } + +.brown-text.text-lighten-4 { + color: #d7ccc8 !important; } + +.brown.lighten-3 { + background-color: #bcaaa4 !important; } + +.brown-text.text-lighten-3 { + color: #bcaaa4 !important; } + +.brown.lighten-2 { + background-color: #a1887f !important; } + +.brown-text.text-lighten-2 { + color: #a1887f !important; } + +.brown.lighten-1 { + background-color: #8d6e63 !important; } + +.brown-text.text-lighten-1 { + color: #8d6e63 !important; } + +.brown.darken-1 { + background-color: #6d4c41 !important; } + +.brown-text.text-darken-1 { + color: #6d4c41 !important; } + +.brown.darken-2 { + background-color: #5d4037 !important; } + +.brown-text.text-darken-2 { + color: #5d4037 !important; } + +.brown.darken-3 { + background-color: #4e342e !important; } + +.brown-text.text-darken-3 { + color: #4e342e !important; } + +.brown.darken-4 { + background-color: #3e2723 !important; } + +.brown-text.text-darken-4 { + color: #3e2723 !important; } + +.blue-grey { + background-color: #607d8b !important; } + +.blue-grey-text { + color: #607d8b !important; } + +.blue-grey.lighten-5, .blue-grey.dropdown-button:hover, +table tbody tr.blue-grey.drag-previous, +table tbody tr.blue-grey.drag, table > tbody > tr.blue-grey.field-plugin-settings-editing { + background-color: #eceff1 !important; } + +.blue-grey-text.text-lighten-5 { + color: #eceff1 !important; } + +.blue-grey.lighten-4 { + background-color: #cfd8dc !important; } + +.blue-grey-text.text-lighten-4 { + color: #cfd8dc !important; } + +.blue-grey.lighten-3 { + background-color: #b0bec5 !important; } + +.blue-grey-text.text-lighten-3 { + color: #b0bec5 !important; } + +.blue-grey.lighten-2 { + background-color: #90a4ae !important; } + +.blue-grey-text.text-lighten-2 { + color: #90a4ae !important; } + +.blue-grey.lighten-1 { + background-color: #78909c !important; } + +.blue-grey-text.text-lighten-1 { + color: #78909c !important; } + +.blue-grey.darken-1 { + background-color: #546e7a !important; } + +.blue-grey-text.text-darken-1 { + color: #546e7a !important; } + +.blue-grey.darken-2 { + background-color: #455a64 !important; } + +.blue-grey-text.text-darken-2 { + color: #455a64 !important; } + +.blue-grey.darken-3 { + background-color: #37474f !important; } + +.blue-grey-text.text-darken-3 { + color: #37474f !important; } + +.blue-grey.darken-4 { + background-color: #263238 !important; } + +.blue-grey-text.text-darken-4 { + color: #263238 !important; } + +.grey, table > tbody > tr.field-plugin-settings-editing { + background-color: #9e9e9e !important; } + +.grey-text { + color: #9e9e9e !important; } + +.grey.lighten-5, .grey.dropdown-button:hover, table > tbody > tr.dropdown-button.field-plugin-settings-editing:hover, table.highlight table > tbody > tr.drag-previous.field-plugin-settings-editing, +table.highlight table > tbody > tr.drag.field-plugin-settings-editing, +table tbody tr.grey.drag-previous, table > tbody > tr.drag.field-plugin-settings-editing, +table tbody tr.grey.drag, table > tbody > tr.field-plugin-settings-editing { + background-color: #fafafa !important; } + +.grey-text.text-lighten-5 { + color: #fafafa !important; } + +.grey.lighten-4, table > tbody > tr.lighten-4.field-plugin-settings-editing { + background-color: #f5f5f5 !important; } + +.grey-text.text-lighten-4 { + color: #f5f5f5 !important; } + +.grey.lighten-3, table > tbody > tr.lighten-3.field-plugin-settings-editing { + background-color: #eeeeee !important; } + +.grey-text.text-lighten-3 { + color: #eeeeee !important; } + +.grey.lighten-2, table > tbody > tr.lighten-2.field-plugin-settings-editing { + background-color: #e0e0e0 !important; } + +.grey-text.text-lighten-2 { + color: #e0e0e0 !important; } + +.grey.lighten-1, table > tbody > tr.lighten-1.field-plugin-settings-editing { + background-color: #bdbdbd !important; } + +.grey-text.text-lighten-1 { + color: #bdbdbd !important; } + +.grey.darken-1, table > tbody > tr.darken-1.field-plugin-settings-editing { + background-color: #757575 !important; } + +.grey-text.text-darken-1 { + color: #757575 !important; } + +.grey.darken-2, table > tbody > tr.darken-2.field-plugin-settings-editing { + background-color: #616161 !important; } + +.grey-text.text-darken-2 { + color: #616161 !important; } + +.grey.darken-3, table > tbody > tr.darken-3.field-plugin-settings-editing { + background-color: #424242 !important; } + +.grey-text.text-darken-3 { + color: #424242 !important; } + +.grey.darken-4, table > tbody > tr.darken-4.field-plugin-settings-editing { + background-color: #212121 !important; } + +.grey-text.text-darken-4 { + color: #212121 !important; } + +.black { + background-color: #000000 !important; } + +.black-text { + color: #000000 !important; } + +.white { + background-color: #FFFFFF !important; } + +.white-text, .ui-autocomplete.ui-menu .ui-menu-item.ui-state-focus, .ui-autocomplete.ui-menu .ui-menu-item.ui-state-hover, .ui-autocomplete.ui-menu .ui-menu-item.ui-state-active { + color: #FFFFFF !important; } + +.transparent { + background-color: transparent !important; } + +.transparent-text { + color: transparent !important; } + +/* @file + * Color schema + * + */ +/* @file + * settings variables + * + */ +a { + text-decoration: none; } + +html { + line-height: 1.5; + font-family: "Roboto", sans-serif; + font-weight: normal; + color: rgba(0, 0, 0, 0.87); } + @media only screen and (min-width: 0) { + html { + font-size: 14px; } } + @media only screen and (min-width: 992px) { + html { + font-size: 14.5px; } } + @media only screen and (min-width: 1200px) { + html { + font-size: 15px; } } + +h1, h2, h3, h4, h5, h6 { + font-weight: 400; + line-height: 1.1; } + +h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { + font-weight: inherit; } + +h1 { + font-size: 4.2rem; + line-height: 110%; + margin: 2.1rem 0 1.68rem 0; } + +h2 { + font-size: 3.56rem; + line-height: 110%; + margin: 1.78rem 0 1.424rem 0; } + +h3 { + font-size: 2.92rem; + line-height: 110%; + margin: 1.46rem 0 1.168rem 0; } + +h4 { + font-size: 2.28rem; + line-height: 110%; + margin: 1.14rem 0 0.912rem 0; } + +h5 { + font-size: 1.64rem; + line-height: 110%; + margin: 0.82rem 0 0.656rem 0; } + +h6 { + font-size: 1rem; + line-height: 110%; + margin: 0.5rem 0 0.4rem 0; } + +em { + font-style: italic; } + +strong { + font-weight: 500; } + +small { + font-size: 75%; } + +.light, .page-footer .footer-copyright { + font-weight: 300; } + +.thin { + font-weight: 200; } + +.flow-text { + font-weight: 300; } + @media only screen and (min-width: 360px) { + .flow-text { + font-size: 1.2rem; } } + @media only screen and (min-width: 390px) { + .flow-text { + font-size: 1.224rem; } } + @media only screen and (min-width: 420px) { + .flow-text { + font-size: 1.248rem; } } + @media only screen and (min-width: 450px) { + .flow-text { + font-size: 1.272rem; } } + @media only screen and (min-width: 480px) { + .flow-text { + font-size: 1.296rem; } } + @media only screen and (min-width: 510px) { + .flow-text { + font-size: 1.32rem; } } + @media only screen and (min-width: 540px) { + .flow-text { + font-size: 1.344rem; } } + @media only screen and (min-width: 570px) { + .flow-text { + font-size: 1.368rem; } } + @media only screen and (min-width: 600px) { + .flow-text { + font-size: 1.392rem; } } + @media only screen and (min-width: 630px) { + .flow-text { + font-size: 1.416rem; } } + @media only screen and (min-width: 660px) { + .flow-text { + font-size: 1.44rem; } } + @media only screen and (min-width: 690px) { + .flow-text { + font-size: 1.464rem; } } + @media only screen and (min-width: 720px) { + .flow-text { + font-size: 1.488rem; } } + @media only screen and (min-width: 750px) { + .flow-text { + font-size: 1.512rem; } } + @media only screen and (min-width: 780px) { + .flow-text { + font-size: 1.536rem; } } + @media only screen and (min-width: 810px) { + .flow-text { + font-size: 1.56rem; } } + @media only screen and (min-width: 840px) { + .flow-text { + font-size: 1.584rem; } } + @media only screen and (min-width: 870px) { + .flow-text { + font-size: 1.608rem; } } + @media only screen and (min-width: 900px) { + .flow-text { + font-size: 1.632rem; } } + @media only screen and (min-width: 930px) { + .flow-text { + font-size: 1.656rem; } } + @media only screen and (min-width: 960px) { + .flow-text { + font-size: 1.68rem; } } + @media only screen and (max-width: 360px) { + .flow-text { + font-size: 1.2rem; } } + +html { + box-sizing: border-box; } + +*, *:before, *:after { + box-sizing: inherit; } + +ul:not(.browser-default) { + padding-left: 0; + list-style-type: none; } + ul:not(.browser-default) > li { + list-style-type: none; } + +a { + color: #42A5F5; + text-decoration: none; + -webkit-tap-highlight-color: transparent; } + +.valign-wrapper { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; } + +.clearfix { + clear: both; } + +.z-depth-0, .ui-widget.ui-widget-content details.form-wrapper, fieldset.fieldgroup.form-wrapper legend span.fieldset-legend, .messages--warning.messages-clone .card, +.messages--status.messages-clone .card, +.messages--error.messages-clone .card, .webform-form table a.button-action { + box-shadow: none !important; } + +.z-depth-1, .collapsible, details.form-wrapper, .btn, .btn-large, .button-action, .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button, .dropbutton-wrapper .single-btn-wrapper a, #edit-actions .button.use-ajax, .views-displays .tabs.secondary li.add a, .ui-dialog-content .webform-ajax-link, .webform-details-toggle-state-wrapper .webform-details-toggle-state, .maintenance-page-content .button, .maintenance-page-content ul.links li a, .btn-floating, .dropdown-content, .toast, .card-panel, .card, .shadow, .breadcrumb-section-wrapper, .entity-meta__header, .confirm-form-wrapper, fieldset.form-wrapper legend span.fieldset-legend, .acquiadam-asset-browser .form-item.form-type-checkbox [type='checkbox'] + label, +.acquiadam-asset-browser .acquiadam-browser-folder-link, .action-links .button-action.webform-ajax-link { + box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2); } + +.z-depth-1-half, .btn:hover, .btn-large:hover, .button-action:hover, .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button:hover, .dropbutton-wrapper .single-btn-wrapper a:hover, #edit-actions .button.use-ajax:hover, .views-displays .tabs.secondary li.add a:hover, .ui-dialog-content .webform-ajax-link:hover, .webform-details-toggle-state-wrapper .webform-details-toggle-state:hover, .maintenance-page-content .button:hover, .maintenance-page-content ul.links li a:hover, .btn-floating:hover { + box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 7px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -1px rgba(0, 0, 0, 0.2); } + +.z-depth-2, .views-displays .tabs.secondary li.add ul { + box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.3); } + +.z-depth-3 { + box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.3); } + +.z-depth-4, .modal { + box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.3); } + +.z-depth-5, .ui-dialog, .cke_dialog { + box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.3); } + +.hoverable { + transition: box-shadow .25s; } + .hoverable:hover { + box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); } + +.divider { + height: 1px; + overflow: hidden; + background-color: #e0e0e0; } + +blockquote { + margin: 20px 0; + padding-left: 1.5rem; + border-left: 5px solid #2196F3; } + +i { + line-height: inherit; } + i.left { + float: left; + margin-right: 15px; } + i.right { + float: right; + margin-left: 15px; } + i.tiny { + font-size: 1rem; } + i.small { + font-size: 2rem; } + i.medium { + font-size: 4rem; } + i.large { + font-size: 6rem; } + +img.responsive-img, +video.responsive-video { + max-width: 100%; + height: auto; } + +.pagination li { + display: inline-block; + border-radius: 2px; + text-align: center; + vertical-align: top; + height: 30px; } + .pagination li a { + color: #444; + display: inline-block; + font-size: 1.2rem; + padding: 0 10px; + line-height: 30px; } + .pagination li.active a { + color: #fff; } + .pagination li.active { + background-color: #2196F3; } + .pagination li.disabled a { + cursor: default; + color: #999; } + .pagination li i { + font-size: 2rem; } + +.pagination li.pages ul li { + display: inline-block; + float: none; } + +@media only screen and (max-width: 992px) { + .pagination { + width: 100%; } + .pagination li.prev, + .pagination li.next { + width: 10%; } + .pagination li.pages { + width: 80%; + overflow: hidden; + white-space: nowrap; } } + +.breadcrumb { + font-size: 18px; + color: rgba(255, 255, 255, 0.7); } + .breadcrumb i, + .breadcrumb [class^="mdi-"], .breadcrumb [class*="mdi-"], + .breadcrumb i.material-icons, + .breadcrumb i.button-action::before, + .breadcrumb .collapsible li i.collapsible-header.with-arrows::after, .collapsible li + .breadcrumb i.collapsible-header.with-arrows::after, + .breadcrumb details.form-wrapper li i.collapsible-header.with-arrows::after, details.form-wrapper li + .breadcrumb i.collapsible-header.with-arrows::after, + .breadcrumb .collapsible li i.collapsible-header.right-arrows::after, .collapsible li + .breadcrumb i.collapsible-header.right-arrows::after, + .breadcrumb details.form-wrapper li i.collapsible-header.right-arrows::after, details.form-wrapper li + .breadcrumb i.collapsible-header.right-arrows::after, + .breadcrumb .region-title__action i.button::after, .region-title__action + .breadcrumb i.button::after, + .breadcrumb .color-palette i.color-palette__hook.is-up::before, .color-palette + .breadcrumb i.color-palette__hook.is-up::before, + .breadcrumb + .color-palette i.color-palette__lock::before, + .color-palette + .breadcrumb i.color-palette__lock::before, + .breadcrumb i.file::before, + .breadcrumb .details-item i.collapsible-header::before, .details-item + .breadcrumb i.collapsible-header::before, + .breadcrumb .collection .collection-item > .item-list .collection i.collection-item::before, .collection .collection-item > .item-list .collection + .breadcrumb i.collection-item::before, + .breadcrumb i.dropdown-button::after, + .breadcrumb .select-wrapper i.caret::after, .select-wrapper + .breadcrumb i.caret::after, + .breadcrumb .messages-clone.messages--status .card-content .message-header i.card-title::before, .messages-clone.messages--status .card-content .message-header + .breadcrumb i.card-title::before, + .breadcrumb .messages-clone.messages--warning .card-content .message-header i.card-title::before, .messages-clone.messages--warning .card-content .message-header + .breadcrumb i.card-title::before, + .breadcrumb .messages-clone.messages--error .card-content .message-header i.card-title::before, .messages-clone.messages--error .card-content .message-header + .breadcrumb i.card-title::before, + .breadcrumb i.tablesort.tablesort--asc::after, + .breadcrumb i.tablesort.tablesort--desc::after, + .breadcrumb .draggable a.tabledrag-handle i.handle::before, .draggable a.tabledrag-handle + .breadcrumb i.handle::before, + .breadcrumb .views-ui-rearrange-filter-form .filter-group-operator-row i.form-item-filter-groups-operator::before, .views-ui-rearrange-filter-form .filter-group-operator-row + .breadcrumb i.form-item-filter-groups-operator::before, + .breadcrumb .views-ui-display-tab-bucket i.collection-string-only::before, .views-ui-display-tab-bucket + .breadcrumb i.collection-string-only::before, + .breadcrumb .acquiadam-browser-breadcrumb-container i::after, .acquiadam-browser-breadcrumb-container + .breadcrumb i::after, + .breadcrumb .acquiadam-browser-breadcrumb-container li:first-child i::before, .acquiadam-browser-breadcrumb-container li:first-child + .breadcrumb i::before, + .breadcrumb .entities-list i.item-container.ui-sortable-handle::before, .entities-list + .breadcrumb i.item-container.ui-sortable-handle::before, + .breadcrumb .system-status-report__status-icon--checked i.collapsible-header::before, .system-status-report__status-icon--checked + .breadcrumb i.collapsible-header::before, + .breadcrumb .system-status-report__status-icon--warning i.collapsible-header::before, .system-status-report__status-icon--warning + .breadcrumb i.collapsible-header::before, + .breadcrumb .system-status-report__status-icon--error i.collapsible-header::before, .system-status-report__status-icon--error + .breadcrumb i.collapsible-header::before { + display: inline-block; + float: left; + font-size: 24px; } + .breadcrumb:before { + content: '\E5CC'; + color: rgba(255, 255, 255, 0.7); + vertical-align: top; + display: inline-block; + font-family: 'Material Icons'; + font-weight: normal; + font-style: normal; + font-size: 25px; + margin: 0 10px 0 8px; + -webkit-font-smoothing: antialiased; } + .breadcrumb:first-child:before { + display: none; } + .breadcrumb:last-child { + color: #fff; } + +.parallax-container { + position: relative; + overflow: hidden; + height: 500px; } + .parallax-container .parallax { + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + z-index: -1; } + .parallax-container .parallax img { + display: none; + position: absolute; + left: 50%; + bottom: 0; + min-width: 100%; + min-height: 100%; + transform: translate3d(0, 0, 0); + -ms-transform: translateX(-50%); + transform: translateX(-50%); } + +.pin-top, .pin-bottom { + position: relative; } + +.pinned { + position: fixed !important; } + /********************* Transition Classes -**********************/ -ul.staggered-list li { - opacity: 0; } - -.fade-in { - opacity: 0; - -ms-transform-origin: 0 50%; - transform-origin: 0 50%; } - +**********************/ +ul.staggered-list li { + opacity: 0; } + +.fade-in { + opacity: 0; + -ms-transform-origin: 0 50%; + transform-origin: 0 50%; } + /********************* Media Query Classes -**********************/ -@media only screen and (max-width: 600px) { - .hide-on-small-only, .hide-on-small-and-down { - display: none !important; } } - -@media only screen and (max-width: 992px) { - .hide-on-med-and-down { - display: none !important; } } - -@media only screen and (min-width: 601px) { - .hide-on-med-and-up { - display: none !important; } } - -@media only screen and (min-width: 600px) and (max-width: 992px) { - .hide-on-med-only { - display: none !important; } } - -@media only screen and (min-width: 993px) { - .hide-on-large-only { - display: none !important; } } - -@media only screen and (min-width: 993px) { - .show-on-large { - display: block !important; } } - -@media only screen and (min-width: 600px) and (max-width: 992px) { - .show-on-medium { - display: block !important; } } - -@media only screen and (max-width: 600px) { - .show-on-small { - display: block !important; } } - -@media only screen and (min-width: 601px) { - .show-on-medium-and-up { - display: block !important; } } - -@media only screen and (max-width: 992px) { - .show-on-medium-and-down { - display: block !important; } } - -@media only screen and (max-width: 600px) { - .center-on-small-only { - text-align: center; } } - -.page-footer { - padding-top: 20px; - color: #fff; - background-color: #ee6e73; } - .page-footer .footer-copyright { - overflow: hidden; - min-height: 50px; - display: -ms-flexbox; - display: flex; - -ms-flex-align: center; - align-items: center; - padding: 10px 0px; - color: rgba(255, 255, 255, 0.8); - background-color: rgba(51, 51, 51, 0.08); } - -table, th, td { - border: none; } - -table { - width: 100%; - display: table; } - table.bordered > thead > tr, - table.bordered > tbody > tr { - border-bottom: 1px solid #d0d0d0; } - table.striped > tbody > tr:nth-child(odd) { - background-color: #f2f2f2; } - table.striped > tbody > tr > td { - border-radius: 0; } - table.highlight > tbody > tr { - transition: background-color .25s ease; } - table.highlight > tbody > tr:hover { - background-color: #f2f2f2; } - table.centered thead tr th, table.centered tbody tr td { - text-align: center; } - -thead { - border-bottom: 1px solid #d0d0d0; } - -td, th { - padding: 15px 5px; - display: table-cell; - text-align: left; - vertical-align: middle; - border-radius: 2px; } - -@media only screen and (max-width: 992px) { - table.responsive-table { - width: 100%; - border-collapse: collapse; - border-spacing: 0; - display: block; - position: relative; - /* sort out borders */ } - table.responsive-table td:empty:before { - content: '\00a0'; } - table.responsive-table th, - table.responsive-table td { - margin: 0; - vertical-align: top; } - table.responsive-table th { - text-align: left; } - table.responsive-table thead { - display: block; - float: left; } - table.responsive-table thead tr { - display: block; - padding: 0 10px 0 0; } - table.responsive-table thead tr th::before { - content: "\00a0"; } - table.responsive-table tbody { - display: block; - width: auto; - position: relative; - overflow-x: auto; - white-space: nowrap; } - table.responsive-table tbody tr { - display: inline-block; - vertical-align: top; } - table.responsive-table th { - display: block; - text-align: right; } - table.responsive-table td { - display: block; - min-height: 1.25em; - text-align: left; } - table.responsive-table tr { - padding: 0 10px; } - table.responsive-table thead { - border: 0; - border-right: 1px solid #d0d0d0; } - table.responsive-table.bordered th { - border-bottom: 0; - border-left: 0; } - table.responsive-table.bordered td { - border-left: 0; - border-right: 0; - border-bottom: 0; } - table.responsive-table.bordered tr { - border: 0; } - table.responsive-table.bordered tbody tr { - border-right: 1px solid #d0d0d0; } } - -.collection { - margin: 0.5rem 0 1rem 0; - border: 1px solid #e0e0e0; - border-radius: 2px; - overflow: hidden; - position: relative; } - .collection .collection-item { - background-color: #FFFFFF; - line-height: 1.5rem; - padding: 10px 20px; - margin: 0; - border-bottom: 1px solid #e0e0e0; } - .collection .collection-item.avatar { - min-height: 84px; - padding-left: 72px; - position: relative; } - .collection .collection-item.avatar:not(.circle-clipper) > .circle, - .collection .collection-item.avatar :not(.circle-clipper) > .circle { - position: absolute; - width: 42px; - height: 42px; - overflow: hidden; - left: 15px; - display: inline-block; - vertical-align: middle; } - .collection .collection-item.avatar i.circle { - font-size: 18px; - line-height: 42px; - color: #fff; - background-color: #999; - text-align: center; } - .collection .collection-item.avatar .title { - font-size: 16px; } - .collection .collection-item.avatar p { - margin: 0; } - .collection .collection-item.avatar .secondary-content { - position: absolute; - top: 16px; - right: 16px; } - .collection .collection-item:last-child { - border-bottom: none; } - .collection .collection-item.active { - background-color: #009688; - color: #eafaf9; } - .collection .collection-item.active .secondary-content { - color: #fff; } - .collection a.collection-item { - display: block; - transition: .25s; - color: #009688; } - .collection a.collection-item:not(.active):hover { - background-color: #eeeeee; } - .collection.with-header .collection-header { - background-color: #FFFFFF; - border-bottom: 1px solid #e0e0e0; - padding: 10px 20px; } - .collection.with-header .collection-item { - padding-left: 30px; } - .collection.with-header .collection-item.avatar { - padding-left: 72px; } - -.secondary-content { - float: right; - color: #26a69a; } - -.collapsible .collection, details.form-wrapper .collection { - margin: 0; - border: none; } - -.video-container { - position: relative; - padding-bottom: 56.25%; - height: 0; - overflow: hidden; } - .video-container iframe, .video-container object, .video-container embed { - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; } - -.progress { - position: relative; - height: 4px; - display: block; - width: 100%; - background-color: #acece6; - border-radius: 2px; - margin: 0.5rem 0 1rem 0; - overflow: hidden; } - .progress .determinate, .progress .progress__track .progress__bar { - position: absolute; - top: 0; - left: 0; - bottom: 0; - background-color: #26a69a; - transition: width .3s linear; } - .progress .indeterminate { - background-color: #26a69a; } - .progress .indeterminate:before { - content: ''; - position: absolute; - background-color: inherit; - top: 0; - left: 0; - bottom: 0; - will-change: left, right; - animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite; } - .progress .indeterminate:after { - content: ''; - position: absolute; - background-color: inherit; - top: 0; - left: 0; - bottom: 0; - will-change: left, right; - animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite; - animation-delay: 1.15s; } - -@keyframes indeterminate { - 0% { - left: -35%; - right: 100%; } - 60% { - left: 100%; - right: -90%; } - 100% { - left: 100%; - right: -90%; } } - -@keyframes indeterminate-short { - 0% { - left: -200%; - right: 100%; } - 60% { - left: 107%; - right: -8%; } - 100% { - left: 107%; - right: -8%; } } - +**********************/ +@media only screen and (max-width: 600px) { + .hide-on-small-only, .hide-on-small-and-down { + display: none !important; } } + +@media only screen and (max-width: 992px) { + .hide-on-med-and-down { + display: none !important; } } + +@media only screen and (min-width: 601px) { + .hide-on-med-and-up { + display: none !important; } } + +@media only screen and (min-width: 600px) and (max-width: 992px) { + .hide-on-med-only { + display: none !important; } } + +@media only screen and (min-width: 993px) { + .hide-on-large-only { + display: none !important; } } + +@media only screen and (min-width: 993px) { + .show-on-large { + display: block !important; } } + +@media only screen and (min-width: 600px) and (max-width: 992px) { + .show-on-medium { + display: block !important; } } + +@media only screen and (max-width: 600px) { + .show-on-small { + display: block !important; } } + +@media only screen and (min-width: 601px) { + .show-on-medium-and-up { + display: block !important; } } + +@media only screen and (max-width: 992px) { + .show-on-medium-and-down { + display: block !important; } } + +@media only screen and (max-width: 600px) { + .center-on-small-only { + text-align: center; } } + +.page-footer { + padding-top: 20px; + color: #fff; + background-color: #ee6e73; } + .page-footer .footer-copyright { + overflow: hidden; + min-height: 50px; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + padding: 10px 0px; + color: rgba(255, 255, 255, 0.8); + background-color: rgba(51, 51, 51, 0.08); } + +table, th, td { + border: none; } + +table { + width: 100%; + display: table; } + table.bordered > thead > tr, + table.bordered > tbody > tr { + border-bottom: 1px solid #d0d0d0; } + table.striped > tbody > tr:nth-child(odd) { + background-color: #f2f2f2; } + table.striped > tbody > tr > td { + border-radius: 0; } + table.highlight > tbody > tr { + transition: background-color .25s ease; } + table.highlight > tbody > tr:hover { + background-color: #f2f2f2; } + table.centered thead tr th, table.centered tbody tr td { + text-align: center; } + +thead { + border-bottom: 1px solid #d0d0d0; } + +td, th { + padding: 15px 5px; + display: table-cell; + text-align: left; + vertical-align: middle; + border-radius: 2px; } + +@media only screen and (max-width: 992px) { + table.responsive-table { + width: 100%; + border-collapse: collapse; + border-spacing: 0; + display: block; + position: relative; + /* sort out borders */ } + table.responsive-table td:empty:before { + content: '\00a0'; } + table.responsive-table th, + table.responsive-table td { + margin: 0; + vertical-align: top; } + table.responsive-table th { + text-align: left; } + table.responsive-table thead { + display: block; + float: left; } + table.responsive-table thead tr { + display: block; + padding: 0 10px 0 0; } + table.responsive-table thead tr th::before { + content: "\00a0"; } + table.responsive-table tbody { + display: block; + width: auto; + position: relative; + overflow-x: auto; + white-space: nowrap; } + table.responsive-table tbody tr { + display: inline-block; + vertical-align: top; } + table.responsive-table th { + display: block; + text-align: right; } + table.responsive-table td { + display: block; + min-height: 1.25em; + text-align: left; } + table.responsive-table tr { + padding: 0 10px; } + table.responsive-table thead { + border: 0; + border-right: 1px solid #d0d0d0; } + table.responsive-table.bordered th { + border-bottom: 0; + border-left: 0; } + table.responsive-table.bordered td { + border-left: 0; + border-right: 0; + border-bottom: 0; } + table.responsive-table.bordered tr { + border: 0; } + table.responsive-table.bordered tbody tr { + border-right: 1px solid #d0d0d0; } } + +.collection { + margin: 0.5rem 0 1rem 0; + border: 1px solid #e0e0e0; + border-radius: 2px; + overflow: hidden; + position: relative; } + .collection .collection-item { + background-color: #FFFFFF; + line-height: 1.5rem; + padding: 10px 20px; + margin: 0; + border-bottom: 1px solid #e0e0e0; } + .collection .collection-item.avatar { + min-height: 84px; + padding-left: 72px; + position: relative; } + .collection .collection-item.avatar:not(.circle-clipper) > .circle, + .collection .collection-item.avatar :not(.circle-clipper) > .circle { + position: absolute; + width: 42px; + height: 42px; + overflow: hidden; + left: 15px; + display: inline-block; + vertical-align: middle; } + .collection .collection-item.avatar i.circle { + font-size: 18px; + line-height: 42px; + color: #fff; + background-color: #999; + text-align: center; } + .collection .collection-item.avatar .title { + font-size: 16px; } + .collection .collection-item.avatar p { + margin: 0; } + .collection .collection-item.avatar .secondary-content { + position: absolute; + top: 16px; + right: 16px; } + .collection .collection-item:last-child { + border-bottom: none; } + .collection .collection-item.active { + background-color: #009688; + color: #eafaf9; } + .collection .collection-item.active .secondary-content { + color: #fff; } + .collection a.collection-item { + display: block; + transition: .25s; + color: #009688; } + .collection a.collection-item:not(.active):hover { + background-color: #eeeeee; } + .collection.with-header .collection-header { + background-color: #FFFFFF; + border-bottom: 1px solid #e0e0e0; + padding: 10px 20px; } + .collection.with-header .collection-item { + padding-left: 30px; } + .collection.with-header .collection-item.avatar { + padding-left: 72px; } + +.secondary-content { + float: right; + color: #26a69a; } + +.collapsible .collection, details.form-wrapper .collection { + margin: 0; + border: none; } + +.video-container { + position: relative; + padding-bottom: 56.25%; + height: 0; + overflow: hidden; } + .video-container iframe, .video-container object, .video-container embed { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; } + +.progress { + position: relative; + height: 4px; + display: block; + width: 100%; + background-color: #acece6; + border-radius: 2px; + margin: 0.5rem 0 1rem 0; + overflow: hidden; } + .progress .determinate, .progress .progress__track .progress__bar { + position: absolute; + top: 0; + left: 0; + bottom: 0; + background-color: #26a69a; + transition: width .3s linear; } + .progress .indeterminate { + background-color: #26a69a; } + .progress .indeterminate:before { + content: ''; + position: absolute; + background-color: inherit; + top: 0; + left: 0; + bottom: 0; + will-change: left, right; + animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite; } + .progress .indeterminate:after { + content: ''; + position: absolute; + background-color: inherit; + top: 0; + left: 0; + bottom: 0; + will-change: left, right; + animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite; + animation-delay: 1.15s; } + +@keyframes indeterminate { + 0% { + left: -35%; + right: 100%; } + 60% { + left: 100%; + right: -90%; } + 100% { + left: 100%; + right: -90%; } } + +@keyframes indeterminate-short { + 0% { + left: -200%; + right: 100%; } + 60% { + left: 107%; + right: -8%; } + 100% { + left: 107%; + right: -8%; } } + /******************* Utility Classes -*******************/ -.hide { - display: none !important; } - -.left-align { - text-align: left; } - -.right-align { - text-align: right; } - -.center, .center-align { - text-align: center; } - -.left { - float: left !important; } - -.right { - float: right !important; } - -.no-select, input[type=range], -input[type=range] + .thumb { - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; } - -.circle { - border-radius: 50%; } - -.center-block { - display: block; - margin-left: auto; - margin-right: auto; } - -.truncate { - display: block; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; } - -.no-padding { - padding: 0 !important; } - -.container { - margin: 0 auto; - max-width: 1280px; - width: 90%; } - -@media only screen and (min-width: 601px) { - .container { - width: 85%; } } - -@media only screen and (min-width: 993px) { - .container { - width: 70%; } } - -.container .row { - margin-left: -0.75rem; - margin-right: -0.75rem; } - -.section { - padding-top: 1rem; - padding-bottom: 1rem; } - .section.no-pad { - padding: 0; } - .section.no-pad-bot { - padding-bottom: 0; } - .section.no-pad-top { - padding-top: 0; } - -.row { - margin-left: auto; - margin-right: auto; - margin-bottom: 20px; } - .row:after { - content: ""; - display: table; - clear: both; } - .row .col, .row .color-form .wrap-placeholder-fab, .color-form .row .wrap-placeholder-fab, .row .color-palette .form-item:not(.form-item-scheme), .color-palette .row .form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.vertical-tabs__menu, .vertical-tab-wrapper .row ul.vertical-tabs__menu, .row .vertical-tab-wrapper .vertical-tabs__panes, .vertical-tab-wrapper .row .vertical-tabs__panes, .row .acquiadam-asset-browser { - float: left; - box-sizing: border-box; - padding: 0 0.75rem; - min-height: 1px; } - .row .col[class*="push-"], .row .color-form [class*="push-"].wrap-placeholder-fab, .color-form .row [class*="push-"].wrap-placeholder-fab, .row .color-palette [class*="push-"].form-item:not(.form-item-scheme), .color-palette .row [class*="push-"].form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul[class*="push-"].vertical-tabs__menu, .vertical-tab-wrapper .row ul[class*="push-"].vertical-tabs__menu, .row .vertical-tab-wrapper [class*="push-"].vertical-tabs__panes, .vertical-tab-wrapper .row [class*="push-"].vertical-tabs__panes, .row [class*="push-"].acquiadam-asset-browser, .row .col[class*="pull-"], .row .color-form [class*="pull-"].wrap-placeholder-fab, .color-form .row [class*="pull-"].wrap-placeholder-fab, .row .color-palette [class*="pull-"].form-item:not(.form-item-scheme), .color-palette .row [class*="pull-"].form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul[class*="pull-"].vertical-tabs__menu, .vertical-tab-wrapper .row ul[class*="pull-"].vertical-tabs__menu, .row .vertical-tab-wrapper [class*="pull-"].vertical-tabs__panes, .vertical-tab-wrapper .row [class*="pull-"].vertical-tabs__panes, .row [class*="pull-"].acquiadam-asset-browser { - position: relative; } - .row .col.s1, .row .color-form .s1.wrap-placeholder-fab, .color-form .row .s1.wrap-placeholder-fab, .row .color-palette .s1.form-item:not(.form-item-scheme), .color-palette .row .s1.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.s1.vertical-tabs__menu, .vertical-tab-wrapper .row ul.s1.vertical-tabs__menu, .row .vertical-tab-wrapper .s1.vertical-tabs__panes, .vertical-tab-wrapper .row .s1.vertical-tabs__panes, .row .s1.acquiadam-asset-browser { - width: 8.33333%; - margin-left: auto; - left: auto; - right: auto; } - .row .col.s2, .row .color-form .s2.wrap-placeholder-fab, .color-form .row .s2.wrap-placeholder-fab, .row .color-palette .s2.form-item:not(.form-item-scheme), .color-palette .row .s2.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.s2.vertical-tabs__menu, .vertical-tab-wrapper .row ul.s2.vertical-tabs__menu, .row .vertical-tab-wrapper .s2.vertical-tabs__panes, .vertical-tab-wrapper .row .s2.vertical-tabs__panes, .row .s2.acquiadam-asset-browser { - width: 16.66667%; - margin-left: auto; - left: auto; - right: auto; } - .row .col.s3, .row .color-form .s3.wrap-placeholder-fab, .color-form .row .s3.wrap-placeholder-fab, .row .color-palette .s3.form-item:not(.form-item-scheme), .color-palette .row .s3.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.s3.vertical-tabs__menu, .vertical-tab-wrapper .row ul.s3.vertical-tabs__menu, .row .vertical-tab-wrapper .s3.vertical-tabs__panes, .vertical-tab-wrapper .row .s3.vertical-tabs__panes, .row .s3.acquiadam-asset-browser { - width: 25%; - margin-left: auto; - left: auto; - right: auto; } - .row .col.s4, .row .color-form .s4.wrap-placeholder-fab, .color-form .row .s4.wrap-placeholder-fab, .row .color-palette .s4.form-item:not(.form-item-scheme), .color-palette .row .s4.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.s4.vertical-tabs__menu, .vertical-tab-wrapper .row ul.s4.vertical-tabs__menu, .row .vertical-tab-wrapper .s4.vertical-tabs__panes, .vertical-tab-wrapper .row .s4.vertical-tabs__panes, .row .s4.acquiadam-asset-browser { - width: 33.33333%; - margin-left: auto; - left: auto; - right: auto; } - .row .col.s5, .row .color-form .s5.wrap-placeholder-fab, .color-form .row .s5.wrap-placeholder-fab, .row .color-palette .s5.form-item:not(.form-item-scheme), .color-palette .row .s5.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.s5.vertical-tabs__menu, .vertical-tab-wrapper .row ul.s5.vertical-tabs__menu, .row .vertical-tab-wrapper .s5.vertical-tabs__panes, .vertical-tab-wrapper .row .s5.vertical-tabs__panes, .row .s5.acquiadam-asset-browser { - width: 41.66667%; - margin-left: auto; - left: auto; - right: auto; } - .row .col.s6, .row .color-form .s6.wrap-placeholder-fab, .color-form .row .s6.wrap-placeholder-fab, .row .color-palette .s6.form-item:not(.form-item-scheme), .color-palette .row .s6.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.s6.vertical-tabs__menu, .vertical-tab-wrapper .row ul.s6.vertical-tabs__menu, .row .vertical-tab-wrapper .s6.vertical-tabs__panes, .vertical-tab-wrapper .row .s6.vertical-tabs__panes, .row .s6.acquiadam-asset-browser { - width: 50%; - margin-left: auto; - left: auto; - right: auto; } - .row .col.s7, .row .color-form .s7.wrap-placeholder-fab, .color-form .row .s7.wrap-placeholder-fab, .row .color-palette .s7.form-item:not(.form-item-scheme), .color-palette .row .s7.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.s7.vertical-tabs__menu, .vertical-tab-wrapper .row ul.s7.vertical-tabs__menu, .row .vertical-tab-wrapper .s7.vertical-tabs__panes, .vertical-tab-wrapper .row .s7.vertical-tabs__panes, .row .s7.acquiadam-asset-browser { - width: 58.33333%; - margin-left: auto; - left: auto; - right: auto; } - .row .col.s8, .row .color-form .s8.wrap-placeholder-fab, .color-form .row .s8.wrap-placeholder-fab, .row .color-palette .s8.form-item:not(.form-item-scheme), .color-palette .row .s8.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.s8.vertical-tabs__menu, .vertical-tab-wrapper .row ul.s8.vertical-tabs__menu, .row .vertical-tab-wrapper .s8.vertical-tabs__panes, .vertical-tab-wrapper .row .s8.vertical-tabs__panes, .row .s8.acquiadam-asset-browser { - width: 66.66667%; - margin-left: auto; - left: auto; - right: auto; } - .row .col.s9, .row .color-form .s9.wrap-placeholder-fab, .color-form .row .s9.wrap-placeholder-fab, .row .color-palette .s9.form-item:not(.form-item-scheme), .color-palette .row .s9.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.s9.vertical-tabs__menu, .vertical-tab-wrapper .row ul.s9.vertical-tabs__menu, .row .vertical-tab-wrapper .s9.vertical-tabs__panes, .vertical-tab-wrapper .row .s9.vertical-tabs__panes, .row .s9.acquiadam-asset-browser { - width: 75%; - margin-left: auto; - left: auto; - right: auto; } - .row .col.s10, .row .color-form .s10.wrap-placeholder-fab, .color-form .row .s10.wrap-placeholder-fab, .row .color-palette .s10.form-item:not(.form-item-scheme), .color-palette .row .s10.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.s10.vertical-tabs__menu, .vertical-tab-wrapper .row ul.s10.vertical-tabs__menu, .row .vertical-tab-wrapper .s10.vertical-tabs__panes, .vertical-tab-wrapper .row .s10.vertical-tabs__panes, .row .s10.acquiadam-asset-browser { - width: 83.33333%; - margin-left: auto; - left: auto; - right: auto; } - .row .col.s11, .row .color-form .s11.wrap-placeholder-fab, .color-form .row .s11.wrap-placeholder-fab, .row .color-palette .s11.form-item:not(.form-item-scheme), .color-palette .row .s11.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.s11.vertical-tabs__menu, .vertical-tab-wrapper .row ul.s11.vertical-tabs__menu, .row .vertical-tab-wrapper .s11.vertical-tabs__panes, .vertical-tab-wrapper .row .s11.vertical-tabs__panes, .row .s11.acquiadam-asset-browser { - width: 91.66667%; - margin-left: auto; - left: auto; - right: auto; } - .row .col.s12, .row .color-form .s12.wrap-placeholder-fab, .color-form .row .s12.wrap-placeholder-fab, .row .color-palette .form-item:not(.form-item-scheme), .color-palette .row .form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.vertical-tabs__menu, .vertical-tab-wrapper .row ul.vertical-tabs__menu, .row .vertical-tab-wrapper .vertical-tabs__panes, .vertical-tab-wrapper .row .vertical-tabs__panes, .row .s12.acquiadam-asset-browser { - width: 100%; - margin-left: auto; - left: auto; - right: auto; } - .row .col.offset-s1, .row .color-form .offset-s1.wrap-placeholder-fab, .color-form .row .offset-s1.wrap-placeholder-fab, .row .color-palette .offset-s1.form-item:not(.form-item-scheme), .color-palette .row .offset-s1.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.offset-s1.vertical-tabs__menu, .vertical-tab-wrapper .row ul.offset-s1.vertical-tabs__menu, .row .vertical-tab-wrapper .offset-s1.vertical-tabs__panes, .vertical-tab-wrapper .row .offset-s1.vertical-tabs__panes, .row .offset-s1.acquiadam-asset-browser { - margin-left: 8.33333%; } - .row .col.pull-s1, .row .color-form .pull-s1.wrap-placeholder-fab, .color-form .row .pull-s1.wrap-placeholder-fab, .row .color-palette .pull-s1.form-item:not(.form-item-scheme), .color-palette .row .pull-s1.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.pull-s1.vertical-tabs__menu, .vertical-tab-wrapper .row ul.pull-s1.vertical-tabs__menu, .row .vertical-tab-wrapper .pull-s1.vertical-tabs__panes, .vertical-tab-wrapper .row .pull-s1.vertical-tabs__panes, .row .pull-s1.acquiadam-asset-browser { - right: 8.33333%; } - .row .col.push-s1, .row .color-form .push-s1.wrap-placeholder-fab, .color-form .row .push-s1.wrap-placeholder-fab, .row .color-palette .push-s1.form-item:not(.form-item-scheme), .color-palette .row .push-s1.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.push-s1.vertical-tabs__menu, .vertical-tab-wrapper .row ul.push-s1.vertical-tabs__menu, .row .vertical-tab-wrapper .push-s1.vertical-tabs__panes, .vertical-tab-wrapper .row .push-s1.vertical-tabs__panes, .row .push-s1.acquiadam-asset-browser { - left: 8.33333%; } - .row .col.offset-s2, .row .color-form .offset-s2.wrap-placeholder-fab, .color-form .row .offset-s2.wrap-placeholder-fab, .row .color-palette .offset-s2.form-item:not(.form-item-scheme), .color-palette .row .offset-s2.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.offset-s2.vertical-tabs__menu, .vertical-tab-wrapper .row ul.offset-s2.vertical-tabs__menu, .row .vertical-tab-wrapper .offset-s2.vertical-tabs__panes, .vertical-tab-wrapper .row .offset-s2.vertical-tabs__panes, .row .offset-s2.acquiadam-asset-browser { - margin-left: 16.66667%; } - .row .col.pull-s2, .row .color-form .pull-s2.wrap-placeholder-fab, .color-form .row .pull-s2.wrap-placeholder-fab, .row .color-palette .pull-s2.form-item:not(.form-item-scheme), .color-palette .row .pull-s2.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.pull-s2.vertical-tabs__menu, .vertical-tab-wrapper .row ul.pull-s2.vertical-tabs__menu, .row .vertical-tab-wrapper .pull-s2.vertical-tabs__panes, .vertical-tab-wrapper .row .pull-s2.vertical-tabs__panes, .row .pull-s2.acquiadam-asset-browser { - right: 16.66667%; } - .row .col.push-s2, .row .color-form .push-s2.wrap-placeholder-fab, .color-form .row .push-s2.wrap-placeholder-fab, .row .color-palette .push-s2.form-item:not(.form-item-scheme), .color-palette .row .push-s2.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.push-s2.vertical-tabs__menu, .vertical-tab-wrapper .row ul.push-s2.vertical-tabs__menu, .row .vertical-tab-wrapper .push-s2.vertical-tabs__panes, .vertical-tab-wrapper .row .push-s2.vertical-tabs__panes, .row .push-s2.acquiadam-asset-browser { - left: 16.66667%; } - .row .col.offset-s3, .row .color-form .offset-s3.wrap-placeholder-fab, .color-form .row .offset-s3.wrap-placeholder-fab, .row .color-palette .offset-s3.form-item:not(.form-item-scheme), .color-palette .row .offset-s3.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.offset-s3.vertical-tabs__menu, .vertical-tab-wrapper .row ul.offset-s3.vertical-tabs__menu, .row .vertical-tab-wrapper .offset-s3.vertical-tabs__panes, .vertical-tab-wrapper .row .offset-s3.vertical-tabs__panes, .row .offset-s3.acquiadam-asset-browser { - margin-left: 25%; } - .row .col.pull-s3, .row .color-form .pull-s3.wrap-placeholder-fab, .color-form .row .pull-s3.wrap-placeholder-fab, .row .color-palette .pull-s3.form-item:not(.form-item-scheme), .color-palette .row .pull-s3.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.pull-s3.vertical-tabs__menu, .vertical-tab-wrapper .row ul.pull-s3.vertical-tabs__menu, .row .vertical-tab-wrapper .pull-s3.vertical-tabs__panes, .vertical-tab-wrapper .row .pull-s3.vertical-tabs__panes, .row .pull-s3.acquiadam-asset-browser { - right: 25%; } - .row .col.push-s3, .row .color-form .push-s3.wrap-placeholder-fab, .color-form .row .push-s3.wrap-placeholder-fab, .row .color-palette .push-s3.form-item:not(.form-item-scheme), .color-palette .row .push-s3.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.push-s3.vertical-tabs__menu, .vertical-tab-wrapper .row ul.push-s3.vertical-tabs__menu, .row .vertical-tab-wrapper .push-s3.vertical-tabs__panes, .vertical-tab-wrapper .row .push-s3.vertical-tabs__panes, .row .push-s3.acquiadam-asset-browser { - left: 25%; } - .row .col.offset-s4, .row .color-form .offset-s4.wrap-placeholder-fab, .color-form .row .offset-s4.wrap-placeholder-fab, .row .color-palette .offset-s4.form-item:not(.form-item-scheme), .color-palette .row .offset-s4.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.offset-s4.vertical-tabs__menu, .vertical-tab-wrapper .row ul.offset-s4.vertical-tabs__menu, .row .vertical-tab-wrapper .offset-s4.vertical-tabs__panes, .vertical-tab-wrapper .row .offset-s4.vertical-tabs__panes, .row .offset-s4.acquiadam-asset-browser { - margin-left: 33.33333%; } - .row .col.pull-s4, .row .color-form .pull-s4.wrap-placeholder-fab, .color-form .row .pull-s4.wrap-placeholder-fab, .row .color-palette .pull-s4.form-item:not(.form-item-scheme), .color-palette .row .pull-s4.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.pull-s4.vertical-tabs__menu, .vertical-tab-wrapper .row ul.pull-s4.vertical-tabs__menu, .row .vertical-tab-wrapper .pull-s4.vertical-tabs__panes, .vertical-tab-wrapper .row .pull-s4.vertical-tabs__panes, .row .pull-s4.acquiadam-asset-browser { - right: 33.33333%; } - .row .col.push-s4, .row .color-form .push-s4.wrap-placeholder-fab, .color-form .row .push-s4.wrap-placeholder-fab, .row .color-palette .push-s4.form-item:not(.form-item-scheme), .color-palette .row .push-s4.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.push-s4.vertical-tabs__menu, .vertical-tab-wrapper .row ul.push-s4.vertical-tabs__menu, .row .vertical-tab-wrapper .push-s4.vertical-tabs__panes, .vertical-tab-wrapper .row .push-s4.vertical-tabs__panes, .row .push-s4.acquiadam-asset-browser { - left: 33.33333%; } - .row .col.offset-s5, .row .color-form .offset-s5.wrap-placeholder-fab, .color-form .row .offset-s5.wrap-placeholder-fab, .row .color-palette .offset-s5.form-item:not(.form-item-scheme), .color-palette .row .offset-s5.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.offset-s5.vertical-tabs__menu, .vertical-tab-wrapper .row ul.offset-s5.vertical-tabs__menu, .row .vertical-tab-wrapper .offset-s5.vertical-tabs__panes, .vertical-tab-wrapper .row .offset-s5.vertical-tabs__panes, .row .offset-s5.acquiadam-asset-browser { - margin-left: 41.66667%; } - .row .col.pull-s5, .row .color-form .pull-s5.wrap-placeholder-fab, .color-form .row .pull-s5.wrap-placeholder-fab, .row .color-palette .pull-s5.form-item:not(.form-item-scheme), .color-palette .row .pull-s5.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.pull-s5.vertical-tabs__menu, .vertical-tab-wrapper .row ul.pull-s5.vertical-tabs__menu, .row .vertical-tab-wrapper .pull-s5.vertical-tabs__panes, .vertical-tab-wrapper .row .pull-s5.vertical-tabs__panes, .row .pull-s5.acquiadam-asset-browser { - right: 41.66667%; } - .row .col.push-s5, .row .color-form .push-s5.wrap-placeholder-fab, .color-form .row .push-s5.wrap-placeholder-fab, .row .color-palette .push-s5.form-item:not(.form-item-scheme), .color-palette .row .push-s5.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.push-s5.vertical-tabs__menu, .vertical-tab-wrapper .row ul.push-s5.vertical-tabs__menu, .row .vertical-tab-wrapper .push-s5.vertical-tabs__panes, .vertical-tab-wrapper .row .push-s5.vertical-tabs__panes, .row .push-s5.acquiadam-asset-browser { - left: 41.66667%; } - .row .col.offset-s6, .row .color-form .offset-s6.wrap-placeholder-fab, .color-form .row .offset-s6.wrap-placeholder-fab, .row .color-palette .offset-s6.form-item:not(.form-item-scheme), .color-palette .row .offset-s6.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.offset-s6.vertical-tabs__menu, .vertical-tab-wrapper .row ul.offset-s6.vertical-tabs__menu, .row .vertical-tab-wrapper .offset-s6.vertical-tabs__panes, .vertical-tab-wrapper .row .offset-s6.vertical-tabs__panes, .row .offset-s6.acquiadam-asset-browser { - margin-left: 50%; } - .row .col.pull-s6, .row .color-form .pull-s6.wrap-placeholder-fab, .color-form .row .pull-s6.wrap-placeholder-fab, .row .color-palette .pull-s6.form-item:not(.form-item-scheme), .color-palette .row .pull-s6.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.pull-s6.vertical-tabs__menu, .vertical-tab-wrapper .row ul.pull-s6.vertical-tabs__menu, .row .vertical-tab-wrapper .pull-s6.vertical-tabs__panes, .vertical-tab-wrapper .row .pull-s6.vertical-tabs__panes, .row .pull-s6.acquiadam-asset-browser { - right: 50%; } - .row .col.push-s6, .row .color-form .push-s6.wrap-placeholder-fab, .color-form .row .push-s6.wrap-placeholder-fab, .row .color-palette .push-s6.form-item:not(.form-item-scheme), .color-palette .row .push-s6.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.push-s6.vertical-tabs__menu, .vertical-tab-wrapper .row ul.push-s6.vertical-tabs__menu, .row .vertical-tab-wrapper .push-s6.vertical-tabs__panes, .vertical-tab-wrapper .row .push-s6.vertical-tabs__panes, .row .push-s6.acquiadam-asset-browser { - left: 50%; } - .row .col.offset-s7, .row .color-form .offset-s7.wrap-placeholder-fab, .color-form .row .offset-s7.wrap-placeholder-fab, .row .color-palette .offset-s7.form-item:not(.form-item-scheme), .color-palette .row .offset-s7.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.offset-s7.vertical-tabs__menu, .vertical-tab-wrapper .row ul.offset-s7.vertical-tabs__menu, .row .vertical-tab-wrapper .offset-s7.vertical-tabs__panes, .vertical-tab-wrapper .row .offset-s7.vertical-tabs__panes, .row .offset-s7.acquiadam-asset-browser { - margin-left: 58.33333%; } - .row .col.pull-s7, .row .color-form .pull-s7.wrap-placeholder-fab, .color-form .row .pull-s7.wrap-placeholder-fab, .row .color-palette .pull-s7.form-item:not(.form-item-scheme), .color-palette .row .pull-s7.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.pull-s7.vertical-tabs__menu, .vertical-tab-wrapper .row ul.pull-s7.vertical-tabs__menu, .row .vertical-tab-wrapper .pull-s7.vertical-tabs__panes, .vertical-tab-wrapper .row .pull-s7.vertical-tabs__panes, .row .pull-s7.acquiadam-asset-browser { - right: 58.33333%; } - .row .col.push-s7, .row .color-form .push-s7.wrap-placeholder-fab, .color-form .row .push-s7.wrap-placeholder-fab, .row .color-palette .push-s7.form-item:not(.form-item-scheme), .color-palette .row .push-s7.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.push-s7.vertical-tabs__menu, .vertical-tab-wrapper .row ul.push-s7.vertical-tabs__menu, .row .vertical-tab-wrapper .push-s7.vertical-tabs__panes, .vertical-tab-wrapper .row .push-s7.vertical-tabs__panes, .row .push-s7.acquiadam-asset-browser { - left: 58.33333%; } - .row .col.offset-s8, .row .color-form .offset-s8.wrap-placeholder-fab, .color-form .row .offset-s8.wrap-placeholder-fab, .row .color-palette .offset-s8.form-item:not(.form-item-scheme), .color-palette .row .offset-s8.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.offset-s8.vertical-tabs__menu, .vertical-tab-wrapper .row ul.offset-s8.vertical-tabs__menu, .row .vertical-tab-wrapper .offset-s8.vertical-tabs__panes, .vertical-tab-wrapper .row .offset-s8.vertical-tabs__panes, .row .offset-s8.acquiadam-asset-browser { - margin-left: 66.66667%; } - .row .col.pull-s8, .row .color-form .pull-s8.wrap-placeholder-fab, .color-form .row .pull-s8.wrap-placeholder-fab, .row .color-palette .pull-s8.form-item:not(.form-item-scheme), .color-palette .row .pull-s8.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.pull-s8.vertical-tabs__menu, .vertical-tab-wrapper .row ul.pull-s8.vertical-tabs__menu, .row .vertical-tab-wrapper .pull-s8.vertical-tabs__panes, .vertical-tab-wrapper .row .pull-s8.vertical-tabs__panes, .row .pull-s8.acquiadam-asset-browser { - right: 66.66667%; } - .row .col.push-s8, .row .color-form .push-s8.wrap-placeholder-fab, .color-form .row .push-s8.wrap-placeholder-fab, .row .color-palette .push-s8.form-item:not(.form-item-scheme), .color-palette .row .push-s8.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.push-s8.vertical-tabs__menu, .vertical-tab-wrapper .row ul.push-s8.vertical-tabs__menu, .row .vertical-tab-wrapper .push-s8.vertical-tabs__panes, .vertical-tab-wrapper .row .push-s8.vertical-tabs__panes, .row .push-s8.acquiadam-asset-browser { - left: 66.66667%; } - .row .col.offset-s9, .row .color-form .offset-s9.wrap-placeholder-fab, .color-form .row .offset-s9.wrap-placeholder-fab, .row .color-palette .offset-s9.form-item:not(.form-item-scheme), .color-palette .row .offset-s9.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.offset-s9.vertical-tabs__menu, .vertical-tab-wrapper .row ul.offset-s9.vertical-tabs__menu, .row .vertical-tab-wrapper .offset-s9.vertical-tabs__panes, .vertical-tab-wrapper .row .offset-s9.vertical-tabs__panes, .row .offset-s9.acquiadam-asset-browser { - margin-left: 75%; } - .row .col.pull-s9, .row .color-form .pull-s9.wrap-placeholder-fab, .color-form .row .pull-s9.wrap-placeholder-fab, .row .color-palette .pull-s9.form-item:not(.form-item-scheme), .color-palette .row .pull-s9.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.pull-s9.vertical-tabs__menu, .vertical-tab-wrapper .row ul.pull-s9.vertical-tabs__menu, .row .vertical-tab-wrapper .pull-s9.vertical-tabs__panes, .vertical-tab-wrapper .row .pull-s9.vertical-tabs__panes, .row .pull-s9.acquiadam-asset-browser { - right: 75%; } - .row .col.push-s9, .row .color-form .push-s9.wrap-placeholder-fab, .color-form .row .push-s9.wrap-placeholder-fab, .row .color-palette .push-s9.form-item:not(.form-item-scheme), .color-palette .row .push-s9.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.push-s9.vertical-tabs__menu, .vertical-tab-wrapper .row ul.push-s9.vertical-tabs__menu, .row .vertical-tab-wrapper .push-s9.vertical-tabs__panes, .vertical-tab-wrapper .row .push-s9.vertical-tabs__panes, .row .push-s9.acquiadam-asset-browser { - left: 75%; } - .row .col.offset-s10, .row .color-form .offset-s10.wrap-placeholder-fab, .color-form .row .offset-s10.wrap-placeholder-fab, .row .color-palette .offset-s10.form-item:not(.form-item-scheme), .color-palette .row .offset-s10.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.offset-s10.vertical-tabs__menu, .vertical-tab-wrapper .row ul.offset-s10.vertical-tabs__menu, .row .vertical-tab-wrapper .offset-s10.vertical-tabs__panes, .vertical-tab-wrapper .row .offset-s10.vertical-tabs__panes, .row .offset-s10.acquiadam-asset-browser { - margin-left: 83.33333%; } - .row .col.pull-s10, .row .color-form .pull-s10.wrap-placeholder-fab, .color-form .row .pull-s10.wrap-placeholder-fab, .row .color-palette .pull-s10.form-item:not(.form-item-scheme), .color-palette .row .pull-s10.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.pull-s10.vertical-tabs__menu, .vertical-tab-wrapper .row ul.pull-s10.vertical-tabs__menu, .row .vertical-tab-wrapper .pull-s10.vertical-tabs__panes, .vertical-tab-wrapper .row .pull-s10.vertical-tabs__panes, .row .pull-s10.acquiadam-asset-browser { - right: 83.33333%; } - .row .col.push-s10, .row .color-form .push-s10.wrap-placeholder-fab, .color-form .row .push-s10.wrap-placeholder-fab, .row .color-palette .push-s10.form-item:not(.form-item-scheme), .color-palette .row .push-s10.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.push-s10.vertical-tabs__menu, .vertical-tab-wrapper .row ul.push-s10.vertical-tabs__menu, .row .vertical-tab-wrapper .push-s10.vertical-tabs__panes, .vertical-tab-wrapper .row .push-s10.vertical-tabs__panes, .row .push-s10.acquiadam-asset-browser { - left: 83.33333%; } - .row .col.offset-s11, .row .color-form .offset-s11.wrap-placeholder-fab, .color-form .row .offset-s11.wrap-placeholder-fab, .row .color-palette .offset-s11.form-item:not(.form-item-scheme), .color-palette .row .offset-s11.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.offset-s11.vertical-tabs__menu, .vertical-tab-wrapper .row ul.offset-s11.vertical-tabs__menu, .row .vertical-tab-wrapper .offset-s11.vertical-tabs__panes, .vertical-tab-wrapper .row .offset-s11.vertical-tabs__panes, .row .offset-s11.acquiadam-asset-browser { - margin-left: 91.66667%; } - .row .col.pull-s11, .row .color-form .pull-s11.wrap-placeholder-fab, .color-form .row .pull-s11.wrap-placeholder-fab, .row .color-palette .pull-s11.form-item:not(.form-item-scheme), .color-palette .row .pull-s11.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.pull-s11.vertical-tabs__menu, .vertical-tab-wrapper .row ul.pull-s11.vertical-tabs__menu, .row .vertical-tab-wrapper .pull-s11.vertical-tabs__panes, .vertical-tab-wrapper .row .pull-s11.vertical-tabs__panes, .row .pull-s11.acquiadam-asset-browser { - right: 91.66667%; } - .row .col.push-s11, .row .color-form .push-s11.wrap-placeholder-fab, .color-form .row .push-s11.wrap-placeholder-fab, .row .color-palette .push-s11.form-item:not(.form-item-scheme), .color-palette .row .push-s11.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.push-s11.vertical-tabs__menu, .vertical-tab-wrapper .row ul.push-s11.vertical-tabs__menu, .row .vertical-tab-wrapper .push-s11.vertical-tabs__panes, .vertical-tab-wrapper .row .push-s11.vertical-tabs__panes, .row .push-s11.acquiadam-asset-browser { - left: 91.66667%; } - .row .col.offset-s12, .row .color-form .offset-s12.wrap-placeholder-fab, .color-form .row .offset-s12.wrap-placeholder-fab, .row .color-palette .offset-s12.form-item:not(.form-item-scheme), .color-palette .row .offset-s12.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.offset-s12.vertical-tabs__menu, .vertical-tab-wrapper .row ul.offset-s12.vertical-tabs__menu, .row .vertical-tab-wrapper .offset-s12.vertical-tabs__panes, .vertical-tab-wrapper .row .offset-s12.vertical-tabs__panes, .row .offset-s12.acquiadam-asset-browser { - margin-left: 100%; } - .row .col.pull-s12, .row .color-form .pull-s12.wrap-placeholder-fab, .color-form .row .pull-s12.wrap-placeholder-fab, .row .color-palette .pull-s12.form-item:not(.form-item-scheme), .color-palette .row .pull-s12.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.pull-s12.vertical-tabs__menu, .vertical-tab-wrapper .row ul.pull-s12.vertical-tabs__menu, .row .vertical-tab-wrapper .pull-s12.vertical-tabs__panes, .vertical-tab-wrapper .row .pull-s12.vertical-tabs__panes, .row .pull-s12.acquiadam-asset-browser { - right: 100%; } - .row .col.push-s12, .row .color-form .push-s12.wrap-placeholder-fab, .color-form .row .push-s12.wrap-placeholder-fab, .row .color-palette .push-s12.form-item:not(.form-item-scheme), .color-palette .row .push-s12.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.push-s12.vertical-tabs__menu, .vertical-tab-wrapper .row ul.push-s12.vertical-tabs__menu, .row .vertical-tab-wrapper .push-s12.vertical-tabs__panes, .vertical-tab-wrapper .row .push-s12.vertical-tabs__panes, .row .push-s12.acquiadam-asset-browser { - left: 100%; } - @media only screen and (min-width: 601px) { - .row .col.m1, .row .color-form .m1.wrap-placeholder-fab, .color-form .row .m1.wrap-placeholder-fab, .row .color-palette .m1.form-item:not(.form-item-scheme), .color-palette .row .m1.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.m1.vertical-tabs__menu, .vertical-tab-wrapper .row ul.m1.vertical-tabs__menu, .row .vertical-tab-wrapper .m1.vertical-tabs__panes, .vertical-tab-wrapper .row .m1.vertical-tabs__panes, .row .m1.acquiadam-asset-browser { - width: 8.33333%; - margin-left: auto; - left: auto; - right: auto; } - .row .col.m2, .row .color-form .m2.wrap-placeholder-fab, .color-form .row .m2.wrap-placeholder-fab, .row .color-palette .m2.form-item:not(.form-item-scheme), .color-palette .row .m2.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.m2.vertical-tabs__menu, .vertical-tab-wrapper .row ul.m2.vertical-tabs__menu, .row .vertical-tab-wrapper .m2.vertical-tabs__panes, .vertical-tab-wrapper .row .m2.vertical-tabs__panes, .row .m2.acquiadam-asset-browser { - width: 16.66667%; - margin-left: auto; - left: auto; - right: auto; } - .row .col.m3, .row .color-form .wrap-placeholder-fab, .color-form .row .wrap-placeholder-fab, .row .color-palette .m3.form-item:not(.form-item-scheme), .color-palette .row .m3.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.vertical-tabs__menu, .vertical-tab-wrapper .row ul.vertical-tabs__menu, .row .vertical-tab-wrapper .m3.vertical-tabs__panes, .vertical-tab-wrapper .row .m3.vertical-tabs__panes, .row .m3.acquiadam-asset-browser { - width: 25%; - margin-left: auto; - left: auto; - right: auto; } - .row .col.m4, .row .color-form .m4.wrap-placeholder-fab, .color-form .row .m4.wrap-placeholder-fab, .row .color-palette .form-item:not(.form-item-scheme), .color-palette .row .form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.m4.vertical-tabs__menu, .vertical-tab-wrapper .row ul.m4.vertical-tabs__menu, .row .vertical-tab-wrapper .m4.vertical-tabs__panes, .vertical-tab-wrapper .row .m4.vertical-tabs__panes, .row .m4.acquiadam-asset-browser { - width: 33.33333%; - margin-left: auto; - left: auto; - right: auto; } - .row .col.m5, .row .color-form .m5.wrap-placeholder-fab, .color-form .row .m5.wrap-placeholder-fab, .row .color-palette .m5.form-item:not(.form-item-scheme), .color-palette .row .m5.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.m5.vertical-tabs__menu, .vertical-tab-wrapper .row ul.m5.vertical-tabs__menu, .row .vertical-tab-wrapper .m5.vertical-tabs__panes, .vertical-tab-wrapper .row .m5.vertical-tabs__panes, .row .m5.acquiadam-asset-browser { - width: 41.66667%; - margin-left: auto; - left: auto; - right: auto; } - .row .col.m6, .row .color-form .m6.wrap-placeholder-fab, .color-form .row .m6.wrap-placeholder-fab, .row .color-palette .m6.form-item:not(.form-item-scheme), .color-palette .row .m6.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.m6.vertical-tabs__menu, .vertical-tab-wrapper .row ul.m6.vertical-tabs__menu, .row .vertical-tab-wrapper .m6.vertical-tabs__panes, .vertical-tab-wrapper .row .m6.vertical-tabs__panes, .row .m6.acquiadam-asset-browser { - width: 50%; - margin-left: auto; - left: auto; - right: auto; } - .row .col.m7, .row .color-form .m7.wrap-placeholder-fab, .color-form .row .m7.wrap-placeholder-fab, .row .color-palette .m7.form-item:not(.form-item-scheme), .color-palette .row .m7.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.m7.vertical-tabs__menu, .vertical-tab-wrapper .row ul.m7.vertical-tabs__menu, .row .vertical-tab-wrapper .m7.vertical-tabs__panes, .vertical-tab-wrapper .row .m7.vertical-tabs__panes, .row .m7.acquiadam-asset-browser { - width: 58.33333%; - margin-left: auto; - left: auto; - right: auto; } - .row .col.m8, .row .color-form .m8.wrap-placeholder-fab, .color-form .row .m8.wrap-placeholder-fab, .row .color-palette .m8.form-item:not(.form-item-scheme), .color-palette .row .m8.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.m8.vertical-tabs__menu, .vertical-tab-wrapper .row ul.m8.vertical-tabs__menu, .row .vertical-tab-wrapper .m8.vertical-tabs__panes, .vertical-tab-wrapper .row .m8.vertical-tabs__panes, .row .m8.acquiadam-asset-browser { - width: 66.66667%; - margin-left: auto; - left: auto; - right: auto; } - .row .col.m9, .row .color-form .m9.wrap-placeholder-fab, .color-form .row .m9.wrap-placeholder-fab, .row .color-palette .m9.form-item:not(.form-item-scheme), .color-palette .row .m9.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.m9.vertical-tabs__menu, .vertical-tab-wrapper .row ul.m9.vertical-tabs__menu, .row .vertical-tab-wrapper .vertical-tabs__panes, .vertical-tab-wrapper .row .vertical-tabs__panes, .row .m9.acquiadam-asset-browser { - width: 75%; - margin-left: auto; - left: auto; - right: auto; } - .row .col.m10, .row .color-form .m10.wrap-placeholder-fab, .color-form .row .m10.wrap-placeholder-fab, .row .color-palette .m10.form-item:not(.form-item-scheme), .color-palette .row .m10.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.m10.vertical-tabs__menu, .vertical-tab-wrapper .row ul.m10.vertical-tabs__menu, .row .vertical-tab-wrapper .m10.vertical-tabs__panes, .vertical-tab-wrapper .row .m10.vertical-tabs__panes, .row .m10.acquiadam-asset-browser { - width: 83.33333%; - margin-left: auto; - left: auto; - right: auto; } - .row .col.m11, .row .color-form .m11.wrap-placeholder-fab, .color-form .row .m11.wrap-placeholder-fab, .row .color-palette .m11.form-item:not(.form-item-scheme), .color-palette .row .m11.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.m11.vertical-tabs__menu, .vertical-tab-wrapper .row ul.m11.vertical-tabs__menu, .row .vertical-tab-wrapper .m11.vertical-tabs__panes, .vertical-tab-wrapper .row .m11.vertical-tabs__panes, .row .m11.acquiadam-asset-browser { - width: 91.66667%; - margin-left: auto; - left: auto; - right: auto; } - .row .col.m12, .row .color-form .m12.wrap-placeholder-fab, .color-form .row .m12.wrap-placeholder-fab, .row .color-palette .m12.form-item:not(.form-item-scheme), .color-palette .row .m12.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.m12.vertical-tabs__menu, .vertical-tab-wrapper .row ul.m12.vertical-tabs__menu, .row .vertical-tab-wrapper .m12.vertical-tabs__panes, .vertical-tab-wrapper .row .m12.vertical-tabs__panes, .row .m12.acquiadam-asset-browser { - width: 100%; - margin-left: auto; - left: auto; - right: auto; } - .row .col.offset-m1, .row .color-form .offset-m1.wrap-placeholder-fab, .color-form .row .offset-m1.wrap-placeholder-fab, .row .color-palette .offset-m1.form-item:not(.form-item-scheme), .color-palette .row .offset-m1.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.offset-m1.vertical-tabs__menu, .vertical-tab-wrapper .row ul.offset-m1.vertical-tabs__menu, .row .vertical-tab-wrapper .offset-m1.vertical-tabs__panes, .vertical-tab-wrapper .row .offset-m1.vertical-tabs__panes, .row .offset-m1.acquiadam-asset-browser { - margin-left: 8.33333%; } - .row .col.pull-m1, .row .color-form .pull-m1.wrap-placeholder-fab, .color-form .row .pull-m1.wrap-placeholder-fab, .row .color-palette .pull-m1.form-item:not(.form-item-scheme), .color-palette .row .pull-m1.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.pull-m1.vertical-tabs__menu, .vertical-tab-wrapper .row ul.pull-m1.vertical-tabs__menu, .row .vertical-tab-wrapper .pull-m1.vertical-tabs__panes, .vertical-tab-wrapper .row .pull-m1.vertical-tabs__panes, .row .pull-m1.acquiadam-asset-browser { - right: 8.33333%; } - .row .col.push-m1, .row .color-form .push-m1.wrap-placeholder-fab, .color-form .row .push-m1.wrap-placeholder-fab, .row .color-palette .push-m1.form-item:not(.form-item-scheme), .color-palette .row .push-m1.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.push-m1.vertical-tabs__menu, .vertical-tab-wrapper .row ul.push-m1.vertical-tabs__menu, .row .vertical-tab-wrapper .push-m1.vertical-tabs__panes, .vertical-tab-wrapper .row .push-m1.vertical-tabs__panes, .row .push-m1.acquiadam-asset-browser { - left: 8.33333%; } - .row .col.offset-m2, .row .color-form .offset-m2.wrap-placeholder-fab, .color-form .row .offset-m2.wrap-placeholder-fab, .row .color-palette .offset-m2.form-item:not(.form-item-scheme), .color-palette .row .offset-m2.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.offset-m2.vertical-tabs__menu, .vertical-tab-wrapper .row ul.offset-m2.vertical-tabs__menu, .row .vertical-tab-wrapper .offset-m2.vertical-tabs__panes, .vertical-tab-wrapper .row .offset-m2.vertical-tabs__panes, .row .offset-m2.acquiadam-asset-browser { - margin-left: 16.66667%; } - .row .col.pull-m2, .row .color-form .pull-m2.wrap-placeholder-fab, .color-form .row .pull-m2.wrap-placeholder-fab, .row .color-palette .pull-m2.form-item:not(.form-item-scheme), .color-palette .row .pull-m2.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.pull-m2.vertical-tabs__menu, .vertical-tab-wrapper .row ul.pull-m2.vertical-tabs__menu, .row .vertical-tab-wrapper .pull-m2.vertical-tabs__panes, .vertical-tab-wrapper .row .pull-m2.vertical-tabs__panes, .row .pull-m2.acquiadam-asset-browser { - right: 16.66667%; } - .row .col.push-m2, .row .color-form .push-m2.wrap-placeholder-fab, .color-form .row .push-m2.wrap-placeholder-fab, .row .color-palette .push-m2.form-item:not(.form-item-scheme), .color-palette .row .push-m2.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.push-m2.vertical-tabs__menu, .vertical-tab-wrapper .row ul.push-m2.vertical-tabs__menu, .row .vertical-tab-wrapper .push-m2.vertical-tabs__panes, .vertical-tab-wrapper .row .push-m2.vertical-tabs__panes, .row .push-m2.acquiadam-asset-browser { - left: 16.66667%; } - .row .col.offset-m3, .row .color-form .offset-m3.wrap-placeholder-fab, .color-form .row .offset-m3.wrap-placeholder-fab, .row .color-palette .offset-m3.form-item:not(.form-item-scheme), .color-palette .row .offset-m3.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.offset-m3.vertical-tabs__menu, .vertical-tab-wrapper .row ul.offset-m3.vertical-tabs__menu, .row .vertical-tab-wrapper .offset-m3.vertical-tabs__panes, .vertical-tab-wrapper .row .offset-m3.vertical-tabs__panes, .row .offset-m3.acquiadam-asset-browser { - margin-left: 25%; } - .row .col.pull-m3, .row .color-form .pull-m3.wrap-placeholder-fab, .color-form .row .pull-m3.wrap-placeholder-fab, .row .color-palette .pull-m3.form-item:not(.form-item-scheme), .color-palette .row .pull-m3.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.pull-m3.vertical-tabs__menu, .vertical-tab-wrapper .row ul.pull-m3.vertical-tabs__menu, .row .vertical-tab-wrapper .pull-m3.vertical-tabs__panes, .vertical-tab-wrapper .row .pull-m3.vertical-tabs__panes, .row .pull-m3.acquiadam-asset-browser { - right: 25%; } - .row .col.push-m3, .row .color-form .push-m3.wrap-placeholder-fab, .color-form .row .push-m3.wrap-placeholder-fab, .row .color-palette .push-m3.form-item:not(.form-item-scheme), .color-palette .row .push-m3.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.push-m3.vertical-tabs__menu, .vertical-tab-wrapper .row ul.push-m3.vertical-tabs__menu, .row .vertical-tab-wrapper .push-m3.vertical-tabs__panes, .vertical-tab-wrapper .row .push-m3.vertical-tabs__panes, .row .push-m3.acquiadam-asset-browser { - left: 25%; } - .row .col.offset-m4, .row .color-form .offset-m4.wrap-placeholder-fab, .color-form .row .offset-m4.wrap-placeholder-fab, .row .color-palette .offset-m4.form-item:not(.form-item-scheme), .color-palette .row .offset-m4.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.offset-m4.vertical-tabs__menu, .vertical-tab-wrapper .row ul.offset-m4.vertical-tabs__menu, .row .vertical-tab-wrapper .offset-m4.vertical-tabs__panes, .vertical-tab-wrapper .row .offset-m4.vertical-tabs__panes, .row .offset-m4.acquiadam-asset-browser { - margin-left: 33.33333%; } - .row .col.pull-m4, .row .color-form .pull-m4.wrap-placeholder-fab, .color-form .row .pull-m4.wrap-placeholder-fab, .row .color-palette .pull-m4.form-item:not(.form-item-scheme), .color-palette .row .pull-m4.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.pull-m4.vertical-tabs__menu, .vertical-tab-wrapper .row ul.pull-m4.vertical-tabs__menu, .row .vertical-tab-wrapper .pull-m4.vertical-tabs__panes, .vertical-tab-wrapper .row .pull-m4.vertical-tabs__panes, .row .pull-m4.acquiadam-asset-browser { - right: 33.33333%; } - .row .col.push-m4, .row .color-form .push-m4.wrap-placeholder-fab, .color-form .row .push-m4.wrap-placeholder-fab, .row .color-palette .push-m4.form-item:not(.form-item-scheme), .color-palette .row .push-m4.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.push-m4.vertical-tabs__menu, .vertical-tab-wrapper .row ul.push-m4.vertical-tabs__menu, .row .vertical-tab-wrapper .push-m4.vertical-tabs__panes, .vertical-tab-wrapper .row .push-m4.vertical-tabs__panes, .row .push-m4.acquiadam-asset-browser { - left: 33.33333%; } - .row .col.offset-m5, .row .color-form .offset-m5.wrap-placeholder-fab, .color-form .row .offset-m5.wrap-placeholder-fab, .row .color-palette .offset-m5.form-item:not(.form-item-scheme), .color-palette .row .offset-m5.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.offset-m5.vertical-tabs__menu, .vertical-tab-wrapper .row ul.offset-m5.vertical-tabs__menu, .row .vertical-tab-wrapper .offset-m5.vertical-tabs__panes, .vertical-tab-wrapper .row .offset-m5.vertical-tabs__panes, .row .offset-m5.acquiadam-asset-browser { - margin-left: 41.66667%; } - .row .col.pull-m5, .row .color-form .pull-m5.wrap-placeholder-fab, .color-form .row .pull-m5.wrap-placeholder-fab, .row .color-palette .pull-m5.form-item:not(.form-item-scheme), .color-palette .row .pull-m5.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.pull-m5.vertical-tabs__menu, .vertical-tab-wrapper .row ul.pull-m5.vertical-tabs__menu, .row .vertical-tab-wrapper .pull-m5.vertical-tabs__panes, .vertical-tab-wrapper .row .pull-m5.vertical-tabs__panes, .row .pull-m5.acquiadam-asset-browser { - right: 41.66667%; } - .row .col.push-m5, .row .color-form .push-m5.wrap-placeholder-fab, .color-form .row .push-m5.wrap-placeholder-fab, .row .color-palette .push-m5.form-item:not(.form-item-scheme), .color-palette .row .push-m5.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.push-m5.vertical-tabs__menu, .vertical-tab-wrapper .row ul.push-m5.vertical-tabs__menu, .row .vertical-tab-wrapper .push-m5.vertical-tabs__panes, .vertical-tab-wrapper .row .push-m5.vertical-tabs__panes, .row .push-m5.acquiadam-asset-browser { - left: 41.66667%; } - .row .col.offset-m6, .row .color-form .offset-m6.wrap-placeholder-fab, .color-form .row .offset-m6.wrap-placeholder-fab, .row .color-palette .offset-m6.form-item:not(.form-item-scheme), .color-palette .row .offset-m6.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.offset-m6.vertical-tabs__menu, .vertical-tab-wrapper .row ul.offset-m6.vertical-tabs__menu, .row .vertical-tab-wrapper .offset-m6.vertical-tabs__panes, .vertical-tab-wrapper .row .offset-m6.vertical-tabs__panes, .row .offset-m6.acquiadam-asset-browser { - margin-left: 50%; } - .row .col.pull-m6, .row .color-form .pull-m6.wrap-placeholder-fab, .color-form .row .pull-m6.wrap-placeholder-fab, .row .color-palette .pull-m6.form-item:not(.form-item-scheme), .color-palette .row .pull-m6.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.pull-m6.vertical-tabs__menu, .vertical-tab-wrapper .row ul.pull-m6.vertical-tabs__menu, .row .vertical-tab-wrapper .pull-m6.vertical-tabs__panes, .vertical-tab-wrapper .row .pull-m6.vertical-tabs__panes, .row .pull-m6.acquiadam-asset-browser { - right: 50%; } - .row .col.push-m6, .row .color-form .push-m6.wrap-placeholder-fab, .color-form .row .push-m6.wrap-placeholder-fab, .row .color-palette .push-m6.form-item:not(.form-item-scheme), .color-palette .row .push-m6.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.push-m6.vertical-tabs__menu, .vertical-tab-wrapper .row ul.push-m6.vertical-tabs__menu, .row .vertical-tab-wrapper .push-m6.vertical-tabs__panes, .vertical-tab-wrapper .row .push-m6.vertical-tabs__panes, .row .push-m6.acquiadam-asset-browser { - left: 50%; } - .row .col.offset-m7, .row .color-form .offset-m7.wrap-placeholder-fab, .color-form .row .offset-m7.wrap-placeholder-fab, .row .color-palette .offset-m7.form-item:not(.form-item-scheme), .color-palette .row .offset-m7.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.offset-m7.vertical-tabs__menu, .vertical-tab-wrapper .row ul.offset-m7.vertical-tabs__menu, .row .vertical-tab-wrapper .offset-m7.vertical-tabs__panes, .vertical-tab-wrapper .row .offset-m7.vertical-tabs__panes, .row .offset-m7.acquiadam-asset-browser { - margin-left: 58.33333%; } - .row .col.pull-m7, .row .color-form .pull-m7.wrap-placeholder-fab, .color-form .row .pull-m7.wrap-placeholder-fab, .row .color-palette .pull-m7.form-item:not(.form-item-scheme), .color-palette .row .pull-m7.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.pull-m7.vertical-tabs__menu, .vertical-tab-wrapper .row ul.pull-m7.vertical-tabs__menu, .row .vertical-tab-wrapper .pull-m7.vertical-tabs__panes, .vertical-tab-wrapper .row .pull-m7.vertical-tabs__panes, .row .pull-m7.acquiadam-asset-browser { - right: 58.33333%; } - .row .col.push-m7, .row .color-form .push-m7.wrap-placeholder-fab, .color-form .row .push-m7.wrap-placeholder-fab, .row .color-palette .push-m7.form-item:not(.form-item-scheme), .color-palette .row .push-m7.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.push-m7.vertical-tabs__menu, .vertical-tab-wrapper .row ul.push-m7.vertical-tabs__menu, .row .vertical-tab-wrapper .push-m7.vertical-tabs__panes, .vertical-tab-wrapper .row .push-m7.vertical-tabs__panes, .row .push-m7.acquiadam-asset-browser { - left: 58.33333%; } - .row .col.offset-m8, .row .color-form .offset-m8.wrap-placeholder-fab, .color-form .row .offset-m8.wrap-placeholder-fab, .row .color-palette .offset-m8.form-item:not(.form-item-scheme), .color-palette .row .offset-m8.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.offset-m8.vertical-tabs__menu, .vertical-tab-wrapper .row ul.offset-m8.vertical-tabs__menu, .row .vertical-tab-wrapper .offset-m8.vertical-tabs__panes, .vertical-tab-wrapper .row .offset-m8.vertical-tabs__panes, .row .offset-m8.acquiadam-asset-browser { - margin-left: 66.66667%; } - .row .col.pull-m8, .row .color-form .pull-m8.wrap-placeholder-fab, .color-form .row .pull-m8.wrap-placeholder-fab, .row .color-palette .pull-m8.form-item:not(.form-item-scheme), .color-palette .row .pull-m8.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.pull-m8.vertical-tabs__menu, .vertical-tab-wrapper .row ul.pull-m8.vertical-tabs__menu, .row .vertical-tab-wrapper .pull-m8.vertical-tabs__panes, .vertical-tab-wrapper .row .pull-m8.vertical-tabs__panes, .row .pull-m8.acquiadam-asset-browser { - right: 66.66667%; } - .row .col.push-m8, .row .color-form .push-m8.wrap-placeholder-fab, .color-form .row .push-m8.wrap-placeholder-fab, .row .color-palette .push-m8.form-item:not(.form-item-scheme), .color-palette .row .push-m8.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.push-m8.vertical-tabs__menu, .vertical-tab-wrapper .row ul.push-m8.vertical-tabs__menu, .row .vertical-tab-wrapper .push-m8.vertical-tabs__panes, .vertical-tab-wrapper .row .push-m8.vertical-tabs__panes, .row .push-m8.acquiadam-asset-browser { - left: 66.66667%; } - .row .col.offset-m9, .row .color-form .offset-m9.wrap-placeholder-fab, .color-form .row .offset-m9.wrap-placeholder-fab, .row .color-palette .offset-m9.form-item:not(.form-item-scheme), .color-palette .row .offset-m9.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.offset-m9.vertical-tabs__menu, .vertical-tab-wrapper .row ul.offset-m9.vertical-tabs__menu, .row .vertical-tab-wrapper .offset-m9.vertical-tabs__panes, .vertical-tab-wrapper .row .offset-m9.vertical-tabs__panes, .row .offset-m9.acquiadam-asset-browser { - margin-left: 75%; } - .row .col.pull-m9, .row .color-form .pull-m9.wrap-placeholder-fab, .color-form .row .pull-m9.wrap-placeholder-fab, .row .color-palette .pull-m9.form-item:not(.form-item-scheme), .color-palette .row .pull-m9.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.pull-m9.vertical-tabs__menu, .vertical-tab-wrapper .row ul.pull-m9.vertical-tabs__menu, .row .vertical-tab-wrapper .pull-m9.vertical-tabs__panes, .vertical-tab-wrapper .row .pull-m9.vertical-tabs__panes, .row .pull-m9.acquiadam-asset-browser { - right: 75%; } - .row .col.push-m9, .row .color-form .push-m9.wrap-placeholder-fab, .color-form .row .push-m9.wrap-placeholder-fab, .row .color-palette .push-m9.form-item:not(.form-item-scheme), .color-palette .row .push-m9.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.push-m9.vertical-tabs__menu, .vertical-tab-wrapper .row ul.push-m9.vertical-tabs__menu, .row .vertical-tab-wrapper .push-m9.vertical-tabs__panes, .vertical-tab-wrapper .row .push-m9.vertical-tabs__panes, .row .push-m9.acquiadam-asset-browser { - left: 75%; } - .row .col.offset-m10, .row .color-form .offset-m10.wrap-placeholder-fab, .color-form .row .offset-m10.wrap-placeholder-fab, .row .color-palette .offset-m10.form-item:not(.form-item-scheme), .color-palette .row .offset-m10.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.offset-m10.vertical-tabs__menu, .vertical-tab-wrapper .row ul.offset-m10.vertical-tabs__menu, .row .vertical-tab-wrapper .offset-m10.vertical-tabs__panes, .vertical-tab-wrapper .row .offset-m10.vertical-tabs__panes, .row .offset-m10.acquiadam-asset-browser { - margin-left: 83.33333%; } - .row .col.pull-m10, .row .color-form .pull-m10.wrap-placeholder-fab, .color-form .row .pull-m10.wrap-placeholder-fab, .row .color-palette .pull-m10.form-item:not(.form-item-scheme), .color-palette .row .pull-m10.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.pull-m10.vertical-tabs__menu, .vertical-tab-wrapper .row ul.pull-m10.vertical-tabs__menu, .row .vertical-tab-wrapper .pull-m10.vertical-tabs__panes, .vertical-tab-wrapper .row .pull-m10.vertical-tabs__panes, .row .pull-m10.acquiadam-asset-browser { - right: 83.33333%; } - .row .col.push-m10, .row .color-form .push-m10.wrap-placeholder-fab, .color-form .row .push-m10.wrap-placeholder-fab, .row .color-palette .push-m10.form-item:not(.form-item-scheme), .color-palette .row .push-m10.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.push-m10.vertical-tabs__menu, .vertical-tab-wrapper .row ul.push-m10.vertical-tabs__menu, .row .vertical-tab-wrapper .push-m10.vertical-tabs__panes, .vertical-tab-wrapper .row .push-m10.vertical-tabs__panes, .row .push-m10.acquiadam-asset-browser { - left: 83.33333%; } - .row .col.offset-m11, .row .color-form .offset-m11.wrap-placeholder-fab, .color-form .row .offset-m11.wrap-placeholder-fab, .row .color-palette .offset-m11.form-item:not(.form-item-scheme), .color-palette .row .offset-m11.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.offset-m11.vertical-tabs__menu, .vertical-tab-wrapper .row ul.offset-m11.vertical-tabs__menu, .row .vertical-tab-wrapper .offset-m11.vertical-tabs__panes, .vertical-tab-wrapper .row .offset-m11.vertical-tabs__panes, .row .offset-m11.acquiadam-asset-browser { - margin-left: 91.66667%; } - .row .col.pull-m11, .row .color-form .pull-m11.wrap-placeholder-fab, .color-form .row .pull-m11.wrap-placeholder-fab, .row .color-palette .pull-m11.form-item:not(.form-item-scheme), .color-palette .row .pull-m11.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.pull-m11.vertical-tabs__menu, .vertical-tab-wrapper .row ul.pull-m11.vertical-tabs__menu, .row .vertical-tab-wrapper .pull-m11.vertical-tabs__panes, .vertical-tab-wrapper .row .pull-m11.vertical-tabs__panes, .row .pull-m11.acquiadam-asset-browser { - right: 91.66667%; } - .row .col.push-m11, .row .color-form .push-m11.wrap-placeholder-fab, .color-form .row .push-m11.wrap-placeholder-fab, .row .color-palette .push-m11.form-item:not(.form-item-scheme), .color-palette .row .push-m11.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.push-m11.vertical-tabs__menu, .vertical-tab-wrapper .row ul.push-m11.vertical-tabs__menu, .row .vertical-tab-wrapper .push-m11.vertical-tabs__panes, .vertical-tab-wrapper .row .push-m11.vertical-tabs__panes, .row .push-m11.acquiadam-asset-browser { - left: 91.66667%; } - .row .col.offset-m12, .row .color-form .offset-m12.wrap-placeholder-fab, .color-form .row .offset-m12.wrap-placeholder-fab, .row .color-palette .offset-m12.form-item:not(.form-item-scheme), .color-palette .row .offset-m12.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.offset-m12.vertical-tabs__menu, .vertical-tab-wrapper .row ul.offset-m12.vertical-tabs__menu, .row .vertical-tab-wrapper .offset-m12.vertical-tabs__panes, .vertical-tab-wrapper .row .offset-m12.vertical-tabs__panes, .row .offset-m12.acquiadam-asset-browser { - margin-left: 100%; } - .row .col.pull-m12, .row .color-form .pull-m12.wrap-placeholder-fab, .color-form .row .pull-m12.wrap-placeholder-fab, .row .color-palette .pull-m12.form-item:not(.form-item-scheme), .color-palette .row .pull-m12.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.pull-m12.vertical-tabs__menu, .vertical-tab-wrapper .row ul.pull-m12.vertical-tabs__menu, .row .vertical-tab-wrapper .pull-m12.vertical-tabs__panes, .vertical-tab-wrapper .row .pull-m12.vertical-tabs__panes, .row .pull-m12.acquiadam-asset-browser { - right: 100%; } - .row .col.push-m12, .row .color-form .push-m12.wrap-placeholder-fab, .color-form .row .push-m12.wrap-placeholder-fab, .row .color-palette .push-m12.form-item:not(.form-item-scheme), .color-palette .row .push-m12.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.push-m12.vertical-tabs__menu, .vertical-tab-wrapper .row ul.push-m12.vertical-tabs__menu, .row .vertical-tab-wrapper .push-m12.vertical-tabs__panes, .vertical-tab-wrapper .row .push-m12.vertical-tabs__panes, .row .push-m12.acquiadam-asset-browser { - left: 100%; } } - @media only screen and (min-width: 993px) { - .row .col.l1, .row .color-form .l1.wrap-placeholder-fab, .color-form .row .l1.wrap-placeholder-fab, .row .color-palette .l1.form-item:not(.form-item-scheme), .color-palette .row .l1.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.l1.vertical-tabs__menu, .vertical-tab-wrapper .row ul.l1.vertical-tabs__menu, .row .vertical-tab-wrapper .l1.vertical-tabs__panes, .vertical-tab-wrapper .row .l1.vertical-tabs__panes, .row .l1.acquiadam-asset-browser { - width: 8.33333%; - margin-left: auto; - left: auto; - right: auto; } - .row .col.l2, .row .color-form .l2.wrap-placeholder-fab, .color-form .row .l2.wrap-placeholder-fab, .row .color-palette .l2.form-item:not(.form-item-scheme), .color-palette .row .l2.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.l2.vertical-tabs__menu, .vertical-tab-wrapper .row ul.l2.vertical-tabs__menu, .row .vertical-tab-wrapper .l2.vertical-tabs__panes, .vertical-tab-wrapper .row .l2.vertical-tabs__panes, .row .l2.acquiadam-asset-browser { - width: 16.66667%; - margin-left: auto; - left: auto; - right: auto; } - .row .col.l3, .row .color-form .l3.wrap-placeholder-fab, .color-form .row .l3.wrap-placeholder-fab, .row .color-palette .l3.form-item:not(.form-item-scheme), .color-palette .row .l3.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.l3.vertical-tabs__menu, .vertical-tab-wrapper .row ul.l3.vertical-tabs__menu, .row .vertical-tab-wrapper .l3.vertical-tabs__panes, .vertical-tab-wrapper .row .l3.vertical-tabs__panes, .row .l3.acquiadam-asset-browser { - width: 25%; - margin-left: auto; - left: auto; - right: auto; } - .row .col.l4, .row .color-form .l4.wrap-placeholder-fab, .color-form .row .l4.wrap-placeholder-fab, .row .color-palette .l4.form-item:not(.form-item-scheme), .color-palette .row .l4.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.l4.vertical-tabs__menu, .vertical-tab-wrapper .row ul.l4.vertical-tabs__menu, .row .vertical-tab-wrapper .l4.vertical-tabs__panes, .vertical-tab-wrapper .row .l4.vertical-tabs__panes, .row .l4.acquiadam-asset-browser { - width: 33.33333%; - margin-left: auto; - left: auto; - right: auto; } - .row .col.l5, .row .color-form .l5.wrap-placeholder-fab, .color-form .row .l5.wrap-placeholder-fab, .row .color-palette .l5.form-item:not(.form-item-scheme), .color-palette .row .l5.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.l5.vertical-tabs__menu, .vertical-tab-wrapper .row ul.l5.vertical-tabs__menu, .row .vertical-tab-wrapper .l5.vertical-tabs__panes, .vertical-tab-wrapper .row .l5.vertical-tabs__panes, .row .l5.acquiadam-asset-browser { - width: 41.66667%; - margin-left: auto; - left: auto; - right: auto; } - .row .col.l6, .row .color-form .l6.wrap-placeholder-fab, .color-form .row .l6.wrap-placeholder-fab, .row .color-palette .l6.form-item:not(.form-item-scheme), .color-palette .row .l6.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.l6.vertical-tabs__menu, .vertical-tab-wrapper .row ul.l6.vertical-tabs__menu, .row .vertical-tab-wrapper .l6.vertical-tabs__panes, .vertical-tab-wrapper .row .l6.vertical-tabs__panes, .row .l6.acquiadam-asset-browser { - width: 50%; - margin-left: auto; - left: auto; - right: auto; } - .row .col.l7, .row .color-form .l7.wrap-placeholder-fab, .color-form .row .l7.wrap-placeholder-fab, .row .color-palette .l7.form-item:not(.form-item-scheme), .color-palette .row .l7.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.l7.vertical-tabs__menu, .vertical-tab-wrapper .row ul.l7.vertical-tabs__menu, .row .vertical-tab-wrapper .l7.vertical-tabs__panes, .vertical-tab-wrapper .row .l7.vertical-tabs__panes, .row .l7.acquiadam-asset-browser { - width: 58.33333%; - margin-left: auto; - left: auto; - right: auto; } - .row .col.l8, .row .color-form .l8.wrap-placeholder-fab, .color-form .row .l8.wrap-placeholder-fab, .row .color-palette .l8.form-item:not(.form-item-scheme), .color-palette .row .l8.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.l8.vertical-tabs__menu, .vertical-tab-wrapper .row ul.l8.vertical-tabs__menu, .row .vertical-tab-wrapper .l8.vertical-tabs__panes, .vertical-tab-wrapper .row .l8.vertical-tabs__panes, .row .l8.acquiadam-asset-browser { - width: 66.66667%; - margin-left: auto; - left: auto; - right: auto; } - .row .col.l9, .row .color-form .l9.wrap-placeholder-fab, .color-form .row .l9.wrap-placeholder-fab, .row .color-palette .l9.form-item:not(.form-item-scheme), .color-palette .row .l9.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.l9.vertical-tabs__menu, .vertical-tab-wrapper .row ul.l9.vertical-tabs__menu, .row .vertical-tab-wrapper .l9.vertical-tabs__panes, .vertical-tab-wrapper .row .l9.vertical-tabs__panes, .row .l9.acquiadam-asset-browser { - width: 75%; - margin-left: auto; - left: auto; - right: auto; } - .row .col.l10, .row .color-form .l10.wrap-placeholder-fab, .color-form .row .l10.wrap-placeholder-fab, .row .color-palette .l10.form-item:not(.form-item-scheme), .color-palette .row .l10.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.l10.vertical-tabs__menu, .vertical-tab-wrapper .row ul.l10.vertical-tabs__menu, .row .vertical-tab-wrapper .l10.vertical-tabs__panes, .vertical-tab-wrapper .row .l10.vertical-tabs__panes, .row .l10.acquiadam-asset-browser { - width: 83.33333%; - margin-left: auto; - left: auto; - right: auto; } - .row .col.l11, .row .color-form .l11.wrap-placeholder-fab, .color-form .row .l11.wrap-placeholder-fab, .row .color-palette .l11.form-item:not(.form-item-scheme), .color-palette .row .l11.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.l11.vertical-tabs__menu, .vertical-tab-wrapper .row ul.l11.vertical-tabs__menu, .row .vertical-tab-wrapper .l11.vertical-tabs__panes, .vertical-tab-wrapper .row .l11.vertical-tabs__panes, .row .l11.acquiadam-asset-browser { - width: 91.66667%; - margin-left: auto; - left: auto; - right: auto; } - .row .col.l12, .row .color-form .l12.wrap-placeholder-fab, .color-form .row .l12.wrap-placeholder-fab, .row .color-palette .l12.form-item:not(.form-item-scheme), .color-palette .row .l12.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.l12.vertical-tabs__menu, .vertical-tab-wrapper .row ul.l12.vertical-tabs__menu, .row .vertical-tab-wrapper .l12.vertical-tabs__panes, .vertical-tab-wrapper .row .l12.vertical-tabs__panes, .row .l12.acquiadam-asset-browser { - width: 100%; - margin-left: auto; - left: auto; - right: auto; } - .row .col.offset-l1, .row .color-form .offset-l1.wrap-placeholder-fab, .color-form .row .offset-l1.wrap-placeholder-fab, .row .color-palette .offset-l1.form-item:not(.form-item-scheme), .color-palette .row .offset-l1.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.offset-l1.vertical-tabs__menu, .vertical-tab-wrapper .row ul.offset-l1.vertical-tabs__menu, .row .vertical-tab-wrapper .offset-l1.vertical-tabs__panes, .vertical-tab-wrapper .row .offset-l1.vertical-tabs__panes, .row .offset-l1.acquiadam-asset-browser { - margin-left: 8.33333%; } - .row .col.pull-l1, .row .color-form .pull-l1.wrap-placeholder-fab, .color-form .row .pull-l1.wrap-placeholder-fab, .row .color-palette .pull-l1.form-item:not(.form-item-scheme), .color-palette .row .pull-l1.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.pull-l1.vertical-tabs__menu, .vertical-tab-wrapper .row ul.pull-l1.vertical-tabs__menu, .row .vertical-tab-wrapper .pull-l1.vertical-tabs__panes, .vertical-tab-wrapper .row .pull-l1.vertical-tabs__panes, .row .pull-l1.acquiadam-asset-browser { - right: 8.33333%; } - .row .col.push-l1, .row .color-form .push-l1.wrap-placeholder-fab, .color-form .row .push-l1.wrap-placeholder-fab, .row .color-palette .push-l1.form-item:not(.form-item-scheme), .color-palette .row .push-l1.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.push-l1.vertical-tabs__menu, .vertical-tab-wrapper .row ul.push-l1.vertical-tabs__menu, .row .vertical-tab-wrapper .push-l1.vertical-tabs__panes, .vertical-tab-wrapper .row .push-l1.vertical-tabs__panes, .row .push-l1.acquiadam-asset-browser { - left: 8.33333%; } - .row .col.offset-l2, .row .color-form .offset-l2.wrap-placeholder-fab, .color-form .row .offset-l2.wrap-placeholder-fab, .row .color-palette .offset-l2.form-item:not(.form-item-scheme), .color-palette .row .offset-l2.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.offset-l2.vertical-tabs__menu, .vertical-tab-wrapper .row ul.offset-l2.vertical-tabs__menu, .row .vertical-tab-wrapper .offset-l2.vertical-tabs__panes, .vertical-tab-wrapper .row .offset-l2.vertical-tabs__panes, .row .offset-l2.acquiadam-asset-browser { - margin-left: 16.66667%; } - .row .col.pull-l2, .row .color-form .pull-l2.wrap-placeholder-fab, .color-form .row .pull-l2.wrap-placeholder-fab, .row .color-palette .pull-l2.form-item:not(.form-item-scheme), .color-palette .row .pull-l2.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.pull-l2.vertical-tabs__menu, .vertical-tab-wrapper .row ul.pull-l2.vertical-tabs__menu, .row .vertical-tab-wrapper .pull-l2.vertical-tabs__panes, .vertical-tab-wrapper .row .pull-l2.vertical-tabs__panes, .row .pull-l2.acquiadam-asset-browser { - right: 16.66667%; } - .row .col.push-l2, .row .color-form .push-l2.wrap-placeholder-fab, .color-form .row .push-l2.wrap-placeholder-fab, .row .color-palette .push-l2.form-item:not(.form-item-scheme), .color-palette .row .push-l2.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.push-l2.vertical-tabs__menu, .vertical-tab-wrapper .row ul.push-l2.vertical-tabs__menu, .row .vertical-tab-wrapper .push-l2.vertical-tabs__panes, .vertical-tab-wrapper .row .push-l2.vertical-tabs__panes, .row .push-l2.acquiadam-asset-browser { - left: 16.66667%; } - .row .col.offset-l3, .row .color-form .offset-l3.wrap-placeholder-fab, .color-form .row .offset-l3.wrap-placeholder-fab, .row .color-palette .offset-l3.form-item:not(.form-item-scheme), .color-palette .row .offset-l3.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.offset-l3.vertical-tabs__menu, .vertical-tab-wrapper .row ul.offset-l3.vertical-tabs__menu, .row .vertical-tab-wrapper .offset-l3.vertical-tabs__panes, .vertical-tab-wrapper .row .offset-l3.vertical-tabs__panes, .row .offset-l3.acquiadam-asset-browser { - margin-left: 25%; } - .row .col.pull-l3, .row .color-form .pull-l3.wrap-placeholder-fab, .color-form .row .pull-l3.wrap-placeholder-fab, .row .color-palette .pull-l3.form-item:not(.form-item-scheme), .color-palette .row .pull-l3.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.pull-l3.vertical-tabs__menu, .vertical-tab-wrapper .row ul.pull-l3.vertical-tabs__menu, .row .vertical-tab-wrapper .pull-l3.vertical-tabs__panes, .vertical-tab-wrapper .row .pull-l3.vertical-tabs__panes, .row .pull-l3.acquiadam-asset-browser { - right: 25%; } - .row .col.push-l3, .row .color-form .push-l3.wrap-placeholder-fab, .color-form .row .push-l3.wrap-placeholder-fab, .row .color-palette .push-l3.form-item:not(.form-item-scheme), .color-palette .row .push-l3.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.push-l3.vertical-tabs__menu, .vertical-tab-wrapper .row ul.push-l3.vertical-tabs__menu, .row .vertical-tab-wrapper .push-l3.vertical-tabs__panes, .vertical-tab-wrapper .row .push-l3.vertical-tabs__panes, .row .push-l3.acquiadam-asset-browser { - left: 25%; } - .row .col.offset-l4, .row .color-form .offset-l4.wrap-placeholder-fab, .color-form .row .offset-l4.wrap-placeholder-fab, .row .color-palette .offset-l4.form-item:not(.form-item-scheme), .color-palette .row .offset-l4.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.offset-l4.vertical-tabs__menu, .vertical-tab-wrapper .row ul.offset-l4.vertical-tabs__menu, .row .vertical-tab-wrapper .offset-l4.vertical-tabs__panes, .vertical-tab-wrapper .row .offset-l4.vertical-tabs__panes, .row .offset-l4.acquiadam-asset-browser { - margin-left: 33.33333%; } - .row .col.pull-l4, .row .color-form .pull-l4.wrap-placeholder-fab, .color-form .row .pull-l4.wrap-placeholder-fab, .row .color-palette .pull-l4.form-item:not(.form-item-scheme), .color-palette .row .pull-l4.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.pull-l4.vertical-tabs__menu, .vertical-tab-wrapper .row ul.pull-l4.vertical-tabs__menu, .row .vertical-tab-wrapper .pull-l4.vertical-tabs__panes, .vertical-tab-wrapper .row .pull-l4.vertical-tabs__panes, .row .pull-l4.acquiadam-asset-browser { - right: 33.33333%; } - .row .col.push-l4, .row .color-form .push-l4.wrap-placeholder-fab, .color-form .row .push-l4.wrap-placeholder-fab, .row .color-palette .push-l4.form-item:not(.form-item-scheme), .color-palette .row .push-l4.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.push-l4.vertical-tabs__menu, .vertical-tab-wrapper .row ul.push-l4.vertical-tabs__menu, .row .vertical-tab-wrapper .push-l4.vertical-tabs__panes, .vertical-tab-wrapper .row .push-l4.vertical-tabs__panes, .row .push-l4.acquiadam-asset-browser { - left: 33.33333%; } - .row .col.offset-l5, .row .color-form .offset-l5.wrap-placeholder-fab, .color-form .row .offset-l5.wrap-placeholder-fab, .row .color-palette .offset-l5.form-item:not(.form-item-scheme), .color-palette .row .offset-l5.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.offset-l5.vertical-tabs__menu, .vertical-tab-wrapper .row ul.offset-l5.vertical-tabs__menu, .row .vertical-tab-wrapper .offset-l5.vertical-tabs__panes, .vertical-tab-wrapper .row .offset-l5.vertical-tabs__panes, .row .offset-l5.acquiadam-asset-browser { - margin-left: 41.66667%; } - .row .col.pull-l5, .row .color-form .pull-l5.wrap-placeholder-fab, .color-form .row .pull-l5.wrap-placeholder-fab, .row .color-palette .pull-l5.form-item:not(.form-item-scheme), .color-palette .row .pull-l5.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.pull-l5.vertical-tabs__menu, .vertical-tab-wrapper .row ul.pull-l5.vertical-tabs__menu, .row .vertical-tab-wrapper .pull-l5.vertical-tabs__panes, .vertical-tab-wrapper .row .pull-l5.vertical-tabs__panes, .row .pull-l5.acquiadam-asset-browser { - right: 41.66667%; } - .row .col.push-l5, .row .color-form .push-l5.wrap-placeholder-fab, .color-form .row .push-l5.wrap-placeholder-fab, .row .color-palette .push-l5.form-item:not(.form-item-scheme), .color-palette .row .push-l5.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.push-l5.vertical-tabs__menu, .vertical-tab-wrapper .row ul.push-l5.vertical-tabs__menu, .row .vertical-tab-wrapper .push-l5.vertical-tabs__panes, .vertical-tab-wrapper .row .push-l5.vertical-tabs__panes, .row .push-l5.acquiadam-asset-browser { - left: 41.66667%; } - .row .col.offset-l6, .row .color-form .offset-l6.wrap-placeholder-fab, .color-form .row .offset-l6.wrap-placeholder-fab, .row .color-palette .offset-l6.form-item:not(.form-item-scheme), .color-palette .row .offset-l6.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.offset-l6.vertical-tabs__menu, .vertical-tab-wrapper .row ul.offset-l6.vertical-tabs__menu, .row .vertical-tab-wrapper .offset-l6.vertical-tabs__panes, .vertical-tab-wrapper .row .offset-l6.vertical-tabs__panes, .row .offset-l6.acquiadam-asset-browser { - margin-left: 50%; } - .row .col.pull-l6, .row .color-form .pull-l6.wrap-placeholder-fab, .color-form .row .pull-l6.wrap-placeholder-fab, .row .color-palette .pull-l6.form-item:not(.form-item-scheme), .color-palette .row .pull-l6.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.pull-l6.vertical-tabs__menu, .vertical-tab-wrapper .row ul.pull-l6.vertical-tabs__menu, .row .vertical-tab-wrapper .pull-l6.vertical-tabs__panes, .vertical-tab-wrapper .row .pull-l6.vertical-tabs__panes, .row .pull-l6.acquiadam-asset-browser { - right: 50%; } - .row .col.push-l6, .row .color-form .push-l6.wrap-placeholder-fab, .color-form .row .push-l6.wrap-placeholder-fab, .row .color-palette .push-l6.form-item:not(.form-item-scheme), .color-palette .row .push-l6.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.push-l6.vertical-tabs__menu, .vertical-tab-wrapper .row ul.push-l6.vertical-tabs__menu, .row .vertical-tab-wrapper .push-l6.vertical-tabs__panes, .vertical-tab-wrapper .row .push-l6.vertical-tabs__panes, .row .push-l6.acquiadam-asset-browser { - left: 50%; } - .row .col.offset-l7, .row .color-form .offset-l7.wrap-placeholder-fab, .color-form .row .offset-l7.wrap-placeholder-fab, .row .color-palette .offset-l7.form-item:not(.form-item-scheme), .color-palette .row .offset-l7.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.offset-l7.vertical-tabs__menu, .vertical-tab-wrapper .row ul.offset-l7.vertical-tabs__menu, .row .vertical-tab-wrapper .offset-l7.vertical-tabs__panes, .vertical-tab-wrapper .row .offset-l7.vertical-tabs__panes, .row .offset-l7.acquiadam-asset-browser { - margin-left: 58.33333%; } - .row .col.pull-l7, .row .color-form .pull-l7.wrap-placeholder-fab, .color-form .row .pull-l7.wrap-placeholder-fab, .row .color-palette .pull-l7.form-item:not(.form-item-scheme), .color-palette .row .pull-l7.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.pull-l7.vertical-tabs__menu, .vertical-tab-wrapper .row ul.pull-l7.vertical-tabs__menu, .row .vertical-tab-wrapper .pull-l7.vertical-tabs__panes, .vertical-tab-wrapper .row .pull-l7.vertical-tabs__panes, .row .pull-l7.acquiadam-asset-browser { - right: 58.33333%; } - .row .col.push-l7, .row .color-form .push-l7.wrap-placeholder-fab, .color-form .row .push-l7.wrap-placeholder-fab, .row .color-palette .push-l7.form-item:not(.form-item-scheme), .color-palette .row .push-l7.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.push-l7.vertical-tabs__menu, .vertical-tab-wrapper .row ul.push-l7.vertical-tabs__menu, .row .vertical-tab-wrapper .push-l7.vertical-tabs__panes, .vertical-tab-wrapper .row .push-l7.vertical-tabs__panes, .row .push-l7.acquiadam-asset-browser { - left: 58.33333%; } - .row .col.offset-l8, .row .color-form .offset-l8.wrap-placeholder-fab, .color-form .row .offset-l8.wrap-placeholder-fab, .row .color-palette .offset-l8.form-item:not(.form-item-scheme), .color-palette .row .offset-l8.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.offset-l8.vertical-tabs__menu, .vertical-tab-wrapper .row ul.offset-l8.vertical-tabs__menu, .row .vertical-tab-wrapper .offset-l8.vertical-tabs__panes, .vertical-tab-wrapper .row .offset-l8.vertical-tabs__panes, .row .offset-l8.acquiadam-asset-browser { - margin-left: 66.66667%; } - .row .col.pull-l8, .row .color-form .pull-l8.wrap-placeholder-fab, .color-form .row .pull-l8.wrap-placeholder-fab, .row .color-palette .pull-l8.form-item:not(.form-item-scheme), .color-palette .row .pull-l8.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.pull-l8.vertical-tabs__menu, .vertical-tab-wrapper .row ul.pull-l8.vertical-tabs__menu, .row .vertical-tab-wrapper .pull-l8.vertical-tabs__panes, .vertical-tab-wrapper .row .pull-l8.vertical-tabs__panes, .row .pull-l8.acquiadam-asset-browser { - right: 66.66667%; } - .row .col.push-l8, .row .color-form .push-l8.wrap-placeholder-fab, .color-form .row .push-l8.wrap-placeholder-fab, .row .color-palette .push-l8.form-item:not(.form-item-scheme), .color-palette .row .push-l8.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.push-l8.vertical-tabs__menu, .vertical-tab-wrapper .row ul.push-l8.vertical-tabs__menu, .row .vertical-tab-wrapper .push-l8.vertical-tabs__panes, .vertical-tab-wrapper .row .push-l8.vertical-tabs__panes, .row .push-l8.acquiadam-asset-browser { - left: 66.66667%; } - .row .col.offset-l9, .row .color-form .offset-l9.wrap-placeholder-fab, .color-form .row .offset-l9.wrap-placeholder-fab, .row .color-palette .offset-l9.form-item:not(.form-item-scheme), .color-palette .row .offset-l9.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.offset-l9.vertical-tabs__menu, .vertical-tab-wrapper .row ul.offset-l9.vertical-tabs__menu, .row .vertical-tab-wrapper .offset-l9.vertical-tabs__panes, .vertical-tab-wrapper .row .offset-l9.vertical-tabs__panes, .row .offset-l9.acquiadam-asset-browser { - margin-left: 75%; } - .row .col.pull-l9, .row .color-form .pull-l9.wrap-placeholder-fab, .color-form .row .pull-l9.wrap-placeholder-fab, .row .color-palette .pull-l9.form-item:not(.form-item-scheme), .color-palette .row .pull-l9.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.pull-l9.vertical-tabs__menu, .vertical-tab-wrapper .row ul.pull-l9.vertical-tabs__menu, .row .vertical-tab-wrapper .pull-l9.vertical-tabs__panes, .vertical-tab-wrapper .row .pull-l9.vertical-tabs__panes, .row .pull-l9.acquiadam-asset-browser { - right: 75%; } - .row .col.push-l9, .row .color-form .push-l9.wrap-placeholder-fab, .color-form .row .push-l9.wrap-placeholder-fab, .row .color-palette .push-l9.form-item:not(.form-item-scheme), .color-palette .row .push-l9.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.push-l9.vertical-tabs__menu, .vertical-tab-wrapper .row ul.push-l9.vertical-tabs__menu, .row .vertical-tab-wrapper .push-l9.vertical-tabs__panes, .vertical-tab-wrapper .row .push-l9.vertical-tabs__panes, .row .push-l9.acquiadam-asset-browser { - left: 75%; } - .row .col.offset-l10, .row .color-form .offset-l10.wrap-placeholder-fab, .color-form .row .offset-l10.wrap-placeholder-fab, .row .color-palette .offset-l10.form-item:not(.form-item-scheme), .color-palette .row .offset-l10.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.offset-l10.vertical-tabs__menu, .vertical-tab-wrapper .row ul.offset-l10.vertical-tabs__menu, .row .vertical-tab-wrapper .offset-l10.vertical-tabs__panes, .vertical-tab-wrapper .row .offset-l10.vertical-tabs__panes, .row .offset-l10.acquiadam-asset-browser { - margin-left: 83.33333%; } - .row .col.pull-l10, .row .color-form .pull-l10.wrap-placeholder-fab, .color-form .row .pull-l10.wrap-placeholder-fab, .row .color-palette .pull-l10.form-item:not(.form-item-scheme), .color-palette .row .pull-l10.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.pull-l10.vertical-tabs__menu, .vertical-tab-wrapper .row ul.pull-l10.vertical-tabs__menu, .row .vertical-tab-wrapper .pull-l10.vertical-tabs__panes, .vertical-tab-wrapper .row .pull-l10.vertical-tabs__panes, .row .pull-l10.acquiadam-asset-browser { - right: 83.33333%; } - .row .col.push-l10, .row .color-form .push-l10.wrap-placeholder-fab, .color-form .row .push-l10.wrap-placeholder-fab, .row .color-palette .push-l10.form-item:not(.form-item-scheme), .color-palette .row .push-l10.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.push-l10.vertical-tabs__menu, .vertical-tab-wrapper .row ul.push-l10.vertical-tabs__menu, .row .vertical-tab-wrapper .push-l10.vertical-tabs__panes, .vertical-tab-wrapper .row .push-l10.vertical-tabs__panes, .row .push-l10.acquiadam-asset-browser { - left: 83.33333%; } - .row .col.offset-l11, .row .color-form .offset-l11.wrap-placeholder-fab, .color-form .row .offset-l11.wrap-placeholder-fab, .row .color-palette .offset-l11.form-item:not(.form-item-scheme), .color-palette .row .offset-l11.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.offset-l11.vertical-tabs__menu, .vertical-tab-wrapper .row ul.offset-l11.vertical-tabs__menu, .row .vertical-tab-wrapper .offset-l11.vertical-tabs__panes, .vertical-tab-wrapper .row .offset-l11.vertical-tabs__panes, .row .offset-l11.acquiadam-asset-browser { - margin-left: 91.66667%; } - .row .col.pull-l11, .row .color-form .pull-l11.wrap-placeholder-fab, .color-form .row .pull-l11.wrap-placeholder-fab, .row .color-palette .pull-l11.form-item:not(.form-item-scheme), .color-palette .row .pull-l11.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.pull-l11.vertical-tabs__menu, .vertical-tab-wrapper .row ul.pull-l11.vertical-tabs__menu, .row .vertical-tab-wrapper .pull-l11.vertical-tabs__panes, .vertical-tab-wrapper .row .pull-l11.vertical-tabs__panes, .row .pull-l11.acquiadam-asset-browser { - right: 91.66667%; } - .row .col.push-l11, .row .color-form .push-l11.wrap-placeholder-fab, .color-form .row .push-l11.wrap-placeholder-fab, .row .color-palette .push-l11.form-item:not(.form-item-scheme), .color-palette .row .push-l11.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.push-l11.vertical-tabs__menu, .vertical-tab-wrapper .row ul.push-l11.vertical-tabs__menu, .row .vertical-tab-wrapper .push-l11.vertical-tabs__panes, .vertical-tab-wrapper .row .push-l11.vertical-tabs__panes, .row .push-l11.acquiadam-asset-browser { - left: 91.66667%; } - .row .col.offset-l12, .row .color-form .offset-l12.wrap-placeholder-fab, .color-form .row .offset-l12.wrap-placeholder-fab, .row .color-palette .offset-l12.form-item:not(.form-item-scheme), .color-palette .row .offset-l12.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.offset-l12.vertical-tabs__menu, .vertical-tab-wrapper .row ul.offset-l12.vertical-tabs__menu, .row .vertical-tab-wrapper .offset-l12.vertical-tabs__panes, .vertical-tab-wrapper .row .offset-l12.vertical-tabs__panes, .row .offset-l12.acquiadam-asset-browser { - margin-left: 100%; } - .row .col.pull-l12, .row .color-form .pull-l12.wrap-placeholder-fab, .color-form .row .pull-l12.wrap-placeholder-fab, .row .color-palette .pull-l12.form-item:not(.form-item-scheme), .color-palette .row .pull-l12.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.pull-l12.vertical-tabs__menu, .vertical-tab-wrapper .row ul.pull-l12.vertical-tabs__menu, .row .vertical-tab-wrapper .pull-l12.vertical-tabs__panes, .vertical-tab-wrapper .row .pull-l12.vertical-tabs__panes, .row .pull-l12.acquiadam-asset-browser { - right: 100%; } - .row .col.push-l12, .row .color-form .push-l12.wrap-placeholder-fab, .color-form .row .push-l12.wrap-placeholder-fab, .row .color-palette .push-l12.form-item:not(.form-item-scheme), .color-palette .row .push-l12.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.push-l12.vertical-tabs__menu, .vertical-tab-wrapper .row ul.push-l12.vertical-tabs__menu, .row .vertical-tab-wrapper .push-l12.vertical-tabs__panes, .vertical-tab-wrapper .row .push-l12.vertical-tabs__panes, .row .push-l12.acquiadam-asset-browser { - left: 100%; } } - @media only screen and (min-width: 1201px) { - .row .col.xl1, .row .color-form .xl1.wrap-placeholder-fab, .color-form .row .xl1.wrap-placeholder-fab, .row .color-palette .xl1.form-item:not(.form-item-scheme), .color-palette .row .xl1.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.xl1.vertical-tabs__menu, .vertical-tab-wrapper .row ul.xl1.vertical-tabs__menu, .row .vertical-tab-wrapper .xl1.vertical-tabs__panes, .vertical-tab-wrapper .row .xl1.vertical-tabs__panes, .row .xl1.acquiadam-asset-browser { - width: 8.33333%; - margin-left: auto; - left: auto; - right: auto; } - .row .col.xl2, .row .color-form .xl2.wrap-placeholder-fab, .color-form .row .xl2.wrap-placeholder-fab, .row .color-palette .xl2.form-item:not(.form-item-scheme), .color-palette .row .xl2.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.xl2.vertical-tabs__menu, .vertical-tab-wrapper .row ul.xl2.vertical-tabs__menu, .row .vertical-tab-wrapper .xl2.vertical-tabs__panes, .vertical-tab-wrapper .row .xl2.vertical-tabs__panes, .row .xl2.acquiadam-asset-browser { - width: 16.66667%; - margin-left: auto; - left: auto; - right: auto; } - .row .col.xl3, .row .color-form .xl3.wrap-placeholder-fab, .color-form .row .xl3.wrap-placeholder-fab, .row .color-palette .xl3.form-item:not(.form-item-scheme), .color-palette .row .xl3.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.xl3.vertical-tabs__menu, .vertical-tab-wrapper .row ul.xl3.vertical-tabs__menu, .row .vertical-tab-wrapper .xl3.vertical-tabs__panes, .vertical-tab-wrapper .row .xl3.vertical-tabs__panes, .row .xl3.acquiadam-asset-browser { - width: 25%; - margin-left: auto; - left: auto; - right: auto; } - .row .col.xl4, .row .color-form .xl4.wrap-placeholder-fab, .color-form .row .xl4.wrap-placeholder-fab, .row .color-palette .xl4.form-item:not(.form-item-scheme), .color-palette .row .xl4.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.xl4.vertical-tabs__menu, .vertical-tab-wrapper .row ul.xl4.vertical-tabs__menu, .row .vertical-tab-wrapper .xl4.vertical-tabs__panes, .vertical-tab-wrapper .row .xl4.vertical-tabs__panes, .row .xl4.acquiadam-asset-browser { - width: 33.33333%; - margin-left: auto; - left: auto; - right: auto; } - .row .col.xl5, .row .color-form .xl5.wrap-placeholder-fab, .color-form .row .xl5.wrap-placeholder-fab, .row .color-palette .xl5.form-item:not(.form-item-scheme), .color-palette .row .xl5.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.xl5.vertical-tabs__menu, .vertical-tab-wrapper .row ul.xl5.vertical-tabs__menu, .row .vertical-tab-wrapper .xl5.vertical-tabs__panes, .vertical-tab-wrapper .row .xl5.vertical-tabs__panes, .row .xl5.acquiadam-asset-browser { - width: 41.66667%; - margin-left: auto; - left: auto; - right: auto; } - .row .col.xl6, .row .color-form .xl6.wrap-placeholder-fab, .color-form .row .xl6.wrap-placeholder-fab, .row .color-palette .xl6.form-item:not(.form-item-scheme), .color-palette .row .xl6.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.xl6.vertical-tabs__menu, .vertical-tab-wrapper .row ul.xl6.vertical-tabs__menu, .row .vertical-tab-wrapper .xl6.vertical-tabs__panes, .vertical-tab-wrapper .row .xl6.vertical-tabs__panes, .row .xl6.acquiadam-asset-browser { - width: 50%; - margin-left: auto; - left: auto; - right: auto; } - .row .col.xl7, .row .color-form .xl7.wrap-placeholder-fab, .color-form .row .xl7.wrap-placeholder-fab, .row .color-palette .xl7.form-item:not(.form-item-scheme), .color-palette .row .xl7.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.xl7.vertical-tabs__menu, .vertical-tab-wrapper .row ul.xl7.vertical-tabs__menu, .row .vertical-tab-wrapper .xl7.vertical-tabs__panes, .vertical-tab-wrapper .row .xl7.vertical-tabs__panes, .row .xl7.acquiadam-asset-browser { - width: 58.33333%; - margin-left: auto; - left: auto; - right: auto; } - .row .col.xl8, .row .color-form .xl8.wrap-placeholder-fab, .color-form .row .xl8.wrap-placeholder-fab, .row .color-palette .xl8.form-item:not(.form-item-scheme), .color-palette .row .xl8.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.xl8.vertical-tabs__menu, .vertical-tab-wrapper .row ul.xl8.vertical-tabs__menu, .row .vertical-tab-wrapper .xl8.vertical-tabs__panes, .vertical-tab-wrapper .row .xl8.vertical-tabs__panes, .row .xl8.acquiadam-asset-browser { - width: 66.66667%; - margin-left: auto; - left: auto; - right: auto; } - .row .col.xl9, .row .color-form .xl9.wrap-placeholder-fab, .color-form .row .xl9.wrap-placeholder-fab, .row .color-palette .xl9.form-item:not(.form-item-scheme), .color-palette .row .xl9.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.xl9.vertical-tabs__menu, .vertical-tab-wrapper .row ul.xl9.vertical-tabs__menu, .row .vertical-tab-wrapper .xl9.vertical-tabs__panes, .vertical-tab-wrapper .row .xl9.vertical-tabs__panes, .row .xl9.acquiadam-asset-browser { - width: 75%; - margin-left: auto; - left: auto; - right: auto; } - .row .col.xl10, .row .color-form .xl10.wrap-placeholder-fab, .color-form .row .xl10.wrap-placeholder-fab, .row .color-palette .xl10.form-item:not(.form-item-scheme), .color-palette .row .xl10.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.xl10.vertical-tabs__menu, .vertical-tab-wrapper .row ul.xl10.vertical-tabs__menu, .row .vertical-tab-wrapper .xl10.vertical-tabs__panes, .vertical-tab-wrapper .row .xl10.vertical-tabs__panes, .row .xl10.acquiadam-asset-browser { - width: 83.33333%; - margin-left: auto; - left: auto; - right: auto; } - .row .col.xl11, .row .color-form .xl11.wrap-placeholder-fab, .color-form .row .xl11.wrap-placeholder-fab, .row .color-palette .xl11.form-item:not(.form-item-scheme), .color-palette .row .xl11.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.xl11.vertical-tabs__menu, .vertical-tab-wrapper .row ul.xl11.vertical-tabs__menu, .row .vertical-tab-wrapper .xl11.vertical-tabs__panes, .vertical-tab-wrapper .row .xl11.vertical-tabs__panes, .row .xl11.acquiadam-asset-browser { - width: 91.66667%; - margin-left: auto; - left: auto; - right: auto; } - .row .col.xl12, .row .color-form .xl12.wrap-placeholder-fab, .color-form .row .xl12.wrap-placeholder-fab, .row .color-palette .xl12.form-item:not(.form-item-scheme), .color-palette .row .xl12.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.xl12.vertical-tabs__menu, .vertical-tab-wrapper .row ul.xl12.vertical-tabs__menu, .row .vertical-tab-wrapper .xl12.vertical-tabs__panes, .vertical-tab-wrapper .row .xl12.vertical-tabs__panes, .row .xl12.acquiadam-asset-browser { - width: 100%; - margin-left: auto; - left: auto; - right: auto; } - .row .col.offset-xl1, .row .color-form .offset-xl1.wrap-placeholder-fab, .color-form .row .offset-xl1.wrap-placeholder-fab, .row .color-palette .offset-xl1.form-item:not(.form-item-scheme), .color-palette .row .offset-xl1.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.offset-xl1.vertical-tabs__menu, .vertical-tab-wrapper .row ul.offset-xl1.vertical-tabs__menu, .row .vertical-tab-wrapper .offset-xl1.vertical-tabs__panes, .vertical-tab-wrapper .row .offset-xl1.vertical-tabs__panes, .row .offset-xl1.acquiadam-asset-browser { - margin-left: 8.33333%; } - .row .col.pull-xl1, .row .color-form .pull-xl1.wrap-placeholder-fab, .color-form .row .pull-xl1.wrap-placeholder-fab, .row .color-palette .pull-xl1.form-item:not(.form-item-scheme), .color-palette .row .pull-xl1.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.pull-xl1.vertical-tabs__menu, .vertical-tab-wrapper .row ul.pull-xl1.vertical-tabs__menu, .row .vertical-tab-wrapper .pull-xl1.vertical-tabs__panes, .vertical-tab-wrapper .row .pull-xl1.vertical-tabs__panes, .row .pull-xl1.acquiadam-asset-browser { - right: 8.33333%; } - .row .col.push-xl1, .row .color-form .push-xl1.wrap-placeholder-fab, .color-form .row .push-xl1.wrap-placeholder-fab, .row .color-palette .push-xl1.form-item:not(.form-item-scheme), .color-palette .row .push-xl1.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.push-xl1.vertical-tabs__menu, .vertical-tab-wrapper .row ul.push-xl1.vertical-tabs__menu, .row .vertical-tab-wrapper .push-xl1.vertical-tabs__panes, .vertical-tab-wrapper .row .push-xl1.vertical-tabs__panes, .row .push-xl1.acquiadam-asset-browser { - left: 8.33333%; } - .row .col.offset-xl2, .row .color-form .offset-xl2.wrap-placeholder-fab, .color-form .row .offset-xl2.wrap-placeholder-fab, .row .color-palette .offset-xl2.form-item:not(.form-item-scheme), .color-palette .row .offset-xl2.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.offset-xl2.vertical-tabs__menu, .vertical-tab-wrapper .row ul.offset-xl2.vertical-tabs__menu, .row .vertical-tab-wrapper .offset-xl2.vertical-tabs__panes, .vertical-tab-wrapper .row .offset-xl2.vertical-tabs__panes, .row .offset-xl2.acquiadam-asset-browser { - margin-left: 16.66667%; } - .row .col.pull-xl2, .row .color-form .pull-xl2.wrap-placeholder-fab, .color-form .row .pull-xl2.wrap-placeholder-fab, .row .color-palette .pull-xl2.form-item:not(.form-item-scheme), .color-palette .row .pull-xl2.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.pull-xl2.vertical-tabs__menu, .vertical-tab-wrapper .row ul.pull-xl2.vertical-tabs__menu, .row .vertical-tab-wrapper .pull-xl2.vertical-tabs__panes, .vertical-tab-wrapper .row .pull-xl2.vertical-tabs__panes, .row .pull-xl2.acquiadam-asset-browser { - right: 16.66667%; } - .row .col.push-xl2, .row .color-form .push-xl2.wrap-placeholder-fab, .color-form .row .push-xl2.wrap-placeholder-fab, .row .color-palette .push-xl2.form-item:not(.form-item-scheme), .color-palette .row .push-xl2.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.push-xl2.vertical-tabs__menu, .vertical-tab-wrapper .row ul.push-xl2.vertical-tabs__menu, .row .vertical-tab-wrapper .push-xl2.vertical-tabs__panes, .vertical-tab-wrapper .row .push-xl2.vertical-tabs__panes, .row .push-xl2.acquiadam-asset-browser { - left: 16.66667%; } - .row .col.offset-xl3, .row .color-form .offset-xl3.wrap-placeholder-fab, .color-form .row .offset-xl3.wrap-placeholder-fab, .row .color-palette .offset-xl3.form-item:not(.form-item-scheme), .color-palette .row .offset-xl3.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.offset-xl3.vertical-tabs__menu, .vertical-tab-wrapper .row ul.offset-xl3.vertical-tabs__menu, .row .vertical-tab-wrapper .offset-xl3.vertical-tabs__panes, .vertical-tab-wrapper .row .offset-xl3.vertical-tabs__panes, .row .offset-xl3.acquiadam-asset-browser { - margin-left: 25%; } - .row .col.pull-xl3, .row .color-form .pull-xl3.wrap-placeholder-fab, .color-form .row .pull-xl3.wrap-placeholder-fab, .row .color-palette .pull-xl3.form-item:not(.form-item-scheme), .color-palette .row .pull-xl3.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.pull-xl3.vertical-tabs__menu, .vertical-tab-wrapper .row ul.pull-xl3.vertical-tabs__menu, .row .vertical-tab-wrapper .pull-xl3.vertical-tabs__panes, .vertical-tab-wrapper .row .pull-xl3.vertical-tabs__panes, .row .pull-xl3.acquiadam-asset-browser { - right: 25%; } - .row .col.push-xl3, .row .color-form .push-xl3.wrap-placeholder-fab, .color-form .row .push-xl3.wrap-placeholder-fab, .row .color-palette .push-xl3.form-item:not(.form-item-scheme), .color-palette .row .push-xl3.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.push-xl3.vertical-tabs__menu, .vertical-tab-wrapper .row ul.push-xl3.vertical-tabs__menu, .row .vertical-tab-wrapper .push-xl3.vertical-tabs__panes, .vertical-tab-wrapper .row .push-xl3.vertical-tabs__panes, .row .push-xl3.acquiadam-asset-browser { - left: 25%; } - .row .col.offset-xl4, .row .color-form .offset-xl4.wrap-placeholder-fab, .color-form .row .offset-xl4.wrap-placeholder-fab, .row .color-palette .offset-xl4.form-item:not(.form-item-scheme), .color-palette .row .offset-xl4.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.offset-xl4.vertical-tabs__menu, .vertical-tab-wrapper .row ul.offset-xl4.vertical-tabs__menu, .row .vertical-tab-wrapper .offset-xl4.vertical-tabs__panes, .vertical-tab-wrapper .row .offset-xl4.vertical-tabs__panes, .row .offset-xl4.acquiadam-asset-browser { - margin-left: 33.33333%; } - .row .col.pull-xl4, .row .color-form .pull-xl4.wrap-placeholder-fab, .color-form .row .pull-xl4.wrap-placeholder-fab, .row .color-palette .pull-xl4.form-item:not(.form-item-scheme), .color-palette .row .pull-xl4.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.pull-xl4.vertical-tabs__menu, .vertical-tab-wrapper .row ul.pull-xl4.vertical-tabs__menu, .row .vertical-tab-wrapper .pull-xl4.vertical-tabs__panes, .vertical-tab-wrapper .row .pull-xl4.vertical-tabs__panes, .row .pull-xl4.acquiadam-asset-browser { - right: 33.33333%; } - .row .col.push-xl4, .row .color-form .push-xl4.wrap-placeholder-fab, .color-form .row .push-xl4.wrap-placeholder-fab, .row .color-palette .push-xl4.form-item:not(.form-item-scheme), .color-palette .row .push-xl4.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.push-xl4.vertical-tabs__menu, .vertical-tab-wrapper .row ul.push-xl4.vertical-tabs__menu, .row .vertical-tab-wrapper .push-xl4.vertical-tabs__panes, .vertical-tab-wrapper .row .push-xl4.vertical-tabs__panes, .row .push-xl4.acquiadam-asset-browser { - left: 33.33333%; } - .row .col.offset-xl5, .row .color-form .offset-xl5.wrap-placeholder-fab, .color-form .row .offset-xl5.wrap-placeholder-fab, .row .color-palette .offset-xl5.form-item:not(.form-item-scheme), .color-palette .row .offset-xl5.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.offset-xl5.vertical-tabs__menu, .vertical-tab-wrapper .row ul.offset-xl5.vertical-tabs__menu, .row .vertical-tab-wrapper .offset-xl5.vertical-tabs__panes, .vertical-tab-wrapper .row .offset-xl5.vertical-tabs__panes, .row .offset-xl5.acquiadam-asset-browser { - margin-left: 41.66667%; } - .row .col.pull-xl5, .row .color-form .pull-xl5.wrap-placeholder-fab, .color-form .row .pull-xl5.wrap-placeholder-fab, .row .color-palette .pull-xl5.form-item:not(.form-item-scheme), .color-palette .row .pull-xl5.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.pull-xl5.vertical-tabs__menu, .vertical-tab-wrapper .row ul.pull-xl5.vertical-tabs__menu, .row .vertical-tab-wrapper .pull-xl5.vertical-tabs__panes, .vertical-tab-wrapper .row .pull-xl5.vertical-tabs__panes, .row .pull-xl5.acquiadam-asset-browser { - right: 41.66667%; } - .row .col.push-xl5, .row .color-form .push-xl5.wrap-placeholder-fab, .color-form .row .push-xl5.wrap-placeholder-fab, .row .color-palette .push-xl5.form-item:not(.form-item-scheme), .color-palette .row .push-xl5.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.push-xl5.vertical-tabs__menu, .vertical-tab-wrapper .row ul.push-xl5.vertical-tabs__menu, .row .vertical-tab-wrapper .push-xl5.vertical-tabs__panes, .vertical-tab-wrapper .row .push-xl5.vertical-tabs__panes, .row .push-xl5.acquiadam-asset-browser { - left: 41.66667%; } - .row .col.offset-xl6, .row .color-form .offset-xl6.wrap-placeholder-fab, .color-form .row .offset-xl6.wrap-placeholder-fab, .row .color-palette .offset-xl6.form-item:not(.form-item-scheme), .color-palette .row .offset-xl6.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.offset-xl6.vertical-tabs__menu, .vertical-tab-wrapper .row ul.offset-xl6.vertical-tabs__menu, .row .vertical-tab-wrapper .offset-xl6.vertical-tabs__panes, .vertical-tab-wrapper .row .offset-xl6.vertical-tabs__panes, .row .offset-xl6.acquiadam-asset-browser { - margin-left: 50%; } - .row .col.pull-xl6, .row .color-form .pull-xl6.wrap-placeholder-fab, .color-form .row .pull-xl6.wrap-placeholder-fab, .row .color-palette .pull-xl6.form-item:not(.form-item-scheme), .color-palette .row .pull-xl6.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.pull-xl6.vertical-tabs__menu, .vertical-tab-wrapper .row ul.pull-xl6.vertical-tabs__menu, .row .vertical-tab-wrapper .pull-xl6.vertical-tabs__panes, .vertical-tab-wrapper .row .pull-xl6.vertical-tabs__panes, .row .pull-xl6.acquiadam-asset-browser { - right: 50%; } - .row .col.push-xl6, .row .color-form .push-xl6.wrap-placeholder-fab, .color-form .row .push-xl6.wrap-placeholder-fab, .row .color-palette .push-xl6.form-item:not(.form-item-scheme), .color-palette .row .push-xl6.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.push-xl6.vertical-tabs__menu, .vertical-tab-wrapper .row ul.push-xl6.vertical-tabs__menu, .row .vertical-tab-wrapper .push-xl6.vertical-tabs__panes, .vertical-tab-wrapper .row .push-xl6.vertical-tabs__panes, .row .push-xl6.acquiadam-asset-browser { - left: 50%; } - .row .col.offset-xl7, .row .color-form .offset-xl7.wrap-placeholder-fab, .color-form .row .offset-xl7.wrap-placeholder-fab, .row .color-palette .offset-xl7.form-item:not(.form-item-scheme), .color-palette .row .offset-xl7.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.offset-xl7.vertical-tabs__menu, .vertical-tab-wrapper .row ul.offset-xl7.vertical-tabs__menu, .row .vertical-tab-wrapper .offset-xl7.vertical-tabs__panes, .vertical-tab-wrapper .row .offset-xl7.vertical-tabs__panes, .row .offset-xl7.acquiadam-asset-browser { - margin-left: 58.33333%; } - .row .col.pull-xl7, .row .color-form .pull-xl7.wrap-placeholder-fab, .color-form .row .pull-xl7.wrap-placeholder-fab, .row .color-palette .pull-xl7.form-item:not(.form-item-scheme), .color-palette .row .pull-xl7.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.pull-xl7.vertical-tabs__menu, .vertical-tab-wrapper .row ul.pull-xl7.vertical-tabs__menu, .row .vertical-tab-wrapper .pull-xl7.vertical-tabs__panes, .vertical-tab-wrapper .row .pull-xl7.vertical-tabs__panes, .row .pull-xl7.acquiadam-asset-browser { - right: 58.33333%; } - .row .col.push-xl7, .row .color-form .push-xl7.wrap-placeholder-fab, .color-form .row .push-xl7.wrap-placeholder-fab, .row .color-palette .push-xl7.form-item:not(.form-item-scheme), .color-palette .row .push-xl7.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.push-xl7.vertical-tabs__menu, .vertical-tab-wrapper .row ul.push-xl7.vertical-tabs__menu, .row .vertical-tab-wrapper .push-xl7.vertical-tabs__panes, .vertical-tab-wrapper .row .push-xl7.vertical-tabs__panes, .row .push-xl7.acquiadam-asset-browser { - left: 58.33333%; } - .row .col.offset-xl8, .row .color-form .offset-xl8.wrap-placeholder-fab, .color-form .row .offset-xl8.wrap-placeholder-fab, .row .color-palette .offset-xl8.form-item:not(.form-item-scheme), .color-palette .row .offset-xl8.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.offset-xl8.vertical-tabs__menu, .vertical-tab-wrapper .row ul.offset-xl8.vertical-tabs__menu, .row .vertical-tab-wrapper .offset-xl8.vertical-tabs__panes, .vertical-tab-wrapper .row .offset-xl8.vertical-tabs__panes, .row .offset-xl8.acquiadam-asset-browser { - margin-left: 66.66667%; } - .row .col.pull-xl8, .row .color-form .pull-xl8.wrap-placeholder-fab, .color-form .row .pull-xl8.wrap-placeholder-fab, .row .color-palette .pull-xl8.form-item:not(.form-item-scheme), .color-palette .row .pull-xl8.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.pull-xl8.vertical-tabs__menu, .vertical-tab-wrapper .row ul.pull-xl8.vertical-tabs__menu, .row .vertical-tab-wrapper .pull-xl8.vertical-tabs__panes, .vertical-tab-wrapper .row .pull-xl8.vertical-tabs__panes, .row .pull-xl8.acquiadam-asset-browser { - right: 66.66667%; } - .row .col.push-xl8, .row .color-form .push-xl8.wrap-placeholder-fab, .color-form .row .push-xl8.wrap-placeholder-fab, .row .color-palette .push-xl8.form-item:not(.form-item-scheme), .color-palette .row .push-xl8.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.push-xl8.vertical-tabs__menu, .vertical-tab-wrapper .row ul.push-xl8.vertical-tabs__menu, .row .vertical-tab-wrapper .push-xl8.vertical-tabs__panes, .vertical-tab-wrapper .row .push-xl8.vertical-tabs__panes, .row .push-xl8.acquiadam-asset-browser { - left: 66.66667%; } - .row .col.offset-xl9, .row .color-form .offset-xl9.wrap-placeholder-fab, .color-form .row .offset-xl9.wrap-placeholder-fab, .row .color-palette .offset-xl9.form-item:not(.form-item-scheme), .color-palette .row .offset-xl9.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.offset-xl9.vertical-tabs__menu, .vertical-tab-wrapper .row ul.offset-xl9.vertical-tabs__menu, .row .vertical-tab-wrapper .offset-xl9.vertical-tabs__panes, .vertical-tab-wrapper .row .offset-xl9.vertical-tabs__panes, .row .offset-xl9.acquiadam-asset-browser { - margin-left: 75%; } - .row .col.pull-xl9, .row .color-form .pull-xl9.wrap-placeholder-fab, .color-form .row .pull-xl9.wrap-placeholder-fab, .row .color-palette .pull-xl9.form-item:not(.form-item-scheme), .color-palette .row .pull-xl9.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.pull-xl9.vertical-tabs__menu, .vertical-tab-wrapper .row ul.pull-xl9.vertical-tabs__menu, .row .vertical-tab-wrapper .pull-xl9.vertical-tabs__panes, .vertical-tab-wrapper .row .pull-xl9.vertical-tabs__panes, .row .pull-xl9.acquiadam-asset-browser { - right: 75%; } - .row .col.push-xl9, .row .color-form .push-xl9.wrap-placeholder-fab, .color-form .row .push-xl9.wrap-placeholder-fab, .row .color-palette .push-xl9.form-item:not(.form-item-scheme), .color-palette .row .push-xl9.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.push-xl9.vertical-tabs__menu, .vertical-tab-wrapper .row ul.push-xl9.vertical-tabs__menu, .row .vertical-tab-wrapper .push-xl9.vertical-tabs__panes, .vertical-tab-wrapper .row .push-xl9.vertical-tabs__panes, .row .push-xl9.acquiadam-asset-browser { - left: 75%; } - .row .col.offset-xl10, .row .color-form .offset-xl10.wrap-placeholder-fab, .color-form .row .offset-xl10.wrap-placeholder-fab, .row .color-palette .offset-xl10.form-item:not(.form-item-scheme), .color-palette .row .offset-xl10.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.offset-xl10.vertical-tabs__menu, .vertical-tab-wrapper .row ul.offset-xl10.vertical-tabs__menu, .row .vertical-tab-wrapper .offset-xl10.vertical-tabs__panes, .vertical-tab-wrapper .row .offset-xl10.vertical-tabs__panes, .row .offset-xl10.acquiadam-asset-browser { - margin-left: 83.33333%; } - .row .col.pull-xl10, .row .color-form .pull-xl10.wrap-placeholder-fab, .color-form .row .pull-xl10.wrap-placeholder-fab, .row .color-palette .pull-xl10.form-item:not(.form-item-scheme), .color-palette .row .pull-xl10.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.pull-xl10.vertical-tabs__menu, .vertical-tab-wrapper .row ul.pull-xl10.vertical-tabs__menu, .row .vertical-tab-wrapper .pull-xl10.vertical-tabs__panes, .vertical-tab-wrapper .row .pull-xl10.vertical-tabs__panes, .row .pull-xl10.acquiadam-asset-browser { - right: 83.33333%; } - .row .col.push-xl10, .row .color-form .push-xl10.wrap-placeholder-fab, .color-form .row .push-xl10.wrap-placeholder-fab, .row .color-palette .push-xl10.form-item:not(.form-item-scheme), .color-palette .row .push-xl10.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.push-xl10.vertical-tabs__menu, .vertical-tab-wrapper .row ul.push-xl10.vertical-tabs__menu, .row .vertical-tab-wrapper .push-xl10.vertical-tabs__panes, .vertical-tab-wrapper .row .push-xl10.vertical-tabs__panes, .row .push-xl10.acquiadam-asset-browser { - left: 83.33333%; } - .row .col.offset-xl11, .row .color-form .offset-xl11.wrap-placeholder-fab, .color-form .row .offset-xl11.wrap-placeholder-fab, .row .color-palette .offset-xl11.form-item:not(.form-item-scheme), .color-palette .row .offset-xl11.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.offset-xl11.vertical-tabs__menu, .vertical-tab-wrapper .row ul.offset-xl11.vertical-tabs__menu, .row .vertical-tab-wrapper .offset-xl11.vertical-tabs__panes, .vertical-tab-wrapper .row .offset-xl11.vertical-tabs__panes, .row .offset-xl11.acquiadam-asset-browser { - margin-left: 91.66667%; } - .row .col.pull-xl11, .row .color-form .pull-xl11.wrap-placeholder-fab, .color-form .row .pull-xl11.wrap-placeholder-fab, .row .color-palette .pull-xl11.form-item:not(.form-item-scheme), .color-palette .row .pull-xl11.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.pull-xl11.vertical-tabs__menu, .vertical-tab-wrapper .row ul.pull-xl11.vertical-tabs__menu, .row .vertical-tab-wrapper .pull-xl11.vertical-tabs__panes, .vertical-tab-wrapper .row .pull-xl11.vertical-tabs__panes, .row .pull-xl11.acquiadam-asset-browser { - right: 91.66667%; } - .row .col.push-xl11, .row .color-form .push-xl11.wrap-placeholder-fab, .color-form .row .push-xl11.wrap-placeholder-fab, .row .color-palette .push-xl11.form-item:not(.form-item-scheme), .color-palette .row .push-xl11.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.push-xl11.vertical-tabs__menu, .vertical-tab-wrapper .row ul.push-xl11.vertical-tabs__menu, .row .vertical-tab-wrapper .push-xl11.vertical-tabs__panes, .vertical-tab-wrapper .row .push-xl11.vertical-tabs__panes, .row .push-xl11.acquiadam-asset-browser { - left: 91.66667%; } - .row .col.offset-xl12, .row .color-form .offset-xl12.wrap-placeholder-fab, .color-form .row .offset-xl12.wrap-placeholder-fab, .row .color-palette .offset-xl12.form-item:not(.form-item-scheme), .color-palette .row .offset-xl12.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.offset-xl12.vertical-tabs__menu, .vertical-tab-wrapper .row ul.offset-xl12.vertical-tabs__menu, .row .vertical-tab-wrapper .offset-xl12.vertical-tabs__panes, .vertical-tab-wrapper .row .offset-xl12.vertical-tabs__panes, .row .offset-xl12.acquiadam-asset-browser { - margin-left: 100%; } - .row .col.pull-xl12, .row .color-form .pull-xl12.wrap-placeholder-fab, .color-form .row .pull-xl12.wrap-placeholder-fab, .row .color-palette .pull-xl12.form-item:not(.form-item-scheme), .color-palette .row .pull-xl12.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.pull-xl12.vertical-tabs__menu, .vertical-tab-wrapper .row ul.pull-xl12.vertical-tabs__menu, .row .vertical-tab-wrapper .pull-xl12.vertical-tabs__panes, .vertical-tab-wrapper .row .pull-xl12.vertical-tabs__panes, .row .pull-xl12.acquiadam-asset-browser { - right: 100%; } - .row .col.push-xl12, .row .color-form .push-xl12.wrap-placeholder-fab, .color-form .row .push-xl12.wrap-placeholder-fab, .row .color-palette .push-xl12.form-item:not(.form-item-scheme), .color-palette .row .push-xl12.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.push-xl12.vertical-tabs__menu, .vertical-tab-wrapper .row ul.push-xl12.vertical-tabs__menu, .row .vertical-tab-wrapper .push-xl12.vertical-tabs__panes, .vertical-tab-wrapper .row .push-xl12.vertical-tabs__panes, .row .push-xl12.acquiadam-asset-browser { - left: 100%; } } - -.collapsible, details.form-wrapper { - border-top: 1px solid #ddd; - border-right: 1px solid #ddd; - border-left: 1px solid #ddd; - margin: 0.5rem 0 1rem 0; } - -.collapsible-header, details.form-wrapper summary { - display: -ms-flexbox; - display: flex; - cursor: pointer; - -webkit-tap-highlight-color: transparent; - line-height: 1.5; - padding: 1rem; - background-color: #fff; - border-bottom: 1px solid #ddd; } - .collapsible-header i, details.form-wrapper summary i { - width: 2rem; - font-size: 1.6rem; - display: inline-block; - text-align: center; - margin-right: 1rem; } - -.collapsible-body { - display: none; - border-bottom: 1px solid #ddd; - box-sizing: border-box; - padding: 2rem; } - -.side-nav .collapsible, .side-nav details.form-wrapper, -.side-nav.fixed .collapsible, -.side-nav.fixed details.form-wrapper { - border: none; - box-shadow: none; } - .side-nav .collapsible li, .side-nav details.form-wrapper li, - .side-nav.fixed .collapsible li, - .side-nav.fixed details.form-wrapper li { - padding: 0; } - -.side-nav .collapsible-header, .side-nav details.form-wrapper summary, details.form-wrapper .side-nav summary, -.side-nav.fixed .collapsible-header, -.side-nav.fixed details.form-wrapper summary, details.form-wrapper -.side-nav.fixed summary { - background-color: transparent; - border: none; - line-height: inherit; - height: inherit; - padding: 0 16px; } - .side-nav .collapsible-header:hover, .side-nav details.form-wrapper summary:hover, details.form-wrapper .side-nav summary:hover, - .side-nav.fixed .collapsible-header:hover, - .side-nav.fixed details.form-wrapper summary:hover, details.form-wrapper - .side-nav.fixed summary:hover { - background-color: rgba(0, 0, 0, 0.05); } - .side-nav .collapsible-header i, .side-nav details.form-wrapper summary i, details.form-wrapper .side-nav summary i, - .side-nav.fixed .collapsible-header i, - .side-nav.fixed details.form-wrapper summary i, details.form-wrapper - .side-nav.fixed summary i { - line-height: inherit; } - -.side-nav .collapsible-body, -.side-nav.fixed .collapsible-body { - border: 0; - background-color: #fff; } - .side-nav .collapsible-body li a, - .side-nav.fixed .collapsible-body li a { - padding: 0 23.5px 0 31px; } - -.collapsible.popout, details.popout.form-wrapper { - border: none; - box-shadow: none; } - .collapsible.popout > li, details.popout.form-wrapper > li { - box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); - margin: 0 24px; - transition: margin 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94); } - .collapsible.popout > li.active, details.popout.form-wrapper > li.active { - box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); - margin: 16px 0; } - -.tabs { - position: relative; - overflow-x: auto; - overflow-y: hidden; - height: 48px; - width: 100%; - background-color: #fff; - margin: 0 auto; - white-space: nowrap; } - .tabs.tabs-transparent { - background-color: transparent; } - .tabs.tabs-transparent .tab a, - .tabs.tabs-transparent .tab.disabled a, - .tabs.tabs-transparent .tab.disabled a:hover { - color: rgba(255, 255, 255, 0.7); } - .tabs.tabs-transparent .tab a:hover, - .tabs.tabs-transparent .tab a.active { - color: #fff; } - .tabs.tabs-transparent .indicator { - background-color: #fff; } - .tabs.tabs-fixed-width { - display: -ms-flexbox; - display: flex; } - .tabs.tabs-fixed-width .tab { - -ms-flex-positive: 1; - flex-grow: 1; } - .tabs .tab { - display: inline-block; - text-align: center; - line-height: 48px; - height: 48px; - padding: 0; - margin: 0; - text-transform: uppercase; } - .tabs .tab a { - color: rgba(238, 110, 115, 0.7); - display: block; - width: 100%; - height: 100%; - padding: 0 24px; - font-size: 14px; - text-overflow: ellipsis; - overflow: hidden; - transition: color .28s ease; } - .tabs .tab a:hover, .tabs .tab a.active { - background-color: transparent; - color: #ee6e73; } - .tabs .tab.disabled a, - .tabs .tab.disabled a:hover { - color: rgba(238, 110, 115, 0.7); - cursor: default; } - .tabs .indicator { - position: absolute; - bottom: 0; - height: 2px; - background-color: #ee6e73; - will-change: left, right; } - -@media only screen and (max-width: 992px) { - .tabs { - display: -ms-flexbox; - display: flex; } - .tabs .tab { - -ms-flex-positive: 1; - flex-grow: 1; } - .tabs .tab a { - padding: 0 12px; } } - -span.badge, span.marker { - min-width: 3rem; - padding: 0 6px; - margin-left: 14px; - text-align: center; - font-size: 1rem; - line-height: 22px; - height: 22px; - color: #757575; - float: right; - box-sizing: border-box; } - span.badge.new, span.new.marker { - font-weight: 300; - font-size: 0.8rem; - color: #fff; - background-color: #26a69a; - border-radius: 2px; } - span.badge.new:after, span.new.marker:after { - content: " new"; } - span.badge[data-badge-caption]::after, span[data-badge-caption].marker::after { - content: " " attr(data-badge-caption); } - -nav ul a span.badge, nav ul a span.marker { - display: inline-block; - float: none; - margin-left: 4px; - line-height: 22px; - height: 22px; - -webkit-font-smoothing: auto; } - -.collection-item span.badge, .collection-item span.marker { - margin-top: calc(0.75rem - 11px); } - -.collapsible span.badge, details.form-wrapper span.badge, .collapsible span.marker, details.form-wrapper span.marker { - margin-left: auto; } - -.side-nav span.badge, .side-nav span.marker { - margin-top: calc(24px - 11px); } - -.btn, .btn-large, .button-action, .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button, .dropbutton-wrapper .single-btn-wrapper a, #edit-actions .button.use-ajax, .views-displays .tabs.secondary li.add a, .ui-dialog-content .webform-ajax-link, .webform-details-toggle-state-wrapper .webform-details-toggle-state, .maintenance-page-content .button, .maintenance-page-content ul.links li a, -.btn-flat, -.button-link, -.compact-link a, -.tabledrag-toggle-weight-wrapper .tabledrag-toggle-weight, -.ui-dialog-content .webform-ajax-link, -.webform-details-toggle-state-wrapper .webform-details-toggle-state, -.region-title__action .button, -.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button, -.dropbutton-wrapper .single-btn-wrapper a, -#edit-actions .button--danger, -a#edit-cancel, -.field-suffix small span.admin-link, -.views-displays .tabs.secondary li.add a, -.views-ui-rearrange-filter-form .action-links li a, -.acquiadam-browser-breadcrumb-container i, -.entities-list .item-container .btn, -.entities-list .item-container .btn-large, -.entities-list .item-container .button-action, -.entities-list .item-container .dropbutton-wrapper .single-btn-wrapper a, -.dropbutton-wrapper .single-btn-wrapper .entities-list .item-container a, -.entities-list .item-container #edit-actions .button.use-ajax, -#edit-actions .entities-list .item-container .button.use-ajax, -.entities-list .item-container .ui-dialog-content .webform-ajax-link, -.ui-dialog-content .entities-list .item-container .webform-ajax-link, -.entities-list .item-container .webform-details-toggle-state-wrapper .webform-details-toggle-state, -.webform-details-toggle-state-wrapper .entities-list .item-container .webform-details-toggle-state, -.entities-list .item-container .maintenance-page-content .button, -.maintenance-page-content .entities-list .item-container .button, -.entities-list .item-container .maintenance-page-content ul.links li a, -.maintenance-page-content ul.links li .entities-list .item-container a { - border: none; - border-radius: 2px; - display: inline-block; - height: 36px; - line-height: 36px; - padding: 0 2rem; - text-transform: uppercase; - vertical-align: middle; - -webkit-tap-highlight-color: transparent; } - -.btn.disabled, .disabled.btn-large, .disabled.button-action, .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button.disabled, .dropbutton-wrapper .single-btn-wrapper a.disabled, #edit-actions .disabled.button.use-ajax, .views-displays .tabs.secondary li.add a.disabled, .ui-dialog-content .disabled.webform-ajax-link, .webform-details-toggle-state-wrapper .disabled.webform-details-toggle-state, .maintenance-page-content .disabled.button, .maintenance-page-content ul.links li a.disabled, -.btn-floating.disabled, -.btn-large.disabled, -.btn-flat.disabled, -.disabled.button-link, -.compact-link a.disabled, -.tabledrag-toggle-weight-wrapper .disabled.tabledrag-toggle-weight, -.ui-dialog-content .disabled.webform-ajax-link, -.webform-details-toggle-state-wrapper .disabled.webform-details-toggle-state, -.region-title__action .disabled.button, -.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button.disabled, -.dropbutton-wrapper .single-btn-wrapper a.disabled, -#edit-actions .disabled.button--danger, -a.disabled#edit-cancel, -.field-suffix small span.disabled.admin-link, -.views-displays .tabs.secondary li.add a.disabled, -.views-ui-rearrange-filter-form .action-links li a.disabled, -.acquiadam-browser-breadcrumb-container i.disabled, -.entities-list .item-container .disabled.btn, -.entities-list .item-container .disabled.btn-large, -.entities-list .item-container .disabled.button-action, -.entities-list .item-container #edit-actions .disabled.button.use-ajax, -#edit-actions .entities-list .item-container .disabled.button.use-ajax, -.entities-list .item-container .maintenance-page-content .disabled.button, -.maintenance-page-content .entities-list .item-container .disabled.button, -.entities-list .item-container .maintenance-page-content ul.links li a.disabled, -.maintenance-page-content ul.links li .entities-list .item-container a.disabled, -.btn:disabled, -.btn-large:disabled, -.button-action:disabled, -.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button:disabled, -.dropbutton-wrapper .single-btn-wrapper a:disabled, -#edit-actions .button.use-ajax:disabled, -.views-displays .tabs.secondary li.add a:disabled, -.ui-dialog-content .webform-ajax-link:disabled, -.webform-details-toggle-state-wrapper .webform-details-toggle-state:disabled, -.maintenance-page-content .button:disabled, -.maintenance-page-content ul.links li a:disabled, -.btn-floating:disabled, -.btn-large:disabled, -.btn-flat:disabled, -.button-link:disabled, -.compact-link a:disabled, -.tabledrag-toggle-weight-wrapper .tabledrag-toggle-weight:disabled, -.ui-dialog-content .webform-ajax-link:disabled, -.webform-details-toggle-state-wrapper .webform-details-toggle-state:disabled, -.region-title__action .button:disabled, -.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button:disabled, -.dropbutton-wrapper .single-btn-wrapper a:disabled, -#edit-actions .button--danger:disabled, -a#edit-cancel:disabled, -.field-suffix small span.admin-link:disabled, -.views-displays .tabs.secondary li.add a:disabled, -.views-ui-rearrange-filter-form .action-links li a:disabled, -.acquiadam-browser-breadcrumb-container i:disabled, -.entities-list .item-container .btn:disabled, -.entities-list .item-container .btn-large:disabled, -.entities-list .item-container .button-action:disabled, -.entities-list .item-container #edit-actions .button.use-ajax:disabled, -#edit-actions .entities-list .item-container .button.use-ajax:disabled, -.entities-list .item-container .maintenance-page-content .button:disabled, -.maintenance-page-content .entities-list .item-container .button:disabled, -.entities-list .item-container .maintenance-page-content ul.links li a:disabled, -.maintenance-page-content ul.links li .entities-list .item-container a:disabled, -.btn[disabled], -[disabled].btn-large, -[disabled].button-action, -.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button[disabled], -.dropbutton-wrapper .single-btn-wrapper a[disabled], -#edit-actions [disabled].button.use-ajax, -.views-displays .tabs.secondary li.add a[disabled], -.ui-dialog-content [disabled].webform-ajax-link, -.webform-details-toggle-state-wrapper [disabled].webform-details-toggle-state, -.maintenance-page-content [disabled].button, -.maintenance-page-content ul.links li a[disabled], -.btn-floating[disabled], -.btn-large[disabled], -.btn-flat[disabled], -[disabled].button-link, -.compact-link a[disabled], -.tabledrag-toggle-weight-wrapper [disabled].tabledrag-toggle-weight, -.ui-dialog-content [disabled].webform-ajax-link, -.webform-details-toggle-state-wrapper [disabled].webform-details-toggle-state, -.region-title__action [disabled].button, -.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button[disabled], -.dropbutton-wrapper .single-btn-wrapper a[disabled], -#edit-actions [disabled].button--danger, -a[disabled]#edit-cancel, -.field-suffix small span[disabled].admin-link, -.views-displays .tabs.secondary li.add a[disabled], -.views-ui-rearrange-filter-form .action-links li a[disabled], -.acquiadam-browser-breadcrumb-container i[disabled], -.entities-list .item-container [disabled].btn, -.entities-list .item-container [disabled].btn-large, -.entities-list .item-container [disabled].button-action, -.entities-list .item-container #edit-actions [disabled].button.use-ajax, -#edit-actions .entities-list .item-container [disabled].button.use-ajax, -.entities-list .item-container .maintenance-page-content [disabled].button, -.maintenance-page-content .entities-list .item-container [disabled].button, -.entities-list .item-container .maintenance-page-content ul.links li a[disabled], -.maintenance-page-content ul.links li .entities-list .item-container a[disabled] { - pointer-events: none; - background-color: #DFDFDF !important; - box-shadow: none; - color: #9F9F9F !important; - cursor: default; } - .btn.disabled:hover, .disabled.btn-large:hover, .disabled.button-action:hover, .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button.disabled:hover, .dropbutton-wrapper .single-btn-wrapper a.disabled:hover, #edit-actions .disabled.button.use-ajax:hover, .views-displays .tabs.secondary li.add a.disabled:hover, .ui-dialog-content .disabled.webform-ajax-link:hover, .webform-details-toggle-state-wrapper .disabled.webform-details-toggle-state:hover, .maintenance-page-content .disabled.button:hover, .maintenance-page-content ul.links li a.disabled:hover, - .btn-floating.disabled:hover, - .btn-large.disabled:hover, - .btn-flat.disabled:hover, - .disabled.button-link:hover, - .compact-link a.disabled:hover, - .tabledrag-toggle-weight-wrapper .disabled.tabledrag-toggle-weight:hover, - .ui-dialog-content .disabled.webform-ajax-link:hover, - .webform-details-toggle-state-wrapper .disabled.webform-details-toggle-state:hover, - .region-title__action .disabled.button:hover, - .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button.disabled:hover, - .dropbutton-wrapper .single-btn-wrapper a.disabled:hover, - #edit-actions .disabled.button--danger:hover, - a.disabled#edit-cancel:hover, - .field-suffix small span.disabled.admin-link:hover, - .views-displays .tabs.secondary li.add a.disabled:hover, - .views-ui-rearrange-filter-form .action-links li a.disabled:hover, - .acquiadam-browser-breadcrumb-container i.disabled:hover, - .entities-list .item-container .disabled.btn:hover, - .entities-list .item-container .disabled.btn-large:hover, - .entities-list .item-container .disabled.button-action:hover, - .entities-list .item-container #edit-actions .disabled.button.use-ajax:hover, - #edit-actions .entities-list .item-container .disabled.button.use-ajax:hover, - .entities-list .item-container .maintenance-page-content .disabled.button:hover, - .maintenance-page-content .entities-list .item-container .disabled.button:hover, - .entities-list .item-container .maintenance-page-content ul.links li a.disabled:hover, - .maintenance-page-content ul.links li .entities-list .item-container a.disabled:hover, - .btn:disabled:hover, - .btn-large:disabled:hover, - .button-action:disabled:hover, - .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button:disabled:hover, - .dropbutton-wrapper .single-btn-wrapper a:disabled:hover, - #edit-actions .button.use-ajax:disabled:hover, - .views-displays .tabs.secondary li.add a:disabled:hover, - .ui-dialog-content .webform-ajax-link:disabled:hover, - .webform-details-toggle-state-wrapper .webform-details-toggle-state:disabled:hover, - .maintenance-page-content .button:disabled:hover, - .maintenance-page-content ul.links li a:disabled:hover, - .btn-floating:disabled:hover, - .btn-large:disabled:hover, - .btn-flat:disabled:hover, - .button-link:disabled:hover, - .compact-link a:disabled:hover, - .tabledrag-toggle-weight-wrapper .tabledrag-toggle-weight:disabled:hover, - .ui-dialog-content .webform-ajax-link:disabled:hover, - .webform-details-toggle-state-wrapper .webform-details-toggle-state:disabled:hover, - .region-title__action .button:disabled:hover, - .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button:disabled:hover, - .dropbutton-wrapper .single-btn-wrapper a:disabled:hover, - #edit-actions .button--danger:disabled:hover, - a#edit-cancel:disabled:hover, - .field-suffix small span.admin-link:disabled:hover, - .views-displays .tabs.secondary li.add a:disabled:hover, - .views-ui-rearrange-filter-form .action-links li a:disabled:hover, - .acquiadam-browser-breadcrumb-container i:disabled:hover, - .entities-list .item-container .btn:disabled:hover, - .entities-list .item-container .btn-large:disabled:hover, - .entities-list .item-container .button-action:disabled:hover, - .entities-list .item-container #edit-actions .button.use-ajax:disabled:hover, - #edit-actions .entities-list .item-container .button.use-ajax:disabled:hover, - .entities-list .item-container .maintenance-page-content .button:disabled:hover, - .maintenance-page-content .entities-list .item-container .button:disabled:hover, - .entities-list .item-container .maintenance-page-content ul.links li a:disabled:hover, - .maintenance-page-content ul.links li .entities-list .item-container a:disabled:hover, - .btn[disabled]:hover, - [disabled].btn-large:hover, - [disabled].button-action:hover, - .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button[disabled]:hover, - .dropbutton-wrapper .single-btn-wrapper a[disabled]:hover, - #edit-actions [disabled].button.use-ajax:hover, - .views-displays .tabs.secondary li.add a[disabled]:hover, - .ui-dialog-content [disabled].webform-ajax-link:hover, - .webform-details-toggle-state-wrapper [disabled].webform-details-toggle-state:hover, - .maintenance-page-content [disabled].button:hover, - .maintenance-page-content ul.links li a[disabled]:hover, - .btn-floating[disabled]:hover, - .btn-large[disabled]:hover, - .btn-flat[disabled]:hover, - [disabled].button-link:hover, - .compact-link a[disabled]:hover, - .tabledrag-toggle-weight-wrapper [disabled].tabledrag-toggle-weight:hover, - .ui-dialog-content [disabled].webform-ajax-link:hover, - .webform-details-toggle-state-wrapper [disabled].webform-details-toggle-state:hover, - .region-title__action [disabled].button:hover, - .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button[disabled]:hover, - .dropbutton-wrapper .single-btn-wrapper a[disabled]:hover, - #edit-actions [disabled].button--danger:hover, - a[disabled]#edit-cancel:hover, - .field-suffix small span[disabled].admin-link:hover, - .views-displays .tabs.secondary li.add a[disabled]:hover, - .views-ui-rearrange-filter-form .action-links li a[disabled]:hover, - .acquiadam-browser-breadcrumb-container i[disabled]:hover, - .entities-list .item-container [disabled].btn:hover, - .entities-list .item-container [disabled].btn-large:hover, - .entities-list .item-container [disabled].button-action:hover, - .entities-list .item-container #edit-actions [disabled].button.use-ajax:hover, - #edit-actions .entities-list .item-container [disabled].button.use-ajax:hover, - .entities-list .item-container .maintenance-page-content [disabled].button:hover, - .maintenance-page-content .entities-list .item-container [disabled].button:hover, - .entities-list .item-container .maintenance-page-content ul.links li a[disabled]:hover, - .maintenance-page-content ul.links li .entities-list .item-container a[disabled]:hover { - background-color: #DFDFDF !important; - color: #9F9F9F !important; } - -.btn, .btn-large, .button-action, .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button, .dropbutton-wrapper .single-btn-wrapper a, #edit-actions .button.use-ajax, .views-displays .tabs.secondary li.add a, .ui-dialog-content .webform-ajax-link, .webform-details-toggle-state-wrapper .webform-details-toggle-state, .maintenance-page-content .button, .maintenance-page-content ul.links li a, -.btn-floating, -.btn-large, -.btn-flat, -.button-link, -.compact-link a, -.tabledrag-toggle-weight-wrapper .tabledrag-toggle-weight, -.ui-dialog-content .webform-ajax-link, -.webform-details-toggle-state-wrapper .webform-details-toggle-state, -.region-title__action .button, -.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button, -.dropbutton-wrapper .single-btn-wrapper a, -#edit-actions .button--danger, -a#edit-cancel, -.field-suffix small span.admin-link, -.views-displays .tabs.secondary li.add a, -.views-ui-rearrange-filter-form .action-links li a, -.acquiadam-browser-breadcrumb-container i, -.entities-list .item-container .btn, -.entities-list .item-container .btn-large, -.entities-list .item-container .button-action, -.entities-list .item-container .dropbutton-wrapper .single-btn-wrapper a, -.dropbutton-wrapper .single-btn-wrapper .entities-list .item-container a, -.entities-list .item-container #edit-actions .button.use-ajax, -#edit-actions .entities-list .item-container .button.use-ajax, -.entities-list .item-container .ui-dialog-content .webform-ajax-link, -.ui-dialog-content .entities-list .item-container .webform-ajax-link, -.entities-list .item-container .webform-details-toggle-state-wrapper .webform-details-toggle-state, -.webform-details-toggle-state-wrapper .entities-list .item-container .webform-details-toggle-state, -.entities-list .item-container .maintenance-page-content .button, -.maintenance-page-content .entities-list .item-container .button, -.entities-list .item-container .maintenance-page-content ul.links li a, -.maintenance-page-content ul.links li .entities-list .item-container a { - font-size: 1rem; - outline: 0; } - .btn i, .btn-large i, .button-action i, .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button i, .dropbutton-wrapper .single-btn-wrapper a i, #edit-actions .button.use-ajax i, .views-displays .tabs.secondary li.add a i, .ui-dialog-content .webform-ajax-link i, .webform-details-toggle-state-wrapper .webform-details-toggle-state i, .maintenance-page-content .button i, .maintenance-page-content ul.links li a i, - .btn-floating i, - .btn-large i, - .btn-flat i, .button-link i, .compact-link a i, .tabledrag-toggle-weight-wrapper .tabledrag-toggle-weight i, .ui-dialog-content .webform-ajax-link i, .webform-details-toggle-state-wrapper .webform-details-toggle-state i, .region-title__action .button i, .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button i, .dropbutton-wrapper .single-btn-wrapper a i, #edit-actions .button--danger i, a#edit-cancel i, .field-suffix small span.admin-link i, .views-displays .tabs.secondary li.add a i, .views-ui-rearrange-filter-form .action-links li a i, .acquiadam-browser-breadcrumb-container i i, .entities-list .item-container .btn i, .entities-list .item-container .btn-large i, .entities-list .item-container .button-action i, .entities-list .item-container .dropbutton-wrapper .single-btn-wrapper a i, .dropbutton-wrapper .single-btn-wrapper .entities-list .item-container a i, .entities-list .item-container #edit-actions .button.use-ajax i, #edit-actions .entities-list .item-container .button.use-ajax i, .entities-list .item-container .ui-dialog-content .webform-ajax-link i, .ui-dialog-content .entities-list .item-container .webform-ajax-link i, .entities-list .item-container .webform-details-toggle-state-wrapper .webform-details-toggle-state i, .webform-details-toggle-state-wrapper .entities-list .item-container .webform-details-toggle-state i, .entities-list .item-container .maintenance-page-content .button i, .maintenance-page-content .entities-list .item-container .button i, .entities-list .item-container .maintenance-page-content ul.links li a i, .maintenance-page-content ul.links li .entities-list .item-container a i { - font-size: 1.3rem; - line-height: inherit; } - -.btn:focus, .btn-large:focus, .button-action:focus, .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button:focus, .dropbutton-wrapper .single-btn-wrapper a:focus, #edit-actions .button.use-ajax:focus, .views-displays .tabs.secondary li.add a:focus, .ui-dialog-content .webform-ajax-link:focus, .webform-details-toggle-state-wrapper .webform-details-toggle-state:focus, .maintenance-page-content .button:focus, .maintenance-page-content ul.links li a:focus, -.btn-floating:focus { - background-color: #00635a; } - -.btn, .btn-large, .button-action, .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button, .dropbutton-wrapper .single-btn-wrapper a, #edit-actions .button.use-ajax, .views-displays .tabs.secondary li.add a, .ui-dialog-content .webform-ajax-link, .webform-details-toggle-state-wrapper .webform-details-toggle-state, .maintenance-page-content .button, .maintenance-page-content ul.links li a { - text-decoration: none; - color: #FFFFFF; - background-color: #009688; - text-align: center; - letter-spacing: .5px; - transition: .2s ease-out; - cursor: pointer; } - .btn:hover, .btn-large:hover, .button-action:hover, .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button:hover, .dropbutton-wrapper .single-btn-wrapper a:hover, #edit-actions .button.use-ajax:hover, .views-displays .tabs.secondary li.add a:hover, .ui-dialog-content .webform-ajax-link:hover, .webform-details-toggle-state-wrapper .webform-details-toggle-state:hover, .maintenance-page-content .button:hover, .maintenance-page-content ul.links li a:hover { - background-color: #00b09f; } - -.btn-floating { - display: inline-block; - color: #FFFFFF; - position: relative; - overflow: hidden; - z-index: 1; - width: 40px; - height: 40px; - line-height: 40px; - padding: 0; - background-color: #009688; - border-radius: 50%; - transition: .3s; - cursor: pointer; - vertical-align: middle; } - .btn-floating:hover { - background-color: #009688; } - .btn-floating:before { - border-radius: 0; } - .btn-floating.btn-large { - width: 56px; - height: 56px; } - .btn-floating.btn-large.halfway-fab { - bottom: -28px; } - .btn-floating.btn-large i { - line-height: 56px; } - .btn-floating.halfway-fab { - position: absolute; - right: 24px; - bottom: -20px; } - .btn-floating.halfway-fab.left { - right: auto; - left: 24px; } - .btn-floating i { - width: inherit; - display: inline-block; - text-align: center; - color: #FFFFFF; - font-size: 1.6rem; - line-height: 40px; } - -button.btn-floating { - border: none; } - -.fixed-action-btn { - position: fixed; - right: 23px; - bottom: 23px; - padding-top: 15px; - margin-bottom: 0; - z-index: 997; } - .fixed-action-btn.active ul { - visibility: visible; } - .fixed-action-btn.horizontal { - padding: 0 0 0 15px; } - .fixed-action-btn.horizontal ul { - text-align: right; - right: 64px; - top: 50%; - -ms-transform: translateY(-50%); - transform: translateY(-50%); - height: 100%; - left: auto; - width: 500px; - /*width 100% only goes to width of button container */ } - .fixed-action-btn.horizontal ul li { - display: inline-block; - margin: 15px 15px 0 0; } - .fixed-action-btn.toolbar { - padding: 0; - height: 56px; } - .fixed-action-btn.toolbar.active > a i { - opacity: 0; } - .fixed-action-btn.toolbar ul { - display: -ms-flexbox; - display: flex; - top: 0; - bottom: 0; - z-index: 1; } - .fixed-action-btn.toolbar ul li { - -ms-flex: 1; - flex: 1; - display: inline-block; - margin: 0; - height: 100%; - transition: none; } - .fixed-action-btn.toolbar ul li a { - display: block; - overflow: hidden; - position: relative; - width: 100%; - height: 100%; - background-color: transparent; - box-shadow: none; - color: #fff; - line-height: 56px; - z-index: 1; } - .fixed-action-btn.toolbar ul li a i { - line-height: inherit; } - .fixed-action-btn ul { - left: 0; - right: 0; - text-align: center; - position: absolute; - bottom: 64px; - margin: 0; - visibility: hidden; } - .fixed-action-btn ul li { - margin-bottom: 15px; } - .fixed-action-btn ul a.btn-floating { - opacity: 0; } - .fixed-action-btn .fab-backdrop { - position: absolute; - top: 0; - left: 0; - z-index: -1; - width: 40px; - height: 40px; - background-color: #009688; - border-radius: 50%; - -ms-transform: scale(0); - transform: scale(0); } - -.btn-flat, .button-link, .compact-link a, .tabledrag-toggle-weight-wrapper .tabledrag-toggle-weight, .ui-dialog-content .webform-ajax-link, .webform-details-toggle-state-wrapper .webform-details-toggle-state, .region-title__action .button, .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button, .dropbutton-wrapper .single-btn-wrapper a, #edit-actions .button--danger, a#edit-cancel, .field-suffix small span.admin-link, .views-displays .tabs.secondary li.add a, .views-ui-rearrange-filter-form .action-links li a, .acquiadam-browser-breadcrumb-container i, .entities-list .item-container .btn, .entities-list .item-container .btn-large, .entities-list .item-container .button-action, .entities-list .item-container .dropbutton-wrapper .single-btn-wrapper a, .dropbutton-wrapper .single-btn-wrapper .entities-list .item-container a, .entities-list .item-container #edit-actions .button.use-ajax, #edit-actions .entities-list .item-container .button.use-ajax, .entities-list .item-container .ui-dialog-content .webform-ajax-link, .ui-dialog-content .entities-list .item-container .webform-ajax-link, .entities-list .item-container .webform-details-toggle-state-wrapper .webform-details-toggle-state, .webform-details-toggle-state-wrapper .entities-list .item-container .webform-details-toggle-state, .entities-list .item-container .maintenance-page-content .button, .maintenance-page-content .entities-list .item-container .button, .entities-list .item-container .maintenance-page-content ul.links li a, .maintenance-page-content ul.links li .entities-list .item-container a { - box-shadow: none; - background-color: transparent; - color: #424242; - cursor: pointer; - transition: background-color .2s; } - .btn-flat:focus, .button-link:focus, .compact-link a:focus, .tabledrag-toggle-weight-wrapper .tabledrag-toggle-weight:focus, .ui-dialog-content .webform-ajax-link:focus, .webform-details-toggle-state-wrapper .webform-details-toggle-state:focus, .region-title__action .button:focus, .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button:focus, .dropbutton-wrapper .single-btn-wrapper a:focus, #edit-actions .button--danger:focus, a#edit-cancel:focus, .field-suffix small span.admin-link:focus, .views-displays .tabs.secondary li.add a:focus, .views-ui-rearrange-filter-form .action-links li a:focus, .acquiadam-browser-breadcrumb-container i:focus, .entities-list .item-container .btn:focus, .entities-list .item-container .btn-large:focus, .entities-list .item-container .button-action:focus, .entities-list .item-container #edit-actions .button.use-ajax:focus, #edit-actions .entities-list .item-container .button.use-ajax:focus, .entities-list .item-container .maintenance-page-content .button:focus, .maintenance-page-content .entities-list .item-container .button:focus, .entities-list .item-container .maintenance-page-content ul.links li a:focus, .maintenance-page-content ul.links li .entities-list .item-container a:focus, .btn-flat:hover, .button-link:hover, .compact-link a:hover, .tabledrag-toggle-weight-wrapper .tabledrag-toggle-weight:hover, .ui-dialog-content .webform-ajax-link:hover, .webform-details-toggle-state-wrapper .webform-details-toggle-state:hover, .region-title__action .button:hover, .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button:hover, .dropbutton-wrapper .single-btn-wrapper a:hover, #edit-actions .button--danger:hover, a#edit-cancel:hover, .field-suffix small span.admin-link:hover, .views-displays .tabs.secondary li.add a:hover, .views-ui-rearrange-filter-form .action-links li a:hover, .acquiadam-browser-breadcrumb-container i:hover, .entities-list .item-container .btn:hover, .entities-list .item-container .btn-large:hover, .entities-list .item-container .button-action:hover, .entities-list .item-container #edit-actions .button.use-ajax:hover, #edit-actions .entities-list .item-container .button.use-ajax:hover, .entities-list .item-container .maintenance-page-content .button:hover, .maintenance-page-content .entities-list .item-container .button:hover, .entities-list .item-container .maintenance-page-content ul.links li a:hover, .maintenance-page-content ul.links li .entities-list .item-container a:hover { - box-shadow: none; } - .btn-flat:focus, .button-link:focus, .compact-link a:focus, .tabledrag-toggle-weight-wrapper .tabledrag-toggle-weight:focus, .ui-dialog-content .webform-ajax-link:focus, .webform-details-toggle-state-wrapper .webform-details-toggle-state:focus, .region-title__action .button:focus, .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button:focus, .dropbutton-wrapper .single-btn-wrapper a:focus, #edit-actions .button--danger:focus, a#edit-cancel:focus, .field-suffix small span.admin-link:focus, .views-displays .tabs.secondary li.add a:focus, .views-ui-rearrange-filter-form .action-links li a:focus, .acquiadam-browser-breadcrumb-container i:focus, .entities-list .item-container .btn:focus, .entities-list .item-container .btn-large:focus, .entities-list .item-container .button-action:focus, .entities-list .item-container #edit-actions .button.use-ajax:focus, #edit-actions .entities-list .item-container .button.use-ajax:focus, .entities-list .item-container .maintenance-page-content .button:focus, .maintenance-page-content .entities-list .item-container .button:focus, .entities-list .item-container .maintenance-page-content ul.links li a:focus, .maintenance-page-content ul.links li .entities-list .item-container a:focus { - background-color: rgba(0, 0, 0, 0.1); } - .btn-flat.disabled, .disabled.button-link, .compact-link a.disabled, .tabledrag-toggle-weight-wrapper .disabled.tabledrag-toggle-weight, .ui-dialog-content .disabled.webform-ajax-link, .webform-details-toggle-state-wrapper .disabled.webform-details-toggle-state, .region-title__action .disabled.button, .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button.disabled, .dropbutton-wrapper .single-btn-wrapper a.disabled, #edit-actions .disabled.button--danger, a.disabled#edit-cancel, .field-suffix small span.disabled.admin-link, .views-displays .tabs.secondary li.add a.disabled, .views-ui-rearrange-filter-form .action-links li a.disabled, .acquiadam-browser-breadcrumb-container i.disabled, .entities-list .item-container .disabled.btn, .entities-list .item-container .disabled.btn-large, .entities-list .item-container .disabled.button-action, .entities-list .item-container #edit-actions .disabled.button.use-ajax, #edit-actions .entities-list .item-container .disabled.button.use-ajax, .entities-list .item-container .maintenance-page-content .disabled.button, .maintenance-page-content .entities-list .item-container .disabled.button, .entities-list .item-container .maintenance-page-content ul.links li a.disabled, .maintenance-page-content ul.links li .entities-list .item-container a.disabled { - background-color: transparent !important; - color: #b3b3b3 !important; - cursor: default; } - -.btn-large { - height: 54px; - line-height: 54px; } - .btn-large i { - font-size: 1.6rem; } - -.btn-block { - display: block; } - -select:focus { - outline: 1px solid #c9f3ef; } - -button:focus { - outline: none; - background-color: #00aa9a; } - -label { - font-size: 0.8rem; - color: #757575; } - +*******************/ +.hide { + display: none !important; } + +.left-align { + text-align: left; } + +.right-align { + text-align: right; } + +.center, .center-align { + text-align: center; } + +.left { + float: left !important; } + +.right { + float: right !important; } + +.no-select, input[type=range], +input[type=range] + .thumb { + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; } + +.circle { + border-radius: 50%; } + +.center-block { + display: block; + margin-left: auto; + margin-right: auto; } + +.truncate { + display: block; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; } + +.no-padding { + padding: 0 !important; } + +.container { + margin: 0 auto; + max-width: 1280px; + width: 90%; } + +@media only screen and (min-width: 601px) { + .container { + width: 85%; } } + +@media only screen and (min-width: 993px) { + .container { + width: 70%; } } + +.container .row { + margin-left: -0.75rem; + margin-right: -0.75rem; } + +.section { + padding-top: 1rem; + padding-bottom: 1rem; } + .section.no-pad { + padding: 0; } + .section.no-pad-bot { + padding-bottom: 0; } + .section.no-pad-top { + padding-top: 0; } + +.row { + margin-left: auto; + margin-right: auto; + margin-bottom: 20px; } + .row:after { + content: ""; + display: table; + clear: both; } + .row .col, .row .color-form .wrap-placeholder-fab, .color-form .row .wrap-placeholder-fab, .row .color-palette .form-item:not(.form-item-scheme), .color-palette .row .form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.vertical-tabs__menu, .vertical-tab-wrapper .row ul.vertical-tabs__menu, .row .vertical-tab-wrapper .vertical-tabs__panes, .vertical-tab-wrapper .row .vertical-tabs__panes, .row .acquiadam-asset-browser { + float: left; + box-sizing: border-box; + padding: 0 0.75rem; + min-height: 1px; } + .row .col[class*="push-"], .row .color-form [class*="push-"].wrap-placeholder-fab, .color-form .row [class*="push-"].wrap-placeholder-fab, .row .color-palette [class*="push-"].form-item:not(.form-item-scheme), .color-palette .row [class*="push-"].form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul[class*="push-"].vertical-tabs__menu, .vertical-tab-wrapper .row ul[class*="push-"].vertical-tabs__menu, .row .vertical-tab-wrapper [class*="push-"].vertical-tabs__panes, .vertical-tab-wrapper .row [class*="push-"].vertical-tabs__panes, .row [class*="push-"].acquiadam-asset-browser, .row .col[class*="pull-"], .row .color-form [class*="pull-"].wrap-placeholder-fab, .color-form .row [class*="pull-"].wrap-placeholder-fab, .row .color-palette [class*="pull-"].form-item:not(.form-item-scheme), .color-palette .row [class*="pull-"].form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul[class*="pull-"].vertical-tabs__menu, .vertical-tab-wrapper .row ul[class*="pull-"].vertical-tabs__menu, .row .vertical-tab-wrapper [class*="pull-"].vertical-tabs__panes, .vertical-tab-wrapper .row [class*="pull-"].vertical-tabs__panes, .row [class*="pull-"].acquiadam-asset-browser { + position: relative; } + .row .col.s1, .row .color-form .s1.wrap-placeholder-fab, .color-form .row .s1.wrap-placeholder-fab, .row .color-palette .s1.form-item:not(.form-item-scheme), .color-palette .row .s1.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.s1.vertical-tabs__menu, .vertical-tab-wrapper .row ul.s1.vertical-tabs__menu, .row .vertical-tab-wrapper .s1.vertical-tabs__panes, .vertical-tab-wrapper .row .s1.vertical-tabs__panes, .row .s1.acquiadam-asset-browser { + width: 8.33333%; + margin-left: auto; + left: auto; + right: auto; } + .row .col.s2, .row .color-form .s2.wrap-placeholder-fab, .color-form .row .s2.wrap-placeholder-fab, .row .color-palette .s2.form-item:not(.form-item-scheme), .color-palette .row .s2.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.s2.vertical-tabs__menu, .vertical-tab-wrapper .row ul.s2.vertical-tabs__menu, .row .vertical-tab-wrapper .s2.vertical-tabs__panes, .vertical-tab-wrapper .row .s2.vertical-tabs__panes, .row .s2.acquiadam-asset-browser { + width: 16.66667%; + margin-left: auto; + left: auto; + right: auto; } + .row .col.s3, .row .color-form .s3.wrap-placeholder-fab, .color-form .row .s3.wrap-placeholder-fab, .row .color-palette .s3.form-item:not(.form-item-scheme), .color-palette .row .s3.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.s3.vertical-tabs__menu, .vertical-tab-wrapper .row ul.s3.vertical-tabs__menu, .row .vertical-tab-wrapper .s3.vertical-tabs__panes, .vertical-tab-wrapper .row .s3.vertical-tabs__panes, .row .s3.acquiadam-asset-browser { + width: 25%; + margin-left: auto; + left: auto; + right: auto; } + .row .col.s4, .row .color-form .s4.wrap-placeholder-fab, .color-form .row .s4.wrap-placeholder-fab, .row .color-palette .s4.form-item:not(.form-item-scheme), .color-palette .row .s4.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.s4.vertical-tabs__menu, .vertical-tab-wrapper .row ul.s4.vertical-tabs__menu, .row .vertical-tab-wrapper .s4.vertical-tabs__panes, .vertical-tab-wrapper .row .s4.vertical-tabs__panes, .row .s4.acquiadam-asset-browser { + width: 33.33333%; + margin-left: auto; + left: auto; + right: auto; } + .row .col.s5, .row .color-form .s5.wrap-placeholder-fab, .color-form .row .s5.wrap-placeholder-fab, .row .color-palette .s5.form-item:not(.form-item-scheme), .color-palette .row .s5.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.s5.vertical-tabs__menu, .vertical-tab-wrapper .row ul.s5.vertical-tabs__menu, .row .vertical-tab-wrapper .s5.vertical-tabs__panes, .vertical-tab-wrapper .row .s5.vertical-tabs__panes, .row .s5.acquiadam-asset-browser { + width: 41.66667%; + margin-left: auto; + left: auto; + right: auto; } + .row .col.s6, .row .color-form .s6.wrap-placeholder-fab, .color-form .row .s6.wrap-placeholder-fab, .row .color-palette .s6.form-item:not(.form-item-scheme), .color-palette .row .s6.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.s6.vertical-tabs__menu, .vertical-tab-wrapper .row ul.s6.vertical-tabs__menu, .row .vertical-tab-wrapper .s6.vertical-tabs__panes, .vertical-tab-wrapper .row .s6.vertical-tabs__panes, .row .s6.acquiadam-asset-browser { + width: 50%; + margin-left: auto; + left: auto; + right: auto; } + .row .col.s7, .row .color-form .s7.wrap-placeholder-fab, .color-form .row .s7.wrap-placeholder-fab, .row .color-palette .s7.form-item:not(.form-item-scheme), .color-palette .row .s7.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.s7.vertical-tabs__menu, .vertical-tab-wrapper .row ul.s7.vertical-tabs__menu, .row .vertical-tab-wrapper .s7.vertical-tabs__panes, .vertical-tab-wrapper .row .s7.vertical-tabs__panes, .row .s7.acquiadam-asset-browser { + width: 58.33333%; + margin-left: auto; + left: auto; + right: auto; } + .row .col.s8, .row .color-form .s8.wrap-placeholder-fab, .color-form .row .s8.wrap-placeholder-fab, .row .color-palette .s8.form-item:not(.form-item-scheme), .color-palette .row .s8.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.s8.vertical-tabs__menu, .vertical-tab-wrapper .row ul.s8.vertical-tabs__menu, .row .vertical-tab-wrapper .s8.vertical-tabs__panes, .vertical-tab-wrapper .row .s8.vertical-tabs__panes, .row .s8.acquiadam-asset-browser { + width: 66.66667%; + margin-left: auto; + left: auto; + right: auto; } + .row .col.s9, .row .color-form .s9.wrap-placeholder-fab, .color-form .row .s9.wrap-placeholder-fab, .row .color-palette .s9.form-item:not(.form-item-scheme), .color-palette .row .s9.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.s9.vertical-tabs__menu, .vertical-tab-wrapper .row ul.s9.vertical-tabs__menu, .row .vertical-tab-wrapper .s9.vertical-tabs__panes, .vertical-tab-wrapper .row .s9.vertical-tabs__panes, .row .s9.acquiadam-asset-browser { + width: 75%; + margin-left: auto; + left: auto; + right: auto; } + .row .col.s10, .row .color-form .s10.wrap-placeholder-fab, .color-form .row .s10.wrap-placeholder-fab, .row .color-palette .s10.form-item:not(.form-item-scheme), .color-palette .row .s10.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.s10.vertical-tabs__menu, .vertical-tab-wrapper .row ul.s10.vertical-tabs__menu, .row .vertical-tab-wrapper .s10.vertical-tabs__panes, .vertical-tab-wrapper .row .s10.vertical-tabs__panes, .row .s10.acquiadam-asset-browser { + width: 83.33333%; + margin-left: auto; + left: auto; + right: auto; } + .row .col.s11, .row .color-form .s11.wrap-placeholder-fab, .color-form .row .s11.wrap-placeholder-fab, .row .color-palette .s11.form-item:not(.form-item-scheme), .color-palette .row .s11.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.s11.vertical-tabs__menu, .vertical-tab-wrapper .row ul.s11.vertical-tabs__menu, .row .vertical-tab-wrapper .s11.vertical-tabs__panes, .vertical-tab-wrapper .row .s11.vertical-tabs__panes, .row .s11.acquiadam-asset-browser { + width: 91.66667%; + margin-left: auto; + left: auto; + right: auto; } + .row .col.s12, .row .color-form .s12.wrap-placeholder-fab, .color-form .row .s12.wrap-placeholder-fab, .row .color-palette .form-item:not(.form-item-scheme), .color-palette .row .form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.vertical-tabs__menu, .vertical-tab-wrapper .row ul.vertical-tabs__menu, .row .vertical-tab-wrapper .vertical-tabs__panes, .vertical-tab-wrapper .row .vertical-tabs__panes, .row .s12.acquiadam-asset-browser { + width: 100%; + margin-left: auto; + left: auto; + right: auto; } + .row .col.offset-s1, .row .color-form .offset-s1.wrap-placeholder-fab, .color-form .row .offset-s1.wrap-placeholder-fab, .row .color-palette .offset-s1.form-item:not(.form-item-scheme), .color-palette .row .offset-s1.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.offset-s1.vertical-tabs__menu, .vertical-tab-wrapper .row ul.offset-s1.vertical-tabs__menu, .row .vertical-tab-wrapper .offset-s1.vertical-tabs__panes, .vertical-tab-wrapper .row .offset-s1.vertical-tabs__panes, .row .offset-s1.acquiadam-asset-browser { + margin-left: 8.33333%; } + .row .col.pull-s1, .row .color-form .pull-s1.wrap-placeholder-fab, .color-form .row .pull-s1.wrap-placeholder-fab, .row .color-palette .pull-s1.form-item:not(.form-item-scheme), .color-palette .row .pull-s1.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.pull-s1.vertical-tabs__menu, .vertical-tab-wrapper .row ul.pull-s1.vertical-tabs__menu, .row .vertical-tab-wrapper .pull-s1.vertical-tabs__panes, .vertical-tab-wrapper .row .pull-s1.vertical-tabs__panes, .row .pull-s1.acquiadam-asset-browser { + right: 8.33333%; } + .row .col.push-s1, .row .color-form .push-s1.wrap-placeholder-fab, .color-form .row .push-s1.wrap-placeholder-fab, .row .color-palette .push-s1.form-item:not(.form-item-scheme), .color-palette .row .push-s1.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.push-s1.vertical-tabs__menu, .vertical-tab-wrapper .row ul.push-s1.vertical-tabs__menu, .row .vertical-tab-wrapper .push-s1.vertical-tabs__panes, .vertical-tab-wrapper .row .push-s1.vertical-tabs__panes, .row .push-s1.acquiadam-asset-browser { + left: 8.33333%; } + .row .col.offset-s2, .row .color-form .offset-s2.wrap-placeholder-fab, .color-form .row .offset-s2.wrap-placeholder-fab, .row .color-palette .offset-s2.form-item:not(.form-item-scheme), .color-palette .row .offset-s2.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.offset-s2.vertical-tabs__menu, .vertical-tab-wrapper .row ul.offset-s2.vertical-tabs__menu, .row .vertical-tab-wrapper .offset-s2.vertical-tabs__panes, .vertical-tab-wrapper .row .offset-s2.vertical-tabs__panes, .row .offset-s2.acquiadam-asset-browser { + margin-left: 16.66667%; } + .row .col.pull-s2, .row .color-form .pull-s2.wrap-placeholder-fab, .color-form .row .pull-s2.wrap-placeholder-fab, .row .color-palette .pull-s2.form-item:not(.form-item-scheme), .color-palette .row .pull-s2.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.pull-s2.vertical-tabs__menu, .vertical-tab-wrapper .row ul.pull-s2.vertical-tabs__menu, .row .vertical-tab-wrapper .pull-s2.vertical-tabs__panes, .vertical-tab-wrapper .row .pull-s2.vertical-tabs__panes, .row .pull-s2.acquiadam-asset-browser { + right: 16.66667%; } + .row .col.push-s2, .row .color-form .push-s2.wrap-placeholder-fab, .color-form .row .push-s2.wrap-placeholder-fab, .row .color-palette .push-s2.form-item:not(.form-item-scheme), .color-palette .row .push-s2.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.push-s2.vertical-tabs__menu, .vertical-tab-wrapper .row ul.push-s2.vertical-tabs__menu, .row .vertical-tab-wrapper .push-s2.vertical-tabs__panes, .vertical-tab-wrapper .row .push-s2.vertical-tabs__panes, .row .push-s2.acquiadam-asset-browser { + left: 16.66667%; } + .row .col.offset-s3, .row .color-form .offset-s3.wrap-placeholder-fab, .color-form .row .offset-s3.wrap-placeholder-fab, .row .color-palette .offset-s3.form-item:not(.form-item-scheme), .color-palette .row .offset-s3.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.offset-s3.vertical-tabs__menu, .vertical-tab-wrapper .row ul.offset-s3.vertical-tabs__menu, .row .vertical-tab-wrapper .offset-s3.vertical-tabs__panes, .vertical-tab-wrapper .row .offset-s3.vertical-tabs__panes, .row .offset-s3.acquiadam-asset-browser { + margin-left: 25%; } + .row .col.pull-s3, .row .color-form .pull-s3.wrap-placeholder-fab, .color-form .row .pull-s3.wrap-placeholder-fab, .row .color-palette .pull-s3.form-item:not(.form-item-scheme), .color-palette .row .pull-s3.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.pull-s3.vertical-tabs__menu, .vertical-tab-wrapper .row ul.pull-s3.vertical-tabs__menu, .row .vertical-tab-wrapper .pull-s3.vertical-tabs__panes, .vertical-tab-wrapper .row .pull-s3.vertical-tabs__panes, .row .pull-s3.acquiadam-asset-browser { + right: 25%; } + .row .col.push-s3, .row .color-form .push-s3.wrap-placeholder-fab, .color-form .row .push-s3.wrap-placeholder-fab, .row .color-palette .push-s3.form-item:not(.form-item-scheme), .color-palette .row .push-s3.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.push-s3.vertical-tabs__menu, .vertical-tab-wrapper .row ul.push-s3.vertical-tabs__menu, .row .vertical-tab-wrapper .push-s3.vertical-tabs__panes, .vertical-tab-wrapper .row .push-s3.vertical-tabs__panes, .row .push-s3.acquiadam-asset-browser { + left: 25%; } + .row .col.offset-s4, .row .color-form .offset-s4.wrap-placeholder-fab, .color-form .row .offset-s4.wrap-placeholder-fab, .row .color-palette .offset-s4.form-item:not(.form-item-scheme), .color-palette .row .offset-s4.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.offset-s4.vertical-tabs__menu, .vertical-tab-wrapper .row ul.offset-s4.vertical-tabs__menu, .row .vertical-tab-wrapper .offset-s4.vertical-tabs__panes, .vertical-tab-wrapper .row .offset-s4.vertical-tabs__panes, .row .offset-s4.acquiadam-asset-browser { + margin-left: 33.33333%; } + .row .col.pull-s4, .row .color-form .pull-s4.wrap-placeholder-fab, .color-form .row .pull-s4.wrap-placeholder-fab, .row .color-palette .pull-s4.form-item:not(.form-item-scheme), .color-palette .row .pull-s4.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.pull-s4.vertical-tabs__menu, .vertical-tab-wrapper .row ul.pull-s4.vertical-tabs__menu, .row .vertical-tab-wrapper .pull-s4.vertical-tabs__panes, .vertical-tab-wrapper .row .pull-s4.vertical-tabs__panes, .row .pull-s4.acquiadam-asset-browser { + right: 33.33333%; } + .row .col.push-s4, .row .color-form .push-s4.wrap-placeholder-fab, .color-form .row .push-s4.wrap-placeholder-fab, .row .color-palette .push-s4.form-item:not(.form-item-scheme), .color-palette .row .push-s4.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.push-s4.vertical-tabs__menu, .vertical-tab-wrapper .row ul.push-s4.vertical-tabs__menu, .row .vertical-tab-wrapper .push-s4.vertical-tabs__panes, .vertical-tab-wrapper .row .push-s4.vertical-tabs__panes, .row .push-s4.acquiadam-asset-browser { + left: 33.33333%; } + .row .col.offset-s5, .row .color-form .offset-s5.wrap-placeholder-fab, .color-form .row .offset-s5.wrap-placeholder-fab, .row .color-palette .offset-s5.form-item:not(.form-item-scheme), .color-palette .row .offset-s5.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.offset-s5.vertical-tabs__menu, .vertical-tab-wrapper .row ul.offset-s5.vertical-tabs__menu, .row .vertical-tab-wrapper .offset-s5.vertical-tabs__panes, .vertical-tab-wrapper .row .offset-s5.vertical-tabs__panes, .row .offset-s5.acquiadam-asset-browser { + margin-left: 41.66667%; } + .row .col.pull-s5, .row .color-form .pull-s5.wrap-placeholder-fab, .color-form .row .pull-s5.wrap-placeholder-fab, .row .color-palette .pull-s5.form-item:not(.form-item-scheme), .color-palette .row .pull-s5.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.pull-s5.vertical-tabs__menu, .vertical-tab-wrapper .row ul.pull-s5.vertical-tabs__menu, .row .vertical-tab-wrapper .pull-s5.vertical-tabs__panes, .vertical-tab-wrapper .row .pull-s5.vertical-tabs__panes, .row .pull-s5.acquiadam-asset-browser { + right: 41.66667%; } + .row .col.push-s5, .row .color-form .push-s5.wrap-placeholder-fab, .color-form .row .push-s5.wrap-placeholder-fab, .row .color-palette .push-s5.form-item:not(.form-item-scheme), .color-palette .row .push-s5.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.push-s5.vertical-tabs__menu, .vertical-tab-wrapper .row ul.push-s5.vertical-tabs__menu, .row .vertical-tab-wrapper .push-s5.vertical-tabs__panes, .vertical-tab-wrapper .row .push-s5.vertical-tabs__panes, .row .push-s5.acquiadam-asset-browser { + left: 41.66667%; } + .row .col.offset-s6, .row .color-form .offset-s6.wrap-placeholder-fab, .color-form .row .offset-s6.wrap-placeholder-fab, .row .color-palette .offset-s6.form-item:not(.form-item-scheme), .color-palette .row .offset-s6.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.offset-s6.vertical-tabs__menu, .vertical-tab-wrapper .row ul.offset-s6.vertical-tabs__menu, .row .vertical-tab-wrapper .offset-s6.vertical-tabs__panes, .vertical-tab-wrapper .row .offset-s6.vertical-tabs__panes, .row .offset-s6.acquiadam-asset-browser { + margin-left: 50%; } + .row .col.pull-s6, .row .color-form .pull-s6.wrap-placeholder-fab, .color-form .row .pull-s6.wrap-placeholder-fab, .row .color-palette .pull-s6.form-item:not(.form-item-scheme), .color-palette .row .pull-s6.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.pull-s6.vertical-tabs__menu, .vertical-tab-wrapper .row ul.pull-s6.vertical-tabs__menu, .row .vertical-tab-wrapper .pull-s6.vertical-tabs__panes, .vertical-tab-wrapper .row .pull-s6.vertical-tabs__panes, .row .pull-s6.acquiadam-asset-browser { + right: 50%; } + .row .col.push-s6, .row .color-form .push-s6.wrap-placeholder-fab, .color-form .row .push-s6.wrap-placeholder-fab, .row .color-palette .push-s6.form-item:not(.form-item-scheme), .color-palette .row .push-s6.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.push-s6.vertical-tabs__menu, .vertical-tab-wrapper .row ul.push-s6.vertical-tabs__menu, .row .vertical-tab-wrapper .push-s6.vertical-tabs__panes, .vertical-tab-wrapper .row .push-s6.vertical-tabs__panes, .row .push-s6.acquiadam-asset-browser { + left: 50%; } + .row .col.offset-s7, .row .color-form .offset-s7.wrap-placeholder-fab, .color-form .row .offset-s7.wrap-placeholder-fab, .row .color-palette .offset-s7.form-item:not(.form-item-scheme), .color-palette .row .offset-s7.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.offset-s7.vertical-tabs__menu, .vertical-tab-wrapper .row ul.offset-s7.vertical-tabs__menu, .row .vertical-tab-wrapper .offset-s7.vertical-tabs__panes, .vertical-tab-wrapper .row .offset-s7.vertical-tabs__panes, .row .offset-s7.acquiadam-asset-browser { + margin-left: 58.33333%; } + .row .col.pull-s7, .row .color-form .pull-s7.wrap-placeholder-fab, .color-form .row .pull-s7.wrap-placeholder-fab, .row .color-palette .pull-s7.form-item:not(.form-item-scheme), .color-palette .row .pull-s7.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.pull-s7.vertical-tabs__menu, .vertical-tab-wrapper .row ul.pull-s7.vertical-tabs__menu, .row .vertical-tab-wrapper .pull-s7.vertical-tabs__panes, .vertical-tab-wrapper .row .pull-s7.vertical-tabs__panes, .row .pull-s7.acquiadam-asset-browser { + right: 58.33333%; } + .row .col.push-s7, .row .color-form .push-s7.wrap-placeholder-fab, .color-form .row .push-s7.wrap-placeholder-fab, .row .color-palette .push-s7.form-item:not(.form-item-scheme), .color-palette .row .push-s7.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.push-s7.vertical-tabs__menu, .vertical-tab-wrapper .row ul.push-s7.vertical-tabs__menu, .row .vertical-tab-wrapper .push-s7.vertical-tabs__panes, .vertical-tab-wrapper .row .push-s7.vertical-tabs__panes, .row .push-s7.acquiadam-asset-browser { + left: 58.33333%; } + .row .col.offset-s8, .row .color-form .offset-s8.wrap-placeholder-fab, .color-form .row .offset-s8.wrap-placeholder-fab, .row .color-palette .offset-s8.form-item:not(.form-item-scheme), .color-palette .row .offset-s8.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.offset-s8.vertical-tabs__menu, .vertical-tab-wrapper .row ul.offset-s8.vertical-tabs__menu, .row .vertical-tab-wrapper .offset-s8.vertical-tabs__panes, .vertical-tab-wrapper .row .offset-s8.vertical-tabs__panes, .row .offset-s8.acquiadam-asset-browser { + margin-left: 66.66667%; } + .row .col.pull-s8, .row .color-form .pull-s8.wrap-placeholder-fab, .color-form .row .pull-s8.wrap-placeholder-fab, .row .color-palette .pull-s8.form-item:not(.form-item-scheme), .color-palette .row .pull-s8.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.pull-s8.vertical-tabs__menu, .vertical-tab-wrapper .row ul.pull-s8.vertical-tabs__menu, .row .vertical-tab-wrapper .pull-s8.vertical-tabs__panes, .vertical-tab-wrapper .row .pull-s8.vertical-tabs__panes, .row .pull-s8.acquiadam-asset-browser { + right: 66.66667%; } + .row .col.push-s8, .row .color-form .push-s8.wrap-placeholder-fab, .color-form .row .push-s8.wrap-placeholder-fab, .row .color-palette .push-s8.form-item:not(.form-item-scheme), .color-palette .row .push-s8.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.push-s8.vertical-tabs__menu, .vertical-tab-wrapper .row ul.push-s8.vertical-tabs__menu, .row .vertical-tab-wrapper .push-s8.vertical-tabs__panes, .vertical-tab-wrapper .row .push-s8.vertical-tabs__panes, .row .push-s8.acquiadam-asset-browser { + left: 66.66667%; } + .row .col.offset-s9, .row .color-form .offset-s9.wrap-placeholder-fab, .color-form .row .offset-s9.wrap-placeholder-fab, .row .color-palette .offset-s9.form-item:not(.form-item-scheme), .color-palette .row .offset-s9.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.offset-s9.vertical-tabs__menu, .vertical-tab-wrapper .row ul.offset-s9.vertical-tabs__menu, .row .vertical-tab-wrapper .offset-s9.vertical-tabs__panes, .vertical-tab-wrapper .row .offset-s9.vertical-tabs__panes, .row .offset-s9.acquiadam-asset-browser { + margin-left: 75%; } + .row .col.pull-s9, .row .color-form .pull-s9.wrap-placeholder-fab, .color-form .row .pull-s9.wrap-placeholder-fab, .row .color-palette .pull-s9.form-item:not(.form-item-scheme), .color-palette .row .pull-s9.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.pull-s9.vertical-tabs__menu, .vertical-tab-wrapper .row ul.pull-s9.vertical-tabs__menu, .row .vertical-tab-wrapper .pull-s9.vertical-tabs__panes, .vertical-tab-wrapper .row .pull-s9.vertical-tabs__panes, .row .pull-s9.acquiadam-asset-browser { + right: 75%; } + .row .col.push-s9, .row .color-form .push-s9.wrap-placeholder-fab, .color-form .row .push-s9.wrap-placeholder-fab, .row .color-palette .push-s9.form-item:not(.form-item-scheme), .color-palette .row .push-s9.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.push-s9.vertical-tabs__menu, .vertical-tab-wrapper .row ul.push-s9.vertical-tabs__menu, .row .vertical-tab-wrapper .push-s9.vertical-tabs__panes, .vertical-tab-wrapper .row .push-s9.vertical-tabs__panes, .row .push-s9.acquiadam-asset-browser { + left: 75%; } + .row .col.offset-s10, .row .color-form .offset-s10.wrap-placeholder-fab, .color-form .row .offset-s10.wrap-placeholder-fab, .row .color-palette .offset-s10.form-item:not(.form-item-scheme), .color-palette .row .offset-s10.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.offset-s10.vertical-tabs__menu, .vertical-tab-wrapper .row ul.offset-s10.vertical-tabs__menu, .row .vertical-tab-wrapper .offset-s10.vertical-tabs__panes, .vertical-tab-wrapper .row .offset-s10.vertical-tabs__panes, .row .offset-s10.acquiadam-asset-browser { + margin-left: 83.33333%; } + .row .col.pull-s10, .row .color-form .pull-s10.wrap-placeholder-fab, .color-form .row .pull-s10.wrap-placeholder-fab, .row .color-palette .pull-s10.form-item:not(.form-item-scheme), .color-palette .row .pull-s10.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.pull-s10.vertical-tabs__menu, .vertical-tab-wrapper .row ul.pull-s10.vertical-tabs__menu, .row .vertical-tab-wrapper .pull-s10.vertical-tabs__panes, .vertical-tab-wrapper .row .pull-s10.vertical-tabs__panes, .row .pull-s10.acquiadam-asset-browser { + right: 83.33333%; } + .row .col.push-s10, .row .color-form .push-s10.wrap-placeholder-fab, .color-form .row .push-s10.wrap-placeholder-fab, .row .color-palette .push-s10.form-item:not(.form-item-scheme), .color-palette .row .push-s10.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.push-s10.vertical-tabs__menu, .vertical-tab-wrapper .row ul.push-s10.vertical-tabs__menu, .row .vertical-tab-wrapper .push-s10.vertical-tabs__panes, .vertical-tab-wrapper .row .push-s10.vertical-tabs__panes, .row .push-s10.acquiadam-asset-browser { + left: 83.33333%; } + .row .col.offset-s11, .row .color-form .offset-s11.wrap-placeholder-fab, .color-form .row .offset-s11.wrap-placeholder-fab, .row .color-palette .offset-s11.form-item:not(.form-item-scheme), .color-palette .row .offset-s11.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.offset-s11.vertical-tabs__menu, .vertical-tab-wrapper .row ul.offset-s11.vertical-tabs__menu, .row .vertical-tab-wrapper .offset-s11.vertical-tabs__panes, .vertical-tab-wrapper .row .offset-s11.vertical-tabs__panes, .row .offset-s11.acquiadam-asset-browser { + margin-left: 91.66667%; } + .row .col.pull-s11, .row .color-form .pull-s11.wrap-placeholder-fab, .color-form .row .pull-s11.wrap-placeholder-fab, .row .color-palette .pull-s11.form-item:not(.form-item-scheme), .color-palette .row .pull-s11.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.pull-s11.vertical-tabs__menu, .vertical-tab-wrapper .row ul.pull-s11.vertical-tabs__menu, .row .vertical-tab-wrapper .pull-s11.vertical-tabs__panes, .vertical-tab-wrapper .row .pull-s11.vertical-tabs__panes, .row .pull-s11.acquiadam-asset-browser { + right: 91.66667%; } + .row .col.push-s11, .row .color-form .push-s11.wrap-placeholder-fab, .color-form .row .push-s11.wrap-placeholder-fab, .row .color-palette .push-s11.form-item:not(.form-item-scheme), .color-palette .row .push-s11.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.push-s11.vertical-tabs__menu, .vertical-tab-wrapper .row ul.push-s11.vertical-tabs__menu, .row .vertical-tab-wrapper .push-s11.vertical-tabs__panes, .vertical-tab-wrapper .row .push-s11.vertical-tabs__panes, .row .push-s11.acquiadam-asset-browser { + left: 91.66667%; } + .row .col.offset-s12, .row .color-form .offset-s12.wrap-placeholder-fab, .color-form .row .offset-s12.wrap-placeholder-fab, .row .color-palette .offset-s12.form-item:not(.form-item-scheme), .color-palette .row .offset-s12.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.offset-s12.vertical-tabs__menu, .vertical-tab-wrapper .row ul.offset-s12.vertical-tabs__menu, .row .vertical-tab-wrapper .offset-s12.vertical-tabs__panes, .vertical-tab-wrapper .row .offset-s12.vertical-tabs__panes, .row .offset-s12.acquiadam-asset-browser { + margin-left: 100%; } + .row .col.pull-s12, .row .color-form .pull-s12.wrap-placeholder-fab, .color-form .row .pull-s12.wrap-placeholder-fab, .row .color-palette .pull-s12.form-item:not(.form-item-scheme), .color-palette .row .pull-s12.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.pull-s12.vertical-tabs__menu, .vertical-tab-wrapper .row ul.pull-s12.vertical-tabs__menu, .row .vertical-tab-wrapper .pull-s12.vertical-tabs__panes, .vertical-tab-wrapper .row .pull-s12.vertical-tabs__panes, .row .pull-s12.acquiadam-asset-browser { + right: 100%; } + .row .col.push-s12, .row .color-form .push-s12.wrap-placeholder-fab, .color-form .row .push-s12.wrap-placeholder-fab, .row .color-palette .push-s12.form-item:not(.form-item-scheme), .color-palette .row .push-s12.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.push-s12.vertical-tabs__menu, .vertical-tab-wrapper .row ul.push-s12.vertical-tabs__menu, .row .vertical-tab-wrapper .push-s12.vertical-tabs__panes, .vertical-tab-wrapper .row .push-s12.vertical-tabs__panes, .row .push-s12.acquiadam-asset-browser { + left: 100%; } + @media only screen and (min-width: 601px) { + .row .col.m1, .row .color-form .m1.wrap-placeholder-fab, .color-form .row .m1.wrap-placeholder-fab, .row .color-palette .m1.form-item:not(.form-item-scheme), .color-palette .row .m1.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.m1.vertical-tabs__menu, .vertical-tab-wrapper .row ul.m1.vertical-tabs__menu, .row .vertical-tab-wrapper .m1.vertical-tabs__panes, .vertical-tab-wrapper .row .m1.vertical-tabs__panes, .row .m1.acquiadam-asset-browser { + width: 8.33333%; + margin-left: auto; + left: auto; + right: auto; } + .row .col.m2, .row .color-form .m2.wrap-placeholder-fab, .color-form .row .m2.wrap-placeholder-fab, .row .color-palette .m2.form-item:not(.form-item-scheme), .color-palette .row .m2.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.m2.vertical-tabs__menu, .vertical-tab-wrapper .row ul.m2.vertical-tabs__menu, .row .vertical-tab-wrapper .m2.vertical-tabs__panes, .vertical-tab-wrapper .row .m2.vertical-tabs__panes, .row .m2.acquiadam-asset-browser { + width: 16.66667%; + margin-left: auto; + left: auto; + right: auto; } + .row .col.m3, .row .color-form .wrap-placeholder-fab, .color-form .row .wrap-placeholder-fab, .row .color-palette .m3.form-item:not(.form-item-scheme), .color-palette .row .m3.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.vertical-tabs__menu, .vertical-tab-wrapper .row ul.vertical-tabs__menu, .row .vertical-tab-wrapper .m3.vertical-tabs__panes, .vertical-tab-wrapper .row .m3.vertical-tabs__panes, .row .m3.acquiadam-asset-browser { + width: 25%; + margin-left: auto; + left: auto; + right: auto; } + .row .col.m4, .row .color-form .m4.wrap-placeholder-fab, .color-form .row .m4.wrap-placeholder-fab, .row .color-palette .form-item:not(.form-item-scheme), .color-palette .row .form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.m4.vertical-tabs__menu, .vertical-tab-wrapper .row ul.m4.vertical-tabs__menu, .row .vertical-tab-wrapper .m4.vertical-tabs__panes, .vertical-tab-wrapper .row .m4.vertical-tabs__panes, .row .m4.acquiadam-asset-browser { + width: 33.33333%; + margin-left: auto; + left: auto; + right: auto; } + .row .col.m5, .row .color-form .m5.wrap-placeholder-fab, .color-form .row .m5.wrap-placeholder-fab, .row .color-palette .m5.form-item:not(.form-item-scheme), .color-palette .row .m5.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.m5.vertical-tabs__menu, .vertical-tab-wrapper .row ul.m5.vertical-tabs__menu, .row .vertical-tab-wrapper .m5.vertical-tabs__panes, .vertical-tab-wrapper .row .m5.vertical-tabs__panes, .row .m5.acquiadam-asset-browser { + width: 41.66667%; + margin-left: auto; + left: auto; + right: auto; } + .row .col.m6, .row .color-form .m6.wrap-placeholder-fab, .color-form .row .m6.wrap-placeholder-fab, .row .color-palette .m6.form-item:not(.form-item-scheme), .color-palette .row .m6.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.m6.vertical-tabs__menu, .vertical-tab-wrapper .row ul.m6.vertical-tabs__menu, .row .vertical-tab-wrapper .m6.vertical-tabs__panes, .vertical-tab-wrapper .row .m6.vertical-tabs__panes, .row .m6.acquiadam-asset-browser { + width: 50%; + margin-left: auto; + left: auto; + right: auto; } + .row .col.m7, .row .color-form .m7.wrap-placeholder-fab, .color-form .row .m7.wrap-placeholder-fab, .row .color-palette .m7.form-item:not(.form-item-scheme), .color-palette .row .m7.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.m7.vertical-tabs__menu, .vertical-tab-wrapper .row ul.m7.vertical-tabs__menu, .row .vertical-tab-wrapper .m7.vertical-tabs__panes, .vertical-tab-wrapper .row .m7.vertical-tabs__panes, .row .m7.acquiadam-asset-browser { + width: 58.33333%; + margin-left: auto; + left: auto; + right: auto; } + .row .col.m8, .row .color-form .m8.wrap-placeholder-fab, .color-form .row .m8.wrap-placeholder-fab, .row .color-palette .m8.form-item:not(.form-item-scheme), .color-palette .row .m8.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.m8.vertical-tabs__menu, .vertical-tab-wrapper .row ul.m8.vertical-tabs__menu, .row .vertical-tab-wrapper .m8.vertical-tabs__panes, .vertical-tab-wrapper .row .m8.vertical-tabs__panes, .row .m8.acquiadam-asset-browser { + width: 66.66667%; + margin-left: auto; + left: auto; + right: auto; } + .row .col.m9, .row .color-form .m9.wrap-placeholder-fab, .color-form .row .m9.wrap-placeholder-fab, .row .color-palette .m9.form-item:not(.form-item-scheme), .color-palette .row .m9.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.m9.vertical-tabs__menu, .vertical-tab-wrapper .row ul.m9.vertical-tabs__menu, .row .vertical-tab-wrapper .vertical-tabs__panes, .vertical-tab-wrapper .row .vertical-tabs__panes, .row .m9.acquiadam-asset-browser { + width: 75%; + margin-left: auto; + left: auto; + right: auto; } + .row .col.m10, .row .color-form .m10.wrap-placeholder-fab, .color-form .row .m10.wrap-placeholder-fab, .row .color-palette .m10.form-item:not(.form-item-scheme), .color-palette .row .m10.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.m10.vertical-tabs__menu, .vertical-tab-wrapper .row ul.m10.vertical-tabs__menu, .row .vertical-tab-wrapper .m10.vertical-tabs__panes, .vertical-tab-wrapper .row .m10.vertical-tabs__panes, .row .m10.acquiadam-asset-browser { + width: 83.33333%; + margin-left: auto; + left: auto; + right: auto; } + .row .col.m11, .row .color-form .m11.wrap-placeholder-fab, .color-form .row .m11.wrap-placeholder-fab, .row .color-palette .m11.form-item:not(.form-item-scheme), .color-palette .row .m11.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.m11.vertical-tabs__menu, .vertical-tab-wrapper .row ul.m11.vertical-tabs__menu, .row .vertical-tab-wrapper .m11.vertical-tabs__panes, .vertical-tab-wrapper .row .m11.vertical-tabs__panes, .row .m11.acquiadam-asset-browser { + width: 91.66667%; + margin-left: auto; + left: auto; + right: auto; } + .row .col.m12, .row .color-form .m12.wrap-placeholder-fab, .color-form .row .m12.wrap-placeholder-fab, .row .color-palette .m12.form-item:not(.form-item-scheme), .color-palette .row .m12.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.m12.vertical-tabs__menu, .vertical-tab-wrapper .row ul.m12.vertical-tabs__menu, .row .vertical-tab-wrapper .m12.vertical-tabs__panes, .vertical-tab-wrapper .row .m12.vertical-tabs__panes, .row .m12.acquiadam-asset-browser { + width: 100%; + margin-left: auto; + left: auto; + right: auto; } + .row .col.offset-m1, .row .color-form .offset-m1.wrap-placeholder-fab, .color-form .row .offset-m1.wrap-placeholder-fab, .row .color-palette .offset-m1.form-item:not(.form-item-scheme), .color-palette .row .offset-m1.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.offset-m1.vertical-tabs__menu, .vertical-tab-wrapper .row ul.offset-m1.vertical-tabs__menu, .row .vertical-tab-wrapper .offset-m1.vertical-tabs__panes, .vertical-tab-wrapper .row .offset-m1.vertical-tabs__panes, .row .offset-m1.acquiadam-asset-browser { + margin-left: 8.33333%; } + .row .col.pull-m1, .row .color-form .pull-m1.wrap-placeholder-fab, .color-form .row .pull-m1.wrap-placeholder-fab, .row .color-palette .pull-m1.form-item:not(.form-item-scheme), .color-palette .row .pull-m1.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.pull-m1.vertical-tabs__menu, .vertical-tab-wrapper .row ul.pull-m1.vertical-tabs__menu, .row .vertical-tab-wrapper .pull-m1.vertical-tabs__panes, .vertical-tab-wrapper .row .pull-m1.vertical-tabs__panes, .row .pull-m1.acquiadam-asset-browser { + right: 8.33333%; } + .row .col.push-m1, .row .color-form .push-m1.wrap-placeholder-fab, .color-form .row .push-m1.wrap-placeholder-fab, .row .color-palette .push-m1.form-item:not(.form-item-scheme), .color-palette .row .push-m1.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.push-m1.vertical-tabs__menu, .vertical-tab-wrapper .row ul.push-m1.vertical-tabs__menu, .row .vertical-tab-wrapper .push-m1.vertical-tabs__panes, .vertical-tab-wrapper .row .push-m1.vertical-tabs__panes, .row .push-m1.acquiadam-asset-browser { + left: 8.33333%; } + .row .col.offset-m2, .row .color-form .offset-m2.wrap-placeholder-fab, .color-form .row .offset-m2.wrap-placeholder-fab, .row .color-palette .offset-m2.form-item:not(.form-item-scheme), .color-palette .row .offset-m2.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.offset-m2.vertical-tabs__menu, .vertical-tab-wrapper .row ul.offset-m2.vertical-tabs__menu, .row .vertical-tab-wrapper .offset-m2.vertical-tabs__panes, .vertical-tab-wrapper .row .offset-m2.vertical-tabs__panes, .row .offset-m2.acquiadam-asset-browser { + margin-left: 16.66667%; } + .row .col.pull-m2, .row .color-form .pull-m2.wrap-placeholder-fab, .color-form .row .pull-m2.wrap-placeholder-fab, .row .color-palette .pull-m2.form-item:not(.form-item-scheme), .color-palette .row .pull-m2.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.pull-m2.vertical-tabs__menu, .vertical-tab-wrapper .row ul.pull-m2.vertical-tabs__menu, .row .vertical-tab-wrapper .pull-m2.vertical-tabs__panes, .vertical-tab-wrapper .row .pull-m2.vertical-tabs__panes, .row .pull-m2.acquiadam-asset-browser { + right: 16.66667%; } + .row .col.push-m2, .row .color-form .push-m2.wrap-placeholder-fab, .color-form .row .push-m2.wrap-placeholder-fab, .row .color-palette .push-m2.form-item:not(.form-item-scheme), .color-palette .row .push-m2.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.push-m2.vertical-tabs__menu, .vertical-tab-wrapper .row ul.push-m2.vertical-tabs__menu, .row .vertical-tab-wrapper .push-m2.vertical-tabs__panes, .vertical-tab-wrapper .row .push-m2.vertical-tabs__panes, .row .push-m2.acquiadam-asset-browser { + left: 16.66667%; } + .row .col.offset-m3, .row .color-form .offset-m3.wrap-placeholder-fab, .color-form .row .offset-m3.wrap-placeholder-fab, .row .color-palette .offset-m3.form-item:not(.form-item-scheme), .color-palette .row .offset-m3.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.offset-m3.vertical-tabs__menu, .vertical-tab-wrapper .row ul.offset-m3.vertical-tabs__menu, .row .vertical-tab-wrapper .offset-m3.vertical-tabs__panes, .vertical-tab-wrapper .row .offset-m3.vertical-tabs__panes, .row .offset-m3.acquiadam-asset-browser { + margin-left: 25%; } + .row .col.pull-m3, .row .color-form .pull-m3.wrap-placeholder-fab, .color-form .row .pull-m3.wrap-placeholder-fab, .row .color-palette .pull-m3.form-item:not(.form-item-scheme), .color-palette .row .pull-m3.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.pull-m3.vertical-tabs__menu, .vertical-tab-wrapper .row ul.pull-m3.vertical-tabs__menu, .row .vertical-tab-wrapper .pull-m3.vertical-tabs__panes, .vertical-tab-wrapper .row .pull-m3.vertical-tabs__panes, .row .pull-m3.acquiadam-asset-browser { + right: 25%; } + .row .col.push-m3, .row .color-form .push-m3.wrap-placeholder-fab, .color-form .row .push-m3.wrap-placeholder-fab, .row .color-palette .push-m3.form-item:not(.form-item-scheme), .color-palette .row .push-m3.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.push-m3.vertical-tabs__menu, .vertical-tab-wrapper .row ul.push-m3.vertical-tabs__menu, .row .vertical-tab-wrapper .push-m3.vertical-tabs__panes, .vertical-tab-wrapper .row .push-m3.vertical-tabs__panes, .row .push-m3.acquiadam-asset-browser { + left: 25%; } + .row .col.offset-m4, .row .color-form .offset-m4.wrap-placeholder-fab, .color-form .row .offset-m4.wrap-placeholder-fab, .row .color-palette .offset-m4.form-item:not(.form-item-scheme), .color-palette .row .offset-m4.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.offset-m4.vertical-tabs__menu, .vertical-tab-wrapper .row ul.offset-m4.vertical-tabs__menu, .row .vertical-tab-wrapper .offset-m4.vertical-tabs__panes, .vertical-tab-wrapper .row .offset-m4.vertical-tabs__panes, .row .offset-m4.acquiadam-asset-browser { + margin-left: 33.33333%; } + .row .col.pull-m4, .row .color-form .pull-m4.wrap-placeholder-fab, .color-form .row .pull-m4.wrap-placeholder-fab, .row .color-palette .pull-m4.form-item:not(.form-item-scheme), .color-palette .row .pull-m4.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.pull-m4.vertical-tabs__menu, .vertical-tab-wrapper .row ul.pull-m4.vertical-tabs__menu, .row .vertical-tab-wrapper .pull-m4.vertical-tabs__panes, .vertical-tab-wrapper .row .pull-m4.vertical-tabs__panes, .row .pull-m4.acquiadam-asset-browser { + right: 33.33333%; } + .row .col.push-m4, .row .color-form .push-m4.wrap-placeholder-fab, .color-form .row .push-m4.wrap-placeholder-fab, .row .color-palette .push-m4.form-item:not(.form-item-scheme), .color-palette .row .push-m4.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.push-m4.vertical-tabs__menu, .vertical-tab-wrapper .row ul.push-m4.vertical-tabs__menu, .row .vertical-tab-wrapper .push-m4.vertical-tabs__panes, .vertical-tab-wrapper .row .push-m4.vertical-tabs__panes, .row .push-m4.acquiadam-asset-browser { + left: 33.33333%; } + .row .col.offset-m5, .row .color-form .offset-m5.wrap-placeholder-fab, .color-form .row .offset-m5.wrap-placeholder-fab, .row .color-palette .offset-m5.form-item:not(.form-item-scheme), .color-palette .row .offset-m5.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.offset-m5.vertical-tabs__menu, .vertical-tab-wrapper .row ul.offset-m5.vertical-tabs__menu, .row .vertical-tab-wrapper .offset-m5.vertical-tabs__panes, .vertical-tab-wrapper .row .offset-m5.vertical-tabs__panes, .row .offset-m5.acquiadam-asset-browser { + margin-left: 41.66667%; } + .row .col.pull-m5, .row .color-form .pull-m5.wrap-placeholder-fab, .color-form .row .pull-m5.wrap-placeholder-fab, .row .color-palette .pull-m5.form-item:not(.form-item-scheme), .color-palette .row .pull-m5.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.pull-m5.vertical-tabs__menu, .vertical-tab-wrapper .row ul.pull-m5.vertical-tabs__menu, .row .vertical-tab-wrapper .pull-m5.vertical-tabs__panes, .vertical-tab-wrapper .row .pull-m5.vertical-tabs__panes, .row .pull-m5.acquiadam-asset-browser { + right: 41.66667%; } + .row .col.push-m5, .row .color-form .push-m5.wrap-placeholder-fab, .color-form .row .push-m5.wrap-placeholder-fab, .row .color-palette .push-m5.form-item:not(.form-item-scheme), .color-palette .row .push-m5.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.push-m5.vertical-tabs__menu, .vertical-tab-wrapper .row ul.push-m5.vertical-tabs__menu, .row .vertical-tab-wrapper .push-m5.vertical-tabs__panes, .vertical-tab-wrapper .row .push-m5.vertical-tabs__panes, .row .push-m5.acquiadam-asset-browser { + left: 41.66667%; } + .row .col.offset-m6, .row .color-form .offset-m6.wrap-placeholder-fab, .color-form .row .offset-m6.wrap-placeholder-fab, .row .color-palette .offset-m6.form-item:not(.form-item-scheme), .color-palette .row .offset-m6.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.offset-m6.vertical-tabs__menu, .vertical-tab-wrapper .row ul.offset-m6.vertical-tabs__menu, .row .vertical-tab-wrapper .offset-m6.vertical-tabs__panes, .vertical-tab-wrapper .row .offset-m6.vertical-tabs__panes, .row .offset-m6.acquiadam-asset-browser { + margin-left: 50%; } + .row .col.pull-m6, .row .color-form .pull-m6.wrap-placeholder-fab, .color-form .row .pull-m6.wrap-placeholder-fab, .row .color-palette .pull-m6.form-item:not(.form-item-scheme), .color-palette .row .pull-m6.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.pull-m6.vertical-tabs__menu, .vertical-tab-wrapper .row ul.pull-m6.vertical-tabs__menu, .row .vertical-tab-wrapper .pull-m6.vertical-tabs__panes, .vertical-tab-wrapper .row .pull-m6.vertical-tabs__panes, .row .pull-m6.acquiadam-asset-browser { + right: 50%; } + .row .col.push-m6, .row .color-form .push-m6.wrap-placeholder-fab, .color-form .row .push-m6.wrap-placeholder-fab, .row .color-palette .push-m6.form-item:not(.form-item-scheme), .color-palette .row .push-m6.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.push-m6.vertical-tabs__menu, .vertical-tab-wrapper .row ul.push-m6.vertical-tabs__menu, .row .vertical-tab-wrapper .push-m6.vertical-tabs__panes, .vertical-tab-wrapper .row .push-m6.vertical-tabs__panes, .row .push-m6.acquiadam-asset-browser { + left: 50%; } + .row .col.offset-m7, .row .color-form .offset-m7.wrap-placeholder-fab, .color-form .row .offset-m7.wrap-placeholder-fab, .row .color-palette .offset-m7.form-item:not(.form-item-scheme), .color-palette .row .offset-m7.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.offset-m7.vertical-tabs__menu, .vertical-tab-wrapper .row ul.offset-m7.vertical-tabs__menu, .row .vertical-tab-wrapper .offset-m7.vertical-tabs__panes, .vertical-tab-wrapper .row .offset-m7.vertical-tabs__panes, .row .offset-m7.acquiadam-asset-browser { + margin-left: 58.33333%; } + .row .col.pull-m7, .row .color-form .pull-m7.wrap-placeholder-fab, .color-form .row .pull-m7.wrap-placeholder-fab, .row .color-palette .pull-m7.form-item:not(.form-item-scheme), .color-palette .row .pull-m7.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.pull-m7.vertical-tabs__menu, .vertical-tab-wrapper .row ul.pull-m7.vertical-tabs__menu, .row .vertical-tab-wrapper .pull-m7.vertical-tabs__panes, .vertical-tab-wrapper .row .pull-m7.vertical-tabs__panes, .row .pull-m7.acquiadam-asset-browser { + right: 58.33333%; } + .row .col.push-m7, .row .color-form .push-m7.wrap-placeholder-fab, .color-form .row .push-m7.wrap-placeholder-fab, .row .color-palette .push-m7.form-item:not(.form-item-scheme), .color-palette .row .push-m7.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.push-m7.vertical-tabs__menu, .vertical-tab-wrapper .row ul.push-m7.vertical-tabs__menu, .row .vertical-tab-wrapper .push-m7.vertical-tabs__panes, .vertical-tab-wrapper .row .push-m7.vertical-tabs__panes, .row .push-m7.acquiadam-asset-browser { + left: 58.33333%; } + .row .col.offset-m8, .row .color-form .offset-m8.wrap-placeholder-fab, .color-form .row .offset-m8.wrap-placeholder-fab, .row .color-palette .offset-m8.form-item:not(.form-item-scheme), .color-palette .row .offset-m8.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.offset-m8.vertical-tabs__menu, .vertical-tab-wrapper .row ul.offset-m8.vertical-tabs__menu, .row .vertical-tab-wrapper .offset-m8.vertical-tabs__panes, .vertical-tab-wrapper .row .offset-m8.vertical-tabs__panes, .row .offset-m8.acquiadam-asset-browser { + margin-left: 66.66667%; } + .row .col.pull-m8, .row .color-form .pull-m8.wrap-placeholder-fab, .color-form .row .pull-m8.wrap-placeholder-fab, .row .color-palette .pull-m8.form-item:not(.form-item-scheme), .color-palette .row .pull-m8.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.pull-m8.vertical-tabs__menu, .vertical-tab-wrapper .row ul.pull-m8.vertical-tabs__menu, .row .vertical-tab-wrapper .pull-m8.vertical-tabs__panes, .vertical-tab-wrapper .row .pull-m8.vertical-tabs__panes, .row .pull-m8.acquiadam-asset-browser { + right: 66.66667%; } + .row .col.push-m8, .row .color-form .push-m8.wrap-placeholder-fab, .color-form .row .push-m8.wrap-placeholder-fab, .row .color-palette .push-m8.form-item:not(.form-item-scheme), .color-palette .row .push-m8.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.push-m8.vertical-tabs__menu, .vertical-tab-wrapper .row ul.push-m8.vertical-tabs__menu, .row .vertical-tab-wrapper .push-m8.vertical-tabs__panes, .vertical-tab-wrapper .row .push-m8.vertical-tabs__panes, .row .push-m8.acquiadam-asset-browser { + left: 66.66667%; } + .row .col.offset-m9, .row .color-form .offset-m9.wrap-placeholder-fab, .color-form .row .offset-m9.wrap-placeholder-fab, .row .color-palette .offset-m9.form-item:not(.form-item-scheme), .color-palette .row .offset-m9.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.offset-m9.vertical-tabs__menu, .vertical-tab-wrapper .row ul.offset-m9.vertical-tabs__menu, .row .vertical-tab-wrapper .offset-m9.vertical-tabs__panes, .vertical-tab-wrapper .row .offset-m9.vertical-tabs__panes, .row .offset-m9.acquiadam-asset-browser { + margin-left: 75%; } + .row .col.pull-m9, .row .color-form .pull-m9.wrap-placeholder-fab, .color-form .row .pull-m9.wrap-placeholder-fab, .row .color-palette .pull-m9.form-item:not(.form-item-scheme), .color-palette .row .pull-m9.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.pull-m9.vertical-tabs__menu, .vertical-tab-wrapper .row ul.pull-m9.vertical-tabs__menu, .row .vertical-tab-wrapper .pull-m9.vertical-tabs__panes, .vertical-tab-wrapper .row .pull-m9.vertical-tabs__panes, .row .pull-m9.acquiadam-asset-browser { + right: 75%; } + .row .col.push-m9, .row .color-form .push-m9.wrap-placeholder-fab, .color-form .row .push-m9.wrap-placeholder-fab, .row .color-palette .push-m9.form-item:not(.form-item-scheme), .color-palette .row .push-m9.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.push-m9.vertical-tabs__menu, .vertical-tab-wrapper .row ul.push-m9.vertical-tabs__menu, .row .vertical-tab-wrapper .push-m9.vertical-tabs__panes, .vertical-tab-wrapper .row .push-m9.vertical-tabs__panes, .row .push-m9.acquiadam-asset-browser { + left: 75%; } + .row .col.offset-m10, .row .color-form .offset-m10.wrap-placeholder-fab, .color-form .row .offset-m10.wrap-placeholder-fab, .row .color-palette .offset-m10.form-item:not(.form-item-scheme), .color-palette .row .offset-m10.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.offset-m10.vertical-tabs__menu, .vertical-tab-wrapper .row ul.offset-m10.vertical-tabs__menu, .row .vertical-tab-wrapper .offset-m10.vertical-tabs__panes, .vertical-tab-wrapper .row .offset-m10.vertical-tabs__panes, .row .offset-m10.acquiadam-asset-browser { + margin-left: 83.33333%; } + .row .col.pull-m10, .row .color-form .pull-m10.wrap-placeholder-fab, .color-form .row .pull-m10.wrap-placeholder-fab, .row .color-palette .pull-m10.form-item:not(.form-item-scheme), .color-palette .row .pull-m10.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.pull-m10.vertical-tabs__menu, .vertical-tab-wrapper .row ul.pull-m10.vertical-tabs__menu, .row .vertical-tab-wrapper .pull-m10.vertical-tabs__panes, .vertical-tab-wrapper .row .pull-m10.vertical-tabs__panes, .row .pull-m10.acquiadam-asset-browser { + right: 83.33333%; } + .row .col.push-m10, .row .color-form .push-m10.wrap-placeholder-fab, .color-form .row .push-m10.wrap-placeholder-fab, .row .color-palette .push-m10.form-item:not(.form-item-scheme), .color-palette .row .push-m10.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.push-m10.vertical-tabs__menu, .vertical-tab-wrapper .row ul.push-m10.vertical-tabs__menu, .row .vertical-tab-wrapper .push-m10.vertical-tabs__panes, .vertical-tab-wrapper .row .push-m10.vertical-tabs__panes, .row .push-m10.acquiadam-asset-browser { + left: 83.33333%; } + .row .col.offset-m11, .row .color-form .offset-m11.wrap-placeholder-fab, .color-form .row .offset-m11.wrap-placeholder-fab, .row .color-palette .offset-m11.form-item:not(.form-item-scheme), .color-palette .row .offset-m11.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.offset-m11.vertical-tabs__menu, .vertical-tab-wrapper .row ul.offset-m11.vertical-tabs__menu, .row .vertical-tab-wrapper .offset-m11.vertical-tabs__panes, .vertical-tab-wrapper .row .offset-m11.vertical-tabs__panes, .row .offset-m11.acquiadam-asset-browser { + margin-left: 91.66667%; } + .row .col.pull-m11, .row .color-form .pull-m11.wrap-placeholder-fab, .color-form .row .pull-m11.wrap-placeholder-fab, .row .color-palette .pull-m11.form-item:not(.form-item-scheme), .color-palette .row .pull-m11.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.pull-m11.vertical-tabs__menu, .vertical-tab-wrapper .row ul.pull-m11.vertical-tabs__menu, .row .vertical-tab-wrapper .pull-m11.vertical-tabs__panes, .vertical-tab-wrapper .row .pull-m11.vertical-tabs__panes, .row .pull-m11.acquiadam-asset-browser { + right: 91.66667%; } + .row .col.push-m11, .row .color-form .push-m11.wrap-placeholder-fab, .color-form .row .push-m11.wrap-placeholder-fab, .row .color-palette .push-m11.form-item:not(.form-item-scheme), .color-palette .row .push-m11.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.push-m11.vertical-tabs__menu, .vertical-tab-wrapper .row ul.push-m11.vertical-tabs__menu, .row .vertical-tab-wrapper .push-m11.vertical-tabs__panes, .vertical-tab-wrapper .row .push-m11.vertical-tabs__panes, .row .push-m11.acquiadam-asset-browser { + left: 91.66667%; } + .row .col.offset-m12, .row .color-form .offset-m12.wrap-placeholder-fab, .color-form .row .offset-m12.wrap-placeholder-fab, .row .color-palette .offset-m12.form-item:not(.form-item-scheme), .color-palette .row .offset-m12.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.offset-m12.vertical-tabs__menu, .vertical-tab-wrapper .row ul.offset-m12.vertical-tabs__menu, .row .vertical-tab-wrapper .offset-m12.vertical-tabs__panes, .vertical-tab-wrapper .row .offset-m12.vertical-tabs__panes, .row .offset-m12.acquiadam-asset-browser { + margin-left: 100%; } + .row .col.pull-m12, .row .color-form .pull-m12.wrap-placeholder-fab, .color-form .row .pull-m12.wrap-placeholder-fab, .row .color-palette .pull-m12.form-item:not(.form-item-scheme), .color-palette .row .pull-m12.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.pull-m12.vertical-tabs__menu, .vertical-tab-wrapper .row ul.pull-m12.vertical-tabs__menu, .row .vertical-tab-wrapper .pull-m12.vertical-tabs__panes, .vertical-tab-wrapper .row .pull-m12.vertical-tabs__panes, .row .pull-m12.acquiadam-asset-browser { + right: 100%; } + .row .col.push-m12, .row .color-form .push-m12.wrap-placeholder-fab, .color-form .row .push-m12.wrap-placeholder-fab, .row .color-palette .push-m12.form-item:not(.form-item-scheme), .color-palette .row .push-m12.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.push-m12.vertical-tabs__menu, .vertical-tab-wrapper .row ul.push-m12.vertical-tabs__menu, .row .vertical-tab-wrapper .push-m12.vertical-tabs__panes, .vertical-tab-wrapper .row .push-m12.vertical-tabs__panes, .row .push-m12.acquiadam-asset-browser { + left: 100%; } } + @media only screen and (min-width: 993px) { + .row .col.l1, .row .color-form .l1.wrap-placeholder-fab, .color-form .row .l1.wrap-placeholder-fab, .row .color-palette .l1.form-item:not(.form-item-scheme), .color-palette .row .l1.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.l1.vertical-tabs__menu, .vertical-tab-wrapper .row ul.l1.vertical-tabs__menu, .row .vertical-tab-wrapper .l1.vertical-tabs__panes, .vertical-tab-wrapper .row .l1.vertical-tabs__panes, .row .l1.acquiadam-asset-browser { + width: 8.33333%; + margin-left: auto; + left: auto; + right: auto; } + .row .col.l2, .row .color-form .l2.wrap-placeholder-fab, .color-form .row .l2.wrap-placeholder-fab, .row .color-palette .l2.form-item:not(.form-item-scheme), .color-palette .row .l2.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.l2.vertical-tabs__menu, .vertical-tab-wrapper .row ul.l2.vertical-tabs__menu, .row .vertical-tab-wrapper .l2.vertical-tabs__panes, .vertical-tab-wrapper .row .l2.vertical-tabs__panes, .row .l2.acquiadam-asset-browser { + width: 16.66667%; + margin-left: auto; + left: auto; + right: auto; } + .row .col.l3, .row .color-form .l3.wrap-placeholder-fab, .color-form .row .l3.wrap-placeholder-fab, .row .color-palette .l3.form-item:not(.form-item-scheme), .color-palette .row .l3.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.l3.vertical-tabs__menu, .vertical-tab-wrapper .row ul.l3.vertical-tabs__menu, .row .vertical-tab-wrapper .l3.vertical-tabs__panes, .vertical-tab-wrapper .row .l3.vertical-tabs__panes, .row .l3.acquiadam-asset-browser { + width: 25%; + margin-left: auto; + left: auto; + right: auto; } + .row .col.l4, .row .color-form .l4.wrap-placeholder-fab, .color-form .row .l4.wrap-placeholder-fab, .row .color-palette .l4.form-item:not(.form-item-scheme), .color-palette .row .l4.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.l4.vertical-tabs__menu, .vertical-tab-wrapper .row ul.l4.vertical-tabs__menu, .row .vertical-tab-wrapper .l4.vertical-tabs__panes, .vertical-tab-wrapper .row .l4.vertical-tabs__panes, .row .l4.acquiadam-asset-browser { + width: 33.33333%; + margin-left: auto; + left: auto; + right: auto; } + .row .col.l5, .row .color-form .l5.wrap-placeholder-fab, .color-form .row .l5.wrap-placeholder-fab, .row .color-palette .l5.form-item:not(.form-item-scheme), .color-palette .row .l5.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.l5.vertical-tabs__menu, .vertical-tab-wrapper .row ul.l5.vertical-tabs__menu, .row .vertical-tab-wrapper .l5.vertical-tabs__panes, .vertical-tab-wrapper .row .l5.vertical-tabs__panes, .row .l5.acquiadam-asset-browser { + width: 41.66667%; + margin-left: auto; + left: auto; + right: auto; } + .row .col.l6, .row .color-form .l6.wrap-placeholder-fab, .color-form .row .l6.wrap-placeholder-fab, .row .color-palette .l6.form-item:not(.form-item-scheme), .color-palette .row .l6.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.l6.vertical-tabs__menu, .vertical-tab-wrapper .row ul.l6.vertical-tabs__menu, .row .vertical-tab-wrapper .l6.vertical-tabs__panes, .vertical-tab-wrapper .row .l6.vertical-tabs__panes, .row .l6.acquiadam-asset-browser { + width: 50%; + margin-left: auto; + left: auto; + right: auto; } + .row .col.l7, .row .color-form .l7.wrap-placeholder-fab, .color-form .row .l7.wrap-placeholder-fab, .row .color-palette .l7.form-item:not(.form-item-scheme), .color-palette .row .l7.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.l7.vertical-tabs__menu, .vertical-tab-wrapper .row ul.l7.vertical-tabs__menu, .row .vertical-tab-wrapper .l7.vertical-tabs__panes, .vertical-tab-wrapper .row .l7.vertical-tabs__panes, .row .l7.acquiadam-asset-browser { + width: 58.33333%; + margin-left: auto; + left: auto; + right: auto; } + .row .col.l8, .row .color-form .l8.wrap-placeholder-fab, .color-form .row .l8.wrap-placeholder-fab, .row .color-palette .l8.form-item:not(.form-item-scheme), .color-palette .row .l8.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.l8.vertical-tabs__menu, .vertical-tab-wrapper .row ul.l8.vertical-tabs__menu, .row .vertical-tab-wrapper .l8.vertical-tabs__panes, .vertical-tab-wrapper .row .l8.vertical-tabs__panes, .row .l8.acquiadam-asset-browser { + width: 66.66667%; + margin-left: auto; + left: auto; + right: auto; } + .row .col.l9, .row .color-form .l9.wrap-placeholder-fab, .color-form .row .l9.wrap-placeholder-fab, .row .color-palette .l9.form-item:not(.form-item-scheme), .color-palette .row .l9.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.l9.vertical-tabs__menu, .vertical-tab-wrapper .row ul.l9.vertical-tabs__menu, .row .vertical-tab-wrapper .l9.vertical-tabs__panes, .vertical-tab-wrapper .row .l9.vertical-tabs__panes, .row .l9.acquiadam-asset-browser { + width: 75%; + margin-left: auto; + left: auto; + right: auto; } + .row .col.l10, .row .color-form .l10.wrap-placeholder-fab, .color-form .row .l10.wrap-placeholder-fab, .row .color-palette .l10.form-item:not(.form-item-scheme), .color-palette .row .l10.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.l10.vertical-tabs__menu, .vertical-tab-wrapper .row ul.l10.vertical-tabs__menu, .row .vertical-tab-wrapper .l10.vertical-tabs__panes, .vertical-tab-wrapper .row .l10.vertical-tabs__panes, .row .l10.acquiadam-asset-browser { + width: 83.33333%; + margin-left: auto; + left: auto; + right: auto; } + .row .col.l11, .row .color-form .l11.wrap-placeholder-fab, .color-form .row .l11.wrap-placeholder-fab, .row .color-palette .l11.form-item:not(.form-item-scheme), .color-palette .row .l11.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.l11.vertical-tabs__menu, .vertical-tab-wrapper .row ul.l11.vertical-tabs__menu, .row .vertical-tab-wrapper .l11.vertical-tabs__panes, .vertical-tab-wrapper .row .l11.vertical-tabs__panes, .row .l11.acquiadam-asset-browser { + width: 91.66667%; + margin-left: auto; + left: auto; + right: auto; } + .row .col.l12, .row .color-form .l12.wrap-placeholder-fab, .color-form .row .l12.wrap-placeholder-fab, .row .color-palette .l12.form-item:not(.form-item-scheme), .color-palette .row .l12.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.l12.vertical-tabs__menu, .vertical-tab-wrapper .row ul.l12.vertical-tabs__menu, .row .vertical-tab-wrapper .l12.vertical-tabs__panes, .vertical-tab-wrapper .row .l12.vertical-tabs__panes, .row .l12.acquiadam-asset-browser { + width: 100%; + margin-left: auto; + left: auto; + right: auto; } + .row .col.offset-l1, .row .color-form .offset-l1.wrap-placeholder-fab, .color-form .row .offset-l1.wrap-placeholder-fab, .row .color-palette .offset-l1.form-item:not(.form-item-scheme), .color-palette .row .offset-l1.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.offset-l1.vertical-tabs__menu, .vertical-tab-wrapper .row ul.offset-l1.vertical-tabs__menu, .row .vertical-tab-wrapper .offset-l1.vertical-tabs__panes, .vertical-tab-wrapper .row .offset-l1.vertical-tabs__panes, .row .offset-l1.acquiadam-asset-browser { + margin-left: 8.33333%; } + .row .col.pull-l1, .row .color-form .pull-l1.wrap-placeholder-fab, .color-form .row .pull-l1.wrap-placeholder-fab, .row .color-palette .pull-l1.form-item:not(.form-item-scheme), .color-palette .row .pull-l1.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.pull-l1.vertical-tabs__menu, .vertical-tab-wrapper .row ul.pull-l1.vertical-tabs__menu, .row .vertical-tab-wrapper .pull-l1.vertical-tabs__panes, .vertical-tab-wrapper .row .pull-l1.vertical-tabs__panes, .row .pull-l1.acquiadam-asset-browser { + right: 8.33333%; } + .row .col.push-l1, .row .color-form .push-l1.wrap-placeholder-fab, .color-form .row .push-l1.wrap-placeholder-fab, .row .color-palette .push-l1.form-item:not(.form-item-scheme), .color-palette .row .push-l1.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.push-l1.vertical-tabs__menu, .vertical-tab-wrapper .row ul.push-l1.vertical-tabs__menu, .row .vertical-tab-wrapper .push-l1.vertical-tabs__panes, .vertical-tab-wrapper .row .push-l1.vertical-tabs__panes, .row .push-l1.acquiadam-asset-browser { + left: 8.33333%; } + .row .col.offset-l2, .row .color-form .offset-l2.wrap-placeholder-fab, .color-form .row .offset-l2.wrap-placeholder-fab, .row .color-palette .offset-l2.form-item:not(.form-item-scheme), .color-palette .row .offset-l2.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.offset-l2.vertical-tabs__menu, .vertical-tab-wrapper .row ul.offset-l2.vertical-tabs__menu, .row .vertical-tab-wrapper .offset-l2.vertical-tabs__panes, .vertical-tab-wrapper .row .offset-l2.vertical-tabs__panes, .row .offset-l2.acquiadam-asset-browser { + margin-left: 16.66667%; } + .row .col.pull-l2, .row .color-form .pull-l2.wrap-placeholder-fab, .color-form .row .pull-l2.wrap-placeholder-fab, .row .color-palette .pull-l2.form-item:not(.form-item-scheme), .color-palette .row .pull-l2.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.pull-l2.vertical-tabs__menu, .vertical-tab-wrapper .row ul.pull-l2.vertical-tabs__menu, .row .vertical-tab-wrapper .pull-l2.vertical-tabs__panes, .vertical-tab-wrapper .row .pull-l2.vertical-tabs__panes, .row .pull-l2.acquiadam-asset-browser { + right: 16.66667%; } + .row .col.push-l2, .row .color-form .push-l2.wrap-placeholder-fab, .color-form .row .push-l2.wrap-placeholder-fab, .row .color-palette .push-l2.form-item:not(.form-item-scheme), .color-palette .row .push-l2.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.push-l2.vertical-tabs__menu, .vertical-tab-wrapper .row ul.push-l2.vertical-tabs__menu, .row .vertical-tab-wrapper .push-l2.vertical-tabs__panes, .vertical-tab-wrapper .row .push-l2.vertical-tabs__panes, .row .push-l2.acquiadam-asset-browser { + left: 16.66667%; } + .row .col.offset-l3, .row .color-form .offset-l3.wrap-placeholder-fab, .color-form .row .offset-l3.wrap-placeholder-fab, .row .color-palette .offset-l3.form-item:not(.form-item-scheme), .color-palette .row .offset-l3.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.offset-l3.vertical-tabs__menu, .vertical-tab-wrapper .row ul.offset-l3.vertical-tabs__menu, .row .vertical-tab-wrapper .offset-l3.vertical-tabs__panes, .vertical-tab-wrapper .row .offset-l3.vertical-tabs__panes, .row .offset-l3.acquiadam-asset-browser { + margin-left: 25%; } + .row .col.pull-l3, .row .color-form .pull-l3.wrap-placeholder-fab, .color-form .row .pull-l3.wrap-placeholder-fab, .row .color-palette .pull-l3.form-item:not(.form-item-scheme), .color-palette .row .pull-l3.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.pull-l3.vertical-tabs__menu, .vertical-tab-wrapper .row ul.pull-l3.vertical-tabs__menu, .row .vertical-tab-wrapper .pull-l3.vertical-tabs__panes, .vertical-tab-wrapper .row .pull-l3.vertical-tabs__panes, .row .pull-l3.acquiadam-asset-browser { + right: 25%; } + .row .col.push-l3, .row .color-form .push-l3.wrap-placeholder-fab, .color-form .row .push-l3.wrap-placeholder-fab, .row .color-palette .push-l3.form-item:not(.form-item-scheme), .color-palette .row .push-l3.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.push-l3.vertical-tabs__menu, .vertical-tab-wrapper .row ul.push-l3.vertical-tabs__menu, .row .vertical-tab-wrapper .push-l3.vertical-tabs__panes, .vertical-tab-wrapper .row .push-l3.vertical-tabs__panes, .row .push-l3.acquiadam-asset-browser { + left: 25%; } + .row .col.offset-l4, .row .color-form .offset-l4.wrap-placeholder-fab, .color-form .row .offset-l4.wrap-placeholder-fab, .row .color-palette .offset-l4.form-item:not(.form-item-scheme), .color-palette .row .offset-l4.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.offset-l4.vertical-tabs__menu, .vertical-tab-wrapper .row ul.offset-l4.vertical-tabs__menu, .row .vertical-tab-wrapper .offset-l4.vertical-tabs__panes, .vertical-tab-wrapper .row .offset-l4.vertical-tabs__panes, .row .offset-l4.acquiadam-asset-browser { + margin-left: 33.33333%; } + .row .col.pull-l4, .row .color-form .pull-l4.wrap-placeholder-fab, .color-form .row .pull-l4.wrap-placeholder-fab, .row .color-palette .pull-l4.form-item:not(.form-item-scheme), .color-palette .row .pull-l4.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.pull-l4.vertical-tabs__menu, .vertical-tab-wrapper .row ul.pull-l4.vertical-tabs__menu, .row .vertical-tab-wrapper .pull-l4.vertical-tabs__panes, .vertical-tab-wrapper .row .pull-l4.vertical-tabs__panes, .row .pull-l4.acquiadam-asset-browser { + right: 33.33333%; } + .row .col.push-l4, .row .color-form .push-l4.wrap-placeholder-fab, .color-form .row .push-l4.wrap-placeholder-fab, .row .color-palette .push-l4.form-item:not(.form-item-scheme), .color-palette .row .push-l4.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.push-l4.vertical-tabs__menu, .vertical-tab-wrapper .row ul.push-l4.vertical-tabs__menu, .row .vertical-tab-wrapper .push-l4.vertical-tabs__panes, .vertical-tab-wrapper .row .push-l4.vertical-tabs__panes, .row .push-l4.acquiadam-asset-browser { + left: 33.33333%; } + .row .col.offset-l5, .row .color-form .offset-l5.wrap-placeholder-fab, .color-form .row .offset-l5.wrap-placeholder-fab, .row .color-palette .offset-l5.form-item:not(.form-item-scheme), .color-palette .row .offset-l5.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.offset-l5.vertical-tabs__menu, .vertical-tab-wrapper .row ul.offset-l5.vertical-tabs__menu, .row .vertical-tab-wrapper .offset-l5.vertical-tabs__panes, .vertical-tab-wrapper .row .offset-l5.vertical-tabs__panes, .row .offset-l5.acquiadam-asset-browser { + margin-left: 41.66667%; } + .row .col.pull-l5, .row .color-form .pull-l5.wrap-placeholder-fab, .color-form .row .pull-l5.wrap-placeholder-fab, .row .color-palette .pull-l5.form-item:not(.form-item-scheme), .color-palette .row .pull-l5.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.pull-l5.vertical-tabs__menu, .vertical-tab-wrapper .row ul.pull-l5.vertical-tabs__menu, .row .vertical-tab-wrapper .pull-l5.vertical-tabs__panes, .vertical-tab-wrapper .row .pull-l5.vertical-tabs__panes, .row .pull-l5.acquiadam-asset-browser { + right: 41.66667%; } + .row .col.push-l5, .row .color-form .push-l5.wrap-placeholder-fab, .color-form .row .push-l5.wrap-placeholder-fab, .row .color-palette .push-l5.form-item:not(.form-item-scheme), .color-palette .row .push-l5.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.push-l5.vertical-tabs__menu, .vertical-tab-wrapper .row ul.push-l5.vertical-tabs__menu, .row .vertical-tab-wrapper .push-l5.vertical-tabs__panes, .vertical-tab-wrapper .row .push-l5.vertical-tabs__panes, .row .push-l5.acquiadam-asset-browser { + left: 41.66667%; } + .row .col.offset-l6, .row .color-form .offset-l6.wrap-placeholder-fab, .color-form .row .offset-l6.wrap-placeholder-fab, .row .color-palette .offset-l6.form-item:not(.form-item-scheme), .color-palette .row .offset-l6.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.offset-l6.vertical-tabs__menu, .vertical-tab-wrapper .row ul.offset-l6.vertical-tabs__menu, .row .vertical-tab-wrapper .offset-l6.vertical-tabs__panes, .vertical-tab-wrapper .row .offset-l6.vertical-tabs__panes, .row .offset-l6.acquiadam-asset-browser { + margin-left: 50%; } + .row .col.pull-l6, .row .color-form .pull-l6.wrap-placeholder-fab, .color-form .row .pull-l6.wrap-placeholder-fab, .row .color-palette .pull-l6.form-item:not(.form-item-scheme), .color-palette .row .pull-l6.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.pull-l6.vertical-tabs__menu, .vertical-tab-wrapper .row ul.pull-l6.vertical-tabs__menu, .row .vertical-tab-wrapper .pull-l6.vertical-tabs__panes, .vertical-tab-wrapper .row .pull-l6.vertical-tabs__panes, .row .pull-l6.acquiadam-asset-browser { + right: 50%; } + .row .col.push-l6, .row .color-form .push-l6.wrap-placeholder-fab, .color-form .row .push-l6.wrap-placeholder-fab, .row .color-palette .push-l6.form-item:not(.form-item-scheme), .color-palette .row .push-l6.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.push-l6.vertical-tabs__menu, .vertical-tab-wrapper .row ul.push-l6.vertical-tabs__menu, .row .vertical-tab-wrapper .push-l6.vertical-tabs__panes, .vertical-tab-wrapper .row .push-l6.vertical-tabs__panes, .row .push-l6.acquiadam-asset-browser { + left: 50%; } + .row .col.offset-l7, .row .color-form .offset-l7.wrap-placeholder-fab, .color-form .row .offset-l7.wrap-placeholder-fab, .row .color-palette .offset-l7.form-item:not(.form-item-scheme), .color-palette .row .offset-l7.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.offset-l7.vertical-tabs__menu, .vertical-tab-wrapper .row ul.offset-l7.vertical-tabs__menu, .row .vertical-tab-wrapper .offset-l7.vertical-tabs__panes, .vertical-tab-wrapper .row .offset-l7.vertical-tabs__panes, .row .offset-l7.acquiadam-asset-browser { + margin-left: 58.33333%; } + .row .col.pull-l7, .row .color-form .pull-l7.wrap-placeholder-fab, .color-form .row .pull-l7.wrap-placeholder-fab, .row .color-palette .pull-l7.form-item:not(.form-item-scheme), .color-palette .row .pull-l7.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.pull-l7.vertical-tabs__menu, .vertical-tab-wrapper .row ul.pull-l7.vertical-tabs__menu, .row .vertical-tab-wrapper .pull-l7.vertical-tabs__panes, .vertical-tab-wrapper .row .pull-l7.vertical-tabs__panes, .row .pull-l7.acquiadam-asset-browser { + right: 58.33333%; } + .row .col.push-l7, .row .color-form .push-l7.wrap-placeholder-fab, .color-form .row .push-l7.wrap-placeholder-fab, .row .color-palette .push-l7.form-item:not(.form-item-scheme), .color-palette .row .push-l7.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.push-l7.vertical-tabs__menu, .vertical-tab-wrapper .row ul.push-l7.vertical-tabs__menu, .row .vertical-tab-wrapper .push-l7.vertical-tabs__panes, .vertical-tab-wrapper .row .push-l7.vertical-tabs__panes, .row .push-l7.acquiadam-asset-browser { + left: 58.33333%; } + .row .col.offset-l8, .row .color-form .offset-l8.wrap-placeholder-fab, .color-form .row .offset-l8.wrap-placeholder-fab, .row .color-palette .offset-l8.form-item:not(.form-item-scheme), .color-palette .row .offset-l8.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.offset-l8.vertical-tabs__menu, .vertical-tab-wrapper .row ul.offset-l8.vertical-tabs__menu, .row .vertical-tab-wrapper .offset-l8.vertical-tabs__panes, .vertical-tab-wrapper .row .offset-l8.vertical-tabs__panes, .row .offset-l8.acquiadam-asset-browser { + margin-left: 66.66667%; } + .row .col.pull-l8, .row .color-form .pull-l8.wrap-placeholder-fab, .color-form .row .pull-l8.wrap-placeholder-fab, .row .color-palette .pull-l8.form-item:not(.form-item-scheme), .color-palette .row .pull-l8.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.pull-l8.vertical-tabs__menu, .vertical-tab-wrapper .row ul.pull-l8.vertical-tabs__menu, .row .vertical-tab-wrapper .pull-l8.vertical-tabs__panes, .vertical-tab-wrapper .row .pull-l8.vertical-tabs__panes, .row .pull-l8.acquiadam-asset-browser { + right: 66.66667%; } + .row .col.push-l8, .row .color-form .push-l8.wrap-placeholder-fab, .color-form .row .push-l8.wrap-placeholder-fab, .row .color-palette .push-l8.form-item:not(.form-item-scheme), .color-palette .row .push-l8.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.push-l8.vertical-tabs__menu, .vertical-tab-wrapper .row ul.push-l8.vertical-tabs__menu, .row .vertical-tab-wrapper .push-l8.vertical-tabs__panes, .vertical-tab-wrapper .row .push-l8.vertical-tabs__panes, .row .push-l8.acquiadam-asset-browser { + left: 66.66667%; } + .row .col.offset-l9, .row .color-form .offset-l9.wrap-placeholder-fab, .color-form .row .offset-l9.wrap-placeholder-fab, .row .color-palette .offset-l9.form-item:not(.form-item-scheme), .color-palette .row .offset-l9.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.offset-l9.vertical-tabs__menu, .vertical-tab-wrapper .row ul.offset-l9.vertical-tabs__menu, .row .vertical-tab-wrapper .offset-l9.vertical-tabs__panes, .vertical-tab-wrapper .row .offset-l9.vertical-tabs__panes, .row .offset-l9.acquiadam-asset-browser { + margin-left: 75%; } + .row .col.pull-l9, .row .color-form .pull-l9.wrap-placeholder-fab, .color-form .row .pull-l9.wrap-placeholder-fab, .row .color-palette .pull-l9.form-item:not(.form-item-scheme), .color-palette .row .pull-l9.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.pull-l9.vertical-tabs__menu, .vertical-tab-wrapper .row ul.pull-l9.vertical-tabs__menu, .row .vertical-tab-wrapper .pull-l9.vertical-tabs__panes, .vertical-tab-wrapper .row .pull-l9.vertical-tabs__panes, .row .pull-l9.acquiadam-asset-browser { + right: 75%; } + .row .col.push-l9, .row .color-form .push-l9.wrap-placeholder-fab, .color-form .row .push-l9.wrap-placeholder-fab, .row .color-palette .push-l9.form-item:not(.form-item-scheme), .color-palette .row .push-l9.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.push-l9.vertical-tabs__menu, .vertical-tab-wrapper .row ul.push-l9.vertical-tabs__menu, .row .vertical-tab-wrapper .push-l9.vertical-tabs__panes, .vertical-tab-wrapper .row .push-l9.vertical-tabs__panes, .row .push-l9.acquiadam-asset-browser { + left: 75%; } + .row .col.offset-l10, .row .color-form .offset-l10.wrap-placeholder-fab, .color-form .row .offset-l10.wrap-placeholder-fab, .row .color-palette .offset-l10.form-item:not(.form-item-scheme), .color-palette .row .offset-l10.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.offset-l10.vertical-tabs__menu, .vertical-tab-wrapper .row ul.offset-l10.vertical-tabs__menu, .row .vertical-tab-wrapper .offset-l10.vertical-tabs__panes, .vertical-tab-wrapper .row .offset-l10.vertical-tabs__panes, .row .offset-l10.acquiadam-asset-browser { + margin-left: 83.33333%; } + .row .col.pull-l10, .row .color-form .pull-l10.wrap-placeholder-fab, .color-form .row .pull-l10.wrap-placeholder-fab, .row .color-palette .pull-l10.form-item:not(.form-item-scheme), .color-palette .row .pull-l10.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.pull-l10.vertical-tabs__menu, .vertical-tab-wrapper .row ul.pull-l10.vertical-tabs__menu, .row .vertical-tab-wrapper .pull-l10.vertical-tabs__panes, .vertical-tab-wrapper .row .pull-l10.vertical-tabs__panes, .row .pull-l10.acquiadam-asset-browser { + right: 83.33333%; } + .row .col.push-l10, .row .color-form .push-l10.wrap-placeholder-fab, .color-form .row .push-l10.wrap-placeholder-fab, .row .color-palette .push-l10.form-item:not(.form-item-scheme), .color-palette .row .push-l10.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.push-l10.vertical-tabs__menu, .vertical-tab-wrapper .row ul.push-l10.vertical-tabs__menu, .row .vertical-tab-wrapper .push-l10.vertical-tabs__panes, .vertical-tab-wrapper .row .push-l10.vertical-tabs__panes, .row .push-l10.acquiadam-asset-browser { + left: 83.33333%; } + .row .col.offset-l11, .row .color-form .offset-l11.wrap-placeholder-fab, .color-form .row .offset-l11.wrap-placeholder-fab, .row .color-palette .offset-l11.form-item:not(.form-item-scheme), .color-palette .row .offset-l11.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.offset-l11.vertical-tabs__menu, .vertical-tab-wrapper .row ul.offset-l11.vertical-tabs__menu, .row .vertical-tab-wrapper .offset-l11.vertical-tabs__panes, .vertical-tab-wrapper .row .offset-l11.vertical-tabs__panes, .row .offset-l11.acquiadam-asset-browser { + margin-left: 91.66667%; } + .row .col.pull-l11, .row .color-form .pull-l11.wrap-placeholder-fab, .color-form .row .pull-l11.wrap-placeholder-fab, .row .color-palette .pull-l11.form-item:not(.form-item-scheme), .color-palette .row .pull-l11.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.pull-l11.vertical-tabs__menu, .vertical-tab-wrapper .row ul.pull-l11.vertical-tabs__menu, .row .vertical-tab-wrapper .pull-l11.vertical-tabs__panes, .vertical-tab-wrapper .row .pull-l11.vertical-tabs__panes, .row .pull-l11.acquiadam-asset-browser { + right: 91.66667%; } + .row .col.push-l11, .row .color-form .push-l11.wrap-placeholder-fab, .color-form .row .push-l11.wrap-placeholder-fab, .row .color-palette .push-l11.form-item:not(.form-item-scheme), .color-palette .row .push-l11.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.push-l11.vertical-tabs__menu, .vertical-tab-wrapper .row ul.push-l11.vertical-tabs__menu, .row .vertical-tab-wrapper .push-l11.vertical-tabs__panes, .vertical-tab-wrapper .row .push-l11.vertical-tabs__panes, .row .push-l11.acquiadam-asset-browser { + left: 91.66667%; } + .row .col.offset-l12, .row .color-form .offset-l12.wrap-placeholder-fab, .color-form .row .offset-l12.wrap-placeholder-fab, .row .color-palette .offset-l12.form-item:not(.form-item-scheme), .color-palette .row .offset-l12.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.offset-l12.vertical-tabs__menu, .vertical-tab-wrapper .row ul.offset-l12.vertical-tabs__menu, .row .vertical-tab-wrapper .offset-l12.vertical-tabs__panes, .vertical-tab-wrapper .row .offset-l12.vertical-tabs__panes, .row .offset-l12.acquiadam-asset-browser { + margin-left: 100%; } + .row .col.pull-l12, .row .color-form .pull-l12.wrap-placeholder-fab, .color-form .row .pull-l12.wrap-placeholder-fab, .row .color-palette .pull-l12.form-item:not(.form-item-scheme), .color-palette .row .pull-l12.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.pull-l12.vertical-tabs__menu, .vertical-tab-wrapper .row ul.pull-l12.vertical-tabs__menu, .row .vertical-tab-wrapper .pull-l12.vertical-tabs__panes, .vertical-tab-wrapper .row .pull-l12.vertical-tabs__panes, .row .pull-l12.acquiadam-asset-browser { + right: 100%; } + .row .col.push-l12, .row .color-form .push-l12.wrap-placeholder-fab, .color-form .row .push-l12.wrap-placeholder-fab, .row .color-palette .push-l12.form-item:not(.form-item-scheme), .color-palette .row .push-l12.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.push-l12.vertical-tabs__menu, .vertical-tab-wrapper .row ul.push-l12.vertical-tabs__menu, .row .vertical-tab-wrapper .push-l12.vertical-tabs__panes, .vertical-tab-wrapper .row .push-l12.vertical-tabs__panes, .row .push-l12.acquiadam-asset-browser { + left: 100%; } } + @media only screen and (min-width: 1201px) { + .row .col.xl1, .row .color-form .xl1.wrap-placeholder-fab, .color-form .row .xl1.wrap-placeholder-fab, .row .color-palette .xl1.form-item:not(.form-item-scheme), .color-palette .row .xl1.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.xl1.vertical-tabs__menu, .vertical-tab-wrapper .row ul.xl1.vertical-tabs__menu, .row .vertical-tab-wrapper .xl1.vertical-tabs__panes, .vertical-tab-wrapper .row .xl1.vertical-tabs__panes, .row .xl1.acquiadam-asset-browser { + width: 8.33333%; + margin-left: auto; + left: auto; + right: auto; } + .row .col.xl2, .row .color-form .xl2.wrap-placeholder-fab, .color-form .row .xl2.wrap-placeholder-fab, .row .color-palette .xl2.form-item:not(.form-item-scheme), .color-palette .row .xl2.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.xl2.vertical-tabs__menu, .vertical-tab-wrapper .row ul.xl2.vertical-tabs__menu, .row .vertical-tab-wrapper .xl2.vertical-tabs__panes, .vertical-tab-wrapper .row .xl2.vertical-tabs__panes, .row .xl2.acquiadam-asset-browser { + width: 16.66667%; + margin-left: auto; + left: auto; + right: auto; } + .row .col.xl3, .row .color-form .xl3.wrap-placeholder-fab, .color-form .row .xl3.wrap-placeholder-fab, .row .color-palette .xl3.form-item:not(.form-item-scheme), .color-palette .row .xl3.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.xl3.vertical-tabs__menu, .vertical-tab-wrapper .row ul.xl3.vertical-tabs__menu, .row .vertical-tab-wrapper .xl3.vertical-tabs__panes, .vertical-tab-wrapper .row .xl3.vertical-tabs__panes, .row .xl3.acquiadam-asset-browser { + width: 25%; + margin-left: auto; + left: auto; + right: auto; } + .row .col.xl4, .row .color-form .xl4.wrap-placeholder-fab, .color-form .row .xl4.wrap-placeholder-fab, .row .color-palette .xl4.form-item:not(.form-item-scheme), .color-palette .row .xl4.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.xl4.vertical-tabs__menu, .vertical-tab-wrapper .row ul.xl4.vertical-tabs__menu, .row .vertical-tab-wrapper .xl4.vertical-tabs__panes, .vertical-tab-wrapper .row .xl4.vertical-tabs__panes, .row .xl4.acquiadam-asset-browser { + width: 33.33333%; + margin-left: auto; + left: auto; + right: auto; } + .row .col.xl5, .row .color-form .xl5.wrap-placeholder-fab, .color-form .row .xl5.wrap-placeholder-fab, .row .color-palette .xl5.form-item:not(.form-item-scheme), .color-palette .row .xl5.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.xl5.vertical-tabs__menu, .vertical-tab-wrapper .row ul.xl5.vertical-tabs__menu, .row .vertical-tab-wrapper .xl5.vertical-tabs__panes, .vertical-tab-wrapper .row .xl5.vertical-tabs__panes, .row .xl5.acquiadam-asset-browser { + width: 41.66667%; + margin-left: auto; + left: auto; + right: auto; } + .row .col.xl6, .row .color-form .xl6.wrap-placeholder-fab, .color-form .row .xl6.wrap-placeholder-fab, .row .color-palette .xl6.form-item:not(.form-item-scheme), .color-palette .row .xl6.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.xl6.vertical-tabs__menu, .vertical-tab-wrapper .row ul.xl6.vertical-tabs__menu, .row .vertical-tab-wrapper .xl6.vertical-tabs__panes, .vertical-tab-wrapper .row .xl6.vertical-tabs__panes, .row .xl6.acquiadam-asset-browser { + width: 50%; + margin-left: auto; + left: auto; + right: auto; } + .row .col.xl7, .row .color-form .xl7.wrap-placeholder-fab, .color-form .row .xl7.wrap-placeholder-fab, .row .color-palette .xl7.form-item:not(.form-item-scheme), .color-palette .row .xl7.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.xl7.vertical-tabs__menu, .vertical-tab-wrapper .row ul.xl7.vertical-tabs__menu, .row .vertical-tab-wrapper .xl7.vertical-tabs__panes, .vertical-tab-wrapper .row .xl7.vertical-tabs__panes, .row .xl7.acquiadam-asset-browser { + width: 58.33333%; + margin-left: auto; + left: auto; + right: auto; } + .row .col.xl8, .row .color-form .xl8.wrap-placeholder-fab, .color-form .row .xl8.wrap-placeholder-fab, .row .color-palette .xl8.form-item:not(.form-item-scheme), .color-palette .row .xl8.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.xl8.vertical-tabs__menu, .vertical-tab-wrapper .row ul.xl8.vertical-tabs__menu, .row .vertical-tab-wrapper .xl8.vertical-tabs__panes, .vertical-tab-wrapper .row .xl8.vertical-tabs__panes, .row .xl8.acquiadam-asset-browser { + width: 66.66667%; + margin-left: auto; + left: auto; + right: auto; } + .row .col.xl9, .row .color-form .xl9.wrap-placeholder-fab, .color-form .row .xl9.wrap-placeholder-fab, .row .color-palette .xl9.form-item:not(.form-item-scheme), .color-palette .row .xl9.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.xl9.vertical-tabs__menu, .vertical-tab-wrapper .row ul.xl9.vertical-tabs__menu, .row .vertical-tab-wrapper .xl9.vertical-tabs__panes, .vertical-tab-wrapper .row .xl9.vertical-tabs__panes, .row .xl9.acquiadam-asset-browser { + width: 75%; + margin-left: auto; + left: auto; + right: auto; } + .row .col.xl10, .row .color-form .xl10.wrap-placeholder-fab, .color-form .row .xl10.wrap-placeholder-fab, .row .color-palette .xl10.form-item:not(.form-item-scheme), .color-palette .row .xl10.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.xl10.vertical-tabs__menu, .vertical-tab-wrapper .row ul.xl10.vertical-tabs__menu, .row .vertical-tab-wrapper .xl10.vertical-tabs__panes, .vertical-tab-wrapper .row .xl10.vertical-tabs__panes, .row .xl10.acquiadam-asset-browser { + width: 83.33333%; + margin-left: auto; + left: auto; + right: auto; } + .row .col.xl11, .row .color-form .xl11.wrap-placeholder-fab, .color-form .row .xl11.wrap-placeholder-fab, .row .color-palette .xl11.form-item:not(.form-item-scheme), .color-palette .row .xl11.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.xl11.vertical-tabs__menu, .vertical-tab-wrapper .row ul.xl11.vertical-tabs__menu, .row .vertical-tab-wrapper .xl11.vertical-tabs__panes, .vertical-tab-wrapper .row .xl11.vertical-tabs__panes, .row .xl11.acquiadam-asset-browser { + width: 91.66667%; + margin-left: auto; + left: auto; + right: auto; } + .row .col.xl12, .row .color-form .xl12.wrap-placeholder-fab, .color-form .row .xl12.wrap-placeholder-fab, .row .color-palette .xl12.form-item:not(.form-item-scheme), .color-palette .row .xl12.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.xl12.vertical-tabs__menu, .vertical-tab-wrapper .row ul.xl12.vertical-tabs__menu, .row .vertical-tab-wrapper .xl12.vertical-tabs__panes, .vertical-tab-wrapper .row .xl12.vertical-tabs__panes, .row .xl12.acquiadam-asset-browser { + width: 100%; + margin-left: auto; + left: auto; + right: auto; } + .row .col.offset-xl1, .row .color-form .offset-xl1.wrap-placeholder-fab, .color-form .row .offset-xl1.wrap-placeholder-fab, .row .color-palette .offset-xl1.form-item:not(.form-item-scheme), .color-palette .row .offset-xl1.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.offset-xl1.vertical-tabs__menu, .vertical-tab-wrapper .row ul.offset-xl1.vertical-tabs__menu, .row .vertical-tab-wrapper .offset-xl1.vertical-tabs__panes, .vertical-tab-wrapper .row .offset-xl1.vertical-tabs__panes, .row .offset-xl1.acquiadam-asset-browser { + margin-left: 8.33333%; } + .row .col.pull-xl1, .row .color-form .pull-xl1.wrap-placeholder-fab, .color-form .row .pull-xl1.wrap-placeholder-fab, .row .color-palette .pull-xl1.form-item:not(.form-item-scheme), .color-palette .row .pull-xl1.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.pull-xl1.vertical-tabs__menu, .vertical-tab-wrapper .row ul.pull-xl1.vertical-tabs__menu, .row .vertical-tab-wrapper .pull-xl1.vertical-tabs__panes, .vertical-tab-wrapper .row .pull-xl1.vertical-tabs__panes, .row .pull-xl1.acquiadam-asset-browser { + right: 8.33333%; } + .row .col.push-xl1, .row .color-form .push-xl1.wrap-placeholder-fab, .color-form .row .push-xl1.wrap-placeholder-fab, .row .color-palette .push-xl1.form-item:not(.form-item-scheme), .color-palette .row .push-xl1.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.push-xl1.vertical-tabs__menu, .vertical-tab-wrapper .row ul.push-xl1.vertical-tabs__menu, .row .vertical-tab-wrapper .push-xl1.vertical-tabs__panes, .vertical-tab-wrapper .row .push-xl1.vertical-tabs__panes, .row .push-xl1.acquiadam-asset-browser { + left: 8.33333%; } + .row .col.offset-xl2, .row .color-form .offset-xl2.wrap-placeholder-fab, .color-form .row .offset-xl2.wrap-placeholder-fab, .row .color-palette .offset-xl2.form-item:not(.form-item-scheme), .color-palette .row .offset-xl2.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.offset-xl2.vertical-tabs__menu, .vertical-tab-wrapper .row ul.offset-xl2.vertical-tabs__menu, .row .vertical-tab-wrapper .offset-xl2.vertical-tabs__panes, .vertical-tab-wrapper .row .offset-xl2.vertical-tabs__panes, .row .offset-xl2.acquiadam-asset-browser { + margin-left: 16.66667%; } + .row .col.pull-xl2, .row .color-form .pull-xl2.wrap-placeholder-fab, .color-form .row .pull-xl2.wrap-placeholder-fab, .row .color-palette .pull-xl2.form-item:not(.form-item-scheme), .color-palette .row .pull-xl2.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.pull-xl2.vertical-tabs__menu, .vertical-tab-wrapper .row ul.pull-xl2.vertical-tabs__menu, .row .vertical-tab-wrapper .pull-xl2.vertical-tabs__panes, .vertical-tab-wrapper .row .pull-xl2.vertical-tabs__panes, .row .pull-xl2.acquiadam-asset-browser { + right: 16.66667%; } + .row .col.push-xl2, .row .color-form .push-xl2.wrap-placeholder-fab, .color-form .row .push-xl2.wrap-placeholder-fab, .row .color-palette .push-xl2.form-item:not(.form-item-scheme), .color-palette .row .push-xl2.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.push-xl2.vertical-tabs__menu, .vertical-tab-wrapper .row ul.push-xl2.vertical-tabs__menu, .row .vertical-tab-wrapper .push-xl2.vertical-tabs__panes, .vertical-tab-wrapper .row .push-xl2.vertical-tabs__panes, .row .push-xl2.acquiadam-asset-browser { + left: 16.66667%; } + .row .col.offset-xl3, .row .color-form .offset-xl3.wrap-placeholder-fab, .color-form .row .offset-xl3.wrap-placeholder-fab, .row .color-palette .offset-xl3.form-item:not(.form-item-scheme), .color-palette .row .offset-xl3.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.offset-xl3.vertical-tabs__menu, .vertical-tab-wrapper .row ul.offset-xl3.vertical-tabs__menu, .row .vertical-tab-wrapper .offset-xl3.vertical-tabs__panes, .vertical-tab-wrapper .row .offset-xl3.vertical-tabs__panes, .row .offset-xl3.acquiadam-asset-browser { + margin-left: 25%; } + .row .col.pull-xl3, .row .color-form .pull-xl3.wrap-placeholder-fab, .color-form .row .pull-xl3.wrap-placeholder-fab, .row .color-palette .pull-xl3.form-item:not(.form-item-scheme), .color-palette .row .pull-xl3.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.pull-xl3.vertical-tabs__menu, .vertical-tab-wrapper .row ul.pull-xl3.vertical-tabs__menu, .row .vertical-tab-wrapper .pull-xl3.vertical-tabs__panes, .vertical-tab-wrapper .row .pull-xl3.vertical-tabs__panes, .row .pull-xl3.acquiadam-asset-browser { + right: 25%; } + .row .col.push-xl3, .row .color-form .push-xl3.wrap-placeholder-fab, .color-form .row .push-xl3.wrap-placeholder-fab, .row .color-palette .push-xl3.form-item:not(.form-item-scheme), .color-palette .row .push-xl3.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.push-xl3.vertical-tabs__menu, .vertical-tab-wrapper .row ul.push-xl3.vertical-tabs__menu, .row .vertical-tab-wrapper .push-xl3.vertical-tabs__panes, .vertical-tab-wrapper .row .push-xl3.vertical-tabs__panes, .row .push-xl3.acquiadam-asset-browser { + left: 25%; } + .row .col.offset-xl4, .row .color-form .offset-xl4.wrap-placeholder-fab, .color-form .row .offset-xl4.wrap-placeholder-fab, .row .color-palette .offset-xl4.form-item:not(.form-item-scheme), .color-palette .row .offset-xl4.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.offset-xl4.vertical-tabs__menu, .vertical-tab-wrapper .row ul.offset-xl4.vertical-tabs__menu, .row .vertical-tab-wrapper .offset-xl4.vertical-tabs__panes, .vertical-tab-wrapper .row .offset-xl4.vertical-tabs__panes, .row .offset-xl4.acquiadam-asset-browser { + margin-left: 33.33333%; } + .row .col.pull-xl4, .row .color-form .pull-xl4.wrap-placeholder-fab, .color-form .row .pull-xl4.wrap-placeholder-fab, .row .color-palette .pull-xl4.form-item:not(.form-item-scheme), .color-palette .row .pull-xl4.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.pull-xl4.vertical-tabs__menu, .vertical-tab-wrapper .row ul.pull-xl4.vertical-tabs__menu, .row .vertical-tab-wrapper .pull-xl4.vertical-tabs__panes, .vertical-tab-wrapper .row .pull-xl4.vertical-tabs__panes, .row .pull-xl4.acquiadam-asset-browser { + right: 33.33333%; } + .row .col.push-xl4, .row .color-form .push-xl4.wrap-placeholder-fab, .color-form .row .push-xl4.wrap-placeholder-fab, .row .color-palette .push-xl4.form-item:not(.form-item-scheme), .color-palette .row .push-xl4.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.push-xl4.vertical-tabs__menu, .vertical-tab-wrapper .row ul.push-xl4.vertical-tabs__menu, .row .vertical-tab-wrapper .push-xl4.vertical-tabs__panes, .vertical-tab-wrapper .row .push-xl4.vertical-tabs__panes, .row .push-xl4.acquiadam-asset-browser { + left: 33.33333%; } + .row .col.offset-xl5, .row .color-form .offset-xl5.wrap-placeholder-fab, .color-form .row .offset-xl5.wrap-placeholder-fab, .row .color-palette .offset-xl5.form-item:not(.form-item-scheme), .color-palette .row .offset-xl5.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.offset-xl5.vertical-tabs__menu, .vertical-tab-wrapper .row ul.offset-xl5.vertical-tabs__menu, .row .vertical-tab-wrapper .offset-xl5.vertical-tabs__panes, .vertical-tab-wrapper .row .offset-xl5.vertical-tabs__panes, .row .offset-xl5.acquiadam-asset-browser { + margin-left: 41.66667%; } + .row .col.pull-xl5, .row .color-form .pull-xl5.wrap-placeholder-fab, .color-form .row .pull-xl5.wrap-placeholder-fab, .row .color-palette .pull-xl5.form-item:not(.form-item-scheme), .color-palette .row .pull-xl5.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.pull-xl5.vertical-tabs__menu, .vertical-tab-wrapper .row ul.pull-xl5.vertical-tabs__menu, .row .vertical-tab-wrapper .pull-xl5.vertical-tabs__panes, .vertical-tab-wrapper .row .pull-xl5.vertical-tabs__panes, .row .pull-xl5.acquiadam-asset-browser { + right: 41.66667%; } + .row .col.push-xl5, .row .color-form .push-xl5.wrap-placeholder-fab, .color-form .row .push-xl5.wrap-placeholder-fab, .row .color-palette .push-xl5.form-item:not(.form-item-scheme), .color-palette .row .push-xl5.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.push-xl5.vertical-tabs__menu, .vertical-tab-wrapper .row ul.push-xl5.vertical-tabs__menu, .row .vertical-tab-wrapper .push-xl5.vertical-tabs__panes, .vertical-tab-wrapper .row .push-xl5.vertical-tabs__panes, .row .push-xl5.acquiadam-asset-browser { + left: 41.66667%; } + .row .col.offset-xl6, .row .color-form .offset-xl6.wrap-placeholder-fab, .color-form .row .offset-xl6.wrap-placeholder-fab, .row .color-palette .offset-xl6.form-item:not(.form-item-scheme), .color-palette .row .offset-xl6.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.offset-xl6.vertical-tabs__menu, .vertical-tab-wrapper .row ul.offset-xl6.vertical-tabs__menu, .row .vertical-tab-wrapper .offset-xl6.vertical-tabs__panes, .vertical-tab-wrapper .row .offset-xl6.vertical-tabs__panes, .row .offset-xl6.acquiadam-asset-browser { + margin-left: 50%; } + .row .col.pull-xl6, .row .color-form .pull-xl6.wrap-placeholder-fab, .color-form .row .pull-xl6.wrap-placeholder-fab, .row .color-palette .pull-xl6.form-item:not(.form-item-scheme), .color-palette .row .pull-xl6.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.pull-xl6.vertical-tabs__menu, .vertical-tab-wrapper .row ul.pull-xl6.vertical-tabs__menu, .row .vertical-tab-wrapper .pull-xl6.vertical-tabs__panes, .vertical-tab-wrapper .row .pull-xl6.vertical-tabs__panes, .row .pull-xl6.acquiadam-asset-browser { + right: 50%; } + .row .col.push-xl6, .row .color-form .push-xl6.wrap-placeholder-fab, .color-form .row .push-xl6.wrap-placeholder-fab, .row .color-palette .push-xl6.form-item:not(.form-item-scheme), .color-palette .row .push-xl6.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.push-xl6.vertical-tabs__menu, .vertical-tab-wrapper .row ul.push-xl6.vertical-tabs__menu, .row .vertical-tab-wrapper .push-xl6.vertical-tabs__panes, .vertical-tab-wrapper .row .push-xl6.vertical-tabs__panes, .row .push-xl6.acquiadam-asset-browser { + left: 50%; } + .row .col.offset-xl7, .row .color-form .offset-xl7.wrap-placeholder-fab, .color-form .row .offset-xl7.wrap-placeholder-fab, .row .color-palette .offset-xl7.form-item:not(.form-item-scheme), .color-palette .row .offset-xl7.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.offset-xl7.vertical-tabs__menu, .vertical-tab-wrapper .row ul.offset-xl7.vertical-tabs__menu, .row .vertical-tab-wrapper .offset-xl7.vertical-tabs__panes, .vertical-tab-wrapper .row .offset-xl7.vertical-tabs__panes, .row .offset-xl7.acquiadam-asset-browser { + margin-left: 58.33333%; } + .row .col.pull-xl7, .row .color-form .pull-xl7.wrap-placeholder-fab, .color-form .row .pull-xl7.wrap-placeholder-fab, .row .color-palette .pull-xl7.form-item:not(.form-item-scheme), .color-palette .row .pull-xl7.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.pull-xl7.vertical-tabs__menu, .vertical-tab-wrapper .row ul.pull-xl7.vertical-tabs__menu, .row .vertical-tab-wrapper .pull-xl7.vertical-tabs__panes, .vertical-tab-wrapper .row .pull-xl7.vertical-tabs__panes, .row .pull-xl7.acquiadam-asset-browser { + right: 58.33333%; } + .row .col.push-xl7, .row .color-form .push-xl7.wrap-placeholder-fab, .color-form .row .push-xl7.wrap-placeholder-fab, .row .color-palette .push-xl7.form-item:not(.form-item-scheme), .color-palette .row .push-xl7.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.push-xl7.vertical-tabs__menu, .vertical-tab-wrapper .row ul.push-xl7.vertical-tabs__menu, .row .vertical-tab-wrapper .push-xl7.vertical-tabs__panes, .vertical-tab-wrapper .row .push-xl7.vertical-tabs__panes, .row .push-xl7.acquiadam-asset-browser { + left: 58.33333%; } + .row .col.offset-xl8, .row .color-form .offset-xl8.wrap-placeholder-fab, .color-form .row .offset-xl8.wrap-placeholder-fab, .row .color-palette .offset-xl8.form-item:not(.form-item-scheme), .color-palette .row .offset-xl8.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.offset-xl8.vertical-tabs__menu, .vertical-tab-wrapper .row ul.offset-xl8.vertical-tabs__menu, .row .vertical-tab-wrapper .offset-xl8.vertical-tabs__panes, .vertical-tab-wrapper .row .offset-xl8.vertical-tabs__panes, .row .offset-xl8.acquiadam-asset-browser { + margin-left: 66.66667%; } + .row .col.pull-xl8, .row .color-form .pull-xl8.wrap-placeholder-fab, .color-form .row .pull-xl8.wrap-placeholder-fab, .row .color-palette .pull-xl8.form-item:not(.form-item-scheme), .color-palette .row .pull-xl8.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.pull-xl8.vertical-tabs__menu, .vertical-tab-wrapper .row ul.pull-xl8.vertical-tabs__menu, .row .vertical-tab-wrapper .pull-xl8.vertical-tabs__panes, .vertical-tab-wrapper .row .pull-xl8.vertical-tabs__panes, .row .pull-xl8.acquiadam-asset-browser { + right: 66.66667%; } + .row .col.push-xl8, .row .color-form .push-xl8.wrap-placeholder-fab, .color-form .row .push-xl8.wrap-placeholder-fab, .row .color-palette .push-xl8.form-item:not(.form-item-scheme), .color-palette .row .push-xl8.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.push-xl8.vertical-tabs__menu, .vertical-tab-wrapper .row ul.push-xl8.vertical-tabs__menu, .row .vertical-tab-wrapper .push-xl8.vertical-tabs__panes, .vertical-tab-wrapper .row .push-xl8.vertical-tabs__panes, .row .push-xl8.acquiadam-asset-browser { + left: 66.66667%; } + .row .col.offset-xl9, .row .color-form .offset-xl9.wrap-placeholder-fab, .color-form .row .offset-xl9.wrap-placeholder-fab, .row .color-palette .offset-xl9.form-item:not(.form-item-scheme), .color-palette .row .offset-xl9.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.offset-xl9.vertical-tabs__menu, .vertical-tab-wrapper .row ul.offset-xl9.vertical-tabs__menu, .row .vertical-tab-wrapper .offset-xl9.vertical-tabs__panes, .vertical-tab-wrapper .row .offset-xl9.vertical-tabs__panes, .row .offset-xl9.acquiadam-asset-browser { + margin-left: 75%; } + .row .col.pull-xl9, .row .color-form .pull-xl9.wrap-placeholder-fab, .color-form .row .pull-xl9.wrap-placeholder-fab, .row .color-palette .pull-xl9.form-item:not(.form-item-scheme), .color-palette .row .pull-xl9.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.pull-xl9.vertical-tabs__menu, .vertical-tab-wrapper .row ul.pull-xl9.vertical-tabs__menu, .row .vertical-tab-wrapper .pull-xl9.vertical-tabs__panes, .vertical-tab-wrapper .row .pull-xl9.vertical-tabs__panes, .row .pull-xl9.acquiadam-asset-browser { + right: 75%; } + .row .col.push-xl9, .row .color-form .push-xl9.wrap-placeholder-fab, .color-form .row .push-xl9.wrap-placeholder-fab, .row .color-palette .push-xl9.form-item:not(.form-item-scheme), .color-palette .row .push-xl9.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.push-xl9.vertical-tabs__menu, .vertical-tab-wrapper .row ul.push-xl9.vertical-tabs__menu, .row .vertical-tab-wrapper .push-xl9.vertical-tabs__panes, .vertical-tab-wrapper .row .push-xl9.vertical-tabs__panes, .row .push-xl9.acquiadam-asset-browser { + left: 75%; } + .row .col.offset-xl10, .row .color-form .offset-xl10.wrap-placeholder-fab, .color-form .row .offset-xl10.wrap-placeholder-fab, .row .color-palette .offset-xl10.form-item:not(.form-item-scheme), .color-palette .row .offset-xl10.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.offset-xl10.vertical-tabs__menu, .vertical-tab-wrapper .row ul.offset-xl10.vertical-tabs__menu, .row .vertical-tab-wrapper .offset-xl10.vertical-tabs__panes, .vertical-tab-wrapper .row .offset-xl10.vertical-tabs__panes, .row .offset-xl10.acquiadam-asset-browser { + margin-left: 83.33333%; } + .row .col.pull-xl10, .row .color-form .pull-xl10.wrap-placeholder-fab, .color-form .row .pull-xl10.wrap-placeholder-fab, .row .color-palette .pull-xl10.form-item:not(.form-item-scheme), .color-palette .row .pull-xl10.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.pull-xl10.vertical-tabs__menu, .vertical-tab-wrapper .row ul.pull-xl10.vertical-tabs__menu, .row .vertical-tab-wrapper .pull-xl10.vertical-tabs__panes, .vertical-tab-wrapper .row .pull-xl10.vertical-tabs__panes, .row .pull-xl10.acquiadam-asset-browser { + right: 83.33333%; } + .row .col.push-xl10, .row .color-form .push-xl10.wrap-placeholder-fab, .color-form .row .push-xl10.wrap-placeholder-fab, .row .color-palette .push-xl10.form-item:not(.form-item-scheme), .color-palette .row .push-xl10.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.push-xl10.vertical-tabs__menu, .vertical-tab-wrapper .row ul.push-xl10.vertical-tabs__menu, .row .vertical-tab-wrapper .push-xl10.vertical-tabs__panes, .vertical-tab-wrapper .row .push-xl10.vertical-tabs__panes, .row .push-xl10.acquiadam-asset-browser { + left: 83.33333%; } + .row .col.offset-xl11, .row .color-form .offset-xl11.wrap-placeholder-fab, .color-form .row .offset-xl11.wrap-placeholder-fab, .row .color-palette .offset-xl11.form-item:not(.form-item-scheme), .color-palette .row .offset-xl11.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.offset-xl11.vertical-tabs__menu, .vertical-tab-wrapper .row ul.offset-xl11.vertical-tabs__menu, .row .vertical-tab-wrapper .offset-xl11.vertical-tabs__panes, .vertical-tab-wrapper .row .offset-xl11.vertical-tabs__panes, .row .offset-xl11.acquiadam-asset-browser { + margin-left: 91.66667%; } + .row .col.pull-xl11, .row .color-form .pull-xl11.wrap-placeholder-fab, .color-form .row .pull-xl11.wrap-placeholder-fab, .row .color-palette .pull-xl11.form-item:not(.form-item-scheme), .color-palette .row .pull-xl11.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.pull-xl11.vertical-tabs__menu, .vertical-tab-wrapper .row ul.pull-xl11.vertical-tabs__menu, .row .vertical-tab-wrapper .pull-xl11.vertical-tabs__panes, .vertical-tab-wrapper .row .pull-xl11.vertical-tabs__panes, .row .pull-xl11.acquiadam-asset-browser { + right: 91.66667%; } + .row .col.push-xl11, .row .color-form .push-xl11.wrap-placeholder-fab, .color-form .row .push-xl11.wrap-placeholder-fab, .row .color-palette .push-xl11.form-item:not(.form-item-scheme), .color-palette .row .push-xl11.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.push-xl11.vertical-tabs__menu, .vertical-tab-wrapper .row ul.push-xl11.vertical-tabs__menu, .row .vertical-tab-wrapper .push-xl11.vertical-tabs__panes, .vertical-tab-wrapper .row .push-xl11.vertical-tabs__panes, .row .push-xl11.acquiadam-asset-browser { + left: 91.66667%; } + .row .col.offset-xl12, .row .color-form .offset-xl12.wrap-placeholder-fab, .color-form .row .offset-xl12.wrap-placeholder-fab, .row .color-palette .offset-xl12.form-item:not(.form-item-scheme), .color-palette .row .offset-xl12.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.offset-xl12.vertical-tabs__menu, .vertical-tab-wrapper .row ul.offset-xl12.vertical-tabs__menu, .row .vertical-tab-wrapper .offset-xl12.vertical-tabs__panes, .vertical-tab-wrapper .row .offset-xl12.vertical-tabs__panes, .row .offset-xl12.acquiadam-asset-browser { + margin-left: 100%; } + .row .col.pull-xl12, .row .color-form .pull-xl12.wrap-placeholder-fab, .color-form .row .pull-xl12.wrap-placeholder-fab, .row .color-palette .pull-xl12.form-item:not(.form-item-scheme), .color-palette .row .pull-xl12.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.pull-xl12.vertical-tabs__menu, .vertical-tab-wrapper .row ul.pull-xl12.vertical-tabs__menu, .row .vertical-tab-wrapper .pull-xl12.vertical-tabs__panes, .vertical-tab-wrapper .row .pull-xl12.vertical-tabs__panes, .row .pull-xl12.acquiadam-asset-browser { + right: 100%; } + .row .col.push-xl12, .row .color-form .push-xl12.wrap-placeholder-fab, .color-form .row .push-xl12.wrap-placeholder-fab, .row .color-palette .push-xl12.form-item:not(.form-item-scheme), .color-palette .row .push-xl12.form-item:not(.form-item-scheme), .row .vertical-tab-wrapper ul.push-xl12.vertical-tabs__menu, .vertical-tab-wrapper .row ul.push-xl12.vertical-tabs__menu, .row .vertical-tab-wrapper .push-xl12.vertical-tabs__panes, .vertical-tab-wrapper .row .push-xl12.vertical-tabs__panes, .row .push-xl12.acquiadam-asset-browser { + left: 100%; } } + +.collapsible, details.form-wrapper { + border-top: 1px solid #ddd; + border-right: 1px solid #ddd; + border-left: 1px solid #ddd; + margin: 0.5rem 0 1rem 0; } + +.collapsible-header, details.form-wrapper summary { + display: -ms-flexbox; + display: flex; + cursor: pointer; + -webkit-tap-highlight-color: transparent; + line-height: 1.5; + padding: 1rem; + background-color: #fff; + border-bottom: 1px solid #ddd; } + .collapsible-header i, details.form-wrapper summary i { + width: 2rem; + font-size: 1.6rem; + display: inline-block; + text-align: center; + margin-right: 1rem; } + +.collapsible-body { + display: none; + border-bottom: 1px solid #ddd; + box-sizing: border-box; + padding: 2rem; } + +.side-nav .collapsible, .side-nav details.form-wrapper, +.side-nav.fixed .collapsible, +.side-nav.fixed details.form-wrapper { + border: none; + box-shadow: none; } + .side-nav .collapsible li, .side-nav details.form-wrapper li, + .side-nav.fixed .collapsible li, + .side-nav.fixed details.form-wrapper li { + padding: 0; } + +.side-nav .collapsible-header, .side-nav details.form-wrapper summary, details.form-wrapper .side-nav summary, +.side-nav.fixed .collapsible-header, +.side-nav.fixed details.form-wrapper summary, details.form-wrapper +.side-nav.fixed summary { + background-color: transparent; + border: none; + line-height: inherit; + height: inherit; + padding: 0 16px; } + .side-nav .collapsible-header:hover, .side-nav details.form-wrapper summary:hover, details.form-wrapper .side-nav summary:hover, + .side-nav.fixed .collapsible-header:hover, + .side-nav.fixed details.form-wrapper summary:hover, details.form-wrapper + .side-nav.fixed summary:hover { + background-color: rgba(0, 0, 0, 0.05); } + .side-nav .collapsible-header i, .side-nav details.form-wrapper summary i, details.form-wrapper .side-nav summary i, + .side-nav.fixed .collapsible-header i, + .side-nav.fixed details.form-wrapper summary i, details.form-wrapper + .side-nav.fixed summary i { + line-height: inherit; } + +.side-nav .collapsible-body, +.side-nav.fixed .collapsible-body { + border: 0; + background-color: #fff; } + .side-nav .collapsible-body li a, + .side-nav.fixed .collapsible-body li a { + padding: 0 23.5px 0 31px; } + +.collapsible.popout, details.popout.form-wrapper { + border: none; + box-shadow: none; } + .collapsible.popout > li, details.popout.form-wrapper > li { + box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); + margin: 0 24px; + transition: margin 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94); } + .collapsible.popout > li.active, details.popout.form-wrapper > li.active { + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + margin: 16px 0; } + +.tabs { + position: relative; + overflow-x: auto; + overflow-y: hidden; + height: 48px; + width: 100%; + background-color: #fff; + margin: 0 auto; + white-space: nowrap; } + .tabs.tabs-transparent { + background-color: transparent; } + .tabs.tabs-transparent .tab a, + .tabs.tabs-transparent .tab.disabled a, + .tabs.tabs-transparent .tab.disabled a:hover { + color: rgba(255, 255, 255, 0.7); } + .tabs.tabs-transparent .tab a:hover, + .tabs.tabs-transparent .tab a.active { + color: #fff; } + .tabs.tabs-transparent .indicator { + background-color: #fff; } + .tabs.tabs-fixed-width { + display: -ms-flexbox; + display: flex; } + .tabs.tabs-fixed-width .tab { + -ms-flex-positive: 1; + flex-grow: 1; } + .tabs .tab { + display: inline-block; + text-align: center; + line-height: 48px; + height: 48px; + padding: 0; + margin: 0; + text-transform: uppercase; } + .tabs .tab a { + color: rgba(238, 110, 115, 0.7); + display: block; + width: 100%; + height: 100%; + padding: 0 24px; + font-size: 14px; + text-overflow: ellipsis; + overflow: hidden; + transition: color .28s ease; } + .tabs .tab a:hover, .tabs .tab a.active { + background-color: transparent; + color: #ee6e73; } + .tabs .tab.disabled a, + .tabs .tab.disabled a:hover { + color: rgba(238, 110, 115, 0.7); + cursor: default; } + .tabs .indicator { + position: absolute; + bottom: 0; + height: 2px; + background-color: #ee6e73; + will-change: left, right; } + +@media only screen and (max-width: 992px) { + .tabs { + display: -ms-flexbox; + display: flex; } + .tabs .tab { + -ms-flex-positive: 1; + flex-grow: 1; } + .tabs .tab a { + padding: 0 12px; } } + +span.badge, span.marker { + min-width: 3rem; + padding: 0 6px; + margin-left: 14px; + text-align: center; + font-size: 1rem; + line-height: 22px; + height: 22px; + color: #757575; + float: right; + box-sizing: border-box; } + span.badge.new, span.new.marker { + font-weight: 300; + font-size: 0.8rem; + color: #fff; + background-color: #26a69a; + border-radius: 2px; } + span.badge.new:after, span.new.marker:after { + content: " new"; } + span.badge[data-badge-caption]::after, span[data-badge-caption].marker::after { + content: " " attr(data-badge-caption); } + +nav ul a span.badge, nav ul a span.marker { + display: inline-block; + float: none; + margin-left: 4px; + line-height: 22px; + height: 22px; + -webkit-font-smoothing: auto; } + +.collection-item span.badge, .collection-item span.marker { + margin-top: calc(0.75rem - 11px); } + +.collapsible span.badge, details.form-wrapper span.badge, .collapsible span.marker, details.form-wrapper span.marker { + margin-left: auto; } + +.side-nav span.badge, .side-nav span.marker { + margin-top: calc(24px - 11px); } + +.btn, .btn-large, .button-action, .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button, .dropbutton-wrapper .single-btn-wrapper a, #edit-actions .button.use-ajax, .views-displays .tabs.secondary li.add a, .ui-dialog-content .webform-ajax-link, .webform-details-toggle-state-wrapper .webform-details-toggle-state, .maintenance-page-content .button, .maintenance-page-content ul.links li a, +.btn-flat, +.button-link, +.compact-link a, +.tabledrag-toggle-weight-wrapper .tabledrag-toggle-weight, +.ui-dialog-content .webform-ajax-link, +.webform-details-toggle-state-wrapper .webform-details-toggle-state, +.region-title__action .button, +.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button, +.dropbutton-wrapper .single-btn-wrapper a, +#edit-actions .button--danger, +a#edit-cancel, +.field-suffix small span.admin-link, +.views-displays .tabs.secondary li.add a, +.views-ui-rearrange-filter-form .action-links li a, +.acquiadam-browser-breadcrumb-container i, +.entities-list .item-container .btn, +.entities-list .item-container .btn-large, +.entities-list .item-container .button-action, +.entities-list .item-container .dropbutton-wrapper .single-btn-wrapper a, +.dropbutton-wrapper .single-btn-wrapper .entities-list .item-container a, +.entities-list .item-container #edit-actions .button.use-ajax, +#edit-actions .entities-list .item-container .button.use-ajax, +.entities-list .item-container .ui-dialog-content .webform-ajax-link, +.ui-dialog-content .entities-list .item-container .webform-ajax-link, +.entities-list .item-container .webform-details-toggle-state-wrapper .webform-details-toggle-state, +.webform-details-toggle-state-wrapper .entities-list .item-container .webform-details-toggle-state, +.entities-list .item-container .maintenance-page-content .button, +.maintenance-page-content .entities-list .item-container .button, +.entities-list .item-container .maintenance-page-content ul.links li a, +.maintenance-page-content ul.links li .entities-list .item-container a { + border: none; + border-radius: 2px; + display: inline-block; + height: 36px; + line-height: 36px; + padding: 0 2rem; + text-transform: uppercase; + vertical-align: middle; + -webkit-tap-highlight-color: transparent; } + +.btn.disabled, .disabled.btn-large, .disabled.button-action, .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button.disabled, .dropbutton-wrapper .single-btn-wrapper a.disabled, #edit-actions .disabled.button.use-ajax, .views-displays .tabs.secondary li.add a.disabled, .ui-dialog-content .disabled.webform-ajax-link, .webform-details-toggle-state-wrapper .disabled.webform-details-toggle-state, .maintenance-page-content .disabled.button, .maintenance-page-content ul.links li a.disabled, +.btn-floating.disabled, +.btn-large.disabled, +.btn-flat.disabled, +.disabled.button-link, +.compact-link a.disabled, +.tabledrag-toggle-weight-wrapper .disabled.tabledrag-toggle-weight, +.ui-dialog-content .disabled.webform-ajax-link, +.webform-details-toggle-state-wrapper .disabled.webform-details-toggle-state, +.region-title__action .disabled.button, +.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button.disabled, +.dropbutton-wrapper .single-btn-wrapper a.disabled, +#edit-actions .disabled.button--danger, +a.disabled#edit-cancel, +.field-suffix small span.disabled.admin-link, +.views-displays .tabs.secondary li.add a.disabled, +.views-ui-rearrange-filter-form .action-links li a.disabled, +.acquiadam-browser-breadcrumb-container i.disabled, +.entities-list .item-container .disabled.btn, +.entities-list .item-container .disabled.btn-large, +.entities-list .item-container .disabled.button-action, +.entities-list .item-container #edit-actions .disabled.button.use-ajax, +#edit-actions .entities-list .item-container .disabled.button.use-ajax, +.entities-list .item-container .maintenance-page-content .disabled.button, +.maintenance-page-content .entities-list .item-container .disabled.button, +.entities-list .item-container .maintenance-page-content ul.links li a.disabled, +.maintenance-page-content ul.links li .entities-list .item-container a.disabled, +.btn:disabled, +.btn-large:disabled, +.button-action:disabled, +.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button:disabled, +.dropbutton-wrapper .single-btn-wrapper a:disabled, +#edit-actions .button.use-ajax:disabled, +.views-displays .tabs.secondary li.add a:disabled, +.ui-dialog-content .webform-ajax-link:disabled, +.webform-details-toggle-state-wrapper .webform-details-toggle-state:disabled, +.maintenance-page-content .button:disabled, +.maintenance-page-content ul.links li a:disabled, +.btn-floating:disabled, +.btn-large:disabled, +.btn-flat:disabled, +.button-link:disabled, +.compact-link a:disabled, +.tabledrag-toggle-weight-wrapper .tabledrag-toggle-weight:disabled, +.ui-dialog-content .webform-ajax-link:disabled, +.webform-details-toggle-state-wrapper .webform-details-toggle-state:disabled, +.region-title__action .button:disabled, +.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button:disabled, +.dropbutton-wrapper .single-btn-wrapper a:disabled, +#edit-actions .button--danger:disabled, +a#edit-cancel:disabled, +.field-suffix small span.admin-link:disabled, +.views-displays .tabs.secondary li.add a:disabled, +.views-ui-rearrange-filter-form .action-links li a:disabled, +.acquiadam-browser-breadcrumb-container i:disabled, +.entities-list .item-container .btn:disabled, +.entities-list .item-container .btn-large:disabled, +.entities-list .item-container .button-action:disabled, +.entities-list .item-container #edit-actions .button.use-ajax:disabled, +#edit-actions .entities-list .item-container .button.use-ajax:disabled, +.entities-list .item-container .maintenance-page-content .button:disabled, +.maintenance-page-content .entities-list .item-container .button:disabled, +.entities-list .item-container .maintenance-page-content ul.links li a:disabled, +.maintenance-page-content ul.links li .entities-list .item-container a:disabled, +.btn[disabled], +[disabled].btn-large, +[disabled].button-action, +.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button[disabled], +.dropbutton-wrapper .single-btn-wrapper a[disabled], +#edit-actions [disabled].button.use-ajax, +.views-displays .tabs.secondary li.add a[disabled], +.ui-dialog-content [disabled].webform-ajax-link, +.webform-details-toggle-state-wrapper [disabled].webform-details-toggle-state, +.maintenance-page-content [disabled].button, +.maintenance-page-content ul.links li a[disabled], +.btn-floating[disabled], +.btn-large[disabled], +.btn-flat[disabled], +[disabled].button-link, +.compact-link a[disabled], +.tabledrag-toggle-weight-wrapper [disabled].tabledrag-toggle-weight, +.ui-dialog-content [disabled].webform-ajax-link, +.webform-details-toggle-state-wrapper [disabled].webform-details-toggle-state, +.region-title__action [disabled].button, +.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button[disabled], +.dropbutton-wrapper .single-btn-wrapper a[disabled], +#edit-actions [disabled].button--danger, +a[disabled]#edit-cancel, +.field-suffix small span[disabled].admin-link, +.views-displays .tabs.secondary li.add a[disabled], +.views-ui-rearrange-filter-form .action-links li a[disabled], +.acquiadam-browser-breadcrumb-container i[disabled], +.entities-list .item-container [disabled].btn, +.entities-list .item-container [disabled].btn-large, +.entities-list .item-container [disabled].button-action, +.entities-list .item-container #edit-actions [disabled].button.use-ajax, +#edit-actions .entities-list .item-container [disabled].button.use-ajax, +.entities-list .item-container .maintenance-page-content [disabled].button, +.maintenance-page-content .entities-list .item-container [disabled].button, +.entities-list .item-container .maintenance-page-content ul.links li a[disabled], +.maintenance-page-content ul.links li .entities-list .item-container a[disabled] { + pointer-events: none; + background-color: #DFDFDF !important; + box-shadow: none; + color: #9F9F9F !important; + cursor: default; } + .btn.disabled:hover, .disabled.btn-large:hover, .disabled.button-action:hover, .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button.disabled:hover, .dropbutton-wrapper .single-btn-wrapper a.disabled:hover, #edit-actions .disabled.button.use-ajax:hover, .views-displays .tabs.secondary li.add a.disabled:hover, .ui-dialog-content .disabled.webform-ajax-link:hover, .webform-details-toggle-state-wrapper .disabled.webform-details-toggle-state:hover, .maintenance-page-content .disabled.button:hover, .maintenance-page-content ul.links li a.disabled:hover, + .btn-floating.disabled:hover, + .btn-large.disabled:hover, + .btn-flat.disabled:hover, + .disabled.button-link:hover, + .compact-link a.disabled:hover, + .tabledrag-toggle-weight-wrapper .disabled.tabledrag-toggle-weight:hover, + .ui-dialog-content .disabled.webform-ajax-link:hover, + .webform-details-toggle-state-wrapper .disabled.webform-details-toggle-state:hover, + .region-title__action .disabled.button:hover, + .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button.disabled:hover, + .dropbutton-wrapper .single-btn-wrapper a.disabled:hover, + #edit-actions .disabled.button--danger:hover, + a.disabled#edit-cancel:hover, + .field-suffix small span.disabled.admin-link:hover, + .views-displays .tabs.secondary li.add a.disabled:hover, + .views-ui-rearrange-filter-form .action-links li a.disabled:hover, + .acquiadam-browser-breadcrumb-container i.disabled:hover, + .entities-list .item-container .disabled.btn:hover, + .entities-list .item-container .disabled.btn-large:hover, + .entities-list .item-container .disabled.button-action:hover, + .entities-list .item-container #edit-actions .disabled.button.use-ajax:hover, + #edit-actions .entities-list .item-container .disabled.button.use-ajax:hover, + .entities-list .item-container .maintenance-page-content .disabled.button:hover, + .maintenance-page-content .entities-list .item-container .disabled.button:hover, + .entities-list .item-container .maintenance-page-content ul.links li a.disabled:hover, + .maintenance-page-content ul.links li .entities-list .item-container a.disabled:hover, + .btn:disabled:hover, + .btn-large:disabled:hover, + .button-action:disabled:hover, + .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button:disabled:hover, + .dropbutton-wrapper .single-btn-wrapper a:disabled:hover, + #edit-actions .button.use-ajax:disabled:hover, + .views-displays .tabs.secondary li.add a:disabled:hover, + .ui-dialog-content .webform-ajax-link:disabled:hover, + .webform-details-toggle-state-wrapper .webform-details-toggle-state:disabled:hover, + .maintenance-page-content .button:disabled:hover, + .maintenance-page-content ul.links li a:disabled:hover, + .btn-floating:disabled:hover, + .btn-large:disabled:hover, + .btn-flat:disabled:hover, + .button-link:disabled:hover, + .compact-link a:disabled:hover, + .tabledrag-toggle-weight-wrapper .tabledrag-toggle-weight:disabled:hover, + .ui-dialog-content .webform-ajax-link:disabled:hover, + .webform-details-toggle-state-wrapper .webform-details-toggle-state:disabled:hover, + .region-title__action .button:disabled:hover, + .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button:disabled:hover, + .dropbutton-wrapper .single-btn-wrapper a:disabled:hover, + #edit-actions .button--danger:disabled:hover, + a#edit-cancel:disabled:hover, + .field-suffix small span.admin-link:disabled:hover, + .views-displays .tabs.secondary li.add a:disabled:hover, + .views-ui-rearrange-filter-form .action-links li a:disabled:hover, + .acquiadam-browser-breadcrumb-container i:disabled:hover, + .entities-list .item-container .btn:disabled:hover, + .entities-list .item-container .btn-large:disabled:hover, + .entities-list .item-container .button-action:disabled:hover, + .entities-list .item-container #edit-actions .button.use-ajax:disabled:hover, + #edit-actions .entities-list .item-container .button.use-ajax:disabled:hover, + .entities-list .item-container .maintenance-page-content .button:disabled:hover, + .maintenance-page-content .entities-list .item-container .button:disabled:hover, + .entities-list .item-container .maintenance-page-content ul.links li a:disabled:hover, + .maintenance-page-content ul.links li .entities-list .item-container a:disabled:hover, + .btn[disabled]:hover, + [disabled].btn-large:hover, + [disabled].button-action:hover, + .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button[disabled]:hover, + .dropbutton-wrapper .single-btn-wrapper a[disabled]:hover, + #edit-actions [disabled].button.use-ajax:hover, + .views-displays .tabs.secondary li.add a[disabled]:hover, + .ui-dialog-content [disabled].webform-ajax-link:hover, + .webform-details-toggle-state-wrapper [disabled].webform-details-toggle-state:hover, + .maintenance-page-content [disabled].button:hover, + .maintenance-page-content ul.links li a[disabled]:hover, + .btn-floating[disabled]:hover, + .btn-large[disabled]:hover, + .btn-flat[disabled]:hover, + [disabled].button-link:hover, + .compact-link a[disabled]:hover, + .tabledrag-toggle-weight-wrapper [disabled].tabledrag-toggle-weight:hover, + .ui-dialog-content [disabled].webform-ajax-link:hover, + .webform-details-toggle-state-wrapper [disabled].webform-details-toggle-state:hover, + .region-title__action [disabled].button:hover, + .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button[disabled]:hover, + .dropbutton-wrapper .single-btn-wrapper a[disabled]:hover, + #edit-actions [disabled].button--danger:hover, + a[disabled]#edit-cancel:hover, + .field-suffix small span[disabled].admin-link:hover, + .views-displays .tabs.secondary li.add a[disabled]:hover, + .views-ui-rearrange-filter-form .action-links li a[disabled]:hover, + .acquiadam-browser-breadcrumb-container i[disabled]:hover, + .entities-list .item-container [disabled].btn:hover, + .entities-list .item-container [disabled].btn-large:hover, + .entities-list .item-container [disabled].button-action:hover, + .entities-list .item-container #edit-actions [disabled].button.use-ajax:hover, + #edit-actions .entities-list .item-container [disabled].button.use-ajax:hover, + .entities-list .item-container .maintenance-page-content [disabled].button:hover, + .maintenance-page-content .entities-list .item-container [disabled].button:hover, + .entities-list .item-container .maintenance-page-content ul.links li a[disabled]:hover, + .maintenance-page-content ul.links li .entities-list .item-container a[disabled]:hover { + background-color: #DFDFDF !important; + color: #9F9F9F !important; } + +.btn, .btn-large, .button-action, .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button, .dropbutton-wrapper .single-btn-wrapper a, #edit-actions .button.use-ajax, .views-displays .tabs.secondary li.add a, .ui-dialog-content .webform-ajax-link, .webform-details-toggle-state-wrapper .webform-details-toggle-state, .maintenance-page-content .button, .maintenance-page-content ul.links li a, +.btn-floating, +.btn-large, +.btn-flat, +.button-link, +.compact-link a, +.tabledrag-toggle-weight-wrapper .tabledrag-toggle-weight, +.ui-dialog-content .webform-ajax-link, +.webform-details-toggle-state-wrapper .webform-details-toggle-state, +.region-title__action .button, +.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button, +.dropbutton-wrapper .single-btn-wrapper a, +#edit-actions .button--danger, +a#edit-cancel, +.field-suffix small span.admin-link, +.views-displays .tabs.secondary li.add a, +.views-ui-rearrange-filter-form .action-links li a, +.acquiadam-browser-breadcrumb-container i, +.entities-list .item-container .btn, +.entities-list .item-container .btn-large, +.entities-list .item-container .button-action, +.entities-list .item-container .dropbutton-wrapper .single-btn-wrapper a, +.dropbutton-wrapper .single-btn-wrapper .entities-list .item-container a, +.entities-list .item-container #edit-actions .button.use-ajax, +#edit-actions .entities-list .item-container .button.use-ajax, +.entities-list .item-container .ui-dialog-content .webform-ajax-link, +.ui-dialog-content .entities-list .item-container .webform-ajax-link, +.entities-list .item-container .webform-details-toggle-state-wrapper .webform-details-toggle-state, +.webform-details-toggle-state-wrapper .entities-list .item-container .webform-details-toggle-state, +.entities-list .item-container .maintenance-page-content .button, +.maintenance-page-content .entities-list .item-container .button, +.entities-list .item-container .maintenance-page-content ul.links li a, +.maintenance-page-content ul.links li .entities-list .item-container a { + font-size: 1rem; + outline: 0; } + .btn i, .btn-large i, .button-action i, .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button i, .dropbutton-wrapper .single-btn-wrapper a i, #edit-actions .button.use-ajax i, .views-displays .tabs.secondary li.add a i, .ui-dialog-content .webform-ajax-link i, .webform-details-toggle-state-wrapper .webform-details-toggle-state i, .maintenance-page-content .button i, .maintenance-page-content ul.links li a i, + .btn-floating i, + .btn-large i, + .btn-flat i, .button-link i, .compact-link a i, .tabledrag-toggle-weight-wrapper .tabledrag-toggle-weight i, .ui-dialog-content .webform-ajax-link i, .webform-details-toggle-state-wrapper .webform-details-toggle-state i, .region-title__action .button i, .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button i, .dropbutton-wrapper .single-btn-wrapper a i, #edit-actions .button--danger i, a#edit-cancel i, .field-suffix small span.admin-link i, .views-displays .tabs.secondary li.add a i, .views-ui-rearrange-filter-form .action-links li a i, .acquiadam-browser-breadcrumb-container i i, .entities-list .item-container .btn i, .entities-list .item-container .btn-large i, .entities-list .item-container .button-action i, .entities-list .item-container .dropbutton-wrapper .single-btn-wrapper a i, .dropbutton-wrapper .single-btn-wrapper .entities-list .item-container a i, .entities-list .item-container #edit-actions .button.use-ajax i, #edit-actions .entities-list .item-container .button.use-ajax i, .entities-list .item-container .ui-dialog-content .webform-ajax-link i, .ui-dialog-content .entities-list .item-container .webform-ajax-link i, .entities-list .item-container .webform-details-toggle-state-wrapper .webform-details-toggle-state i, .webform-details-toggle-state-wrapper .entities-list .item-container .webform-details-toggle-state i, .entities-list .item-container .maintenance-page-content .button i, .maintenance-page-content .entities-list .item-container .button i, .entities-list .item-container .maintenance-page-content ul.links li a i, .maintenance-page-content ul.links li .entities-list .item-container a i { + font-size: 1.3rem; + line-height: inherit; } + +.btn:focus, .btn-large:focus, .button-action:focus, .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button:focus, .dropbutton-wrapper .single-btn-wrapper a:focus, #edit-actions .button.use-ajax:focus, .views-displays .tabs.secondary li.add a:focus, .ui-dialog-content .webform-ajax-link:focus, .webform-details-toggle-state-wrapper .webform-details-toggle-state:focus, .maintenance-page-content .button:focus, .maintenance-page-content ul.links li a:focus, +.btn-floating:focus { + background-color: #00635a; } + +.btn, .btn-large, .button-action, .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button, .dropbutton-wrapper .single-btn-wrapper a, #edit-actions .button.use-ajax, .views-displays .tabs.secondary li.add a, .ui-dialog-content .webform-ajax-link, .webform-details-toggle-state-wrapper .webform-details-toggle-state, .maintenance-page-content .button, .maintenance-page-content ul.links li a { + text-decoration: none; + color: #FFFFFF; + background-color: #009688; + text-align: center; + letter-spacing: .5px; + transition: .2s ease-out; + cursor: pointer; } + .btn:hover, .btn-large:hover, .button-action:hover, .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button:hover, .dropbutton-wrapper .single-btn-wrapper a:hover, #edit-actions .button.use-ajax:hover, .views-displays .tabs.secondary li.add a:hover, .ui-dialog-content .webform-ajax-link:hover, .webform-details-toggle-state-wrapper .webform-details-toggle-state:hover, .maintenance-page-content .button:hover, .maintenance-page-content ul.links li a:hover { + background-color: #00b09f; } + +.btn-floating { + display: inline-block; + color: #FFFFFF; + position: relative; + overflow: hidden; + z-index: 1; + width: 40px; + height: 40px; + line-height: 40px; + padding: 0; + background-color: #009688; + border-radius: 50%; + transition: .3s; + cursor: pointer; + vertical-align: middle; } + .btn-floating:hover { + background-color: #009688; } + .btn-floating:before { + border-radius: 0; } + .btn-floating.btn-large { + width: 56px; + height: 56px; } + .btn-floating.btn-large.halfway-fab { + bottom: -28px; } + .btn-floating.btn-large i { + line-height: 56px; } + .btn-floating.halfway-fab { + position: absolute; + right: 24px; + bottom: -20px; } + .btn-floating.halfway-fab.left { + right: auto; + left: 24px; } + .btn-floating i { + width: inherit; + display: inline-block; + text-align: center; + color: #FFFFFF; + font-size: 1.6rem; + line-height: 40px; } + +button.btn-floating { + border: none; } + +.fixed-action-btn { + position: fixed; + right: 23px; + bottom: 23px; + padding-top: 15px; + margin-bottom: 0; + z-index: 997; } + .fixed-action-btn.active ul { + visibility: visible; } + .fixed-action-btn.horizontal { + padding: 0 0 0 15px; } + .fixed-action-btn.horizontal ul { + text-align: right; + right: 64px; + top: 50%; + -ms-transform: translateY(-50%); + transform: translateY(-50%); + height: 100%; + left: auto; + width: 500px; + /*width 100% only goes to width of button container */ } + .fixed-action-btn.horizontal ul li { + display: inline-block; + margin: 15px 15px 0 0; } + .fixed-action-btn.toolbar { + padding: 0; + height: 56px; } + .fixed-action-btn.toolbar.active > a i { + opacity: 0; } + .fixed-action-btn.toolbar ul { + display: -ms-flexbox; + display: flex; + top: 0; + bottom: 0; + z-index: 1; } + .fixed-action-btn.toolbar ul li { + -ms-flex: 1; + flex: 1; + display: inline-block; + margin: 0; + height: 100%; + transition: none; } + .fixed-action-btn.toolbar ul li a { + display: block; + overflow: hidden; + position: relative; + width: 100%; + height: 100%; + background-color: transparent; + box-shadow: none; + color: #fff; + line-height: 56px; + z-index: 1; } + .fixed-action-btn.toolbar ul li a i { + line-height: inherit; } + .fixed-action-btn ul { + left: 0; + right: 0; + text-align: center; + position: absolute; + bottom: 64px; + margin: 0; + visibility: hidden; } + .fixed-action-btn ul li { + margin-bottom: 15px; } + .fixed-action-btn ul a.btn-floating { + opacity: 0; } + .fixed-action-btn .fab-backdrop { + position: absolute; + top: 0; + left: 0; + z-index: -1; + width: 40px; + height: 40px; + background-color: #009688; + border-radius: 50%; + -ms-transform: scale(0); + transform: scale(0); } + +.btn-flat, .button-link, .compact-link a, .tabledrag-toggle-weight-wrapper .tabledrag-toggle-weight, .ui-dialog-content .webform-ajax-link, .webform-details-toggle-state-wrapper .webform-details-toggle-state, .region-title__action .button, .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button, .dropbutton-wrapper .single-btn-wrapper a, #edit-actions .button--danger, a#edit-cancel, .field-suffix small span.admin-link, .views-displays .tabs.secondary li.add a, .views-ui-rearrange-filter-form .action-links li a, .acquiadam-browser-breadcrumb-container i, .entities-list .item-container .btn, .entities-list .item-container .btn-large, .entities-list .item-container .button-action, .entities-list .item-container .dropbutton-wrapper .single-btn-wrapper a, .dropbutton-wrapper .single-btn-wrapper .entities-list .item-container a, .entities-list .item-container #edit-actions .button.use-ajax, #edit-actions .entities-list .item-container .button.use-ajax, .entities-list .item-container .ui-dialog-content .webform-ajax-link, .ui-dialog-content .entities-list .item-container .webform-ajax-link, .entities-list .item-container .webform-details-toggle-state-wrapper .webform-details-toggle-state, .webform-details-toggle-state-wrapper .entities-list .item-container .webform-details-toggle-state, .entities-list .item-container .maintenance-page-content .button, .maintenance-page-content .entities-list .item-container .button, .entities-list .item-container .maintenance-page-content ul.links li a, .maintenance-page-content ul.links li .entities-list .item-container a { + box-shadow: none; + background-color: transparent; + color: #424242; + cursor: pointer; + transition: background-color .2s; } + .btn-flat:focus, .button-link:focus, .compact-link a:focus, .tabledrag-toggle-weight-wrapper .tabledrag-toggle-weight:focus, .ui-dialog-content .webform-ajax-link:focus, .webform-details-toggle-state-wrapper .webform-details-toggle-state:focus, .region-title__action .button:focus, .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button:focus, .dropbutton-wrapper .single-btn-wrapper a:focus, #edit-actions .button--danger:focus, a#edit-cancel:focus, .field-suffix small span.admin-link:focus, .views-displays .tabs.secondary li.add a:focus, .views-ui-rearrange-filter-form .action-links li a:focus, .acquiadam-browser-breadcrumb-container i:focus, .entities-list .item-container .btn:focus, .entities-list .item-container .btn-large:focus, .entities-list .item-container .button-action:focus, .entities-list .item-container #edit-actions .button.use-ajax:focus, #edit-actions .entities-list .item-container .button.use-ajax:focus, .entities-list .item-container .maintenance-page-content .button:focus, .maintenance-page-content .entities-list .item-container .button:focus, .entities-list .item-container .maintenance-page-content ul.links li a:focus, .maintenance-page-content ul.links li .entities-list .item-container a:focus, .btn-flat:hover, .button-link:hover, .compact-link a:hover, .tabledrag-toggle-weight-wrapper .tabledrag-toggle-weight:hover, .ui-dialog-content .webform-ajax-link:hover, .webform-details-toggle-state-wrapper .webform-details-toggle-state:hover, .region-title__action .button:hover, .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button:hover, .dropbutton-wrapper .single-btn-wrapper a:hover, #edit-actions .button--danger:hover, a#edit-cancel:hover, .field-suffix small span.admin-link:hover, .views-displays .tabs.secondary li.add a:hover, .views-ui-rearrange-filter-form .action-links li a:hover, .acquiadam-browser-breadcrumb-container i:hover, .entities-list .item-container .btn:hover, .entities-list .item-container .btn-large:hover, .entities-list .item-container .button-action:hover, .entities-list .item-container #edit-actions .button.use-ajax:hover, #edit-actions .entities-list .item-container .button.use-ajax:hover, .entities-list .item-container .maintenance-page-content .button:hover, .maintenance-page-content .entities-list .item-container .button:hover, .entities-list .item-container .maintenance-page-content ul.links li a:hover, .maintenance-page-content ul.links li .entities-list .item-container a:hover { + box-shadow: none; } + .btn-flat:focus, .button-link:focus, .compact-link a:focus, .tabledrag-toggle-weight-wrapper .tabledrag-toggle-weight:focus, .ui-dialog-content .webform-ajax-link:focus, .webform-details-toggle-state-wrapper .webform-details-toggle-state:focus, .region-title__action .button:focus, .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button:focus, .dropbutton-wrapper .single-btn-wrapper a:focus, #edit-actions .button--danger:focus, a#edit-cancel:focus, .field-suffix small span.admin-link:focus, .views-displays .tabs.secondary li.add a:focus, .views-ui-rearrange-filter-form .action-links li a:focus, .acquiadam-browser-breadcrumb-container i:focus, .entities-list .item-container .btn:focus, .entities-list .item-container .btn-large:focus, .entities-list .item-container .button-action:focus, .entities-list .item-container #edit-actions .button.use-ajax:focus, #edit-actions .entities-list .item-container .button.use-ajax:focus, .entities-list .item-container .maintenance-page-content .button:focus, .maintenance-page-content .entities-list .item-container .button:focus, .entities-list .item-container .maintenance-page-content ul.links li a:focus, .maintenance-page-content ul.links li .entities-list .item-container a:focus { + background-color: rgba(0, 0, 0, 0.1); } + .btn-flat.disabled, .disabled.button-link, .compact-link a.disabled, .tabledrag-toggle-weight-wrapper .disabled.tabledrag-toggle-weight, .ui-dialog-content .disabled.webform-ajax-link, .webform-details-toggle-state-wrapper .disabled.webform-details-toggle-state, .region-title__action .disabled.button, .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button.disabled, .dropbutton-wrapper .single-btn-wrapper a.disabled, #edit-actions .disabled.button--danger, a.disabled#edit-cancel, .field-suffix small span.disabled.admin-link, .views-displays .tabs.secondary li.add a.disabled, .views-ui-rearrange-filter-form .action-links li a.disabled, .acquiadam-browser-breadcrumb-container i.disabled, .entities-list .item-container .disabled.btn, .entities-list .item-container .disabled.btn-large, .entities-list .item-container .disabled.button-action, .entities-list .item-container #edit-actions .disabled.button.use-ajax, #edit-actions .entities-list .item-container .disabled.button.use-ajax, .entities-list .item-container .maintenance-page-content .disabled.button, .maintenance-page-content .entities-list .item-container .disabled.button, .entities-list .item-container .maintenance-page-content ul.links li a.disabled, .maintenance-page-content ul.links li .entities-list .item-container a.disabled { + background-color: transparent !important; + color: #b3b3b3 !important; + cursor: default; } + +.btn-large { + height: 54px; + line-height: 54px; } + .btn-large i { + font-size: 1.6rem; } + +.btn-block { + display: block; } + +select:focus { + outline: 1px solid #c9f3ef; } + +button:focus { + outline: none; + background-color: #00aa9a; } + +label { + font-size: 0.8rem; + color: #757575; } + /* Text Inputs + Textarea - ========================================================================== */ -/* Style Placeholders */ -:-ms-input-placeholder { - color: #d1d1d1; } -::placeholder { - color: #d1d1d1; } - -/* Text inputs */ -input:not([type]), -input[type=text]:not(.browser-default), -input[type=password]:not(.browser-default), -input[type=email]:not(.browser-default), -input[type=url]:not(.browser-default), -input[type=time]:not(.browser-default), -input[type=date]:not(.browser-default), -input[type=datetime]:not(.browser-default), -input[type=datetime-local]:not(.browser-default), -input[type=tel]:not(.browser-default), -input[type=number]:not(.browser-default), -input[type=search]:not(.browser-default), -textarea.materialize-textarea { - background-color: transparent; - border: none; - border-bottom: 1px solid #9e9e9e; - border-radius: 0; - outline: none; - height: 3rem; - width: 100%; - font-size: 1rem; - margin: 0 0 20px 0; - padding: 0; - box-shadow: none; - box-sizing: content-box; - transition: all 0.3s; } - input:not([type]):disabled, input:not([type])[readonly="readonly"], - input[type=text]:not(.browser-default):disabled, - input[type=text]:not(.browser-default)[readonly="readonly"], - input[type=password]:not(.browser-default):disabled, - input[type=password]:not(.browser-default)[readonly="readonly"], - input[type=email]:not(.browser-default):disabled, - input[type=email]:not(.browser-default)[readonly="readonly"], - input[type=url]:not(.browser-default):disabled, - input[type=url]:not(.browser-default)[readonly="readonly"], - input[type=time]:not(.browser-default):disabled, - input[type=time]:not(.browser-default)[readonly="readonly"], - input[type=date]:not(.browser-default):disabled, - input[type=date]:not(.browser-default)[readonly="readonly"], - input[type=datetime]:not(.browser-default):disabled, - input[type=datetime]:not(.browser-default)[readonly="readonly"], - input[type=datetime-local]:not(.browser-default):disabled, - input[type=datetime-local]:not(.browser-default)[readonly="readonly"], - input[type=tel]:not(.browser-default):disabled, - input[type=tel]:not(.browser-default)[readonly="readonly"], - input[type=number]:not(.browser-default):disabled, - input[type=number]:not(.browser-default)[readonly="readonly"], - input[type=search]:not(.browser-default):disabled, - input[type=search]:not(.browser-default)[readonly="readonly"], - textarea.materialize-textarea:disabled, - textarea.materialize-textarea[readonly="readonly"] { - color: rgba(0, 0, 0, 0.42); - border-bottom: 1px dotted rgba(0, 0, 0, 0.42); } - input:not([type]):disabled + label, - input:not([type])[readonly="readonly"] + label, - input[type=text]:not(.browser-default):disabled + label, - input[type=text]:not(.browser-default)[readonly="readonly"] + label, - input[type=password]:not(.browser-default):disabled + label, - input[type=password]:not(.browser-default)[readonly="readonly"] + label, - input[type=email]:not(.browser-default):disabled + label, - input[type=email]:not(.browser-default)[readonly="readonly"] + label, - input[type=url]:not(.browser-default):disabled + label, - input[type=url]:not(.browser-default)[readonly="readonly"] + label, - input[type=time]:not(.browser-default):disabled + label, - input[type=time]:not(.browser-default)[readonly="readonly"] + label, - input[type=date]:not(.browser-default):disabled + label, - input[type=date]:not(.browser-default)[readonly="readonly"] + label, - input[type=datetime]:not(.browser-default):disabled + label, - input[type=datetime]:not(.browser-default)[readonly="readonly"] + label, - input[type=datetime-local]:not(.browser-default):disabled + label, - input[type=datetime-local]:not(.browser-default)[readonly="readonly"] + label, - input[type=tel]:not(.browser-default):disabled + label, - input[type=tel]:not(.browser-default)[readonly="readonly"] + label, - input[type=number]:not(.browser-default):disabled + label, - input[type=number]:not(.browser-default)[readonly="readonly"] + label, - input[type=search]:not(.browser-default):disabled + label, - input[type=search]:not(.browser-default)[readonly="readonly"] + label, - textarea.materialize-textarea:disabled + label, - textarea.materialize-textarea[readonly="readonly"] + label { - color: rgba(0, 0, 0, 0.42); } - input:not([type]):focus:not([readonly]), - input[type=text]:not(.browser-default):focus:not([readonly]), - input[type=password]:not(.browser-default):focus:not([readonly]), - input[type=email]:not(.browser-default):focus:not([readonly]), - input[type=url]:not(.browser-default):focus:not([readonly]), - input[type=time]:not(.browser-default):focus:not([readonly]), - input[type=date]:not(.browser-default):focus:not([readonly]), - input[type=datetime]:not(.browser-default):focus:not([readonly]), - input[type=datetime-local]:not(.browser-default):focus:not([readonly]), - input[type=tel]:not(.browser-default):focus:not([readonly]), - input[type=number]:not(.browser-default):focus:not([readonly]), - input[type=search]:not(.browser-default):focus:not([readonly]), - textarea.materialize-textarea:focus:not([readonly]) { - border-bottom: 1px solid #009688; - box-shadow: 0 1px 0 0 #009688; } - input:not([type]):focus:not([readonly]) + label, - input[type=text]:not(.browser-default):focus:not([readonly]) + label, - input[type=password]:not(.browser-default):focus:not([readonly]) + label, - input[type=email]:not(.browser-default):focus:not([readonly]) + label, - input[type=url]:not(.browser-default):focus:not([readonly]) + label, - input[type=time]:not(.browser-default):focus:not([readonly]) + label, - input[type=date]:not(.browser-default):focus:not([readonly]) + label, - input[type=datetime]:not(.browser-default):focus:not([readonly]) + label, - input[type=datetime-local]:not(.browser-default):focus:not([readonly]) + label, - input[type=tel]:not(.browser-default):focus:not([readonly]) + label, - input[type=number]:not(.browser-default):focus:not([readonly]) + label, - input[type=search]:not(.browser-default):focus:not([readonly]) + label, - textarea.materialize-textarea:focus:not([readonly]) + label { - color: #009688; } - input:not([type]).validate + label, - input[type=text]:not(.browser-default).validate + label, - input[type=password]:not(.browser-default).validate + label, - input[type=email]:not(.browser-default).validate + label, - input[type=url]:not(.browser-default).validate + label, - input[type=time]:not(.browser-default).validate + label, - input[type=date]:not(.browser-default).validate + label, - input[type=datetime]:not(.browser-default).validate + label, - input[type=datetime-local]:not(.browser-default).validate + label, - input[type=tel]:not(.browser-default).validate + label, - input[type=number]:not(.browser-default).validate + label, - input[type=search]:not(.browser-default).validate + label, - textarea.materialize-textarea.validate + label { - width: 100%; } - input:not([type]).invalid + label:after, - input:not([type]).valid + label:after, - input[type=text]:not(.browser-default).invalid + label:after, - input[type=text]:not(.browser-default).valid + label:after, - input[type=password]:not(.browser-default).invalid + label:after, - input[type=password]:not(.browser-default).valid + label:after, - input[type=email]:not(.browser-default).invalid + label:after, - input[type=email]:not(.browser-default).valid + label:after, - input[type=url]:not(.browser-default).invalid + label:after, - input[type=url]:not(.browser-default).valid + label:after, - input[type=time]:not(.browser-default).invalid + label:after, - input[type=time]:not(.browser-default).valid + label:after, - input[type=date]:not(.browser-default).invalid + label:after, - input[type=date]:not(.browser-default).valid + label:after, - input[type=datetime]:not(.browser-default).invalid + label:after, - input[type=datetime]:not(.browser-default).valid + label:after, - input[type=datetime-local]:not(.browser-default).invalid + label:after, - input[type=datetime-local]:not(.browser-default).valid + label:after, - input[type=tel]:not(.browser-default).invalid + label:after, - input[type=tel]:not(.browser-default).valid + label:after, - input[type=number]:not(.browser-default).invalid + label:after, - input[type=number]:not(.browser-default).valid + label:after, - input[type=search]:not(.browser-default).invalid + label:after, - input[type=search]:not(.browser-default).valid + label:after, - textarea.materialize-textarea.invalid + label:after, - textarea.materialize-textarea.valid + label:after { - display: none; } - input:not([type]).invalid + label.active:after, - input:not([type]).valid + label.active:after, - input[type=text]:not(.browser-default).invalid + label.active:after, - input[type=text]:not(.browser-default).valid + label.active:after, - input[type=password]:not(.browser-default).invalid + label.active:after, - input[type=password]:not(.browser-default).valid + label.active:after, - input[type=email]:not(.browser-default).invalid + label.active:after, - input[type=email]:not(.browser-default).valid + label.active:after, - input[type=url]:not(.browser-default).invalid + label.active:after, - input[type=url]:not(.browser-default).valid + label.active:after, - input[type=time]:not(.browser-default).invalid + label.active:after, - input[type=time]:not(.browser-default).valid + label.active:after, - input[type=date]:not(.browser-default).invalid + label.active:after, - input[type=date]:not(.browser-default).valid + label.active:after, - input[type=datetime]:not(.browser-default).invalid + label.active:after, - input[type=datetime]:not(.browser-default).valid + label.active:after, - input[type=datetime-local]:not(.browser-default).invalid + label.active:after, - input[type=datetime-local]:not(.browser-default).valid + label.active:after, - input[type=tel]:not(.browser-default).invalid + label.active:after, - input[type=tel]:not(.browser-default).valid + label.active:after, - input[type=number]:not(.browser-default).invalid + label.active:after, - input[type=number]:not(.browser-default).valid + label.active:after, - input[type=search]:not(.browser-default).invalid + label.active:after, - input[type=search]:not(.browser-default).valid + label.active:after, - textarea.materialize-textarea.invalid + label.active:after, - textarea.materialize-textarea.valid + label.active:after { - display: block; } - -/* Validation Sass Placeholders */ -input.valid:not([type]), input.valid:not([type]):focus, -input[type=text].valid:not(.browser-default), -input[type=text].valid:not(.browser-default):focus, -input[type=password].valid:not(.browser-default), -input[type=password].valid:not(.browser-default):focus, -input[type=email].valid:not(.browser-default), -input[type=email].valid:not(.browser-default):focus, -input[type=url].valid:not(.browser-default), -input[type=url].valid:not(.browser-default):focus, -input[type=time].valid:not(.browser-default), -input[type=time].valid:not(.browser-default):focus, -input[type=date].valid:not(.browser-default), -input[type=date].valid:not(.browser-default):focus, -input[type=datetime].valid:not(.browser-default), -input[type=datetime].valid:not(.browser-default):focus, -input[type=datetime-local].valid:not(.browser-default), -input[type=datetime-local].valid:not(.browser-default):focus, -input[type=tel].valid:not(.browser-default), -input[type=tel].valid:not(.browser-default):focus, -input[type=number].valid:not(.browser-default), -input[type=number].valid:not(.browser-default):focus, -input[type=search].valid:not(.browser-default), -input[type=search].valid:not(.browser-default):focus, -textarea.materialize-textarea.valid, -textarea.materialize-textarea.valid:focus, .select-wrapper.valid > input.select-dropdown { - border-bottom: 1px solid #4CAF50; - box-shadow: 0 1px 0 0 #4CAF50; } - -input.invalid:not([type]), input.invalid:not([type]):focus, -input[type=text].invalid:not(.browser-default), -input[type=text].invalid:not(.browser-default):focus, -input[type=password].invalid:not(.browser-default), -input[type=password].invalid:not(.browser-default):focus, -input[type=email].invalid:not(.browser-default), -input[type=email].invalid:not(.browser-default):focus, -input[type=url].invalid:not(.browser-default), -input[type=url].invalid:not(.browser-default):focus, -input[type=time].invalid:not(.browser-default), -input[type=time].invalid:not(.browser-default):focus, -input[type=date].invalid:not(.browser-default), -input[type=date].invalid:not(.browser-default):focus, -input[type=datetime].invalid:not(.browser-default), -input[type=datetime].invalid:not(.browser-default):focus, -input[type=datetime-local].invalid:not(.browser-default), -input[type=datetime-local].invalid:not(.browser-default):focus, -input[type=tel].invalid:not(.browser-default), -input[type=tel].invalid:not(.browser-default):focus, -input[type=number].invalid:not(.browser-default), -input[type=number].invalid:not(.browser-default):focus, -input[type=search].invalid:not(.browser-default), -input[type=search].invalid:not(.browser-default):focus, -textarea.materialize-textarea.invalid, -textarea.materialize-textarea.invalid:focus, .select-wrapper.invalid > input.select-dropdown { - border-bottom: 1px solid #F44336; - box-shadow: 0 1px 0 0 #F44336; } - -input:not([type]).valid + label:after, -input:not([type]):focus.valid + label:after, -input[type=text]:not(.browser-default).valid + label:after, -input[type=text]:not(.browser-default):focus.valid + label:after, -input[type=password]:not(.browser-default).valid + label:after, -input[type=password]:not(.browser-default):focus.valid + label:after, -input[type=email]:not(.browser-default).valid + label:after, -input[type=email]:not(.browser-default):focus.valid + label:after, -input[type=url]:not(.browser-default).valid + label:after, -input[type=url]:not(.browser-default):focus.valid + label:after, -input[type=time]:not(.browser-default).valid + label:after, -input[type=time]:not(.browser-default):focus.valid + label:after, -input[type=date]:not(.browser-default).valid + label:after, -input[type=date]:not(.browser-default):focus.valid + label:after, -input[type=datetime]:not(.browser-default).valid + label:after, -input[type=datetime]:not(.browser-default):focus.valid + label:after, -input[type=datetime-local]:not(.browser-default).valid + label:after, -input[type=datetime-local]:not(.browser-default):focus.valid + label:after, -input[type=tel]:not(.browser-default).valid + label:after, -input[type=tel]:not(.browser-default):focus.valid + label:after, -input[type=number]:not(.browser-default).valid + label:after, -input[type=number]:not(.browser-default):focus.valid + label:after, -input[type=search]:not(.browser-default).valid + label:after, -input[type=search]:not(.browser-default):focus.valid + label:after, -textarea.materialize-textarea.valid + label:after, -textarea.materialize-textarea:focus.valid + label:after, .select-wrapper.valid + label:after { - content: attr(data-success); - color: #4CAF50; - opacity: 1; - -ms-transform: translateY(9px); - transform: translateY(9px); } - -input:not([type]).invalid + label:after, -input:not([type]):focus.invalid + label:after, -input[type=text]:not(.browser-default).invalid + label:after, -input[type=text]:not(.browser-default):focus.invalid + label:after, -input[type=password]:not(.browser-default).invalid + label:after, -input[type=password]:not(.browser-default):focus.invalid + label:after, -input[type=email]:not(.browser-default).invalid + label:after, -input[type=email]:not(.browser-default):focus.invalid + label:after, -input[type=url]:not(.browser-default).invalid + label:after, -input[type=url]:not(.browser-default):focus.invalid + label:after, -input[type=time]:not(.browser-default).invalid + label:after, -input[type=time]:not(.browser-default):focus.invalid + label:after, -input[type=date]:not(.browser-default).invalid + label:after, -input[type=date]:not(.browser-default):focus.invalid + label:after, -input[type=datetime]:not(.browser-default).invalid + label:after, -input[type=datetime]:not(.browser-default):focus.invalid + label:after, -input[type=datetime-local]:not(.browser-default).invalid + label:after, -input[type=datetime-local]:not(.browser-default):focus.invalid + label:after, -input[type=tel]:not(.browser-default).invalid + label:after, -input[type=tel]:not(.browser-default):focus.invalid + label:after, -input[type=number]:not(.browser-default).invalid + label:after, -input[type=number]:not(.browser-default):focus.invalid + label:after, -input[type=search]:not(.browser-default).invalid + label:after, -input[type=search]:not(.browser-default):focus.invalid + label:after, -textarea.materialize-textarea.invalid + label:after, -textarea.materialize-textarea:focus.invalid + label:after, .select-wrapper.invalid + label:after { - content: attr(data-error); - color: #F44336; - opacity: 1; - -ms-transform: translateY(9px); - transform: translateY(9px); } - -input:not([type]) + label:after, -input[type=text]:not(.browser-default) + label:after, -input[type=password]:not(.browser-default) + label:after, -input[type=email]:not(.browser-default) + label:after, -input[type=url]:not(.browser-default) + label:after, -input[type=time]:not(.browser-default) + label:after, -input[type=date]:not(.browser-default) + label:after, -input[type=datetime]:not(.browser-default) + label:after, -input[type=datetime-local]:not(.browser-default) + label:after, -input[type=tel]:not(.browser-default) + label:after, -input[type=number]:not(.browser-default) + label:after, -input[type=search]:not(.browser-default) + label:after, -textarea.materialize-textarea + label:after, .select-wrapper + label:after { - display: block; - content: ""; - position: absolute; - top: 100%; - left: 0; - opacity: 0; - transition: .2s opacity ease-out, .2s color ease-out; } - -.input-field { - position: relative; - margin-top: 1rem; } - .input-field.inline { - display: inline-block; - vertical-align: middle; - margin-left: 5px; } - .input-field.inline input, - .input-field.inline .select-dropdown { - margin-bottom: 1rem; } - .input-field.col label, .color-form .input-field.wrap-placeholder-fab label, .color-palette .input-field.form-item:not(.form-item-scheme) label, .vertical-tab-wrapper ul.input-field.vertical-tabs__menu label, .vertical-tab-wrapper .input-field.vertical-tabs__panes label, .input-field.acquiadam-asset-browser label { - left: 0.75rem; } - .input-field.col .prefix ~ label, .color-form .input-field.wrap-placeholder-fab .prefix ~ label, .color-palette .input-field.form-item:not(.form-item-scheme) .prefix ~ label, .vertical-tab-wrapper ul.input-field.vertical-tabs__menu .prefix ~ label, .vertical-tab-wrapper .input-field.vertical-tabs__panes .prefix ~ label, .input-field.acquiadam-asset-browser .prefix ~ label, - .input-field.col .prefix ~ .validate ~ label, .color-form .input-field.wrap-placeholder-fab .prefix ~ .validate ~ label, .color-palette .input-field.form-item:not(.form-item-scheme) .prefix ~ .validate ~ label, .vertical-tab-wrapper ul.input-field.vertical-tabs__menu .prefix ~ .validate ~ label, .vertical-tab-wrapper .input-field.vertical-tabs__panes .prefix ~ .validate ~ label, .input-field.acquiadam-asset-browser .prefix ~ .validate ~ label { - width: calc(100% - 3rem - 1.5rem); } - .input-field label { - color: #757575; - position: absolute; - top: 0; - left: 0; - height: 100%; - font-size: 1rem; - cursor: text; - transition: transform .2s ease-out; - -ms-transform-origin: 0% 100%; - transform-origin: 0% 100%; - text-align: initial; - -ms-transform: translateY(12px); - transform: translateY(12px); - pointer-events: none; } - .input-field label:not(.label-icon).active { - -ms-transform: translateY(-14px) scale(0.8); - transform: translateY(-14px) scale(0.8); - -ms-transform-origin: 0 0; - transform-origin: 0 0; } - .input-field .prefix { - position: absolute; - width: 3rem; - font-size: 2rem; - transition: color .2s; } - .input-field .prefix.active { - color: #009688; } - .input-field .prefix ~ input, - .input-field .prefix ~ textarea, - .input-field .prefix ~ label, - .input-field .prefix ~ .validate ~ label, - .input-field .prefix ~ .autocomplete-content { - margin-left: 3rem; - width: 92%; - width: calc(100% - 3rem); } - .input-field .prefix ~ label { - margin-left: 3rem; } - @media only screen and (max-width: 992px) { - .input-field .prefix ~ input { - width: 86%; - width: calc(100% - 3rem); } } - @media only screen and (max-width: 600px) { - .input-field .prefix ~ input { - width: 80%; - width: calc(100% - 3rem); } } - -/* Search Field */ -.input-field input[type=search] { - display: block; - line-height: inherit; } - .nav-wrapper .input-field input[type=search] { - height: inherit; - padding-left: 4rem; - width: calc(100% - 4rem); - border: 0; - box-shadow: none; } - .input-field input[type=search]:focus { - background-color: #fff; - border: 0; - box-shadow: none; - color: #444; } - .input-field input[type=search]:focus + label i, - .input-field input[type=search]:focus ~ .mdi-navigation-close, - .input-field input[type=search]:focus ~ .material-icons, - .input-field input[type=search]:focus ~ .button-action::before, - .input-field .collapsible li input[type=search]:focus ~ .collapsible-header.with-arrows::after, .collapsible li - .input-field input[type=search]:focus ~ .collapsible-header.with-arrows::after, - .input-field details.form-wrapper li input[type=search]:focus ~ .collapsible-header.with-arrows::after, details.form-wrapper li - .input-field input[type=search]:focus ~ .collapsible-header.with-arrows::after, - .input-field details.form-wrapper li input[type=search]:focus ~ summary.with-arrows::after, - .input-field .collapsible li input[type=search]:focus ~ .collapsible-header.right-arrows::after, .collapsible li - .input-field input[type=search]:focus ~ .collapsible-header.right-arrows::after, - .input-field details.form-wrapper li input[type=search]:focus ~ .collapsible-header.right-arrows::after, details.form-wrapper li - .input-field input[type=search]:focus ~ .collapsible-header.right-arrows::after, - .input-field details.form-wrapper li input[type=search]:focus ~ summary.right-arrows::after, - .input-field .region-title__action input[type=search]:focus ~ .button::after, .region-title__action - .input-field input[type=search]:focus ~ .button::after, - .input-field .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset input[type=search]:focus ~ button.button--danger::after, .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset - .input-field input[type=search]:focus ~ button.button--danger::after, - .input-field .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset input[type=search]:focus ~ button.success::after, .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset - .input-field input[type=search]:focus ~ button.success::after, - .input-field .color-palette input[type=search]:focus ~ .color-palette__hook.is-up::before, .color-palette - .input-field input[type=search]:focus ~ .color-palette__hook.is-up::before, - .input-field - .color-palette input[type=search]:focus ~ .color-palette__lock::before, - .color-palette - .input-field input[type=search]:focus ~ .color-palette__lock::before, - .input-field input[type=search]:focus ~ .file::before, - .input-field .breadcrumb-nav ol li:first-child input[type=search]:focus ~ a::before, .breadcrumb-nav ol li:first-child - .input-field input[type=search]:focus ~ a::before, - .input-field .breadcrumb-nav ol input[type=search]:focus ~ li::before, .breadcrumb-nav ol - .input-field input[type=search]:focus ~ li::before, - .input-field .details-item input[type=search]:focus ~ .collapsible-header::before, .details-item - .input-field input[type=search]:focus ~ .collapsible-header::before, - .input-field .details-item details.form-wrapper input[type=search]:focus ~ summary::before, .details-item details.form-wrapper - .input-field input[type=search]:focus ~ summary::before, - .input-field details.form-wrapper .details-item input[type=search]:focus ~ summary::before, details.form-wrapper .details-item - .input-field input[type=search]:focus ~ summary::before, - .input-field .collection .collection-item > .item-list .collection input[type=search]:focus ~ .collection-item::before, .collection .collection-item > .item-list .collection - .input-field input[type=search]:focus ~ .collection-item::before, - .input-field input[type=search]:focus ~ .dropdown-button::after, - .input-field .select-wrapper input[type=search]:focus ~ .caret::after, .select-wrapper - .input-field input[type=search]:focus ~ .caret::after, - .input-field details.form-wrapper input[type=search]:focus ~ summary::after, details.form-wrapper - .input-field input[type=search]:focus ~ summary::after, - .input-field .entity-meta__last-saved input[type=search]:focus ~ h4::before, .entity-meta__last-saved - .input-field input[type=search]:focus ~ h4::before, - .input-field - .entity-meta__author input[type=search]:focus ~ h4::before, - .entity-meta__author - .input-field input[type=search]:focus ~ h4::before, - .input-field - .field--name-created input[type=search]:focus ~ h4::before, - .field--name-created - .input-field input[type=search]:focus ~ h4::before, - .input-field ol.task-list input[type=search]:focus ~ li.is-active::after, ol.task-list - .input-field input[type=search]:focus ~ li.is-active::after, - .input-field .messages-clone.messages--status .card-content .message-header input[type=search]:focus ~ .card-title::before, .messages-clone.messages--status .card-content .message-header - .input-field input[type=search]:focus ~ .card-title::before, - .input-field .messages-clone.messages--warning .card-content .message-header input[type=search]:focus ~ .card-title::before, .messages-clone.messages--warning .card-content .message-header - .input-field input[type=search]:focus ~ .card-title::before, - .input-field .messages-clone.messages--error .card-content .message-header input[type=search]:focus ~ .card-title::before, .messages-clone.messages--error .card-content .message-header - .input-field input[type=search]:focus ~ .card-title::before, - .input-field input[type=search]:focus ~ .tablesort.tablesort--asc::after, - .input-field input[type=search]:focus ~ .tablesort.tablesort--desc::after, - .input-field .draggable a.tabledrag-handle input[type=search]:focus ~ .handle::before, .draggable a.tabledrag-handle - .input-field input[type=search]:focus ~ .handle::before, - .input-field .views-ui-rearrange-filter-form .filter-group-operator-row input[type=search]:focus ~ .form-item-filter-groups-operator::before, .views-ui-rearrange-filter-form .filter-group-operator-row - .input-field input[type=search]:focus ~ .form-item-filter-groups-operator::before, - .input-field .views-ui-display-tab-bucket input[type=search]:focus ~ .collection-string-only::before, .views-ui-display-tab-bucket - .input-field input[type=search]:focus ~ .collection-string-only::before, - .input-field .acquiadam-browser-breadcrumb-container input[type=search]:focus ~ i::after, .acquiadam-browser-breadcrumb-container - .input-field input[type=search]:focus ~ i::after, - .input-field .acquiadam-browser-breadcrumb-container li:first-child input[type=search]:focus ~ i::before, .acquiadam-browser-breadcrumb-container li:first-child - .input-field input[type=search]:focus ~ i::before, - .input-field .entities-list input[type=search]:focus ~ .item-container.ui-sortable-handle::before, .entities-list - .input-field input[type=search]:focus ~ .item-container.ui-sortable-handle::before, - .input-field .system-status-report__status-icon--checked input[type=search]:focus ~ .collapsible-header::before, .system-status-report__status-icon--checked - .input-field input[type=search]:focus ~ .collapsible-header::before, - .input-field .system-status-report__status-icon--checked details.form-wrapper input[type=search]:focus ~ summary::before, .system-status-report__status-icon--checked details.form-wrapper - .input-field input[type=search]:focus ~ summary::before, - .input-field details.form-wrapper .system-status-report__status-icon--checked input[type=search]:focus ~ summary::before, details.form-wrapper .system-status-report__status-icon--checked - .input-field input[type=search]:focus ~ summary::before, - .input-field .system-status-report__status-icon--warning input[type=search]:focus ~ .collapsible-header::before, .system-status-report__status-icon--warning - .input-field input[type=search]:focus ~ .collapsible-header::before, - .input-field .system-status-report__status-icon--warning details.form-wrapper input[type=search]:focus ~ summary::before, .system-status-report__status-icon--warning details.form-wrapper - .input-field input[type=search]:focus ~ summary::before, - .input-field details.form-wrapper .system-status-report__status-icon--warning input[type=search]:focus ~ summary::before, details.form-wrapper .system-status-report__status-icon--warning - .input-field input[type=search]:focus ~ summary::before, - .input-field .system-status-report__status-icon--error input[type=search]:focus ~ .collapsible-header::before, .system-status-report__status-icon--error - .input-field input[type=search]:focus ~ .collapsible-header::before, - .input-field .system-status-report__status-icon--error details.form-wrapper input[type=search]:focus ~ summary::before, .system-status-report__status-icon--error details.form-wrapper - .input-field input[type=search]:focus ~ summary::before, - .input-field details.form-wrapper .system-status-report__status-icon--error input[type=search]:focus ~ summary::before, details.form-wrapper .system-status-report__status-icon--error - .input-field input[type=search]:focus ~ summary::before, - .input-field .maintenance-page-content ul.links li.front input[type=search]:focus ~ a::before, .maintenance-page-content ul.links li.front - .input-field input[type=search]:focus ~ a::before, - .input-field .maintenance-page-content ul.links li.admin-pages input[type=search]:focus ~ a::before, .maintenance-page-content ul.links li.admin-pages - .input-field input[type=search]:focus ~ a::before { - color: #444; } - .input-field input[type=search] + label { - left: 1rem; } - .input-field input[type=search] ~ .mdi-navigation-close, - .input-field input[type=search] ~ .material-icons, - .input-field input[type=search] ~ .button-action::before, - .input-field .collapsible li input[type=search] ~ .collapsible-header.with-arrows::after, .collapsible li - .input-field input[type=search] ~ .collapsible-header.with-arrows::after, - .input-field details.form-wrapper li input[type=search] ~ .collapsible-header.with-arrows::after, details.form-wrapper li - .input-field input[type=search] ~ .collapsible-header.with-arrows::after, - .input-field details.form-wrapper li input[type=search] ~ summary.with-arrows::after, - .input-field .collapsible li input[type=search] ~ .collapsible-header.right-arrows::after, .collapsible li - .input-field input[type=search] ~ .collapsible-header.right-arrows::after, - .input-field details.form-wrapper li input[type=search] ~ .collapsible-header.right-arrows::after, details.form-wrapper li - .input-field input[type=search] ~ .collapsible-header.right-arrows::after, - .input-field details.form-wrapper li input[type=search] ~ summary.right-arrows::after, - .input-field .region-title__action input[type=search] ~ .button::after, .region-title__action - .input-field input[type=search] ~ .button::after, - .input-field .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset input[type=search] ~ button.button--danger::after, .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset - .input-field input[type=search] ~ button.button--danger::after, - .input-field .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset input[type=search] ~ button.success::after, .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset - .input-field input[type=search] ~ button.success::after, - .input-field .color-palette input[type=search] ~ .color-palette__hook.is-up::before, .color-palette - .input-field input[type=search] ~ .color-palette__hook.is-up::before, - .input-field - .color-palette input[type=search] ~ .color-palette__lock::before, - .color-palette - .input-field input[type=search] ~ .color-palette__lock::before, - .input-field input[type=search] ~ .file::before, - .input-field .breadcrumb-nav ol li:first-child input[type=search] ~ a::before, .breadcrumb-nav ol li:first-child - .input-field input[type=search] ~ a::before, - .input-field .breadcrumb-nav ol input[type=search] ~ li::before, .breadcrumb-nav ol - .input-field input[type=search] ~ li::before, - .input-field .details-item input[type=search] ~ .collapsible-header::before, .details-item - .input-field input[type=search] ~ .collapsible-header::before, - .input-field .details-item details.form-wrapper input[type=search] ~ summary::before, .details-item details.form-wrapper - .input-field input[type=search] ~ summary::before, - .input-field details.form-wrapper .details-item input[type=search] ~ summary::before, details.form-wrapper .details-item - .input-field input[type=search] ~ summary::before, - .input-field .collection .collection-item > .item-list .collection input[type=search] ~ .collection-item::before, .collection .collection-item > .item-list .collection - .input-field input[type=search] ~ .collection-item::before, - .input-field input[type=search] ~ .dropdown-button::after, - .input-field .select-wrapper input[type=search] ~ .caret::after, .select-wrapper - .input-field input[type=search] ~ .caret::after, - .input-field details.form-wrapper input[type=search] ~ summary::after, details.form-wrapper - .input-field input[type=search] ~ summary::after, - .input-field .entity-meta__last-saved input[type=search] ~ h4::before, .entity-meta__last-saved - .input-field input[type=search] ~ h4::before, - .input-field - .entity-meta__author input[type=search] ~ h4::before, - .entity-meta__author - .input-field input[type=search] ~ h4::before, - .input-field - .field--name-created input[type=search] ~ h4::before, - .field--name-created - .input-field input[type=search] ~ h4::before, - .input-field ol.task-list input[type=search] ~ li.is-active::after, ol.task-list - .input-field input[type=search] ~ li.is-active::after, - .input-field .messages-clone.messages--status .card-content .message-header input[type=search] ~ .card-title::before, .messages-clone.messages--status .card-content .message-header - .input-field input[type=search] ~ .card-title::before, - .input-field .messages-clone.messages--warning .card-content .message-header input[type=search] ~ .card-title::before, .messages-clone.messages--warning .card-content .message-header - .input-field input[type=search] ~ .card-title::before, - .input-field .messages-clone.messages--error .card-content .message-header input[type=search] ~ .card-title::before, .messages-clone.messages--error .card-content .message-header - .input-field input[type=search] ~ .card-title::before, - .input-field input[type=search] ~ .tablesort.tablesort--asc::after, - .input-field input[type=search] ~ .tablesort.tablesort--desc::after, - .input-field .draggable a.tabledrag-handle input[type=search] ~ .handle::before, .draggable a.tabledrag-handle - .input-field input[type=search] ~ .handle::before, - .input-field .views-ui-rearrange-filter-form .filter-group-operator-row input[type=search] ~ .form-item-filter-groups-operator::before, .views-ui-rearrange-filter-form .filter-group-operator-row - .input-field input[type=search] ~ .form-item-filter-groups-operator::before, - .input-field .views-ui-display-tab-bucket input[type=search] ~ .collection-string-only::before, .views-ui-display-tab-bucket - .input-field input[type=search] ~ .collection-string-only::before, - .input-field .acquiadam-browser-breadcrumb-container input[type=search] ~ i::after, .acquiadam-browser-breadcrumb-container - .input-field input[type=search] ~ i::after, - .input-field .acquiadam-browser-breadcrumb-container li:first-child input[type=search] ~ i::before, .acquiadam-browser-breadcrumb-container li:first-child - .input-field input[type=search] ~ i::before, - .input-field .entities-list input[type=search] ~ .item-container.ui-sortable-handle::before, .entities-list - .input-field input[type=search] ~ .item-container.ui-sortable-handle::before, - .input-field .system-status-report__status-icon--checked input[type=search] ~ .collapsible-header::before, .system-status-report__status-icon--checked - .input-field input[type=search] ~ .collapsible-header::before, - .input-field .system-status-report__status-icon--checked details.form-wrapper input[type=search] ~ summary::before, .system-status-report__status-icon--checked details.form-wrapper - .input-field input[type=search] ~ summary::before, - .input-field details.form-wrapper .system-status-report__status-icon--checked input[type=search] ~ summary::before, details.form-wrapper .system-status-report__status-icon--checked - .input-field input[type=search] ~ summary::before, - .input-field .system-status-report__status-icon--warning input[type=search] ~ .collapsible-header::before, .system-status-report__status-icon--warning - .input-field input[type=search] ~ .collapsible-header::before, - .input-field .system-status-report__status-icon--warning details.form-wrapper input[type=search] ~ summary::before, .system-status-report__status-icon--warning details.form-wrapper - .input-field input[type=search] ~ summary::before, - .input-field details.form-wrapper .system-status-report__status-icon--warning input[type=search] ~ summary::before, details.form-wrapper .system-status-report__status-icon--warning - .input-field input[type=search] ~ summary::before, - .input-field .system-status-report__status-icon--error input[type=search] ~ .collapsible-header::before, .system-status-report__status-icon--error - .input-field input[type=search] ~ .collapsible-header::before, - .input-field .system-status-report__status-icon--error details.form-wrapper input[type=search] ~ summary::before, .system-status-report__status-icon--error details.form-wrapper - .input-field input[type=search] ~ summary::before, - .input-field details.form-wrapper .system-status-report__status-icon--error input[type=search] ~ summary::before, details.form-wrapper .system-status-report__status-icon--error - .input-field input[type=search] ~ summary::before, - .input-field .maintenance-page-content ul.links li.front input[type=search] ~ a::before, .maintenance-page-content ul.links li.front - .input-field input[type=search] ~ a::before, - .input-field .maintenance-page-content ul.links li.admin-pages input[type=search] ~ a::before, .maintenance-page-content ul.links li.admin-pages - .input-field input[type=search] ~ a::before { - position: absolute; - top: 0; - right: 1rem; - color: transparent; - cursor: pointer; - font-size: 2rem; - transition: .3s color; } - -/* Textarea */ -textarea { - width: 100%; - height: 3rem; - background-color: transparent; } - textarea.materialize-textarea { - overflow-y: hidden; - /* prevents scroll bar flash */ - padding: .8rem 0 1.6rem 0; - /* prevents text jump on Enter keypress */ - resize: none; - min-height: 3rem; } - textarea.materialize-textarea.validate + label { - height: 100%; } - textarea.materialize-textarea.validate + label::after { - top: calc(100% - 12px); } - textarea.materialize-textarea.validate + label:not(.label-icon).active { - -ms-transform: translateY(-25px); - transform: translateY(-25px); } - -.hiddendiv { - display: none; - white-space: pre-wrap; - word-wrap: break-word; - overflow-wrap: break-word; - /* future version of deprecated 'word-wrap' */ - padding-top: 1.2rem; - /* prevents text jump on Enter keypress */ - position: absolute; - top: 0; } - -/* Autocomplete */ -.autocomplete-content { - margin-top: -20px; - margin-bottom: 20px; - display: block; - opacity: 1; - position: static; } - .autocomplete-content li .highlight { - color: #444; } - .autocomplete-content li img { - height: 40px; - width: 40px; - margin: 5px 15px; } - + ========================================================================== */ +/* Style Placeholders */ +:-ms-input-placeholder { + color: #d1d1d1; } +::placeholder { + color: #d1d1d1; } + +/* Text inputs */ +input:not([type]), +input[type=text]:not(.browser-default), +input[type=password]:not(.browser-default), +input[type=email]:not(.browser-default), +input[type=url]:not(.browser-default), +input[type=time]:not(.browser-default), +input[type=date]:not(.browser-default), +input[type=datetime]:not(.browser-default), +input[type=datetime-local]:not(.browser-default), +input[type=tel]:not(.browser-default), +input[type=number]:not(.browser-default), +input[type=search]:not(.browser-default), +textarea.materialize-textarea { + background-color: transparent; + border: none; + border-bottom: 1px solid #9e9e9e; + border-radius: 0; + outline: none; + height: 3rem; + width: 100%; + font-size: 1rem; + margin: 0 0 20px 0; + padding: 0; + box-shadow: none; + box-sizing: content-box; + transition: all 0.3s; } + input:not([type]):disabled, input:not([type])[readonly="readonly"], + input[type=text]:not(.browser-default):disabled, + input[type=text]:not(.browser-default)[readonly="readonly"], + input[type=password]:not(.browser-default):disabled, + input[type=password]:not(.browser-default)[readonly="readonly"], + input[type=email]:not(.browser-default):disabled, + input[type=email]:not(.browser-default)[readonly="readonly"], + input[type=url]:not(.browser-default):disabled, + input[type=url]:not(.browser-default)[readonly="readonly"], + input[type=time]:not(.browser-default):disabled, + input[type=time]:not(.browser-default)[readonly="readonly"], + input[type=date]:not(.browser-default):disabled, + input[type=date]:not(.browser-default)[readonly="readonly"], + input[type=datetime]:not(.browser-default):disabled, + input[type=datetime]:not(.browser-default)[readonly="readonly"], + input[type=datetime-local]:not(.browser-default):disabled, + input[type=datetime-local]:not(.browser-default)[readonly="readonly"], + input[type=tel]:not(.browser-default):disabled, + input[type=tel]:not(.browser-default)[readonly="readonly"], + input[type=number]:not(.browser-default):disabled, + input[type=number]:not(.browser-default)[readonly="readonly"], + input[type=search]:not(.browser-default):disabled, + input[type=search]:not(.browser-default)[readonly="readonly"], + textarea.materialize-textarea:disabled, + textarea.materialize-textarea[readonly="readonly"] { + color: rgba(0, 0, 0, 0.42); + border-bottom: 1px dotted rgba(0, 0, 0, 0.42); } + input:not([type]):disabled + label, + input:not([type])[readonly="readonly"] + label, + input[type=text]:not(.browser-default):disabled + label, + input[type=text]:not(.browser-default)[readonly="readonly"] + label, + input[type=password]:not(.browser-default):disabled + label, + input[type=password]:not(.browser-default)[readonly="readonly"] + label, + input[type=email]:not(.browser-default):disabled + label, + input[type=email]:not(.browser-default)[readonly="readonly"] + label, + input[type=url]:not(.browser-default):disabled + label, + input[type=url]:not(.browser-default)[readonly="readonly"] + label, + input[type=time]:not(.browser-default):disabled + label, + input[type=time]:not(.browser-default)[readonly="readonly"] + label, + input[type=date]:not(.browser-default):disabled + label, + input[type=date]:not(.browser-default)[readonly="readonly"] + label, + input[type=datetime]:not(.browser-default):disabled + label, + input[type=datetime]:not(.browser-default)[readonly="readonly"] + label, + input[type=datetime-local]:not(.browser-default):disabled + label, + input[type=datetime-local]:not(.browser-default)[readonly="readonly"] + label, + input[type=tel]:not(.browser-default):disabled + label, + input[type=tel]:not(.browser-default)[readonly="readonly"] + label, + input[type=number]:not(.browser-default):disabled + label, + input[type=number]:not(.browser-default)[readonly="readonly"] + label, + input[type=search]:not(.browser-default):disabled + label, + input[type=search]:not(.browser-default)[readonly="readonly"] + label, + textarea.materialize-textarea:disabled + label, + textarea.materialize-textarea[readonly="readonly"] + label { + color: rgba(0, 0, 0, 0.42); } + input:not([type]):focus:not([readonly]), + input[type=text]:not(.browser-default):focus:not([readonly]), + input[type=password]:not(.browser-default):focus:not([readonly]), + input[type=email]:not(.browser-default):focus:not([readonly]), + input[type=url]:not(.browser-default):focus:not([readonly]), + input[type=time]:not(.browser-default):focus:not([readonly]), + input[type=date]:not(.browser-default):focus:not([readonly]), + input[type=datetime]:not(.browser-default):focus:not([readonly]), + input[type=datetime-local]:not(.browser-default):focus:not([readonly]), + input[type=tel]:not(.browser-default):focus:not([readonly]), + input[type=number]:not(.browser-default):focus:not([readonly]), + input[type=search]:not(.browser-default):focus:not([readonly]), + textarea.materialize-textarea:focus:not([readonly]) { + border-bottom: 1px solid #009688; + box-shadow: 0 1px 0 0 #009688; } + input:not([type]):focus:not([readonly]) + label, + input[type=text]:not(.browser-default):focus:not([readonly]) + label, + input[type=password]:not(.browser-default):focus:not([readonly]) + label, + input[type=email]:not(.browser-default):focus:not([readonly]) + label, + input[type=url]:not(.browser-default):focus:not([readonly]) + label, + input[type=time]:not(.browser-default):focus:not([readonly]) + label, + input[type=date]:not(.browser-default):focus:not([readonly]) + label, + input[type=datetime]:not(.browser-default):focus:not([readonly]) + label, + input[type=datetime-local]:not(.browser-default):focus:not([readonly]) + label, + input[type=tel]:not(.browser-default):focus:not([readonly]) + label, + input[type=number]:not(.browser-default):focus:not([readonly]) + label, + input[type=search]:not(.browser-default):focus:not([readonly]) + label, + textarea.materialize-textarea:focus:not([readonly]) + label { + color: #009688; } + input:not([type]).validate + label, + input[type=text]:not(.browser-default).validate + label, + input[type=password]:not(.browser-default).validate + label, + input[type=email]:not(.browser-default).validate + label, + input[type=url]:not(.browser-default).validate + label, + input[type=time]:not(.browser-default).validate + label, + input[type=date]:not(.browser-default).validate + label, + input[type=datetime]:not(.browser-default).validate + label, + input[type=datetime-local]:not(.browser-default).validate + label, + input[type=tel]:not(.browser-default).validate + label, + input[type=number]:not(.browser-default).validate + label, + input[type=search]:not(.browser-default).validate + label, + textarea.materialize-textarea.validate + label { + width: 100%; } + input:not([type]).invalid + label:after, + input:not([type]).valid + label:after, + input[type=text]:not(.browser-default).invalid + label:after, + input[type=text]:not(.browser-default).valid + label:after, + input[type=password]:not(.browser-default).invalid + label:after, + input[type=password]:not(.browser-default).valid + label:after, + input[type=email]:not(.browser-default).invalid + label:after, + input[type=email]:not(.browser-default).valid + label:after, + input[type=url]:not(.browser-default).invalid + label:after, + input[type=url]:not(.browser-default).valid + label:after, + input[type=time]:not(.browser-default).invalid + label:after, + input[type=time]:not(.browser-default).valid + label:after, + input[type=date]:not(.browser-default).invalid + label:after, + input[type=date]:not(.browser-default).valid + label:after, + input[type=datetime]:not(.browser-default).invalid + label:after, + input[type=datetime]:not(.browser-default).valid + label:after, + input[type=datetime-local]:not(.browser-default).invalid + label:after, + input[type=datetime-local]:not(.browser-default).valid + label:after, + input[type=tel]:not(.browser-default).invalid + label:after, + input[type=tel]:not(.browser-default).valid + label:after, + input[type=number]:not(.browser-default).invalid + label:after, + input[type=number]:not(.browser-default).valid + label:after, + input[type=search]:not(.browser-default).invalid + label:after, + input[type=search]:not(.browser-default).valid + label:after, + textarea.materialize-textarea.invalid + label:after, + textarea.materialize-textarea.valid + label:after { + display: none; } + input:not([type]).invalid + label.active:after, + input:not([type]).valid + label.active:after, + input[type=text]:not(.browser-default).invalid + label.active:after, + input[type=text]:not(.browser-default).valid + label.active:after, + input[type=password]:not(.browser-default).invalid + label.active:after, + input[type=password]:not(.browser-default).valid + label.active:after, + input[type=email]:not(.browser-default).invalid + label.active:after, + input[type=email]:not(.browser-default).valid + label.active:after, + input[type=url]:not(.browser-default).invalid + label.active:after, + input[type=url]:not(.browser-default).valid + label.active:after, + input[type=time]:not(.browser-default).invalid + label.active:after, + input[type=time]:not(.browser-default).valid + label.active:after, + input[type=date]:not(.browser-default).invalid + label.active:after, + input[type=date]:not(.browser-default).valid + label.active:after, + input[type=datetime]:not(.browser-default).invalid + label.active:after, + input[type=datetime]:not(.browser-default).valid + label.active:after, + input[type=datetime-local]:not(.browser-default).invalid + label.active:after, + input[type=datetime-local]:not(.browser-default).valid + label.active:after, + input[type=tel]:not(.browser-default).invalid + label.active:after, + input[type=tel]:not(.browser-default).valid + label.active:after, + input[type=number]:not(.browser-default).invalid + label.active:after, + input[type=number]:not(.browser-default).valid + label.active:after, + input[type=search]:not(.browser-default).invalid + label.active:after, + input[type=search]:not(.browser-default).valid + label.active:after, + textarea.materialize-textarea.invalid + label.active:after, + textarea.materialize-textarea.valid + label.active:after { + display: block; } + +/* Validation Sass Placeholders */ +input.valid:not([type]), input.valid:not([type]):focus, +input[type=text].valid:not(.browser-default), +input[type=text].valid:not(.browser-default):focus, +input[type=password].valid:not(.browser-default), +input[type=password].valid:not(.browser-default):focus, +input[type=email].valid:not(.browser-default), +input[type=email].valid:not(.browser-default):focus, +input[type=url].valid:not(.browser-default), +input[type=url].valid:not(.browser-default):focus, +input[type=time].valid:not(.browser-default), +input[type=time].valid:not(.browser-default):focus, +input[type=date].valid:not(.browser-default), +input[type=date].valid:not(.browser-default):focus, +input[type=datetime].valid:not(.browser-default), +input[type=datetime].valid:not(.browser-default):focus, +input[type=datetime-local].valid:not(.browser-default), +input[type=datetime-local].valid:not(.browser-default):focus, +input[type=tel].valid:not(.browser-default), +input[type=tel].valid:not(.browser-default):focus, +input[type=number].valid:not(.browser-default), +input[type=number].valid:not(.browser-default):focus, +input[type=search].valid:not(.browser-default), +input[type=search].valid:not(.browser-default):focus, +textarea.materialize-textarea.valid, +textarea.materialize-textarea.valid:focus, .select-wrapper.valid > input.select-dropdown { + border-bottom: 1px solid #4CAF50; + box-shadow: 0 1px 0 0 #4CAF50; } + +input.invalid:not([type]), input.invalid:not([type]):focus, +input[type=text].invalid:not(.browser-default), +input[type=text].invalid:not(.browser-default):focus, +input[type=password].invalid:not(.browser-default), +input[type=password].invalid:not(.browser-default):focus, +input[type=email].invalid:not(.browser-default), +input[type=email].invalid:not(.browser-default):focus, +input[type=url].invalid:not(.browser-default), +input[type=url].invalid:not(.browser-default):focus, +input[type=time].invalid:not(.browser-default), +input[type=time].invalid:not(.browser-default):focus, +input[type=date].invalid:not(.browser-default), +input[type=date].invalid:not(.browser-default):focus, +input[type=datetime].invalid:not(.browser-default), +input[type=datetime].invalid:not(.browser-default):focus, +input[type=datetime-local].invalid:not(.browser-default), +input[type=datetime-local].invalid:not(.browser-default):focus, +input[type=tel].invalid:not(.browser-default), +input[type=tel].invalid:not(.browser-default):focus, +input[type=number].invalid:not(.browser-default), +input[type=number].invalid:not(.browser-default):focus, +input[type=search].invalid:not(.browser-default), +input[type=search].invalid:not(.browser-default):focus, +textarea.materialize-textarea.invalid, +textarea.materialize-textarea.invalid:focus, .select-wrapper.invalid > input.select-dropdown { + border-bottom: 1px solid #F44336; + box-shadow: 0 1px 0 0 #F44336; } + +input:not([type]).valid + label:after, +input:not([type]):focus.valid + label:after, +input[type=text]:not(.browser-default).valid + label:after, +input[type=text]:not(.browser-default):focus.valid + label:after, +input[type=password]:not(.browser-default).valid + label:after, +input[type=password]:not(.browser-default):focus.valid + label:after, +input[type=email]:not(.browser-default).valid + label:after, +input[type=email]:not(.browser-default):focus.valid + label:after, +input[type=url]:not(.browser-default).valid + label:after, +input[type=url]:not(.browser-default):focus.valid + label:after, +input[type=time]:not(.browser-default).valid + label:after, +input[type=time]:not(.browser-default):focus.valid + label:after, +input[type=date]:not(.browser-default).valid + label:after, +input[type=date]:not(.browser-default):focus.valid + label:after, +input[type=datetime]:not(.browser-default).valid + label:after, +input[type=datetime]:not(.browser-default):focus.valid + label:after, +input[type=datetime-local]:not(.browser-default).valid + label:after, +input[type=datetime-local]:not(.browser-default):focus.valid + label:after, +input[type=tel]:not(.browser-default).valid + label:after, +input[type=tel]:not(.browser-default):focus.valid + label:after, +input[type=number]:not(.browser-default).valid + label:after, +input[type=number]:not(.browser-default):focus.valid + label:after, +input[type=search]:not(.browser-default).valid + label:after, +input[type=search]:not(.browser-default):focus.valid + label:after, +textarea.materialize-textarea.valid + label:after, +textarea.materialize-textarea:focus.valid + label:after, .select-wrapper.valid + label:after { + content: attr(data-success); + color: #4CAF50; + opacity: 1; + -ms-transform: translateY(9px); + transform: translateY(9px); } + +input:not([type]).invalid + label:after, +input:not([type]):focus.invalid + label:after, +input[type=text]:not(.browser-default).invalid + label:after, +input[type=text]:not(.browser-default):focus.invalid + label:after, +input[type=password]:not(.browser-default).invalid + label:after, +input[type=password]:not(.browser-default):focus.invalid + label:after, +input[type=email]:not(.browser-default).invalid + label:after, +input[type=email]:not(.browser-default):focus.invalid + label:after, +input[type=url]:not(.browser-default).invalid + label:after, +input[type=url]:not(.browser-default):focus.invalid + label:after, +input[type=time]:not(.browser-default).invalid + label:after, +input[type=time]:not(.browser-default):focus.invalid + label:after, +input[type=date]:not(.browser-default).invalid + label:after, +input[type=date]:not(.browser-default):focus.invalid + label:after, +input[type=datetime]:not(.browser-default).invalid + label:after, +input[type=datetime]:not(.browser-default):focus.invalid + label:after, +input[type=datetime-local]:not(.browser-default).invalid + label:after, +input[type=datetime-local]:not(.browser-default):focus.invalid + label:after, +input[type=tel]:not(.browser-default).invalid + label:after, +input[type=tel]:not(.browser-default):focus.invalid + label:after, +input[type=number]:not(.browser-default).invalid + label:after, +input[type=number]:not(.browser-default):focus.invalid + label:after, +input[type=search]:not(.browser-default).invalid + label:after, +input[type=search]:not(.browser-default):focus.invalid + label:after, +textarea.materialize-textarea.invalid + label:after, +textarea.materialize-textarea:focus.invalid + label:after, .select-wrapper.invalid + label:after { + content: attr(data-error); + color: #F44336; + opacity: 1; + -ms-transform: translateY(9px); + transform: translateY(9px); } + +input:not([type]) + label:after, +input[type=text]:not(.browser-default) + label:after, +input[type=password]:not(.browser-default) + label:after, +input[type=email]:not(.browser-default) + label:after, +input[type=url]:not(.browser-default) + label:after, +input[type=time]:not(.browser-default) + label:after, +input[type=date]:not(.browser-default) + label:after, +input[type=datetime]:not(.browser-default) + label:after, +input[type=datetime-local]:not(.browser-default) + label:after, +input[type=tel]:not(.browser-default) + label:after, +input[type=number]:not(.browser-default) + label:after, +input[type=search]:not(.browser-default) + label:after, +textarea.materialize-textarea + label:after, .select-wrapper + label:after { + display: block; + content: ""; + position: absolute; + top: 100%; + left: 0; + opacity: 0; + transition: .2s opacity ease-out, .2s color ease-out; } + +.input-field { + position: relative; + margin-top: 1rem; } + .input-field.inline { + display: inline-block; + vertical-align: middle; + margin-left: 5px; } + .input-field.inline input, + .input-field.inline .select-dropdown { + margin-bottom: 1rem; } + .input-field.col label, .color-form .input-field.wrap-placeholder-fab label, .color-palette .input-field.form-item:not(.form-item-scheme) label, .vertical-tab-wrapper ul.input-field.vertical-tabs__menu label, .vertical-tab-wrapper .input-field.vertical-tabs__panes label, .input-field.acquiadam-asset-browser label { + left: 0.75rem; } + .input-field.col .prefix ~ label, .color-form .input-field.wrap-placeholder-fab .prefix ~ label, .color-palette .input-field.form-item:not(.form-item-scheme) .prefix ~ label, .vertical-tab-wrapper ul.input-field.vertical-tabs__menu .prefix ~ label, .vertical-tab-wrapper .input-field.vertical-tabs__panes .prefix ~ label, .input-field.acquiadam-asset-browser .prefix ~ label, + .input-field.col .prefix ~ .validate ~ label, .color-form .input-field.wrap-placeholder-fab .prefix ~ .validate ~ label, .color-palette .input-field.form-item:not(.form-item-scheme) .prefix ~ .validate ~ label, .vertical-tab-wrapper ul.input-field.vertical-tabs__menu .prefix ~ .validate ~ label, .vertical-tab-wrapper .input-field.vertical-tabs__panes .prefix ~ .validate ~ label, .input-field.acquiadam-asset-browser .prefix ~ .validate ~ label { + width: calc(100% - 3rem - 1.5rem); } + .input-field label { + color: #757575; + position: absolute; + top: 0; + left: 0; + height: 100%; + font-size: 1rem; + cursor: text; + transition: transform .2s ease-out; + -ms-transform-origin: 0% 100%; + transform-origin: 0% 100%; + text-align: initial; + -ms-transform: translateY(12px); + transform: translateY(12px); + pointer-events: none; } + .input-field label:not(.label-icon).active { + -ms-transform: translateY(-14px) scale(0.8); + transform: translateY(-14px) scale(0.8); + -ms-transform-origin: 0 0; + transform-origin: 0 0; } + .input-field .prefix { + position: absolute; + width: 3rem; + font-size: 2rem; + transition: color .2s; } + .input-field .prefix.active { + color: #009688; } + .input-field .prefix ~ input, + .input-field .prefix ~ textarea, + .input-field .prefix ~ label, + .input-field .prefix ~ .validate ~ label, + .input-field .prefix ~ .autocomplete-content { + margin-left: 3rem; + width: 92%; + width: calc(100% - 3rem); } + .input-field .prefix ~ label { + margin-left: 3rem; } + @media only screen and (max-width: 992px) { + .input-field .prefix ~ input { + width: 86%; + width: calc(100% - 3rem); } } + @media only screen and (max-width: 600px) { + .input-field .prefix ~ input { + width: 80%; + width: calc(100% - 3rem); } } + +/* Search Field */ +.input-field input[type=search] { + display: block; + line-height: inherit; } + .nav-wrapper .input-field input[type=search] { + height: inherit; + padding-left: 4rem; + width: calc(100% - 4rem); + border: 0; + box-shadow: none; } + .input-field input[type=search]:focus { + background-color: #fff; + border: 0; + box-shadow: none; + color: #444; } + .input-field input[type=search]:focus + label i, + .input-field input[type=search]:focus ~ .mdi-navigation-close, + .input-field input[type=search]:focus ~ .material-icons, + .input-field input[type=search]:focus ~ .button-action::before, + .input-field .collapsible li input[type=search]:focus ~ .collapsible-header.with-arrows::after, .collapsible li + .input-field input[type=search]:focus ~ .collapsible-header.with-arrows::after, + .input-field details.form-wrapper li input[type=search]:focus ~ .collapsible-header.with-arrows::after, details.form-wrapper li + .input-field input[type=search]:focus ~ .collapsible-header.with-arrows::after, + .input-field details.form-wrapper li input[type=search]:focus ~ summary.with-arrows::after, + .input-field .collapsible li input[type=search]:focus ~ .collapsible-header.right-arrows::after, .collapsible li + .input-field input[type=search]:focus ~ .collapsible-header.right-arrows::after, + .input-field details.form-wrapper li input[type=search]:focus ~ .collapsible-header.right-arrows::after, details.form-wrapper li + .input-field input[type=search]:focus ~ .collapsible-header.right-arrows::after, + .input-field details.form-wrapper li input[type=search]:focus ~ summary.right-arrows::after, + .input-field .region-title__action input[type=search]:focus ~ .button::after, .region-title__action + .input-field input[type=search]:focus ~ .button::after, + .input-field .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset input[type=search]:focus ~ button.button--danger::after, .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset + .input-field input[type=search]:focus ~ button.button--danger::after, + .input-field .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset input[type=search]:focus ~ button.success::after, .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset + .input-field input[type=search]:focus ~ button.success::after, + .input-field .color-palette input[type=search]:focus ~ .color-palette__hook.is-up::before, .color-palette + .input-field input[type=search]:focus ~ .color-palette__hook.is-up::before, + .input-field + .color-palette input[type=search]:focus ~ .color-palette__lock::before, + .color-palette + .input-field input[type=search]:focus ~ .color-palette__lock::before, + .input-field input[type=search]:focus ~ .file::before, + .input-field .breadcrumb-nav ol li:first-child input[type=search]:focus ~ a::before, .breadcrumb-nav ol li:first-child + .input-field input[type=search]:focus ~ a::before, + .input-field .breadcrumb-nav ol input[type=search]:focus ~ li::before, .breadcrumb-nav ol + .input-field input[type=search]:focus ~ li::before, + .input-field .details-item input[type=search]:focus ~ .collapsible-header::before, .details-item + .input-field input[type=search]:focus ~ .collapsible-header::before, + .input-field .details-item details.form-wrapper input[type=search]:focus ~ summary::before, .details-item details.form-wrapper + .input-field input[type=search]:focus ~ summary::before, + .input-field details.form-wrapper .details-item input[type=search]:focus ~ summary::before, details.form-wrapper .details-item + .input-field input[type=search]:focus ~ summary::before, + .input-field .collection .collection-item > .item-list .collection input[type=search]:focus ~ .collection-item::before, .collection .collection-item > .item-list .collection + .input-field input[type=search]:focus ~ .collection-item::before, + .input-field input[type=search]:focus ~ .dropdown-button::after, + .input-field .select-wrapper input[type=search]:focus ~ .caret::after, .select-wrapper + .input-field input[type=search]:focus ~ .caret::after, + .input-field details.form-wrapper input[type=search]:focus ~ summary::after, details.form-wrapper + .input-field input[type=search]:focus ~ summary::after, + .input-field .entity-meta__last-saved input[type=search]:focus ~ h4::before, .entity-meta__last-saved + .input-field input[type=search]:focus ~ h4::before, + .input-field + .entity-meta__author input[type=search]:focus ~ h4::before, + .entity-meta__author + .input-field input[type=search]:focus ~ h4::before, + .input-field + .field--name-created input[type=search]:focus ~ h4::before, + .field--name-created + .input-field input[type=search]:focus ~ h4::before, + .input-field ol.task-list input[type=search]:focus ~ li.is-active::after, ol.task-list + .input-field input[type=search]:focus ~ li.is-active::after, + .input-field .messages-clone.messages--status .card-content .message-header input[type=search]:focus ~ .card-title::before, .messages-clone.messages--status .card-content .message-header + .input-field input[type=search]:focus ~ .card-title::before, + .input-field .messages-clone.messages--warning .card-content .message-header input[type=search]:focus ~ .card-title::before, .messages-clone.messages--warning .card-content .message-header + .input-field input[type=search]:focus ~ .card-title::before, + .input-field .messages-clone.messages--error .card-content .message-header input[type=search]:focus ~ .card-title::before, .messages-clone.messages--error .card-content .message-header + .input-field input[type=search]:focus ~ .card-title::before, + .input-field input[type=search]:focus ~ .tablesort.tablesort--asc::after, + .input-field input[type=search]:focus ~ .tablesort.tablesort--desc::after, + .input-field .draggable a.tabledrag-handle input[type=search]:focus ~ .handle::before, .draggable a.tabledrag-handle + .input-field input[type=search]:focus ~ .handle::before, + .input-field .views-ui-rearrange-filter-form .filter-group-operator-row input[type=search]:focus ~ .form-item-filter-groups-operator::before, .views-ui-rearrange-filter-form .filter-group-operator-row + .input-field input[type=search]:focus ~ .form-item-filter-groups-operator::before, + .input-field .views-ui-display-tab-bucket input[type=search]:focus ~ .collection-string-only::before, .views-ui-display-tab-bucket + .input-field input[type=search]:focus ~ .collection-string-only::before, + .input-field .acquiadam-browser-breadcrumb-container input[type=search]:focus ~ i::after, .acquiadam-browser-breadcrumb-container + .input-field input[type=search]:focus ~ i::after, + .input-field .acquiadam-browser-breadcrumb-container li:first-child input[type=search]:focus ~ i::before, .acquiadam-browser-breadcrumb-container li:first-child + .input-field input[type=search]:focus ~ i::before, + .input-field .entities-list input[type=search]:focus ~ .item-container.ui-sortable-handle::before, .entities-list + .input-field input[type=search]:focus ~ .item-container.ui-sortable-handle::before, + .input-field .system-status-report__status-icon--checked input[type=search]:focus ~ .collapsible-header::before, .system-status-report__status-icon--checked + .input-field input[type=search]:focus ~ .collapsible-header::before, + .input-field .system-status-report__status-icon--checked details.form-wrapper input[type=search]:focus ~ summary::before, .system-status-report__status-icon--checked details.form-wrapper + .input-field input[type=search]:focus ~ summary::before, + .input-field details.form-wrapper .system-status-report__status-icon--checked input[type=search]:focus ~ summary::before, details.form-wrapper .system-status-report__status-icon--checked + .input-field input[type=search]:focus ~ summary::before, + .input-field .system-status-report__status-icon--warning input[type=search]:focus ~ .collapsible-header::before, .system-status-report__status-icon--warning + .input-field input[type=search]:focus ~ .collapsible-header::before, + .input-field .system-status-report__status-icon--warning details.form-wrapper input[type=search]:focus ~ summary::before, .system-status-report__status-icon--warning details.form-wrapper + .input-field input[type=search]:focus ~ summary::before, + .input-field details.form-wrapper .system-status-report__status-icon--warning input[type=search]:focus ~ summary::before, details.form-wrapper .system-status-report__status-icon--warning + .input-field input[type=search]:focus ~ summary::before, + .input-field .system-status-report__status-icon--error input[type=search]:focus ~ .collapsible-header::before, .system-status-report__status-icon--error + .input-field input[type=search]:focus ~ .collapsible-header::before, + .input-field .system-status-report__status-icon--error details.form-wrapper input[type=search]:focus ~ summary::before, .system-status-report__status-icon--error details.form-wrapper + .input-field input[type=search]:focus ~ summary::before, + .input-field details.form-wrapper .system-status-report__status-icon--error input[type=search]:focus ~ summary::before, details.form-wrapper .system-status-report__status-icon--error + .input-field input[type=search]:focus ~ summary::before, + .input-field .maintenance-page-content ul.links li.front input[type=search]:focus ~ a::before, .maintenance-page-content ul.links li.front + .input-field input[type=search]:focus ~ a::before, + .input-field .maintenance-page-content ul.links li.admin-pages input[type=search]:focus ~ a::before, .maintenance-page-content ul.links li.admin-pages + .input-field input[type=search]:focus ~ a::before { + color: #444; } + .input-field input[type=search] + label { + left: 1rem; } + .input-field input[type=search] ~ .mdi-navigation-close, + .input-field input[type=search] ~ .material-icons, + .input-field input[type=search] ~ .button-action::before, + .input-field .collapsible li input[type=search] ~ .collapsible-header.with-arrows::after, .collapsible li + .input-field input[type=search] ~ .collapsible-header.with-arrows::after, + .input-field details.form-wrapper li input[type=search] ~ .collapsible-header.with-arrows::after, details.form-wrapper li + .input-field input[type=search] ~ .collapsible-header.with-arrows::after, + .input-field details.form-wrapper li input[type=search] ~ summary.with-arrows::after, + .input-field .collapsible li input[type=search] ~ .collapsible-header.right-arrows::after, .collapsible li + .input-field input[type=search] ~ .collapsible-header.right-arrows::after, + .input-field details.form-wrapper li input[type=search] ~ .collapsible-header.right-arrows::after, details.form-wrapper li + .input-field input[type=search] ~ .collapsible-header.right-arrows::after, + .input-field details.form-wrapper li input[type=search] ~ summary.right-arrows::after, + .input-field .region-title__action input[type=search] ~ .button::after, .region-title__action + .input-field input[type=search] ~ .button::after, + .input-field .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset input[type=search] ~ button.button--danger::after, .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset + .input-field input[type=search] ~ button.button--danger::after, + .input-field .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset input[type=search] ~ button.success::after, .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset + .input-field input[type=search] ~ button.success::after, + .input-field .color-palette input[type=search] ~ .color-palette__hook.is-up::before, .color-palette + .input-field input[type=search] ~ .color-palette__hook.is-up::before, + .input-field + .color-palette input[type=search] ~ .color-palette__lock::before, + .color-palette + .input-field input[type=search] ~ .color-palette__lock::before, + .input-field input[type=search] ~ .file::before, + .input-field .breadcrumb-nav ol li:first-child input[type=search] ~ a::before, .breadcrumb-nav ol li:first-child + .input-field input[type=search] ~ a::before, + .input-field .breadcrumb-nav ol input[type=search] ~ li::before, .breadcrumb-nav ol + .input-field input[type=search] ~ li::before, + .input-field .details-item input[type=search] ~ .collapsible-header::before, .details-item + .input-field input[type=search] ~ .collapsible-header::before, + .input-field .details-item details.form-wrapper input[type=search] ~ summary::before, .details-item details.form-wrapper + .input-field input[type=search] ~ summary::before, + .input-field details.form-wrapper .details-item input[type=search] ~ summary::before, details.form-wrapper .details-item + .input-field input[type=search] ~ summary::before, + .input-field .collection .collection-item > .item-list .collection input[type=search] ~ .collection-item::before, .collection .collection-item > .item-list .collection + .input-field input[type=search] ~ .collection-item::before, + .input-field input[type=search] ~ .dropdown-button::after, + .input-field .select-wrapper input[type=search] ~ .caret::after, .select-wrapper + .input-field input[type=search] ~ .caret::after, + .input-field details.form-wrapper input[type=search] ~ summary::after, details.form-wrapper + .input-field input[type=search] ~ summary::after, + .input-field .entity-meta__last-saved input[type=search] ~ h4::before, .entity-meta__last-saved + .input-field input[type=search] ~ h4::before, + .input-field + .entity-meta__author input[type=search] ~ h4::before, + .entity-meta__author + .input-field input[type=search] ~ h4::before, + .input-field + .field--name-created input[type=search] ~ h4::before, + .field--name-created + .input-field input[type=search] ~ h4::before, + .input-field ol.task-list input[type=search] ~ li.is-active::after, ol.task-list + .input-field input[type=search] ~ li.is-active::after, + .input-field .messages-clone.messages--status .card-content .message-header input[type=search] ~ .card-title::before, .messages-clone.messages--status .card-content .message-header + .input-field input[type=search] ~ .card-title::before, + .input-field .messages-clone.messages--warning .card-content .message-header input[type=search] ~ .card-title::before, .messages-clone.messages--warning .card-content .message-header + .input-field input[type=search] ~ .card-title::before, + .input-field .messages-clone.messages--error .card-content .message-header input[type=search] ~ .card-title::before, .messages-clone.messages--error .card-content .message-header + .input-field input[type=search] ~ .card-title::before, + .input-field input[type=search] ~ .tablesort.tablesort--asc::after, + .input-field input[type=search] ~ .tablesort.tablesort--desc::after, + .input-field .draggable a.tabledrag-handle input[type=search] ~ .handle::before, .draggable a.tabledrag-handle + .input-field input[type=search] ~ .handle::before, + .input-field .views-ui-rearrange-filter-form .filter-group-operator-row input[type=search] ~ .form-item-filter-groups-operator::before, .views-ui-rearrange-filter-form .filter-group-operator-row + .input-field input[type=search] ~ .form-item-filter-groups-operator::before, + .input-field .views-ui-display-tab-bucket input[type=search] ~ .collection-string-only::before, .views-ui-display-tab-bucket + .input-field input[type=search] ~ .collection-string-only::before, + .input-field .acquiadam-browser-breadcrumb-container input[type=search] ~ i::after, .acquiadam-browser-breadcrumb-container + .input-field input[type=search] ~ i::after, + .input-field .acquiadam-browser-breadcrumb-container li:first-child input[type=search] ~ i::before, .acquiadam-browser-breadcrumb-container li:first-child + .input-field input[type=search] ~ i::before, + .input-field .entities-list input[type=search] ~ .item-container.ui-sortable-handle::before, .entities-list + .input-field input[type=search] ~ .item-container.ui-sortable-handle::before, + .input-field .system-status-report__status-icon--checked input[type=search] ~ .collapsible-header::before, .system-status-report__status-icon--checked + .input-field input[type=search] ~ .collapsible-header::before, + .input-field .system-status-report__status-icon--checked details.form-wrapper input[type=search] ~ summary::before, .system-status-report__status-icon--checked details.form-wrapper + .input-field input[type=search] ~ summary::before, + .input-field details.form-wrapper .system-status-report__status-icon--checked input[type=search] ~ summary::before, details.form-wrapper .system-status-report__status-icon--checked + .input-field input[type=search] ~ summary::before, + .input-field .system-status-report__status-icon--warning input[type=search] ~ .collapsible-header::before, .system-status-report__status-icon--warning + .input-field input[type=search] ~ .collapsible-header::before, + .input-field .system-status-report__status-icon--warning details.form-wrapper input[type=search] ~ summary::before, .system-status-report__status-icon--warning details.form-wrapper + .input-field input[type=search] ~ summary::before, + .input-field details.form-wrapper .system-status-report__status-icon--warning input[type=search] ~ summary::before, details.form-wrapper .system-status-report__status-icon--warning + .input-field input[type=search] ~ summary::before, + .input-field .system-status-report__status-icon--error input[type=search] ~ .collapsible-header::before, .system-status-report__status-icon--error + .input-field input[type=search] ~ .collapsible-header::before, + .input-field .system-status-report__status-icon--error details.form-wrapper input[type=search] ~ summary::before, .system-status-report__status-icon--error details.form-wrapper + .input-field input[type=search] ~ summary::before, + .input-field details.form-wrapper .system-status-report__status-icon--error input[type=search] ~ summary::before, details.form-wrapper .system-status-report__status-icon--error + .input-field input[type=search] ~ summary::before, + .input-field .maintenance-page-content ul.links li.front input[type=search] ~ a::before, .maintenance-page-content ul.links li.front + .input-field input[type=search] ~ a::before, + .input-field .maintenance-page-content ul.links li.admin-pages input[type=search] ~ a::before, .maintenance-page-content ul.links li.admin-pages + .input-field input[type=search] ~ a::before { + position: absolute; + top: 0; + right: 1rem; + color: transparent; + cursor: pointer; + font-size: 2rem; + transition: .3s color; } + +/* Textarea */ +textarea { + width: 100%; + height: 3rem; + background-color: transparent; } + textarea.materialize-textarea { + overflow-y: hidden; + /* prevents scroll bar flash */ + padding: .8rem 0 1.6rem 0; + /* prevents text jump on Enter keypress */ + resize: none; + min-height: 3rem; } + textarea.materialize-textarea.validate + label { + height: 100%; } + textarea.materialize-textarea.validate + label::after { + top: calc(100% - 12px); } + textarea.materialize-textarea.validate + label:not(.label-icon).active { + -ms-transform: translateY(-25px); + transform: translateY(-25px); } + +.hiddendiv { + display: none; + white-space: pre-wrap; + word-wrap: break-word; + overflow-wrap: break-word; + /* future version of deprecated 'word-wrap' */ + padding-top: 1.2rem; + /* prevents text jump on Enter keypress */ + position: absolute; + top: 0; } + +/* Autocomplete */ +.autocomplete-content { + margin-top: -20px; + margin-bottom: 20px; + display: block; + opacity: 1; + position: static; } + .autocomplete-content li .highlight { + color: #444; } + .autocomplete-content li img { + height: 40px; + width: 40px; + margin: 5px 15px; } + /* Radio Buttons - ========================================================================== */ -[type="radio"]:not(:checked), -[type="radio"]:checked { - position: absolute; - opacity: 0; - pointer-events: none; } - -[type="radio"]:not(:checked) + label, -[type="radio"]:checked + label { - position: relative; - padding-left: 35px; - cursor: pointer; - display: inline-block; - height: 25px; - line-height: 25px; - font-size: 1rem; - transition: .28s ease; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; } - -[type="radio"] + label:before, -[type="radio"] + label:after { - content: ''; - position: absolute; - left: 0; - top: 0; - margin: 4px; - width: 16px; - height: 16px; - z-index: 0; - transition: .28s ease; } - -/* Unchecked styles */ -[type="radio"]:not(:checked) + label:before, -[type="radio"]:not(:checked) + label:after, -[type="radio"]:checked + label:before, -[type="radio"]:checked + label:after, -[type="radio"].with-gap:checked + label:before, -[type="radio"].with-gap:checked + label:after { - border-radius: 50%; } - -[type="radio"]:not(:checked) + label:before, -[type="radio"]:not(:checked) + label:after { - border: 2px solid #5a5a5a; } - -[type="radio"]:not(:checked) + label:after { - -ms-transform: scale(0); - transform: scale(0); } - -/* Checked styles */ -[type="radio"]:checked + label:before { - border: 2px solid transparent; } - -[type="radio"]:checked + label:after, -[type="radio"].with-gap:checked + label:before, -[type="radio"].with-gap:checked + label:after { - border: 2px solid #009688; } - -[type="radio"]:checked + label:after, -[type="radio"].with-gap:checked + label:after { - background-color: #009688; } - -[type="radio"]:checked + label:after { - -ms-transform: scale(1.02); - transform: scale(1.02); } - -/* Radio With gap */ -[type="radio"].with-gap:checked + label:after { - -ms-transform: scale(0.5); - transform: scale(0.5); } - -/* Focused styles */ -[type="radio"].tabbed:focus + label:before { - box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1); } - -/* Disabled Radio With gap */ -[type="radio"].with-gap:disabled:checked + label:before { - border: 2px solid rgba(0, 0, 0, 0.42); } - -[type="radio"].with-gap:disabled:checked + label:after { - border: none; - background-color: rgba(0, 0, 0, 0.42); } - -/* Disabled style */ -[type="radio"]:disabled:not(:checked) + label:before, -[type="radio"]:disabled:checked + label:before { - background-color: transparent; - border-color: rgba(0, 0, 0, 0.42); } - -[type="radio"]:disabled + label { - color: rgba(0, 0, 0, 0.42); } - -[type="radio"]:disabled:not(:checked) + label:before { - border-color: rgba(0, 0, 0, 0.42); } - -[type="radio"]:disabled:checked + label:after { - background-color: rgba(0, 0, 0, 0.42); - border-color: #949494; } - + ========================================================================== */ +[type="radio"]:not(:checked), +[type="radio"]:checked { + position: absolute; + opacity: 0; + pointer-events: none; } + +[type="radio"]:not(:checked) + label, +[type="radio"]:checked + label { + position: relative; + padding-left: 35px; + cursor: pointer; + display: inline-block; + height: 25px; + line-height: 25px; + font-size: 1rem; + transition: .28s ease; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; } + +[type="radio"] + label:before, +[type="radio"] + label:after { + content: ''; + position: absolute; + left: 0; + top: 0; + margin: 4px; + width: 16px; + height: 16px; + z-index: 0; + transition: .28s ease; } + +/* Unchecked styles */ +[type="radio"]:not(:checked) + label:before, +[type="radio"]:not(:checked) + label:after, +[type="radio"]:checked + label:before, +[type="radio"]:checked + label:after, +[type="radio"].with-gap:checked + label:before, +[type="radio"].with-gap:checked + label:after { + border-radius: 50%; } + +[type="radio"]:not(:checked) + label:before, +[type="radio"]:not(:checked) + label:after { + border: 2px solid #5a5a5a; } + +[type="radio"]:not(:checked) + label:after { + -ms-transform: scale(0); + transform: scale(0); } + +/* Checked styles */ +[type="radio"]:checked + label:before { + border: 2px solid transparent; } + +[type="radio"]:checked + label:after, +[type="radio"].with-gap:checked + label:before, +[type="radio"].with-gap:checked + label:after { + border: 2px solid #009688; } + +[type="radio"]:checked + label:after, +[type="radio"].with-gap:checked + label:after { + background-color: #009688; } + +[type="radio"]:checked + label:after { + -ms-transform: scale(1.02); + transform: scale(1.02); } + +/* Radio With gap */ +[type="radio"].with-gap:checked + label:after { + -ms-transform: scale(0.5); + transform: scale(0.5); } + +/* Focused styles */ +[type="radio"].tabbed:focus + label:before { + box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1); } + +/* Disabled Radio With gap */ +[type="radio"].with-gap:disabled:checked + label:before { + border: 2px solid rgba(0, 0, 0, 0.42); } + +[type="radio"].with-gap:disabled:checked + label:after { + border: none; + background-color: rgba(0, 0, 0, 0.42); } + +/* Disabled style */ +[type="radio"]:disabled:not(:checked) + label:before, +[type="radio"]:disabled:checked + label:before { + background-color: transparent; + border-color: rgba(0, 0, 0, 0.42); } + +[type="radio"]:disabled + label { + color: rgba(0, 0, 0, 0.42); } + +[type="radio"]:disabled:not(:checked) + label:before { + border-color: rgba(0, 0, 0, 0.42); } + +[type="radio"]:disabled:checked + label:after { + background-color: rgba(0, 0, 0, 0.42); + border-color: #949494; } + /* Checkboxes - ========================================================================== */ -/* CUSTOM CSS CHECKBOXES */ -form p { - margin-bottom: 10px; - text-align: left; } - -form p:last-child { - margin-bottom: 0; } - -/* Remove default checkbox */ -[type="checkbox"]:not(:checked), -[type="checkbox"]:checked { - position: absolute; - opacity: 0; - pointer-events: none; } - -[type="checkbox"] { - /* checkbox aspect */ } - [type="checkbox"] + label { - position: relative; - padding-left: 35px; - cursor: pointer; - display: inline-block; - height: 25px; - line-height: 25px; - font-size: 1rem; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; } - [type="checkbox"] + label:before, - [type="checkbox"]:not(.filled-in):not(input[type='checkbox']) + label:after { - content: ''; - position: absolute; - top: 0; - left: 0; - width: 18px; - height: 18px; - z-index: 0; - border: 2px solid #5a5a5a; - border-radius: 1px; - margin-top: 2px; - transition: .2s; } - [type="checkbox"]:not(.filled-in):not(input[type='checkbox']) + label:after { - border: 0; - -ms-transform: scale(0); - transform: scale(0); } - [type="checkbox"]:not(:checked):disabled + label:before { - border: none; - background-color: rgba(0, 0, 0, 0.42); } - [type="checkbox"].tabbed:focus + label:after { - -ms-transform: scale(1); - transform: scale(1); - border: 0; - border-radius: 50%; - box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1); - background-color: rgba(0, 0, 0, 0.1); } - -[type="checkbox"]:checked + label:before { - top: -4px; - left: -5px; - width: 12px; - height: 22px; - border-top: 2px solid transparent; - border-left: 2px solid transparent; - border-right: 2px solid #009688; - border-bottom: 2px solid #009688; - -ms-transform: rotate(40deg); - transform: rotate(40deg); - -webkit-backface-visibility: hidden; - backface-visibility: hidden; - -ms-transform-origin: 100% 100%; - transform-origin: 100% 100%; } - -[type="checkbox"]:checked:disabled + label:before { - border-right: 2px solid rgba(0, 0, 0, 0.42); - border-bottom: 2px solid rgba(0, 0, 0, 0.42); } - -/* Indeterminate checkbox */ -[type="checkbox"]:indeterminate + label:before { - top: -11px; - left: -12px; - width: 10px; - height: 22px; - border-top: none; - border-left: none; - border-right: 2px solid #009688; - border-bottom: none; - -ms-transform: rotate(90deg); - transform: rotate(90deg); - -webkit-backface-visibility: hidden; - backface-visibility: hidden; - -ms-transform-origin: 100% 100%; - transform-origin: 100% 100%; } - -[type="checkbox"]:indeterminate:disabled + label:before { - border-right: 2px solid rgba(0, 0, 0, 0.42); - background-color: transparent; } - -[type="checkbox"].filled-in + label:after, input[type="checkbox"][type='checkbox'] + label:after { - border-radius: 2px; } - -[type="checkbox"].filled-in + label:before, input[type="checkbox"][type='checkbox'] + label:before, -[type="checkbox"].filled-in + label:after, input[type="checkbox"][type='checkbox'] + label:after { - content: ''; - left: 0; - position: absolute; - /* .1s delay is for check animation */ - transition: border .25s, background-color .25s, width .20s .1s, height .20s .1s, top .20s .1s, left .20s .1s; - z-index: 1; } - -[type="checkbox"].filled-in:not(:checked) + label:before, input[type="checkbox"][type='checkbox']:not(:checked) + label:before { - width: 0; - height: 0; - border: 3px solid transparent; - left: 6px; - top: 10px; - -ms-transform: rotate(37deg); - transform: rotateZ(37deg); - -ms-transform-origin: 100% 100%; - transform-origin: 100% 100%; } - -[type="checkbox"].filled-in:not(:checked) + label:after, input[type="checkbox"][type='checkbox']:not(:checked) + label:after { - height: 20px; - width: 20px; - background-color: transparent; - border: 2px solid #5a5a5a; - top: 0px; - z-index: 0; } - -[type="checkbox"].filled-in:checked + label:before, input[type="checkbox"][type='checkbox']:checked + label:before { - top: 0; - left: 1px; - width: 8px; - height: 13px; - border-top: 2px solid transparent; - border-left: 2px solid transparent; - border-right: 2px solid #fff; - border-bottom: 2px solid #fff; - -ms-transform: rotate(37deg); - transform: rotateZ(37deg); - -ms-transform-origin: 100% 100%; - transform-origin: 100% 100%; } - -[type="checkbox"].filled-in:checked + label:after, input[type="checkbox"][type='checkbox']:checked + label:after { - top: 0; - width: 20px; - height: 20px; - border: 2px solid #26a69a; - background-color: #26a69a; - z-index: 0; } - -[type="checkbox"].filled-in.tabbed:focus + label:after, input[type="checkbox"].tabbed[type='checkbox']:focus + label:after { - border-radius: 2px; - border-color: #5a5a5a; - background-color: rgba(0, 0, 0, 0.1); } - -[type="checkbox"].filled-in.tabbed:checked:focus + label:after, input[type="checkbox"].tabbed[type='checkbox']:checked:focus + label:after { - border-radius: 2px; - background-color: #26a69a; - border-color: #26a69a; } - -[type="checkbox"].filled-in:disabled:not(:checked) + label:before, input[type="checkbox"][type='checkbox']:disabled:not(:checked) + label:before { - background-color: transparent; - border: 2px solid transparent; } - -[type="checkbox"].filled-in:disabled:not(:checked) + label:after, input[type="checkbox"][type='checkbox']:disabled:not(:checked) + label:after { - border-color: transparent; - background-color: #949494; } - -[type="checkbox"].filled-in:disabled:checked + label:before, input[type="checkbox"][type='checkbox']:disabled:checked + label:before { - background-color: transparent; } - -[type="checkbox"].filled-in:disabled:checked + label:after, input[type="checkbox"][type='checkbox']:disabled:checked + label:after { - background-color: #949494; - border-color: #949494; } - + ========================================================================== */ +/* CUSTOM CSS CHECKBOXES */ +form p { + margin-bottom: 10px; + text-align: left; } + +form p:last-child { + margin-bottom: 0; } + +/* Remove default checkbox */ +[type="checkbox"]:not(:checked), +[type="checkbox"]:checked { + position: absolute; + opacity: 0; + pointer-events: none; } + +[type="checkbox"] { + /* checkbox aspect */ } + [type="checkbox"] + label { + position: relative; + padding-left: 35px; + cursor: pointer; + display: inline-block; + height: 25px; + line-height: 25px; + font-size: 1rem; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; } + [type="checkbox"] + label:before, + [type="checkbox"]:not(.filled-in):not(input[type='checkbox']) + label:after { + content: ''; + position: absolute; + top: 0; + left: 0; + width: 18px; + height: 18px; + z-index: 0; + border: 2px solid #5a5a5a; + border-radius: 1px; + margin-top: 2px; + transition: .2s; } + [type="checkbox"]:not(.filled-in):not(input[type='checkbox']) + label:after { + border: 0; + -ms-transform: scale(0); + transform: scale(0); } + [type="checkbox"]:not(:checked):disabled + label:before { + border: none; + background-color: rgba(0, 0, 0, 0.42); } + [type="checkbox"].tabbed:focus + label:after { + -ms-transform: scale(1); + transform: scale(1); + border: 0; + border-radius: 50%; + box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1); + background-color: rgba(0, 0, 0, 0.1); } + +[type="checkbox"]:checked + label:before { + top: -4px; + left: -5px; + width: 12px; + height: 22px; + border-top: 2px solid transparent; + border-left: 2px solid transparent; + border-right: 2px solid #009688; + border-bottom: 2px solid #009688; + -ms-transform: rotate(40deg); + transform: rotate(40deg); + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + -ms-transform-origin: 100% 100%; + transform-origin: 100% 100%; } + +[type="checkbox"]:checked:disabled + label:before { + border-right: 2px solid rgba(0, 0, 0, 0.42); + border-bottom: 2px solid rgba(0, 0, 0, 0.42); } + +/* Indeterminate checkbox */ +[type="checkbox"]:indeterminate + label:before { + top: -11px; + left: -12px; + width: 10px; + height: 22px; + border-top: none; + border-left: none; + border-right: 2px solid #009688; + border-bottom: none; + -ms-transform: rotate(90deg); + transform: rotate(90deg); + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + -ms-transform-origin: 100% 100%; + transform-origin: 100% 100%; } + +[type="checkbox"]:indeterminate:disabled + label:before { + border-right: 2px solid rgba(0, 0, 0, 0.42); + background-color: transparent; } + +[type="checkbox"].filled-in + label:after, input[type="checkbox"][type='checkbox'] + label:after { + border-radius: 2px; } + +[type="checkbox"].filled-in + label:before, input[type="checkbox"][type='checkbox'] + label:before, +[type="checkbox"].filled-in + label:after, input[type="checkbox"][type='checkbox'] + label:after { + content: ''; + left: 0; + position: absolute; + /* .1s delay is for check animation */ + transition: border .25s, background-color .25s, width .20s .1s, height .20s .1s, top .20s .1s, left .20s .1s; + z-index: 1; } + +[type="checkbox"].filled-in:not(:checked) + label:before, input[type="checkbox"][type='checkbox']:not(:checked) + label:before { + width: 0; + height: 0; + border: 3px solid transparent; + left: 6px; + top: 10px; + -ms-transform: rotate(37deg); + transform: rotateZ(37deg); + -ms-transform-origin: 100% 100%; + transform-origin: 100% 100%; } + +[type="checkbox"].filled-in:not(:checked) + label:after, input[type="checkbox"][type='checkbox']:not(:checked) + label:after { + height: 20px; + width: 20px; + background-color: transparent; + border: 2px solid #5a5a5a; + top: 0px; + z-index: 0; } + +[type="checkbox"].filled-in:checked + label:before, input[type="checkbox"][type='checkbox']:checked + label:before { + top: 0; + left: 1px; + width: 8px; + height: 13px; + border-top: 2px solid transparent; + border-left: 2px solid transparent; + border-right: 2px solid #fff; + border-bottom: 2px solid #fff; + -ms-transform: rotate(37deg); + transform: rotateZ(37deg); + -ms-transform-origin: 100% 100%; + transform-origin: 100% 100%; } + +[type="checkbox"].filled-in:checked + label:after, input[type="checkbox"][type='checkbox']:checked + label:after { + top: 0; + width: 20px; + height: 20px; + border: 2px solid #26a69a; + background-color: #26a69a; + z-index: 0; } + +[type="checkbox"].filled-in.tabbed:focus + label:after, input[type="checkbox"].tabbed[type='checkbox']:focus + label:after { + border-radius: 2px; + border-color: #5a5a5a; + background-color: rgba(0, 0, 0, 0.1); } + +[type="checkbox"].filled-in.tabbed:checked:focus + label:after, input[type="checkbox"].tabbed[type='checkbox']:checked:focus + label:after { + border-radius: 2px; + background-color: #26a69a; + border-color: #26a69a; } + +[type="checkbox"].filled-in:disabled:not(:checked) + label:before, input[type="checkbox"][type='checkbox']:disabled:not(:checked) + label:before { + background-color: transparent; + border: 2px solid transparent; } + +[type="checkbox"].filled-in:disabled:not(:checked) + label:after, input[type="checkbox"][type='checkbox']:disabled:not(:checked) + label:after { + border-color: transparent; + background-color: #949494; } + +[type="checkbox"].filled-in:disabled:checked + label:before, input[type="checkbox"][type='checkbox']:disabled:checked + label:before { + background-color: transparent; } + +[type="checkbox"].filled-in:disabled:checked + label:after, input[type="checkbox"][type='checkbox']:disabled:checked + label:after { + background-color: #949494; + border-color: #949494; } + /* Switch - ========================================================================== */ -.switch, -.switch * { - -webkit-tap-highlight-color: transparent; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; } - -.switch label { - cursor: pointer; } - -.switch label input[type=checkbox] { - opacity: 0; - width: 0; - height: 0; } - .switch label input[type=checkbox]:checked + .lever { - background-color: #34e2d2; } - .switch label input[type=checkbox]:checked + .lever:before, .switch label input[type=checkbox]:checked + .lever:after { - left: 18px; } - .switch label input[type=checkbox]:checked + .lever:after { - background-color: #009688; } - -.switch label .lever { - content: ""; - display: inline-block; - position: relative; - width: 36px; - height: 14px; - background-color: rgba(0, 0, 0, 0.38); - border-radius: 15px; - margin-right: 10px; - transition: background 0.3s ease; - vertical-align: middle; - margin: 0 16px; } - .switch label .lever:before, .switch label .lever:after { - content: ""; - position: absolute; - display: inline-block; - width: 20px; - height: 20px; - border-radius: 50%; - left: 0; - top: -3px; - transition: left 0.3s ease, background .3s ease, box-shadow 0.1s ease, transform .1s ease; } - .switch label .lever:before { - background-color: rgba(0, 150, 136, 0.15); } - .switch label .lever:after { - background-color: #f5f5f5; - box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); } - -input[type=checkbox]:checked:not(:disabled) ~ .lever:active::before, -input[type=checkbox]:checked:not(:disabled).tabbed:focus ~ .lever::before { - -ms-transform: scale(2.4); - transform: scale(2.4); - background-color: rgba(0, 150, 136, 0.15); } - -input[type=checkbox]:not(:disabled) ~ .lever:active:before, -input[type=checkbox]:not(:disabled).tabbed:focus ~ .lever::before { - -ms-transform: scale(2.4); - transform: scale(2.4); - background-color: rgba(0, 0, 0, 0.08); } - -.switch input[type=checkbox][disabled] + .lever { - cursor: default; - background-color: rgba(0, 0, 0, 0.12); } - -.switch label input[type=checkbox][disabled] + .lever:after, -.switch label input[type=checkbox][disabled]:checked + .lever:after { - background-color: #949494; } - + ========================================================================== */ +.switch, +.switch * { + -webkit-tap-highlight-color: transparent; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; } + +.switch label { + cursor: pointer; } + +.switch label input[type=checkbox] { + opacity: 0; + width: 0; + height: 0; } + .switch label input[type=checkbox]:checked + .lever { + background-color: #34e2d2; } + .switch label input[type=checkbox]:checked + .lever:before, .switch label input[type=checkbox]:checked + .lever:after { + left: 18px; } + .switch label input[type=checkbox]:checked + .lever:after { + background-color: #009688; } + +.switch label .lever { + content: ""; + display: inline-block; + position: relative; + width: 36px; + height: 14px; + background-color: rgba(0, 0, 0, 0.38); + border-radius: 15px; + margin-right: 10px; + transition: background 0.3s ease; + vertical-align: middle; + margin: 0 16px; } + .switch label .lever:before, .switch label .lever:after { + content: ""; + position: absolute; + display: inline-block; + width: 20px; + height: 20px; + border-radius: 50%; + left: 0; + top: -3px; + transition: left 0.3s ease, background .3s ease, box-shadow 0.1s ease, transform .1s ease; } + .switch label .lever:before { + background-color: rgba(0, 150, 136, 0.15); } + .switch label .lever:after { + background-color: #f5f5f5; + box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); } + +input[type=checkbox]:checked:not(:disabled) ~ .lever:active::before, +input[type=checkbox]:checked:not(:disabled).tabbed:focus ~ .lever::before { + -ms-transform: scale(2.4); + transform: scale(2.4); + background-color: rgba(0, 150, 136, 0.15); } + +input[type=checkbox]:not(:disabled) ~ .lever:active:before, +input[type=checkbox]:not(:disabled).tabbed:focus ~ .lever::before { + -ms-transform: scale(2.4); + transform: scale(2.4); + background-color: rgba(0, 0, 0, 0.08); } + +.switch input[type=checkbox][disabled] + .lever { + cursor: default; + background-color: rgba(0, 0, 0, 0.12); } + +.switch label input[type=checkbox][disabled] + .lever:after, +.switch label input[type=checkbox][disabled]:checked + .lever:after { + background-color: #949494; } + /* Select Field - ========================================================================== */ -select { - display: none; } - -select.browser-default { - display: block; } - -select { - background-color: rgba(255, 255, 255, 0.9); - width: 100%; - padding: 5px; - border: 1px solid #f2f2f2; - border-radius: 2px; - height: 3rem; } - -.input-field > select { - display: block; - position: absolute; - width: 0; - pointer-events: none; - height: 0; - top: 0; - left: 0; - opacity: 0; } - -.select-label { - position: absolute; } - -.select-wrapper { - position: relative; } - .select-wrapper.valid + label, - .select-wrapper.invalid + label { - width: 100%; - pointer-events: none; } - .select-wrapper input.select-dropdown { - position: relative; - cursor: pointer; - background-color: transparent; - border: none; - border-bottom: 1px solid #9e9e9e; - outline: none; - height: 3rem; - line-height: 3rem; - width: 100%; - font-size: 1rem; - margin: 0 0 20px 0; - padding: 0; - display: block; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; } - .select-wrapper span.caret { - color: initial; - position: absolute; - right: 0; - top: 0; - bottom: 0; - height: 10px; - margin: auto 0; - font-size: 10px; - line-height: 10px; } - .select-wrapper + label { - position: absolute; - top: -26px; - font-size: 0.8rem; } - -select:disabled { - color: rgba(0, 0, 0, 0.42); } - -.select-wrapper.disabled span.caret, -.select-wrapper.disabled + label { - color: rgba(0, 0, 0, 0.42); } - -.select-wrapper input.select-dropdown:disabled { - color: rgba(0, 0, 0, 0.42); - cursor: default; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; } - -.select-wrapper i { - color: rgba(0, 0, 0, 0.3); } - -.select-dropdown li.disabled, -.select-dropdown li.disabled > span, -.select-dropdown li.optgroup { - color: rgba(0, 0, 0, 0.3); - background-color: transparent; } - -.select-dropdown.dropdown-content li.active { - background-color: transparent; } - -.select-dropdown.dropdown-content li:hover { - background-color: rgba(0, 0, 0, 0.06); } - -.select-dropdown.dropdown-content li.selected { - background-color: rgba(0, 0, 0, 0.03); } - -.prefix ~ .select-wrapper { - margin-left: 3rem; - width: 92%; - width: calc(100% - 3rem); } - -.prefix ~ label { - margin-left: 3rem; } - -.select-dropdown li img { - height: 40px; - width: 40px; - margin: 5px 15px; - float: right; } - -.select-dropdown li.optgroup { - border-top: 1px solid #eeeeee; } - .select-dropdown li.optgroup.selected > span { - color: rgba(0, 0, 0, 0.7); } - .select-dropdown li.optgroup > span { - color: rgba(0, 0, 0, 0.4); } - .select-dropdown li.optgroup ~ li.optgroup-option { - padding-left: 1rem; } - + ========================================================================== */ +select { + display: none; } + +select.browser-default { + display: block; } + +select { + background-color: rgba(255, 255, 255, 0.9); + width: 100%; + padding: 5px; + border: 1px solid #f2f2f2; + border-radius: 2px; + height: 3rem; } + +.input-field > select { + display: block; + position: absolute; + width: 0; + pointer-events: none; + height: 0; + top: 0; + left: 0; + opacity: 0; } + +.select-label { + position: absolute; } + +.select-wrapper { + position: relative; } + .select-wrapper.valid + label, + .select-wrapper.invalid + label { + width: 100%; + pointer-events: none; } + .select-wrapper input.select-dropdown { + position: relative; + cursor: pointer; + background-color: transparent; + border: none; + border-bottom: 1px solid #9e9e9e; + outline: none; + height: 3rem; + line-height: 3rem; + width: 100%; + font-size: 1rem; + margin: 0 0 20px 0; + padding: 0; + display: block; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; } + .select-wrapper span.caret { + color: initial; + position: absolute; + right: 0; + top: 0; + bottom: 0; + height: 10px; + margin: auto 0; + font-size: 10px; + line-height: 10px; } + .select-wrapper + label { + position: absolute; + top: -26px; + font-size: 0.8rem; } + +select:disabled { + color: rgba(0, 0, 0, 0.42); } + +.select-wrapper.disabled span.caret, +.select-wrapper.disabled + label { + color: rgba(0, 0, 0, 0.42); } + +.select-wrapper input.select-dropdown:disabled { + color: rgba(0, 0, 0, 0.42); + cursor: default; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; } + +.select-wrapper i { + color: rgba(0, 0, 0, 0.3); } + +.select-dropdown li.disabled, +.select-dropdown li.disabled > span, +.select-dropdown li.optgroup { + color: rgba(0, 0, 0, 0.3); + background-color: transparent; } + +.select-dropdown.dropdown-content li.active { + background-color: transparent; } + +.select-dropdown.dropdown-content li:hover { + background-color: rgba(0, 0, 0, 0.06); } + +.select-dropdown.dropdown-content li.selected { + background-color: rgba(0, 0, 0, 0.03); } + +.prefix ~ .select-wrapper { + margin-left: 3rem; + width: 92%; + width: calc(100% - 3rem); } + +.prefix ~ label { + margin-left: 3rem; } + +.select-dropdown li img { + height: 40px; + width: 40px; + margin: 5px 15px; + float: right; } + +.select-dropdown li.optgroup { + border-top: 1px solid #eeeeee; } + .select-dropdown li.optgroup.selected > span { + color: rgba(0, 0, 0, 0.7); } + .select-dropdown li.optgroup > span { + color: rgba(0, 0, 0, 0.4); } + .select-dropdown li.optgroup ~ li.optgroup-option { + padding-left: 1rem; } + /* File Input - ========================================================================== */ -.file-field { - position: relative; } - .file-field .file-path-wrapper { - overflow: hidden; - padding-left: 10px; } - .file-field input.file-path { - width: 100%; } - .file-field .btn, .file-field .btn-large, .file-field .button-action, .file-field .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button, .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .file-field button, .file-field .dropbutton-wrapper .single-btn-wrapper a, .dropbutton-wrapper .single-btn-wrapper .file-field a, .file-field #edit-actions .button.use-ajax, #edit-actions .file-field .button.use-ajax, .file-field .views-displays .tabs.secondary li.add a, .views-displays .tabs.secondary li.add .file-field a, .file-field .ui-dialog-content .webform-ajax-link, .ui-dialog-content .file-field .webform-ajax-link, .file-field .webform-details-toggle-state-wrapper .webform-details-toggle-state, .webform-details-toggle-state-wrapper .file-field .webform-details-toggle-state, .file-field .maintenance-page-content .button, .maintenance-page-content .file-field .button, .file-field .maintenance-page-content ul.links li a, .maintenance-page-content ul.links li .file-field a { - float: left; - height: 3rem; - line-height: 3rem; } - .file-field span { - cursor: pointer; } - .file-field input[type=file] { - position: absolute; - top: 0; - right: 0; - left: 0; - bottom: 0; - width: 100%; - margin: 0; - padding: 0; - font-size: 20px; - cursor: pointer; - opacity: 0; - filter: alpha(opacity=0); } - .file-field input[type=file]::-webkit-file-upload-button { - display: none; } - + ========================================================================== */ +.file-field { + position: relative; } + .file-field .file-path-wrapper { + overflow: hidden; + padding-left: 10px; } + .file-field input.file-path { + width: 100%; } + .file-field .btn, .file-field .btn-large, .file-field .button-action, .file-field .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button, .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .file-field button, .file-field .dropbutton-wrapper .single-btn-wrapper a, .dropbutton-wrapper .single-btn-wrapper .file-field a, .file-field #edit-actions .button.use-ajax, #edit-actions .file-field .button.use-ajax, .file-field .views-displays .tabs.secondary li.add a, .views-displays .tabs.secondary li.add .file-field a, .file-field .ui-dialog-content .webform-ajax-link, .ui-dialog-content .file-field .webform-ajax-link, .file-field .webform-details-toggle-state-wrapper .webform-details-toggle-state, .webform-details-toggle-state-wrapper .file-field .webform-details-toggle-state, .file-field .maintenance-page-content .button, .maintenance-page-content .file-field .button, .file-field .maintenance-page-content ul.links li a, .maintenance-page-content ul.links li .file-field a { + float: left; + height: 3rem; + line-height: 3rem; } + .file-field span { + cursor: pointer; } + .file-field input[type=file] { + position: absolute; + top: 0; + right: 0; + left: 0; + bottom: 0; + width: 100%; + margin: 0; + padding: 0; + font-size: 20px; + cursor: pointer; + opacity: 0; + filter: alpha(opacity=0); } + .file-field input[type=file]::-webkit-file-upload-button { + display: none; } + /* Range - ========================================================================== */ -.range-field { - position: relative; } - -input[type=range], -input[type=range] + .thumb { - cursor: pointer; } - -input[type=range] { - position: relative; - background-color: transparent; - border: none; - outline: none; - width: 100%; - margin: 15px 0; - padding: 0; } - input[type=range]:focus { - outline: none; } - -input[type=range] + .thumb { - position: absolute; - top: 10px; - left: 0; - border: none; - height: 0; - width: 0; - border-radius: 50%; - background-color: #009688; - margin-left: 7px; - -ms-transform-origin: 50% 50%; - transform-origin: 50% 50%; - -ms-transform: rotate(-45deg); - transform: rotate(-45deg); } - input[type=range] + .thumb .value { - display: block; - width: 30px; - text-align: center; - color: #009688; - font-size: 0; - -ms-transform: rotate(45deg); - transform: rotate(45deg); } - input[type=range] + .thumb.active { - border-radius: 50% 50% 50% 0; } - input[type=range] + .thumb.active .value { - color: #fff; - margin-left: -1px; - margin-top: 8px; - font-size: 10px; } - -input[type=range] { - -webkit-appearance: none; } - -input[type=range]::-webkit-slider-runnable-track { - height: 3px; - background: #c2c0c2; - border: none; } - -input[type=range]::-webkit-slider-thumb { - -webkit-appearance: none; - border: none; - height: 14px; - width: 14px; - border-radius: 50%; - background-color: #009688; - transform-origin: 50% 50%; - margin: -5px 0 0 0; - transition: .3s; } - -input[type=range]:focus::-webkit-slider-runnable-track { - background: #ccc; } - -input[type=range] { - /* fix for FF unable to apply focus style bug */ - border: 1px solid white; - /*required for proper track sizing in FF*/ } - -input[type=range]::-moz-range-track { - height: 3px; - background: #ddd; - border: none; } - -input[type=range]::-moz-range-thumb { - border: none; - height: 14px; - width: 14px; - border-radius: 50%; - background: #009688; - margin-top: -5px; } - -input[type=range]:-moz-focusring { - outline: 1px solid #fff; - outline-offset: -1px; } - -input[type=range]:focus::-moz-range-track { - background: #ccc; } - -input[type=range]::-ms-track { - height: 3px; - background: transparent; - border-color: transparent; - border-width: 6px 0; - /*remove default tick marks*/ - color: transparent; } - -input[type=range]::-ms-fill-lower { - background: #777; } - -input[type=range]::-ms-fill-upper { - background: #ddd; } - -input[type=range]::-ms-thumb { - border: none; - height: 14px; - width: 14px; - border-radius: 50%; - background: #009688; } - -input[type=range]:focus::-ms-fill-lower { - background: #888; } - -input[type=range]:focus::-ms-fill-upper { - background: #ccc; } - + ========================================================================== */ +.range-field { + position: relative; } + +input[type=range], +input[type=range] + .thumb { + cursor: pointer; } + +input[type=range] { + position: relative; + background-color: transparent; + border: none; + outline: none; + width: 100%; + margin: 15px 0; + padding: 0; } + input[type=range]:focus { + outline: none; } + +input[type=range] + .thumb { + position: absolute; + top: 10px; + left: 0; + border: none; + height: 0; + width: 0; + border-radius: 50%; + background-color: #009688; + margin-left: 7px; + -ms-transform-origin: 50% 50%; + transform-origin: 50% 50%; + -ms-transform: rotate(-45deg); + transform: rotate(-45deg); } + input[type=range] + .thumb .value { + display: block; + width: 30px; + text-align: center; + color: #009688; + font-size: 0; + -ms-transform: rotate(45deg); + transform: rotate(45deg); } + input[type=range] + .thumb.active { + border-radius: 50% 50% 50% 0; } + input[type=range] + .thumb.active .value { + color: #fff; + margin-left: -1px; + margin-top: 8px; + font-size: 10px; } + +input[type=range] { + -webkit-appearance: none; } + +input[type=range]::-webkit-slider-runnable-track { + height: 3px; + background: #c2c0c2; + border: none; } + +input[type=range]::-webkit-slider-thumb { + -webkit-appearance: none; + border: none; + height: 14px; + width: 14px; + border-radius: 50%; + background-color: #009688; + transform-origin: 50% 50%; + margin: -5px 0 0 0; + transition: .3s; } + +input[type=range]:focus::-webkit-slider-runnable-track { + background: #ccc; } + +input[type=range] { + /* fix for FF unable to apply focus style bug */ + border: 1px solid white; + /*required for proper track sizing in FF*/ } + +input[type=range]::-moz-range-track { + height: 3px; + background: #ddd; + border: none; } + +input[type=range]::-moz-range-thumb { + border: none; + height: 14px; + width: 14px; + border-radius: 50%; + background: #009688; + margin-top: -5px; } + +input[type=range]:-moz-focusring { + outline: 1px solid #fff; + outline-offset: -1px; } + +input[type=range]:focus::-moz-range-track { + background: #ccc; } + +input[type=range]::-ms-track { + height: 3px; + background: transparent; + border-color: transparent; + border-width: 6px 0; + /*remove default tick marks*/ + color: transparent; } + +input[type=range]::-ms-fill-lower { + background: #777; } + +input[type=range]::-ms-fill-upper { + background: #ddd; } + +input[type=range]::-ms-thumb { + border: none; + height: 14px; + width: 14px; + border-radius: 50%; + background: #009688; } + +input[type=range]:focus::-ms-fill-lower { + background: #888; } + +input[type=range]:focus::-ms-fill-upper { + background: #ccc; } + /*! * Waves v0.6.0 * http://fian.my.id/Waves @@ -5278,5152 +5278,5152 @@ input[type=range]:focus::-ms-fill-upper { * Copyright 2014 Alfiana E. Sibuea and other contributors * Released under the MIT license * https://github.com/fians/Waves/blob/master/LICENSE - */ -.waves-effect { - position: relative; - cursor: pointer; - display: inline-block; - overflow: hidden; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - -webkit-tap-highlight-color: transparent; - vertical-align: middle; - z-index: 1; - transition: .3s ease-out; } - .waves-effect .waves-ripple { - position: absolute; - border-radius: 50%; - width: 20px; - height: 20px; - margin-top: -10px; - margin-left: -10px; - opacity: 0; - background: rgba(0, 0, 0, 0.2); - transition: all 0.7s ease-out; - transition-property: transform, opacity; - -ms-transform: scale(0); - transform: scale(0); - pointer-events: none; } - .waves-effect.waves-light .waves-ripple { - background-color: rgba(255, 255, 255, 0.45); } - .waves-effect.waves-red .waves-ripple { - background-color: rgba(244, 67, 54, 0.7); } - .waves-effect.waves-yellow .waves-ripple { - background-color: rgba(255, 235, 59, 0.7); } - .waves-effect.waves-orange .waves-ripple { - background-color: rgba(255, 152, 0, 0.7); } - .waves-effect.waves-purple .waves-ripple { - background-color: rgba(156, 39, 176, 0.7); } - .waves-effect.waves-green .waves-ripple { - background-color: rgba(76, 175, 80, 0.7); } - .waves-effect.waves-teal .waves-ripple { - background-color: rgba(0, 150, 136, 0.7); } - .waves-effect input[type="button"], .waves-effect input[type="reset"], .waves-effect input[type="submit"] { - border: 0; - font-style: normal; - font-size: inherit; - text-transform: inherit; - background: none; } - .waves-effect img { - position: relative; - z-index: -1; } - -.waves-notransition { - transition: none !important; } - -.waves-circle { - transform: translateZ(0); - -webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%); } - -.waves-input-wrapper { - border-radius: 0.2em; - vertical-align: bottom; } - .waves-input-wrapper .waves-button-input { - position: relative; - top: 0; - left: 0; - z-index: 1; } - -.waves-circle { - text-align: center; - width: 2.5em; - height: 2.5em; - line-height: 2.5em; - border-radius: 50%; - -webkit-mask-image: none; } - -.waves-block { - display: block; } - -/* Firefox Bug: link not triggered */ -.waves-effect .waves-ripple { - z-index: -1; } - -.dropdown-content { - background-color: #FFFFFF; - margin: 0; - display: none; - min-width: 100px; - max-height: 650px; - overflow-y: auto; - opacity: 0; - position: absolute; - z-index: 999; - will-change: width, height; } - .dropdown-content li { - clear: both; - color: rgba(0, 0, 0, 0.87); - cursor: pointer; - min-height: 50px; - line-height: 1.5rem; - width: 100%; - text-align: left; - text-transform: none; } - .dropdown-content li:hover, .dropdown-content li.active, .dropdown-content li.selected { - background-color: #eeeeee; } - .dropdown-content li.active.selected { - background-color: #e1e1e1; } - .dropdown-content li.divider { - min-height: 0; - height: 1px; } - .dropdown-content li > a, .dropdown-content li > span { - font-size: 16px; - color: #009688; - display: block; - line-height: 22px; - padding: 14px 16px; } - .dropdown-content li > span > label { - top: 1px; - left: 0; - height: 18px; } - .dropdown-content li > a > i { - height: inherit; - line-height: inherit; - float: left; - margin: 0 24px 0 0; - width: 24px; } - -.input-field.col .dropdown-content [type="checkbox"] + label, .color-form .input-field.wrap-placeholder-fab .dropdown-content [type="checkbox"] + label, .color-palette .input-field.form-item:not(.form-item-scheme) .dropdown-content [type="checkbox"] + label, .vertical-tab-wrapper ul.input-field.vertical-tabs__menu .dropdown-content [type="checkbox"] + label, .vertical-tab-wrapper .input-field.vertical-tabs__panes .dropdown-content [type="checkbox"] + label, .input-field.acquiadam-asset-browser .dropdown-content [type="checkbox"] + label { - top: 1px; - left: 0; - height: 18px; } - -.modal { - display: none; - position: fixed; - left: 0; - right: 0; - background-color: #fafafa; - padding: 0; - max-height: 70%; - width: 55%; - margin: auto; - overflow-y: auto; - border-radius: 2px; - will-change: top, opacity; } - @media only screen and (max-width: 992px) { - .modal { - width: 80%; } } - .modal h1, .modal h2, .modal h3, .modal h4 { - margin-top: 0; } - .modal .modal-content { - padding: 24px; } - .modal .modal-close { - cursor: pointer; } - .modal .modal-footer { - border-radius: 0 0 2px 2px; - background-color: #fafafa; - padding: 4px 6px; - height: 56px; - width: 100%; - text-align: right; } - .modal .modal-footer .btn, .modal .modal-footer .btn-large, .modal .modal-footer .button-action, .modal .modal-footer .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button, .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .modal .modal-footer button, .modal .modal-footer .dropbutton-wrapper .single-btn-wrapper a, .dropbutton-wrapper .single-btn-wrapper .modal .modal-footer a, .modal .modal-footer #edit-actions .button.use-ajax, #edit-actions .modal .modal-footer .button.use-ajax, .modal .modal-footer .views-displays .tabs.secondary li.add a, .views-displays .tabs.secondary li.add .modal .modal-footer a, .modal .modal-footer .ui-dialog-content .webform-ajax-link, .ui-dialog-content .modal .modal-footer .webform-ajax-link, .modal .modal-footer .webform-details-toggle-state-wrapper .webform-details-toggle-state, .webform-details-toggle-state-wrapper .modal .modal-footer .webform-details-toggle-state, .modal .modal-footer .maintenance-page-content .button, .maintenance-page-content .modal .modal-footer .button, .modal .modal-footer .maintenance-page-content ul.links li a, .maintenance-page-content ul.links li .modal .modal-footer a, .modal .modal-footer .btn-flat, .modal .modal-footer .button-link, .modal .modal-footer .compact-link a, .compact-link .modal .modal-footer a, .modal .modal-footer .tabledrag-toggle-weight-wrapper .tabledrag-toggle-weight, .tabledrag-toggle-weight-wrapper .modal .modal-footer .tabledrag-toggle-weight, .modal .modal-footer .ui-dialog-content .webform-ajax-link, .ui-dialog-content .modal .modal-footer .webform-ajax-link, .modal .modal-footer .webform-details-toggle-state-wrapper .webform-details-toggle-state, .webform-details-toggle-state-wrapper .modal .modal-footer .webform-details-toggle-state, .modal .modal-footer .region-title__action .button, .region-title__action .modal .modal-footer .button, .modal .modal-footer .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button, .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .modal .modal-footer button, .modal .modal-footer .dropbutton-wrapper .single-btn-wrapper a, .dropbutton-wrapper .single-btn-wrapper .modal .modal-footer a, .modal .modal-footer #edit-actions .button--danger, #edit-actions .modal .modal-footer .button--danger, .modal .modal-footer a#edit-cancel, .modal .modal-footer .field-suffix small span.admin-link, .field-suffix small .modal .modal-footer span.admin-link, .modal .modal-footer .views-displays .tabs.secondary li.add a, .views-displays .tabs.secondary li.add .modal .modal-footer a, .modal .modal-footer .views-ui-rearrange-filter-form .action-links li a, .views-ui-rearrange-filter-form .action-links li .modal .modal-footer a, .modal .modal-footer .acquiadam-browser-breadcrumb-container i, .acquiadam-browser-breadcrumb-container .modal .modal-footer i, .modal .modal-footer .entities-list .item-container .btn, .entities-list .item-container .modal .modal-footer .btn, .modal .modal-footer .entities-list .item-container .btn-large, .entities-list .item-container .modal .modal-footer .btn-large, .modal .modal-footer .entities-list .item-container .button-action, .entities-list .item-container .modal .modal-footer .button-action, .modal .modal-footer .entities-list .item-container #edit-actions .button.use-ajax, .entities-list .item-container #edit-actions .modal .modal-footer .button.use-ajax, .modal .modal-footer #edit-actions .entities-list .item-container .button.use-ajax, #edit-actions .entities-list .item-container .modal .modal-footer .button.use-ajax, .modal .modal-footer .entities-list .item-container .maintenance-page-content .button, .entities-list .item-container .maintenance-page-content .modal .modal-footer .button, .modal .modal-footer .maintenance-page-content .entities-list .item-container .button, .maintenance-page-content .entities-list .item-container .modal .modal-footer .button, .modal .modal-footer .entities-list .item-container .maintenance-page-content ul.links li a, .entities-list .item-container .maintenance-page-content ul.links li .modal .modal-footer a, .modal .modal-footer .maintenance-page-content ul.links li .entities-list .item-container a, .maintenance-page-content ul.links li .entities-list .item-container .modal .modal-footer a { - margin: 6px 0; } - -.modal-overlay { - position: fixed; - z-index: 999; - top: -25%; - left: 0; - bottom: 0; - right: 0; - height: 125%; - width: 100%; - background: #000; - display: none; - will-change: opacity; } - -.modal.modal-fixed-footer { - padding: 0; - height: 70%; } - .modal.modal-fixed-footer .modal-content { - position: absolute; - height: calc(100% - 56px); - max-height: 100%; - width: 100%; - overflow-y: auto; } - .modal.modal-fixed-footer .modal-footer { - border-top: 1px solid rgba(0, 0, 0, 0.1); - position: absolute; - bottom: 0; } - -.modal.bottom-sheet { - top: auto; - bottom: -100%; - margin: 0; - width: 100%; - max-height: 45%; - border-radius: 0; - will-change: bottom, opacity; } - -.material-tooltip { - padding: 10px 8px; - font-size: 1rem; - z-index: 2000; - background-color: transparent; - border-radius: 2px; - color: #fff; - min-height: 36px; - line-height: 120%; - opacity: 0; - position: absolute; - text-align: center; - max-width: calc(100% - 4px); - overflow: hidden; - left: 0; - top: 0; - pointer-events: none; - visibility: hidden; } - -.backdrop { - position: absolute; - opacity: 0; - height: 7px; - width: 14px; - border-radius: 0 0 50% 50%; - background-color: #323232; - z-index: -1; - -ms-transform-origin: 50% 0%; - transform-origin: 50% 0%; - visibility: hidden; } - -#toast-container { - display: block; - position: fixed; - z-index: 10000; } - @media only screen and (max-width: 600px) { - #toast-container { - min-width: 100%; - bottom: 0%; } } - @media only screen and (min-width: 601px) and (max-width: 992px) { - #toast-container { - left: 5%; - bottom: 7%; - max-width: 90%; } } - @media only screen and (min-width: 993px) { - #toast-container { - top: 10%; - right: 7%; - max-width: 86%; } } - -.toast { - border-radius: 2px; - top: 35px; - width: auto; - margin-top: 10px; - position: relative; - max-width: 100%; - height: auto; - min-height: 48px; - line-height: 1.5em; - word-break: break-all; - background-color: #212121; - padding: 10px 25px; - font-size: 1.1rem; - font-weight: 300; - color: #fff; - display: -ms-flexbox; - display: flex; - -ms-flex-align: center; - align-items: center; - -ms-flex-pack: justify; - justify-content: space-between; - cursor: default; } - .toast .toast-action { - color: #eeff41; - font-weight: 500; - margin-right: -25px; - margin-left: 3rem; } - .toast.rounded { - border-radius: 24px; } - @media only screen and (max-width: 600px) { - .toast { - width: 100%; - border-radius: 0; } } - -.card-panel { - transition: box-shadow .25s; - padding: 24px; - margin: 0.5rem 0 1rem 0; - border-radius: 2px; - background-color: #fff; } - -.card { - position: relative; - margin: 0.5rem 0 1rem 0; - background-color: #fff; - transition: box-shadow .25s; - border-radius: 2px; } - .card .card-title { - font-size: 24px; - font-weight: 300; } - .card .card-title.activator { - cursor: pointer; } - .card.small, .card.medium, .card.large { - position: relative; } - .card.small .card-image, .card.medium .card-image, .card.large .card-image { - max-height: 60%; - overflow: hidden; } - .card.small .card-image + .card-content, .card.medium .card-image + .card-content, .card.large .card-image + .card-content { - max-height: 40%; } - .card.small .card-content, .card.medium .card-content, .card.large .card-content { - max-height: 100%; - overflow: hidden; } - .card.small .card-action, .card.small .package-listing .details-description .links, .package-listing .details-description .card.small .links, .card.medium .card-action, .card.medium .package-listing .details-description .links, .package-listing .details-description .card.medium .links, .card.large .card-action, .card.large .package-listing .details-description .links, .package-listing .details-description .card.large .links { - position: absolute; - bottom: 0; - left: 0; - right: 0; } - .card.small { - height: 300px; } - .card.medium { - height: 400px; } - .card.large { - height: 500px; } - .card.horizontal { - display: -ms-flexbox; - display: flex; } - .card.horizontal.small .card-image, .card.horizontal.medium .card-image, .card.horizontal.large .card-image { - height: 100%; - max-height: none; - overflow: visible; } - .card.horizontal.small .card-image img, .card.horizontal.medium .card-image img, .card.horizontal.large .card-image img { - height: 100%; } - .card.horizontal .card-image { - max-width: 50%; } - .card.horizontal .card-image img { - border-radius: 2px 0 0 2px; - max-width: 100%; - width: auto; } - .card.horizontal .card-stacked { - display: -ms-flexbox; - display: flex; - -ms-flex-direction: column; - flex-direction: column; - -ms-flex: 1; - flex: 1; - position: relative; } - .card.horizontal .card-stacked .card-content { - -ms-flex-positive: 1; - flex-grow: 1; } - .card.sticky-action .card-action, .card.sticky-action .package-listing .details-description .links, .package-listing .details-description .card.sticky-action .links { - z-index: 2; } - .card.sticky-action .card-reveal { - z-index: 1; - padding-bottom: 64px; } - .card .card-image { - position: relative; } - .card .card-image img { - display: block; - border-radius: 2px 2px 0 0; - position: relative; - left: 0; - right: 0; - top: 0; - bottom: 0; - width: 100%; } - .card .card-image .card-title { - color: #fff; - position: absolute; - bottom: 0; - left: 0; - max-width: 100%; - padding: 24px; } - .card .card-content { - padding: 24px; - border-radius: 0 0 2px 2px; } - .card .card-content p { - margin: 0; - color: inherit; } - .card .card-content .card-title { - display: block; - line-height: 32px; - margin-bottom: 8px; } - .card .card-content .card-title i { - line-height: 32px; } - .card .card-action, .card .package-listing .details-description .links, .package-listing .details-description .card .links { - position: relative; - background-color: inherit; - border-top: 1px solid rgba(160, 160, 160, 0.2); - padding: 16px 24px; } - .card .card-action:last-child, .card .package-listing .details-description .links:last-child, .package-listing .details-description .card .links:last-child { - border-radius: 0 0 2px 2px; } - .card .card-action a:not(.btn):not(.btn-large):not(.button-action):not(.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button):not(.dropbutton-wrapper .single-btn-wrapper a):not(#edit-actions .button.use-ajax):not(.views-displays .tabs.secondary li.add a):not(.ui-dialog-content .webform-ajax-link):not(.webform-details-toggle-state-wrapper .webform-details-toggle-state):not(.maintenance-page-content .button):not(.maintenance-page-content ul.links li a):not(.btn-large):not(.btn-floating), .card .package-listing .details-description .links a:not(.btn):not(.btn-large):not(.button-action):not(.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button):not(.dropbutton-wrapper .single-btn-wrapper a):not(#edit-actions .button.use-ajax):not(.views-displays .tabs.secondary li.add a):not(.ui-dialog-content .webform-ajax-link):not(.webform-details-toggle-state-wrapper .webform-details-toggle-state):not(.maintenance-page-content .button):not(.maintenance-page-content ul.links li a):not(.btn-large):not(.btn-floating), .package-listing .details-description .card .links a:not(.btn):not(.btn-large):not(.button-action):not(.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button):not(.dropbutton-wrapper .single-btn-wrapper a):not(#edit-actions .button.use-ajax):not(.views-displays .tabs.secondary li.add a):not(.ui-dialog-content .webform-ajax-link):not(.webform-details-toggle-state-wrapper .webform-details-toggle-state):not(.maintenance-page-content .button):not(.maintenance-page-content ul.links li a):not(.btn-large):not(.btn-floating) { - color: #ffab40; - margin-right: 24px; - transition: color .3s ease; - text-transform: uppercase; } - .card .card-action a:not(.btn):not(.btn-large):not(.button-action):not(.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button):not(.dropbutton-wrapper .single-btn-wrapper a):not(#edit-actions .button.use-ajax):not(.views-displays .tabs.secondary li.add a):not(.ui-dialog-content .webform-ajax-link):not(.webform-details-toggle-state-wrapper .webform-details-toggle-state):not(.maintenance-page-content .button):not(.maintenance-page-content ul.links li a):not(.btn-large):not(.btn-floating):hover, .card .package-listing .details-description .links a:not(.btn):not(.btn-large):not(.button-action):not(.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button):not(.dropbutton-wrapper .single-btn-wrapper a):not(#edit-actions .button.use-ajax):not(.views-displays .tabs.secondary li.add a):not(.ui-dialog-content .webform-ajax-link):not(.webform-details-toggle-state-wrapper .webform-details-toggle-state):not(.maintenance-page-content .button):not(.maintenance-page-content ul.links li a):not(.btn-large):not(.btn-floating):hover, .package-listing .details-description .card .links a:not(.btn):not(.btn-large):not(.button-action):not(.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button):not(.dropbutton-wrapper .single-btn-wrapper a):not(#edit-actions .button.use-ajax):not(.views-displays .tabs.secondary li.add a):not(.ui-dialog-content .webform-ajax-link):not(.webform-details-toggle-state-wrapper .webform-details-toggle-state):not(.maintenance-page-content .button):not(.maintenance-page-content ul.links li a):not(.btn-large):not(.btn-floating):hover { - color: #ffd8a6; } - .card .card-reveal { - padding: 24px; - position: absolute; - background-color: #fff; - width: 100%; - overflow-y: auto; - left: 0; - top: 100%; - height: 100%; - z-index: 3; - display: none; } - .card .card-reveal .card-title { - cursor: pointer; - display: block; } - -.scale-transition { - transition: transform 0.3s cubic-bezier(0.53, 0.01, 0.36, 1.63) !important; } - .scale-transition.scale-out { - -ms-transform: scale(0); - transform: scale(0); - transition: transform .2s !important; } - .scale-transition.scale-in { - -ms-transform: scale(1); - transform: scale(1); } - + */ +.waves-effect { + position: relative; + cursor: pointer; + display: inline-block; + overflow: hidden; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + -webkit-tap-highlight-color: transparent; + vertical-align: middle; + z-index: 1; + transition: .3s ease-out; } + .waves-effect .waves-ripple { + position: absolute; + border-radius: 50%; + width: 20px; + height: 20px; + margin-top: -10px; + margin-left: -10px; + opacity: 0; + background: rgba(0, 0, 0, 0.2); + transition: all 0.7s ease-out; + transition-property: transform, opacity; + -ms-transform: scale(0); + transform: scale(0); + pointer-events: none; } + .waves-effect.waves-light .waves-ripple { + background-color: rgba(255, 255, 255, 0.45); } + .waves-effect.waves-red .waves-ripple { + background-color: rgba(244, 67, 54, 0.7); } + .waves-effect.waves-yellow .waves-ripple { + background-color: rgba(255, 235, 59, 0.7); } + .waves-effect.waves-orange .waves-ripple { + background-color: rgba(255, 152, 0, 0.7); } + .waves-effect.waves-purple .waves-ripple { + background-color: rgba(156, 39, 176, 0.7); } + .waves-effect.waves-green .waves-ripple { + background-color: rgba(76, 175, 80, 0.7); } + .waves-effect.waves-teal .waves-ripple { + background-color: rgba(0, 150, 136, 0.7); } + .waves-effect input[type="button"], .waves-effect input[type="reset"], .waves-effect input[type="submit"] { + border: 0; + font-style: normal; + font-size: inherit; + text-transform: inherit; + background: none; } + .waves-effect img { + position: relative; + z-index: -1; } + +.waves-notransition { + transition: none !important; } + +.waves-circle { + transform: translateZ(0); + -webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%); } + +.waves-input-wrapper { + border-radius: 0.2em; + vertical-align: bottom; } + .waves-input-wrapper .waves-button-input { + position: relative; + top: 0; + left: 0; + z-index: 1; } + +.waves-circle { + text-align: center; + width: 2.5em; + height: 2.5em; + line-height: 2.5em; + border-radius: 50%; + -webkit-mask-image: none; } + +.waves-block { + display: block; } + +/* Firefox Bug: link not triggered */ +.waves-effect .waves-ripple { + z-index: -1; } + +.dropdown-content { + background-color: #FFFFFF; + margin: 0; + display: none; + min-width: 100px; + max-height: 650px; + overflow-y: auto; + opacity: 0; + position: absolute; + z-index: 999; + will-change: width, height; } + .dropdown-content li { + clear: both; + color: rgba(0, 0, 0, 0.87); + cursor: pointer; + min-height: 50px; + line-height: 1.5rem; + width: 100%; + text-align: left; + text-transform: none; } + .dropdown-content li:hover, .dropdown-content li.active, .dropdown-content li.selected { + background-color: #eeeeee; } + .dropdown-content li.active.selected { + background-color: #e1e1e1; } + .dropdown-content li.divider { + min-height: 0; + height: 1px; } + .dropdown-content li > a, .dropdown-content li > span { + font-size: 16px; + color: #009688; + display: block; + line-height: 22px; + padding: 14px 16px; } + .dropdown-content li > span > label { + top: 1px; + left: 0; + height: 18px; } + .dropdown-content li > a > i { + height: inherit; + line-height: inherit; + float: left; + margin: 0 24px 0 0; + width: 24px; } + +.input-field.col .dropdown-content [type="checkbox"] + label, .color-form .input-field.wrap-placeholder-fab .dropdown-content [type="checkbox"] + label, .color-palette .input-field.form-item:not(.form-item-scheme) .dropdown-content [type="checkbox"] + label, .vertical-tab-wrapper ul.input-field.vertical-tabs__menu .dropdown-content [type="checkbox"] + label, .vertical-tab-wrapper .input-field.vertical-tabs__panes .dropdown-content [type="checkbox"] + label, .input-field.acquiadam-asset-browser .dropdown-content [type="checkbox"] + label { + top: 1px; + left: 0; + height: 18px; } + +.modal { + display: none; + position: fixed; + left: 0; + right: 0; + background-color: #fafafa; + padding: 0; + max-height: 70%; + width: 55%; + margin: auto; + overflow-y: auto; + border-radius: 2px; + will-change: top, opacity; } + @media only screen and (max-width: 992px) { + .modal { + width: 80%; } } + .modal h1, .modal h2, .modal h3, .modal h4 { + margin-top: 0; } + .modal .modal-content { + padding: 24px; } + .modal .modal-close { + cursor: pointer; } + .modal .modal-footer { + border-radius: 0 0 2px 2px; + background-color: #fafafa; + padding: 4px 6px; + height: 56px; + width: 100%; + text-align: right; } + .modal .modal-footer .btn, .modal .modal-footer .btn-large, .modal .modal-footer .button-action, .modal .modal-footer .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button, .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .modal .modal-footer button, .modal .modal-footer .dropbutton-wrapper .single-btn-wrapper a, .dropbutton-wrapper .single-btn-wrapper .modal .modal-footer a, .modal .modal-footer #edit-actions .button.use-ajax, #edit-actions .modal .modal-footer .button.use-ajax, .modal .modal-footer .views-displays .tabs.secondary li.add a, .views-displays .tabs.secondary li.add .modal .modal-footer a, .modal .modal-footer .ui-dialog-content .webform-ajax-link, .ui-dialog-content .modal .modal-footer .webform-ajax-link, .modal .modal-footer .webform-details-toggle-state-wrapper .webform-details-toggle-state, .webform-details-toggle-state-wrapper .modal .modal-footer .webform-details-toggle-state, .modal .modal-footer .maintenance-page-content .button, .maintenance-page-content .modal .modal-footer .button, .modal .modal-footer .maintenance-page-content ul.links li a, .maintenance-page-content ul.links li .modal .modal-footer a, .modal .modal-footer .btn-flat, .modal .modal-footer .button-link, .modal .modal-footer .compact-link a, .compact-link .modal .modal-footer a, .modal .modal-footer .tabledrag-toggle-weight-wrapper .tabledrag-toggle-weight, .tabledrag-toggle-weight-wrapper .modal .modal-footer .tabledrag-toggle-weight, .modal .modal-footer .ui-dialog-content .webform-ajax-link, .ui-dialog-content .modal .modal-footer .webform-ajax-link, .modal .modal-footer .webform-details-toggle-state-wrapper .webform-details-toggle-state, .webform-details-toggle-state-wrapper .modal .modal-footer .webform-details-toggle-state, .modal .modal-footer .region-title__action .button, .region-title__action .modal .modal-footer .button, .modal .modal-footer .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button, .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .modal .modal-footer button, .modal .modal-footer .dropbutton-wrapper .single-btn-wrapper a, .dropbutton-wrapper .single-btn-wrapper .modal .modal-footer a, .modal .modal-footer #edit-actions .button--danger, #edit-actions .modal .modal-footer .button--danger, .modal .modal-footer a#edit-cancel, .modal .modal-footer .field-suffix small span.admin-link, .field-suffix small .modal .modal-footer span.admin-link, .modal .modal-footer .views-displays .tabs.secondary li.add a, .views-displays .tabs.secondary li.add .modal .modal-footer a, .modal .modal-footer .views-ui-rearrange-filter-form .action-links li a, .views-ui-rearrange-filter-form .action-links li .modal .modal-footer a, .modal .modal-footer .acquiadam-browser-breadcrumb-container i, .acquiadam-browser-breadcrumb-container .modal .modal-footer i, .modal .modal-footer .entities-list .item-container .btn, .entities-list .item-container .modal .modal-footer .btn, .modal .modal-footer .entities-list .item-container .btn-large, .entities-list .item-container .modal .modal-footer .btn-large, .modal .modal-footer .entities-list .item-container .button-action, .entities-list .item-container .modal .modal-footer .button-action, .modal .modal-footer .entities-list .item-container #edit-actions .button.use-ajax, .entities-list .item-container #edit-actions .modal .modal-footer .button.use-ajax, .modal .modal-footer #edit-actions .entities-list .item-container .button.use-ajax, #edit-actions .entities-list .item-container .modal .modal-footer .button.use-ajax, .modal .modal-footer .entities-list .item-container .maintenance-page-content .button, .entities-list .item-container .maintenance-page-content .modal .modal-footer .button, .modal .modal-footer .maintenance-page-content .entities-list .item-container .button, .maintenance-page-content .entities-list .item-container .modal .modal-footer .button, .modal .modal-footer .entities-list .item-container .maintenance-page-content ul.links li a, .entities-list .item-container .maintenance-page-content ul.links li .modal .modal-footer a, .modal .modal-footer .maintenance-page-content ul.links li .entities-list .item-container a, .maintenance-page-content ul.links li .entities-list .item-container .modal .modal-footer a { + margin: 6px 0; } + +.modal-overlay { + position: fixed; + z-index: 999; + top: -25%; + left: 0; + bottom: 0; + right: 0; + height: 125%; + width: 100%; + background: #000; + display: none; + will-change: opacity; } + +.modal.modal-fixed-footer { + padding: 0; + height: 70%; } + .modal.modal-fixed-footer .modal-content { + position: absolute; + height: calc(100% - 56px); + max-height: 100%; + width: 100%; + overflow-y: auto; } + .modal.modal-fixed-footer .modal-footer { + border-top: 1px solid rgba(0, 0, 0, 0.1); + position: absolute; + bottom: 0; } + +.modal.bottom-sheet { + top: auto; + bottom: -100%; + margin: 0; + width: 100%; + max-height: 95%; + border-radius: 0; + will-change: bottom, opacity; } + +.material-tooltip { + padding: 10px 8px; + font-size: 1rem; + z-index: 2000; + background-color: transparent; + border-radius: 2px; + color: #fff; + min-height: 36px; + line-height: 120%; + opacity: 0; + position: absolute; + text-align: center; + max-width: calc(100% - 4px); + overflow: hidden; + left: 0; + top: 0; + pointer-events: none; + visibility: hidden; } + +.backdrop { + position: absolute; + opacity: 0; + height: 7px; + width: 14px; + border-radius: 0 0 50% 50%; + background-color: #323232; + z-index: -1; + -ms-transform-origin: 50% 0%; + transform-origin: 50% 0%; + visibility: hidden; } + +#toast-container { + display: block; + position: fixed; + z-index: 10000; } + @media only screen and (max-width: 600px) { + #toast-container { + min-width: 100%; + bottom: 0%; } } + @media only screen and (min-width: 601px) and (max-width: 992px) { + #toast-container { + left: 5%; + bottom: 7%; + max-width: 90%; } } + @media only screen and (min-width: 993px) { + #toast-container { + top: 10%; + right: 7%; + max-width: 86%; } } + +.toast { + border-radius: 2px; + top: 35px; + width: auto; + margin-top: 10px; + position: relative; + max-width: 100%; + height: auto; + min-height: 48px; + line-height: 1.5em; + word-break: break-all; + background-color: #212121; + padding: 10px 25px; + font-size: 1.1rem; + font-weight: 300; + color: #fff; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: justify; + justify-content: space-between; + cursor: default; } + .toast .toast-action { + color: #eeff41; + font-weight: 500; + margin-right: -25px; + margin-left: 3rem; } + .toast.rounded { + border-radius: 24px; } + @media only screen and (max-width: 600px) { + .toast { + width: 100%; + border-radius: 0; } } + +.card-panel { + transition: box-shadow .25s; + padding: 24px; + margin: 0.5rem 0 1rem 0; + border-radius: 2px; + background-color: #fff; } + +.card { + position: relative; + margin: 0.5rem 0 1rem 0; + background-color: #fff; + transition: box-shadow .25s; + border-radius: 2px; } + .card .card-title { + font-size: 24px; + font-weight: 300; } + .card .card-title.activator { + cursor: pointer; } + .card.small, .card.medium, .card.large { + position: relative; } + .card.small .card-image, .card.medium .card-image, .card.large .card-image { + max-height: 60%; + overflow: hidden; } + .card.small .card-image + .card-content, .card.medium .card-image + .card-content, .card.large .card-image + .card-content { + max-height: 40%; } + .card.small .card-content, .card.medium .card-content, .card.large .card-content { + max-height: 100%; + overflow: hidden; } + .card.small .card-action, .card.small .package-listing .details-description .links, .package-listing .details-description .card.small .links, .card.medium .card-action, .card.medium .package-listing .details-description .links, .package-listing .details-description .card.medium .links, .card.large .card-action, .card.large .package-listing .details-description .links, .package-listing .details-description .card.large .links { + position: absolute; + bottom: 0; + left: 0; + right: 0; } + .card.small { + height: 300px; } + .card.medium { + height: 400px; } + .card.large { + height: 500px; } + .card.horizontal { + display: -ms-flexbox; + display: flex; } + .card.horizontal.small .card-image, .card.horizontal.medium .card-image, .card.horizontal.large .card-image { + height: 100%; + max-height: none; + overflow: visible; } + .card.horizontal.small .card-image img, .card.horizontal.medium .card-image img, .card.horizontal.large .card-image img { + height: 100%; } + .card.horizontal .card-image { + max-width: 50%; } + .card.horizontal .card-image img { + border-radius: 2px 0 0 2px; + max-width: 100%; + width: auto; } + .card.horizontal .card-stacked { + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; + -ms-flex: 1; + flex: 1; + position: relative; } + .card.horizontal .card-stacked .card-content { + -ms-flex-positive: 1; + flex-grow: 1; } + .card.sticky-action .card-action, .card.sticky-action .package-listing .details-description .links, .package-listing .details-description .card.sticky-action .links { + z-index: 2; } + .card.sticky-action .card-reveal { + z-index: 1; + padding-bottom: 64px; } + .card .card-image { + position: relative; } + .card .card-image img { + display: block; + border-radius: 2px 2px 0 0; + position: relative; + left: 0; + right: 0; + top: 0; + bottom: 0; + width: 100%; } + .card .card-image .card-title { + color: #fff; + position: absolute; + bottom: 0; + left: 0; + max-width: 100%; + padding: 24px; } + .card .card-content { + padding: 24px; + border-radius: 0 0 2px 2px; } + .card .card-content p { + margin: 0; + color: inherit; } + .card .card-content .card-title { + display: block; + line-height: 32px; + margin-bottom: 8px; } + .card .card-content .card-title i { + line-height: 32px; } + .card .card-action, .card .package-listing .details-description .links, .package-listing .details-description .card .links { + position: relative; + background-color: inherit; + border-top: 1px solid rgba(160, 160, 160, 0.2); + padding: 16px 24px; } + .card .card-action:last-child, .card .package-listing .details-description .links:last-child, .package-listing .details-description .card .links:last-child { + border-radius: 0 0 2px 2px; } + .card .card-action a:not(.btn):not(.btn-large):not(.button-action):not(.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button):not(.dropbutton-wrapper .single-btn-wrapper a):not(#edit-actions .button.use-ajax):not(.views-displays .tabs.secondary li.add a):not(.ui-dialog-content .webform-ajax-link):not(.webform-details-toggle-state-wrapper .webform-details-toggle-state):not(.maintenance-page-content .button):not(.maintenance-page-content ul.links li a):not(.btn-large):not(.btn-floating), .card .package-listing .details-description .links a:not(.btn):not(.btn-large):not(.button-action):not(.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button):not(.dropbutton-wrapper .single-btn-wrapper a):not(#edit-actions .button.use-ajax):not(.views-displays .tabs.secondary li.add a):not(.ui-dialog-content .webform-ajax-link):not(.webform-details-toggle-state-wrapper .webform-details-toggle-state):not(.maintenance-page-content .button):not(.maintenance-page-content ul.links li a):not(.btn-large):not(.btn-floating), .package-listing .details-description .card .links a:not(.btn):not(.btn-large):not(.button-action):not(.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button):not(.dropbutton-wrapper .single-btn-wrapper a):not(#edit-actions .button.use-ajax):not(.views-displays .tabs.secondary li.add a):not(.ui-dialog-content .webform-ajax-link):not(.webform-details-toggle-state-wrapper .webform-details-toggle-state):not(.maintenance-page-content .button):not(.maintenance-page-content ul.links li a):not(.btn-large):not(.btn-floating) { + color: #ffab40; + margin-right: 24px; + transition: color .3s ease; + text-transform: uppercase; } + .card .card-action a:not(.btn):not(.btn-large):not(.button-action):not(.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button):not(.dropbutton-wrapper .single-btn-wrapper a):not(#edit-actions .button.use-ajax):not(.views-displays .tabs.secondary li.add a):not(.ui-dialog-content .webform-ajax-link):not(.webform-details-toggle-state-wrapper .webform-details-toggle-state):not(.maintenance-page-content .button):not(.maintenance-page-content ul.links li a):not(.btn-large):not(.btn-floating):hover, .card .package-listing .details-description .links a:not(.btn):not(.btn-large):not(.button-action):not(.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button):not(.dropbutton-wrapper .single-btn-wrapper a):not(#edit-actions .button.use-ajax):not(.views-displays .tabs.secondary li.add a):not(.ui-dialog-content .webform-ajax-link):not(.webform-details-toggle-state-wrapper .webform-details-toggle-state):not(.maintenance-page-content .button):not(.maintenance-page-content ul.links li a):not(.btn-large):not(.btn-floating):hover, .package-listing .details-description .card .links a:not(.btn):not(.btn-large):not(.button-action):not(.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button):not(.dropbutton-wrapper .single-btn-wrapper a):not(#edit-actions .button.use-ajax):not(.views-displays .tabs.secondary li.add a):not(.ui-dialog-content .webform-ajax-link):not(.webform-details-toggle-state-wrapper .webform-details-toggle-state):not(.maintenance-page-content .button):not(.maintenance-page-content ul.links li a):not(.btn-large):not(.btn-floating):hover { + color: #ffd8a6; } + .card .card-reveal { + padding: 24px; + position: absolute; + background-color: #fff; + width: 100%; + overflow-y: auto; + left: 0; + top: 100%; + height: 100%; + z-index: 3; + display: none; } + .card .card-reveal .card-title { + cursor: pointer; + display: block; } + +.scale-transition { + transition: transform 0.3s cubic-bezier(0.53, 0.01, 0.36, 1.63) !important; } + .scale-transition.scale-out { + -ms-transform: scale(0); + transform: scale(0); + transition: transform .2s !important; } + .scale-transition.scale-in { + -ms-transform: scale(1); + transform: scale(1); } + /* ========================================================================== $BASE-PICKER - ========================================================================== */ + ========================================================================== */ /** * Note: the root picker element should *NOT* be styled more than what's here. - */ -.picker { - font-size: 16px; - text-align: left; - line-height: 1.2; - color: #000000; - position: absolute; - z-index: 10000; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - outline: none; } - + */ +.picker { + font-size: 16px; + text-align: left; + line-height: 1.2; + color: #000000; + position: absolute; + z-index: 10000; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + outline: none; } + /** * The picker input element. - */ -.picker__input { - cursor: default; } - + */ +.picker__input { + cursor: default; } + /** * When the picker is opened, the input element is "activated". - */ -.picker__input.picker__input--active { - border-color: #0089ec; } - + */ +.picker__input.picker__input--active { + border-color: #0089ec; } + /** * The holder is the only "scrollable" top-level container element. - */ -.picker__holder { - width: 100%; - overflow-y: auto; - -webkit-overflow-scrolling: touch; } - + */ +.picker__holder { + width: 100%; + overflow-y: auto; + -webkit-overflow-scrolling: touch; } + /*! * Default mobile-first, responsive styling for pickadate.js * Demo: http://amsul.github.io/pickadate.js - */ + */ /** * Note: the root picker element should *NOT* be styled more than what's here. - */ + */ /** * Make the holder and frame fullscreen. - */ -.picker__holder, -.picker__frame { - bottom: 0; - left: 0; - right: 0; - top: 100%; } - + */ +.picker__holder, +.picker__frame { + bottom: 0; + left: 0; + right: 0; + top: 100%; } + /** * The holder should overlay the entire screen. - */ -.picker__holder { - position: fixed; - transition: background 0.15s ease-out, top 0s 0.15s; - -webkit-backface-visibility: hidden; } - + */ +.picker__holder { + position: fixed; + transition: background 0.15s ease-out, top 0s 0.15s; + -webkit-backface-visibility: hidden; } + /** * The frame that bounds the box contents of the picker. - */ -.picker__frame { - position: absolute; - margin: 0 auto; - min-width: 256px; - width: 300px; - max-height: 350px; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; - filter: alpha(opacity=0); - -moz-opacity: 0; - opacity: 0; - transition: all 0.15s ease-out; } - -@media (min-height: 28.875em) { - .picker__frame { - overflow: visible; - top: auto; - bottom: -100%; - max-height: 80%; } } - -@media (min-height: 40.125em) { - .picker__frame { - margin-bottom: 7.5%; } } - + */ +.picker__frame { + position: absolute; + margin: 0 auto; + min-width: 256px; + width: 300px; + max-height: 350px; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; + filter: alpha(opacity=0); + -moz-opacity: 0; + opacity: 0; + transition: all 0.15s ease-out; } + +@media (min-height: 28.875em) { + .picker__frame { + overflow: visible; + top: auto; + bottom: -100%; + max-height: 80%; } } + +@media (min-height: 40.125em) { + .picker__frame { + margin-bottom: 7.5%; } } + /** * The wrapper sets the stage to vertically align the box contents. - */ -.picker__wrap { - display: table; - width: 100%; - height: 100%; } - -@media (min-height: 28.875em) { - .picker__wrap { - display: block; } } - + */ +.picker__wrap { + display: table; + width: 100%; + height: 100%; } + +@media (min-height: 28.875em) { + .picker__wrap { + display: block; } } + /** * The box contains all the picker contents. - */ -.picker__box { - background: #ffffff; - display: table-cell; - vertical-align: middle; } - -@media (min-height: 28.875em) { - .picker__box { - display: block; - border: 1px solid #777777; - border-top-color: #898989; - border-bottom-width: 0; - border-radius: 5px 5px 0 0; - box-shadow: 0 12px 36px 16px rgba(0, 0, 0, 0.24); } } - + */ +.picker__box { + background: #ffffff; + display: table-cell; + vertical-align: middle; } + +@media (min-height: 28.875em) { + .picker__box { + display: block; + border: 1px solid #777777; + border-top-color: #898989; + border-bottom-width: 0; + border-radius: 5px 5px 0 0; + box-shadow: 0 12px 36px 16px rgba(0, 0, 0, 0.24); } } + /** * When the picker opens... - */ -.picker--opened .picker__holder { - top: 0; - background: transparent; - -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#1E000000,endColorstr=#1E000000)"; - zoom: 1; - background: rgba(0, 0, 0, 0.32); - transition: background 0.15s ease-out; } - -.picker--opened .picker__frame { - top: 0; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; - filter: alpha(opacity=100); - -moz-opacity: 1; - opacity: 1; } - -@media (min-height: 35.875em) { - .picker--opened .picker__frame { - top: 10%; - bottom: auto; } } - + */ +.picker--opened .picker__holder { + top: 0; + background: transparent; + -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#1E000000,endColorstr=#1E000000)"; + zoom: 1; + background: rgba(0, 0, 0, 0.32); + transition: background 0.15s ease-out; } + +.picker--opened .picker__frame { + top: 0; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; + filter: alpha(opacity=100); + -moz-opacity: 1; + opacity: 1; } + +@media (min-height: 35.875em) { + .picker--opened .picker__frame { + top: 10%; + bottom: auto; } } + /** * For `large` screens, transform into an inline picker. - */ + */ /* ========================================================================== CUSTOM MATERIALIZE STYLES - ========================================================================== */ -.picker__input.picker__input--active { - border-color: #E3F2FD; } - -.picker__frame { - margin: 0 auto; - max-width: 325px; } - -@media (min-height: 38.875em) { - .picker--opened .picker__frame { - top: 10%; - bottom: auto; } } - -@media only screen and (min-width: 601px) { - .picker__box { - display: -ms-flexbox; - display: flex; } - .picker__frame { - width: 80%; - max-width: 600px; } } - + ========================================================================== */ +.picker__input.picker__input--active { + border-color: #E3F2FD; } + +.picker__frame { + margin: 0 auto; + max-width: 325px; } + +@media (min-height: 38.875em) { + .picker--opened .picker__frame { + top: 10%; + bottom: auto; } } + +@media only screen and (min-width: 601px) { + .picker__box { + display: -ms-flexbox; + display: flex; } + .picker__frame { + width: 80%; + max-width: 600px; } } + /* ========================================================================== $BASE-DATE-PICKER - ========================================================================== */ + ========================================================================== */ /** * The picker box. - */ -.picker__box { - padding: 0; - border-radius: 2px; - overflow: hidden; } - + */ +.picker__box { + padding: 0; + border-radius: 2px; + overflow: hidden; } + /** * The header containing the month and year stuff. - */ -.picker__header { - text-align: center; - position: relative; - margin-top: .75em; } - + */ +.picker__header { + text-align: center; + position: relative; + margin-top: .75em; } + /** * The month and year labels. - */ -.picker__month, -.picker__year { - display: inline-block; - margin-left: .25em; - margin-right: .25em; } - + */ +.picker__month, +.picker__year { + display: inline-block; + margin-left: .25em; + margin-right: .25em; } + /** * The month and year selectors. - */ -.picker__select--month, -.picker__select--year { - height: 2em; - padding: 0; - margin-left: .25em; - margin-right: .25em; } - -.picker__select--month.browser-default { - display: inline; - background-color: #FFFFFF; - width: 40%; } - -.picker__select--year.browser-default { - display: inline; - background-color: #FFFFFF; - width: 26%; } - -.picker__select--month:focus, -.picker__select--year:focus { - border-color: rgba(0, 0, 0, 0.05); } - + */ +.picker__select--month, +.picker__select--year { + height: 2em; + padding: 0; + margin-left: .25em; + margin-right: .25em; } + +.picker__select--month.browser-default { + display: inline; + background-color: #FFFFFF; + width: 40%; } + +.picker__select--year.browser-default { + display: inline; + background-color: #FFFFFF; + width: 26%; } + +.picker__select--month:focus, +.picker__select--year:focus { + border-color: rgba(0, 0, 0, 0.05); } + /** * The month navigation buttons. - */ -.picker__nav--prev, -.picker__nav--next { - position: absolute; - padding: .5em 1.25em; - width: 1em; - height: 1em; - box-sizing: content-box; - top: -0.25em; } - -.picker__nav--prev { - left: -1em; - padding-right: 1.25em; } - -.picker__nav--next { - right: -1em; - padding-left: 1.25em; } - -.picker__nav--disabled, -.picker__nav--disabled:hover, -.picker__nav--disabled:before, -.picker__nav--disabled:before:hover { - cursor: default; - background: none; - border-right-color: #f5f5f5; - border-left-color: #f5f5f5; } - + */ +.picker__nav--prev, +.picker__nav--next { + position: absolute; + padding: .5em 1.25em; + width: 1em; + height: 1em; + box-sizing: content-box; + top: -0.25em; } + +.picker__nav--prev { + left: -1em; + padding-right: 1.25em; } + +.picker__nav--next { + right: -1em; + padding-left: 1.25em; } + +.picker__nav--disabled, +.picker__nav--disabled:hover, +.picker__nav--disabled:before, +.picker__nav--disabled:before:hover { + cursor: default; + background: none; + border-right-color: #f5f5f5; + border-left-color: #f5f5f5; } + /** * The calendar table of dates - */ -.picker__table { - text-align: center; - border-collapse: collapse; - border-spacing: 0; - table-layout: fixed; - font-size: 1rem; - width: 100%; - margin-top: .75em; - margin-bottom: .5em; } - -.picker__table th, .picker__table td { - text-align: center; } - -.picker__table td { - margin: 0; - padding: 0; } - + */ +.picker__table { + text-align: center; + border-collapse: collapse; + border-spacing: 0; + table-layout: fixed; + font-size: 1rem; + width: 100%; + margin-top: .75em; + margin-bottom: .5em; } + +.picker__table th, .picker__table td { + text-align: center; } + +.picker__table td { + margin: 0; + padding: 0; } + /** * The weekday labels - */ -.picker__weekday { - width: 14.285714286%; - font-size: .75em; - padding-bottom: .25em; - color: #999999; - font-weight: 500; - /* Increase the spacing a tad */ } - -@media (min-height: 33.875em) { - .picker__weekday { - padding-bottom: .5em; } } - + */ +.picker__weekday { + width: 14.285714286%; + font-size: .75em; + padding-bottom: .25em; + color: #999999; + font-weight: 500; + /* Increase the spacing a tad */ } + +@media (min-height: 33.875em) { + .picker__weekday { + padding-bottom: .5em; } } + /** * The days on the calendar - */ -.picker__day--today { - position: relative; - color: #595959; - letter-spacing: -.3; - padding: .75rem 0; - font-weight: 400; - border: 1px solid transparent; } - -.picker__day--disabled:before { - border-top-color: #aaaaaa; } - -.picker__day--infocus:hover { - cursor: pointer; - color: #000; - font-weight: 500; } - -.picker__day--outfocus { - display: none; - padding: .75rem 0; - color: #fff; } - -.picker__day--outfocus:hover { - cursor: pointer; - color: #dddddd; - font-weight: 500; } - -.picker__day--highlighted:hover, -.picker--focused .picker__day--highlighted { - cursor: pointer; } - -.picker__day--selected, -.picker__day--selected:hover, -.picker--focused .picker__day--selected { - border-radius: 50%; - -ms-transform: scale(0.75); - transform: scale(0.75); - background: #0089ec; - color: #ffffff; } - -.picker__day--disabled, -.picker__day--disabled:hover, -.picker--focused .picker__day--disabled { - background: #f5f5f5; - border-color: #f5f5f5; - color: #dddddd; - cursor: default; } - -.picker__day--highlighted.picker__day--disabled, -.picker__day--highlighted.picker__day--disabled:hover { - background: #bbbbbb; } - + */ +.picker__day--today { + position: relative; + color: #595959; + letter-spacing: -.3; + padding: .75rem 0; + font-weight: 400; + border: 1px solid transparent; } + +.picker__day--disabled:before { + border-top-color: #aaaaaa; } + +.picker__day--infocus:hover { + cursor: pointer; + color: #000; + font-weight: 500; } + +.picker__day--outfocus { + display: none; + padding: .75rem 0; + color: #fff; } + +.picker__day--outfocus:hover { + cursor: pointer; + color: #dddddd; + font-weight: 500; } + +.picker__day--highlighted:hover, +.picker--focused .picker__day--highlighted { + cursor: pointer; } + +.picker__day--selected, +.picker__day--selected:hover, +.picker--focused .picker__day--selected { + border-radius: 50%; + -ms-transform: scale(0.75); + transform: scale(0.75); + background: #0089ec; + color: #ffffff; } + +.picker__day--disabled, +.picker__day--disabled:hover, +.picker--focused .picker__day--disabled { + background: #f5f5f5; + border-color: #f5f5f5; + color: #dddddd; + cursor: default; } + +.picker__day--highlighted.picker__day--disabled, +.picker__day--highlighted.picker__day--disabled:hover { + background: #bbbbbb; } + /** * The footer containing the "today", "clear", and "close" buttons. - */ -.picker__footer { - text-align: right; } - -.picker__button--today, -.picker__button--clear, -.picker__button--close { - border: 1px solid #ffffff; - background: #ffffff; - font-size: .8em; - padding: .66em 0; - font-weight: bold; - width: 33%; - display: inline-block; - vertical-align: bottom; } - -.picker__button--today:hover, -.picker__button--clear:hover, -.picker__button--close:hover { - cursor: pointer; - color: #000000; - background: #b1dcfb; - border-bottom-color: #b1dcfb; } - -.picker__button--today:focus, -.picker__button--clear:focus, -.picker__button--close:focus { - background: #b1dcfb; - border-color: rgba(0, 0, 0, 0.05); - outline: none; } - -.picker__button--today:before, -.picker__button--clear:before, -.picker__button--close:before { - position: relative; - display: inline-block; - height: 0; } - -.picker__button--today:before, -.picker__button--clear:before { - content: " "; - margin-right: .45em; } - -.picker__button--today:before { - top: -0.05em; - width: 0; - border-top: 0.66em solid #0059bc; - border-left: .66em solid transparent; } - -.picker__button--clear:before { - top: -0.25em; - width: .66em; - border-top: 3px solid #ee2200; } - -.picker__button--close:before { - content: "\D7"; - top: -0.1em; - vertical-align: top; - font-size: 1.1em; - margin-right: .35em; - color: #777777; } - -.picker__button--today[disabled], -.picker__button--today[disabled]:hover { - background: #f5f5f5; - border-color: #f5f5f5; - color: #dddddd; - cursor: default; } - -.picker__button--today[disabled]:before { - border-top-color: #aaaaaa; } - + */ +.picker__footer { + text-align: right; } + +.picker__button--today, +.picker__button--clear, +.picker__button--close { + border: 1px solid #ffffff; + background: #ffffff; + font-size: .8em; + padding: .66em 0; + font-weight: bold; + width: 33%; + display: inline-block; + vertical-align: bottom; } + +.picker__button--today:hover, +.picker__button--clear:hover, +.picker__button--close:hover { + cursor: pointer; + color: #000000; + background: #b1dcfb; + border-bottom-color: #b1dcfb; } + +.picker__button--today:focus, +.picker__button--clear:focus, +.picker__button--close:focus { + background: #b1dcfb; + border-color: rgba(0, 0, 0, 0.05); + outline: none; } + +.picker__button--today:before, +.picker__button--clear:before, +.picker__button--close:before { + position: relative; + display: inline-block; + height: 0; } + +.picker__button--today:before, +.picker__button--clear:before { + content: " "; + margin-right: .45em; } + +.picker__button--today:before { + top: -0.05em; + width: 0; + border-top: 0.66em solid #0059bc; + border-left: .66em solid transparent; } + +.picker__button--clear:before { + top: -0.25em; + width: .66em; + border-top: 3px solid #ee2200; } + +.picker__button--close:before { + content: "\D7"; + top: -0.1em; + vertical-align: top; + font-size: 1.1em; + margin-right: .35em; + color: #777777; } + +.picker__button--today[disabled], +.picker__button--today[disabled]:hover { + background: #f5f5f5; + border-color: #f5f5f5; + color: #dddddd; + cursor: default; } + +.picker__button--today[disabled]:before { + border-top-color: #aaaaaa; } + /* ========================================================================== CUSTOM MATERIALIZE STYLES - ========================================================================== */ + ========================================================================== */ /*.picker__box { border-radius: 2px; overflow: hidden; -}*/ -.picker__date-display { - text-align: left; - background-color: #26a69a; - color: #fff; - padding: 18px; - font-weight: 300; } - -@media only screen and (min-width: 601px) { - .picker__date-display { - -ms-flex: 1; - flex: 1; } - .picker__weekday-display { - display: block; } - .picker__container__wrapper { - -ms-flex: 2; - flex: 2; } } - -.picker__nav--prev:hover, -.picker__nav--next:hover { - cursor: pointer; - color: #000000; - background: #a1ded8; } - -.picker__weekday-display { - font-weight: 500; - font-size: 2.8rem; - margin-right: 5px; - margin-top: 4px; } - -.picker__month-display { - font-size: 2.8rem; - font-weight: 500; } - -.picker__day-display { - font-size: 2.8rem; - font-weight: 500; - margin-right: 5px; } - -.picker__year-display { - font-size: 1.5rem; - font-weight: 500; - color: rgba(255, 255, 255, 0.7); } - +}*/ +.picker__date-display { + text-align: left; + background-color: #26a69a; + color: #fff; + padding: 18px; + font-weight: 300; } + +@media only screen and (min-width: 601px) { + .picker__date-display { + -ms-flex: 1; + flex: 1; } + .picker__weekday-display { + display: block; } + .picker__container__wrapper { + -ms-flex: 2; + flex: 2; } } + +.picker__nav--prev:hover, +.picker__nav--next:hover { + cursor: pointer; + color: #000000; + background: #a1ded8; } + +.picker__weekday-display { + font-weight: 500; + font-size: 2.8rem; + margin-right: 5px; + margin-top: 4px; } + +.picker__month-display { + font-size: 2.8rem; + font-weight: 500; } + +.picker__day-display { + font-size: 2.8rem; + font-weight: 500; + margin-right: 5px; } + +.picker__year-display { + font-size: 1.5rem; + font-weight: 500; + color: rgba(255, 255, 255, 0.7); } + /*.picker__box { padding: 0; -}*/ -.picker__calendar-container { - padding: 0 1rem; } - .picker__calendar-container thead { - border: none; } - -.picker__table { - margin-top: 0; - margin-bottom: .5em; } - -.picker__day--infocus { - color: rgba(0, 0, 0, 0.87); - letter-spacing: -.3px; - padding: 0.75rem 0; - font-weight: 400; - border: 1px solid transparent; } - -@media only screen and (min-width: 601px) { - .picker__day--infocus { - padding: 1.1rem 0; } } - -.picker__day.picker__day--today { - color: #26a69a; } - -.picker__day.picker__day--today.picker__day--selected { - color: #fff; } - -.picker__weekday { - font-size: .9rem; } - -.picker__day--selected, -.picker__day--selected:hover, -.picker--focused .picker__day--selected { - border-radius: 50%; - -ms-transform: scale(0.9); - transform: scale(0.9); - background-color: #26a69a; - color: #ffffff; } - .picker__day--selected.picker__day--outfocus, - .picker__day--selected:hover.picker__day--outfocus, - .picker--focused .picker__day--selected.picker__day--outfocus { - background-color: #a1ded8; } - -.picker__footer { - text-align: right; - padding: 5px 10px; } - -.picker__close, .picker__today, .picker__clear { - font-size: 1.1rem; - padding: 0 1rem; - color: #26a69a; } - -.picker__clear { - color: #f44336; - float: left; } - -.picker__nav--prev:before, -.picker__nav--next:before { - content: " "; - border-top: .5em solid transparent; - border-bottom: .5em solid transparent; - border-right: 0.75em solid #676767; - width: 0; - height: 0; - display: block; - margin: 0 auto; } - -.picker__nav--next:before { - border-right: 0; - border-left: 0.75em solid #676767; } - -button.picker__today:focus, button.picker__clear:focus, button.picker__close:focus { - background-color: #a1ded8; } - +}*/ +.picker__calendar-container { + padding: 0 1rem; } + .picker__calendar-container thead { + border: none; } + +.picker__table { + margin-top: 0; + margin-bottom: .5em; } + +.picker__day--infocus { + color: rgba(0, 0, 0, 0.87); + letter-spacing: -.3px; + padding: 0.75rem 0; + font-weight: 400; + border: 1px solid transparent; } + +@media only screen and (min-width: 601px) { + .picker__day--infocus { + padding: 1.1rem 0; } } + +.picker__day.picker__day--today { + color: #26a69a; } + +.picker__day.picker__day--today.picker__day--selected { + color: #fff; } + +.picker__weekday { + font-size: .9rem; } + +.picker__day--selected, +.picker__day--selected:hover, +.picker--focused .picker__day--selected { + border-radius: 50%; + -ms-transform: scale(0.9); + transform: scale(0.9); + background-color: #26a69a; + color: #ffffff; } + .picker__day--selected.picker__day--outfocus, + .picker__day--selected:hover.picker__day--outfocus, + .picker--focused .picker__day--selected.picker__day--outfocus { + background-color: #a1ded8; } + +.picker__footer { + text-align: right; + padding: 5px 10px; } + +.picker__close, .picker__today, .picker__clear { + font-size: 1.1rem; + padding: 0 1rem; + color: #26a69a; } + +.picker__clear { + color: #f44336; + float: left; } + +.picker__nav--prev:before, +.picker__nav--next:before { + content: " "; + border-top: .5em solid transparent; + border-bottom: .5em solid transparent; + border-right: 0.75em solid #676767; + width: 0; + height: 0; + display: block; + margin: 0 auto; } + +.picker__nav--next:before { + border-right: 0; + border-left: 0.75em solid #676767; } + +button.picker__today:focus, button.picker__clear:focus, button.picker__close:focus { + background-color: #a1ded8; } + /* ========================================================================== $BASE-TIME-PICKER - ========================================================================== */ + ========================================================================== */ /** * The list of times. - */ -.picker__list { - list-style: none; - padding: 0.75em 0 4.2em; - margin: 0; } - + */ +.picker__list { + list-style: none; + padding: 0.75em 0 4.2em; + margin: 0; } + /** * The times on the clock. - */ -.picker__list-item { - border-bottom: 1px solid #ddd; - border-top: 1px solid #ddd; - margin-bottom: -1px; - position: relative; - background: #fff; - padding: .75em 1.25em; } - -@media (min-height: 46.75em) { - .picker__list-item { - padding: .5em 1em; } } - -/* Hovered time */ -.picker__list-item:hover { - cursor: pointer; - color: #000; - background: #b1dcfb; - border-color: #0089ec; - z-index: 10; } - -/* Highlighted and hovered/focused time */ -.picker__list-item--highlighted { - border-color: #0089ec; - z-index: 10; } - -.picker__list-item--highlighted:hover, -.picker--focused .picker__list-item--highlighted { - cursor: pointer; - color: #000; - background: #b1dcfb; } - -/* Selected and hovered/focused time */ -.picker__list-item--selected, -.picker__list-item--selected:hover, -.picker--focused .picker__list-item--selected { - background: #0089ec; - color: #fff; - z-index: 10; } - -/* Disabled time */ -.picker__list-item--disabled, -.picker__list-item--disabled:hover, -.picker--focused .picker__list-item--disabled { - background: #f5f5f5; - border-color: #f5f5f5; - color: #ddd; - cursor: default; - border-color: #ddd; - z-index: auto; } - + */ +.picker__list-item { + border-bottom: 1px solid #ddd; + border-top: 1px solid #ddd; + margin-bottom: -1px; + position: relative; + background: #fff; + padding: .75em 1.25em; } + +@media (min-height: 46.75em) { + .picker__list-item { + padding: .5em 1em; } } + +/* Hovered time */ +.picker__list-item:hover { + cursor: pointer; + color: #000; + background: #b1dcfb; + border-color: #0089ec; + z-index: 10; } + +/* Highlighted and hovered/focused time */ +.picker__list-item--highlighted { + border-color: #0089ec; + z-index: 10; } + +.picker__list-item--highlighted:hover, +.picker--focused .picker__list-item--highlighted { + cursor: pointer; + color: #000; + background: #b1dcfb; } + +/* Selected and hovered/focused time */ +.picker__list-item--selected, +.picker__list-item--selected:hover, +.picker--focused .picker__list-item--selected { + background: #0089ec; + color: #fff; + z-index: 10; } + +/* Disabled time */ +.picker__list-item--disabled, +.picker__list-item--disabled:hover, +.picker--focused .picker__list-item--disabled { + background: #f5f5f5; + border-color: #f5f5f5; + color: #ddd; + cursor: default; + border-color: #ddd; + z-index: auto; } + /** * The clear button - */ -.picker--time .picker__button--clear { - display: block; - width: 80%; - margin: 1em auto 0; - padding: 1em 1.25em; - background: none; - border: 0; - font-weight: 500; - font-size: .67em; - text-align: center; - text-transform: uppercase; - color: rgba(0, 0, 0, 0.87); } - -.picker--time .picker__button--clear:hover, -.picker--time .picker__button--clear:focus { - color: #000; - background: #b1dcfb; - background: #ee2200; - border-color: #ee2200; - cursor: pointer; - color: #fff; - outline: none; } - -.picker--time .picker__button--clear:before { - top: -0.25em; - color: rgba(0, 0, 0, 0.87); - font-size: 1.25em; - font-weight: bold; } - -.picker--time .picker__button--clear:hover:before, -.picker--time .picker__button--clear:focus:before { - color: #fff; } - + */ +.picker--time .picker__button--clear { + display: block; + width: 80%; + margin: 1em auto 0; + padding: 1em 1.25em; + background: none; + border: 0; + font-weight: 500; + font-size: .67em; + text-align: center; + text-transform: uppercase; + color: rgba(0, 0, 0, 0.87); } + +.picker--time .picker__button--clear:hover, +.picker--time .picker__button--clear:focus { + color: #000; + background: #b1dcfb; + background: #ee2200; + border-color: #ee2200; + cursor: pointer; + color: #fff; + outline: none; } + +.picker--time .picker__button--clear:before { + top: -0.25em; + color: rgba(0, 0, 0, 0.87); + font-size: 1.25em; + font-weight: bold; } + +.picker--time .picker__button--clear:hover:before, +.picker--time .picker__button--clear:focus:before { + color: #fff; } + /* ========================================================================== $DEFAULT-TIME-PICKER - ========================================================================== */ + ========================================================================== */ /** * The frame the bounds the time picker. - */ -.picker--time .picker__frame { - min-width: 256px; - max-width: 320px; } - + */ +.picker--time .picker__frame { + min-width: 256px; + max-width: 320px; } + /** * The picker box. - */ -.picker--time .picker__box { - font-size: 1em; - background: #f2f2f2; - padding: 0; } - -@media (min-height: 40.125em) { - .picker--time .picker__box { - margin-bottom: 5em; } } - + */ +.picker--time .picker__box { + font-size: 1em; + background: #f2f2f2; + padding: 0; } + +@media (min-height: 40.125em) { + .picker--time .picker__box { + margin-bottom: 5em; } } + /* ========================================================================== $DEFAULT-TIME-PICKER - ========================================================================== */ -.clockpicker-display { - font-size: 4rem; - font-weight: bold; - text-align: center; - color: rgba(255, 255, 255, 0.6); - font-weight: 400; - clear: both; - position: relative; } - -.clockpicker-span-am-pm { - font-size: 1.3rem; - position: absolute; - right: 1rem; - bottom: 0.3rem; - line-height: 2rem; - font-weight: 500; } - -@media only screen and (min-width: 601px) { - .clockpicker-display { - top: 32%; } - .clockpicker-span-am-pm { - position: relative; - right: auto; - bottom: auto; - text-align: center; - margin-top: 1.2rem; } } - -.text-primary { - color: white; } - -.clockpicker-span-hours { - margin-right: 3px; } - -.clockpicker-span-minutes { - margin-left: 3px; } - -.clockpicker-span-hours, -.clockpicker-span-minutes, -.clockpicker-span-am-pm div { - cursor: pointer; } - -.clockpicker-moving { - cursor: move; } - -.clockpicker-plate { - background-color: #eee; - border-radius: 50%; - width: 270px; - height: 270px; - overflow: visible; - position: relative; - margin: auto; - margin-top: 25px; - margin-bottom: 5px; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; } - -.clockpicker-canvas, -.clockpicker-dial { - width: 270px; - height: 270px; - position: absolute; - left: -1px; - top: -1px; } - -.clockpicker-minutes { - visibility: hidden; } - -.clockpicker-tick { - border-radius: 50%; - color: rgba(0, 0, 0, 0.87); - line-height: 40px; - text-align: center; - width: 40px; - height: 40px; - position: absolute; - cursor: pointer; } - -.clockpicker-tick.active, -.clockpicker-tick:hover { - background-color: rgba(38, 166, 154, 0.25); } - -.clockpicker-dial { - transition: transform 350ms, opacity 350ms; } - -.clockpicker-dial-out { - opacity: 0; } - -.clockpicker-hours.clockpicker-dial-out { - -ms-transform: scale(1.2, 1.2); - transform: scale(1.2, 1.2); } - -.clockpicker-minutes.clockpicker-dial-out { - -ms-transform: scale(0.8, 0.8); - transform: scale(0.8, 0.8); } - -.clockpicker-canvas { - transition: opacity 175ms; } - -.clockpicker-canvas-out { - opacity: 0.25; } - -.clockpicker-canvas-bearing { - stroke: none; - fill: #26a69a; } - -.clockpicker-canvas-bg { - stroke: none; - fill: #26a69a; } - -.clockpicker-canvas-bg-trans { - fill: #26a69a; } - -.clockpicker-canvas line { - stroke: #26a69a; - stroke-width: 4; - stroke-linecap: round; - /*shape-rendering: crispEdges;*/ } - -.pulse { - overflow: initial; - position: relative; } - .pulse::before { - content: ''; - display: block; - position: absolute; - width: 100%; - height: 100%; - top: 0; - left: 0; - background-color: inherit; - border-radius: inherit; - transition: opacity .3s, transform .3s; - animation: pulse-animation 1s cubic-bezier(0.24, 0, 0.38, 1) infinite; - z-index: -1; } - -@keyframes pulse-animation { - 0% { - opacity: 1; - transform: scale(1); } - 50% { - opacity: 0; - transform: scale(1.5); } - 100% { - opacity: 0; - transform: scale(1.5); } } - -.chip { - display: inline-block; - height: 32px; - font-size: 13px; - font-weight: 500; - color: rgba(0, 0, 0, 0.6); - line-height: 32px; - padding: 0 12px; - border-radius: 16px; - background-color: #e4e4e4; - margin-bottom: 5px; - margin-right: 5px; } - .chip > img { - float: left; - margin: 0 8px 0 -12px; - height: 32px; - width: 32px; - border-radius: 50%; } - .chip .close { - cursor: pointer; - float: right; - font-size: 16px; - line-height: 32px; - padding-left: 8px; } - -.chips { - border: none; - border-bottom: 1px solid #9e9e9e; - box-shadow: none; - margin: 0 0 20px 0; - min-height: 45px; - outline: none; - transition: all .3s; } - .chips.focus { - border-bottom: 1px solid #26a69a; - box-shadow: 0 1px 0 0 #26a69a; } - .chips:hover { - cursor: text; } - .chips .chip.selected { - background-color: #26a69a; - color: #fff; } - .chips .input { - background: none; - border: 0; - color: rgba(0, 0, 0, 0.6); - display: inline-block; - font-size: 1rem; - height: 3rem; - line-height: 32px; - outline: 0; - margin: 0; - padding: 0 !important; - width: 120px !important; } - .chips .input:focus { - border: 0 !important; - box-shadow: none !important; } - .chips .autocomplete-content { - margin-top: 0; - margin-bottom: 0; } - -.prefix ~ .chips { - margin-left: 3rem; - width: 92%; - width: calc(100% - 3rem); } - -.chips:empty ~ label { - font-size: 0.8rem; - -ms-transform: translateY(-140%); - transform: translateY(-140%); } - -/* This is needed for some mobile phones to display the Google Icon font properly */ -.material-icons, .button-action::before, .collapsible li.active .collapsible-header.with-arrows::after, details.form-wrapper li.active .collapsible-header.with-arrows::after, .collapsible li.active details.form-wrapper summary.with-arrows::after, details.form-wrapper .collapsible li.active summary.with-arrows::after, details.form-wrapper li.active summary.with-arrows::after, .collapsible li.active .collapsible-header.right-arrows::after, details.form-wrapper li.active .collapsible-header.right-arrows::after, .collapsible li.active details.form-wrapper summary.right-arrows::after, details.form-wrapper .collapsible li.active summary.right-arrows::after, details.form-wrapper li.active summary.right-arrows::after, .collapsible li .collapsible-header.with-arrows::after, details.form-wrapper li .collapsible-header.with-arrows::after, .collapsible li details.form-wrapper summary.with-arrows::after, details.form-wrapper .collapsible li summary.with-arrows::after, details.form-wrapper li summary.with-arrows::after, .collapsible li .collapsible-header.right-arrows::after, details.form-wrapper li .collapsible-header.right-arrows::after, .collapsible li details.form-wrapper summary.right-arrows::after, details.form-wrapper .collapsible li summary.right-arrows::after, details.form-wrapper li summary.right-arrows::after, .region-title__action .button::after, .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button.button--danger::after, .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button.success::after, .color-palette .color-palette__hook.is-up::before, .color-palette button.color-palette__lock::before, -.color-palette .color-palette__lock::before, .file::before, .breadcrumb-nav ol li:first-child a::before, .breadcrumb-nav ol li::before, .details-item .collapsible-header::before, .details-item details.form-wrapper summary::before, details.form-wrapper .details-item summary::before, .details-item .collapsible-header.active::before, .details-item details.form-wrapper summary.active::before, details.form-wrapper .details-item summary.active::before, .collection .collection-item > .item-list .collection .collection-item::before, .dropdown-button::after, .dropdown-button.active::after, .select-wrapper .caret::after, details.form-wrapper[open] > summary::after, details.form-wrapper summary::after, .entity-meta__last-saved h4::before, -.entity-meta__author h4::before, -.field--name-created h4::before, ol.task-list li.is-active::after, .messages-clone.messages--status .card-content .message-header .card-title::before, .messages-clone.messages--warning .card-content .message-header .card-title::before, .messages-clone.messages--error .card-content .message-header .card-title::before, .tablesort.tablesort--asc::after, .tablesort.tablesort--desc::after, .draggable a.tabledrag-handle .handle::before, .views-ui-rearrange-filter-form .filter-group-operator-row .form-item-filter-groups-operator::before, .views-ui-display-tab-bucket .collection-string-only::before, .acquiadam-browser-breadcrumb-container i::after, .acquiadam-browser-breadcrumb-container li:first-child i::before, .entities-list .item-container.ui-sortable-handle::before, .system-status-report__status-icon--checked .collapsible-header::before, .system-status-report__status-icon--checked details.form-wrapper summary::before, details.form-wrapper .system-status-report__status-icon--checked summary::before, .system-status-report__status-icon--warning .collapsible-header::before, .system-status-report__status-icon--warning details.form-wrapper summary::before, details.form-wrapper .system-status-report__status-icon--warning summary::before, .system-status-report__status-icon--error .collapsible-header::before, .system-status-report__status-icon--error details.form-wrapper summary::before, details.form-wrapper .system-status-report__status-icon--error summary::before, .maintenance-page-content ul.links li.front a::before, .maintenance-page-content ul.links li.admin-pages a::before { - text-rendering: optimizeLegibility; - font-feature-settings: 'liga'; } - -/*! Tablesaw - v3.0.6 - 2017-11-20 -* https://github.com/filamentgroup/tablesaw -* Copyright (c) 2017 Filament Group; Licensed MIT */ -/*! Tablesaw - v3.0.6 - 2017-11-20 -* https://github.com/filamentgroup/tablesaw -* Copyright (c) 2017 Filament Group; Licensed MIT */ -.tablesaw { - width: 100%; - max-width: 100%; - empty-cells: show; - border-collapse: collapse; - border: 0; - padding: 0; } - -.tablesaw * { - box-sizing: border-box; } - -.tablesaw-stack td .tablesaw-cell-label, -.tablesaw-stack th .tablesaw-cell-label { - display: none; } - -/* Mobile first styles: Begin with the stacked presentation at narrow widths */ -/* Support note IE9+: @media only all */ -@media only all { - /* Show the table cells as a block level element */ - .tablesaw-stack { - clear: both; } - .tablesaw-stack td, - .tablesaw-stack th { - text-align: left; - display: block; } - .tablesaw-stack tr { - clear: both; - display: table-row; } - /* Make the label elements a percentage width */ - .tablesaw-stack td .tablesaw-cell-label, - .tablesaw-stack th .tablesaw-cell-label { - display: inline-block; - padding: 0 .6em 0 0; - width: 30%; } - /* For grouped headers, have a different style to visually separate the levels by classing the first label in each col group */ - .tablesaw-stack th .tablesaw-cell-label-top, - .tablesaw-stack td .tablesaw-cell-label-top { - display: block; - padding: .4em 0; - margin: .4em 0; } - .tablesaw-cell-label { - display: block; } - /* Avoid double strokes when stacked */ - .tablesaw-stack tbody th.group { - margin-top: -1px; } - /* Avoid double strokes when stacked */ - .tablesaw-stack th.group b.tablesaw-cell-label { - display: none !important; } } - -/* @file - * Base files - * - */ -/* fallback */ -@font-face { - font-family: 'Material Icons'; - font-weight: 400; - font-style: normal; - src: url("//fonts.gstatic.com/s/materialicons/v28/2fcrYFNaTjcS6g4U3t-Y5UEw0lE80llgEseQY3FEmqw.woff2") format("woff2"); } - -.material-icons, .button-action::before, .collapsible li.active .collapsible-header.with-arrows::after, details.form-wrapper li.active .collapsible-header.with-arrows::after, .collapsible li.active details.form-wrapper summary.with-arrows::after, details.form-wrapper .collapsible li.active summary.with-arrows::after, details.form-wrapper li.active summary.with-arrows::after, .collapsible li.active .collapsible-header.right-arrows::after, details.form-wrapper li.active .collapsible-header.right-arrows::after, .collapsible li.active details.form-wrapper summary.right-arrows::after, details.form-wrapper .collapsible li.active summary.right-arrows::after, details.form-wrapper li.active summary.right-arrows::after, .collapsible li .collapsible-header.with-arrows::after, details.form-wrapper li .collapsible-header.with-arrows::after, .collapsible li details.form-wrapper summary.with-arrows::after, details.form-wrapper .collapsible li summary.with-arrows::after, details.form-wrapper li summary.with-arrows::after, .collapsible li .collapsible-header.right-arrows::after, details.form-wrapper li .collapsible-header.right-arrows::after, .collapsible li details.form-wrapper summary.right-arrows::after, details.form-wrapper .collapsible li summary.right-arrows::after, details.form-wrapper li summary.right-arrows::after, .region-title__action .button::after, .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button.button--danger::after, .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button.success::after, .color-palette .color-palette__hook.is-up::before, .color-palette button.color-palette__lock::before, -.color-palette .color-palette__lock::before, .file::before, .breadcrumb-nav ol li:first-child a::before, .breadcrumb-nav ol li::before, .details-item .collapsible-header::before, .details-item details.form-wrapper summary::before, details.form-wrapper .details-item summary::before, .details-item .collapsible-header.active::before, .details-item details.form-wrapper summary.active::before, details.form-wrapper .details-item summary.active::before, .collection .collection-item > .item-list .collection .collection-item::before, .dropdown-button::after, .dropdown-button.active::after, .select-wrapper .caret::after, details.form-wrapper[open] > summary::after, details.form-wrapper summary::after, .entity-meta__last-saved h4::before, -.entity-meta__author h4::before, -.field--name-created h4::before, ol.task-list li.is-active::after, .messages-clone.messages--status .card-content .message-header .card-title::before, .messages-clone.messages--warning .card-content .message-header .card-title::before, .messages-clone.messages--error .card-content .message-header .card-title::before, .tablesort.tablesort--asc::after, .tablesort.tablesort--desc::after, .draggable a.tabledrag-handle .handle::before, .views-ui-rearrange-filter-form .filter-group-operator-row .form-item-filter-groups-operator::before, .views-ui-display-tab-bucket .collection-string-only::before, .acquiadam-browser-breadcrumb-container i::after, .acquiadam-browser-breadcrumb-container li:first-child i::before, .entities-list .item-container.ui-sortable-handle::before, .system-status-report__status-icon--checked .collapsible-header::before, .system-status-report__status-icon--checked details.form-wrapper summary::before, details.form-wrapper .system-status-report__status-icon--checked summary::before, .system-status-report__status-icon--warning .collapsible-header::before, .system-status-report__status-icon--warning details.form-wrapper summary::before, details.form-wrapper .system-status-report__status-icon--warning summary::before, .system-status-report__status-icon--error .collapsible-header::before, .system-status-report__status-icon--error details.form-wrapper summary::before, details.form-wrapper .system-status-report__status-icon--error summary::before, .maintenance-page-content ul.links li.front a::before, .maintenance-page-content ul.links li.admin-pages a::before { - display: inline-block; - text-transform: none; - line-height: 1; - letter-spacing: normal; - white-space: nowrap; - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - word-wrap: normal; - direction: ltr; - -webkit-font-feature-settings: 'liga'; - -webkit-font-smoothing: antialiased; } - -/* @file - * Common low level styles - * - */ -.material-tooltip { - max-width: 43rem; - pointer-events: auto; } - .material-tooltip a { - color: #ff9800; } - -h1 { - font-size: 2.5rem; } - -h2 { - font-size: 2rem; } - h2.small-header, .views-preview-wrapper .view-preview-form h2.view-preview-form__title { - line-height: 25px; - color: #424242; - font-size: 1.3rem; - font-weight: 300; } - -h3 { - font-size: 1.5rem; } - -body { - background: #fafafa; - font-family: "Roboto", sans-serif; } - @media (max-width: 599.9375px) { - body { - /* Table rows have a gray bottom stroke by default */ } - body .tablesaw-stack tbody tr { - display: block; - width: 100%; - border-bottom: 1px solid #dfdfdf; } - body .tablesaw-stack thead td, - body .tablesaw-stack thead th { - display: none; } - body .tablesaw-stack tbody td, - body .tablesaw-stack tbody th { - display: block; - float: left; - clear: left; - width: 100%; } - body .tablesaw-cell-label { - vertical-align: top; } - body .tablesaw-cell-content { - max-width: 67%; - display: inline-block; } - body .tablesaw-stack td:empty, - body .tablesaw-stack th:empty { - display: none; } } - @media (min-width: 600px) { - body { - /* Show the table header rows */ - /* Hide the labels in each cell */ } - body .tablesaw-stack tr { - display: table-row; } - body .tablesaw-stack td, - body .tablesaw-stack th, - body .tablesaw-stack thead td, - body .tablesaw-stack thead th { - display: table-cell; - margin: 0; } - body .tablesaw-stack td .tablesaw-cell-label, - body .tablesaw-stack th .tablesaw-cell-label { - display: none !important; } } - -@media only screen and (min-width: 601px) { - .material-container.row { - margin: 0 auto !important; - width: 95%; } - .fixed-width-row.row { - margin: 0 auto !important; - width: 1200px; } } - -@media only screen and (max-width: 600px) { - #main-wrapper > .material-container.row { - padding: 20px 0; } } - -.row.highlighted-container.material-container { - padding: 0; } - .row.highlighted-container.material-container .region-highlighted > * { - padding-top: 20px; - padding-bottom: 0; } - -.row .row { - padding: 20px 0; } - -hr { - margin: 1em 0; - border: 1px solid #e0e0e0; } - -.show-radio-btn { - position: relative !important; } - -.v-middle { - vertical-align: middle; } - -.v-top { - vertical-align: top; } - -.v-top i, .v-top span { - vertical-align: top; } - -ul.dropbutton input { - vertical-align: -moz-middle-with-baseline; - vertical-align: -webkit-baseline-middle; } - -label { - box-sizing: border-box; } - -.description .material-tooltip { - max-width: 43rem; - line-height: 1.5em; - font-weight: 100; } - -.tooltipped, -.filter-help { - font-size: .8em; } - .tooltipped .material-icons, .tooltipped .button-action::before, .tooltipped details.form-wrapper li.active summary.with-arrows::after, details.form-wrapper li.active .tooltipped summary.with-arrows::after, .tooltipped details.form-wrapper li.active summary.right-arrows::after, details.form-wrapper li.active .tooltipped summary.right-arrows::after, .tooltipped .collapsible li .collapsible-header.with-arrows::after, .collapsible li .tooltipped .collapsible-header.with-arrows::after, .tooltipped details.form-wrapper li .collapsible-header.with-arrows::after, details.form-wrapper li .tooltipped .collapsible-header.with-arrows::after, .tooltipped .collapsible li details.form-wrapper summary.with-arrows::after, .collapsible li details.form-wrapper .tooltipped summary.with-arrows::after, .tooltipped details.form-wrapper li summary.with-arrows::after, details.form-wrapper li .tooltipped summary.with-arrows::after, .tooltipped .collapsible li .collapsible-header.right-arrows::after, .collapsible li .tooltipped .collapsible-header.right-arrows::after, .tooltipped details.form-wrapper li .collapsible-header.right-arrows::after, details.form-wrapper li .tooltipped .collapsible-header.right-arrows::after, .tooltipped .collapsible li details.form-wrapper summary.right-arrows::after, .collapsible li details.form-wrapper .tooltipped summary.right-arrows::after, .tooltipped details.form-wrapper li summary.right-arrows::after, details.form-wrapper li .tooltipped summary.right-arrows::after, .tooltipped .region-title__action .button::after, .region-title__action .tooltipped .button::after, .tooltipped .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button.button--danger::after, .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .tooltipped button.button--danger::after, .tooltipped .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button.success::after, .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .tooltipped button.success::after, .tooltipped .color-palette .color-palette__hook.is-up::before, .color-palette .tooltipped .color-palette__hook.is-up::before, .tooltipped - .color-palette .color-palette__lock::before, - .color-palette .tooltipped .color-palette__lock::before, .tooltipped .file::before, .tooltipped .breadcrumb-nav ol li:first-child a::before, .breadcrumb-nav ol li:first-child .tooltipped a::before, .tooltipped .breadcrumb-nav ol li::before, .breadcrumb-nav ol .tooltipped li::before, .tooltipped .details-item .collapsible-header::before, .details-item .tooltipped .collapsible-header::before, .tooltipped .details-item details.form-wrapper summary::before, .details-item details.form-wrapper .tooltipped summary::before, .tooltipped details.form-wrapper .details-item summary::before, details.form-wrapper .details-item .tooltipped summary::before, .tooltipped .collection .collection-item > .item-list .collection .collection-item::before, .collection .collection-item > .item-list .collection .tooltipped .collection-item::before, .tooltipped .dropdown-button::after, .tooltipped .select-wrapper .caret::after, .select-wrapper .tooltipped .caret::after, .tooltipped details.form-wrapper summary::after, details.form-wrapper .tooltipped summary::after, .tooltipped .entity-meta__last-saved h4::before, .entity-meta__last-saved .tooltipped h4::before, .tooltipped - .entity-meta__author h4::before, - .entity-meta__author .tooltipped h4::before, .tooltipped - .field--name-created h4::before, - .field--name-created .tooltipped h4::before, .tooltipped ol.task-list li.is-active::after, ol.task-list .tooltipped li.is-active::after, .tooltipped .messages-clone.messages--status .card-content .message-header .card-title::before, .messages-clone.messages--status .card-content .message-header .tooltipped .card-title::before, .tooltipped .messages-clone.messages--warning .card-content .message-header .card-title::before, .messages-clone.messages--warning .card-content .message-header .tooltipped .card-title::before, .tooltipped .messages-clone.messages--error .card-content .message-header .card-title::before, .messages-clone.messages--error .card-content .message-header .tooltipped .card-title::before, .tooltipped .tablesort.tablesort--asc::after, .tooltipped .tablesort.tablesort--desc::after, .tooltipped .draggable a.tabledrag-handle .handle::before, .draggable a.tabledrag-handle .tooltipped .handle::before, .tooltipped .views-ui-rearrange-filter-form .filter-group-operator-row .form-item-filter-groups-operator::before, .views-ui-rearrange-filter-form .filter-group-operator-row .tooltipped .form-item-filter-groups-operator::before, .tooltipped .views-ui-display-tab-bucket .collection-string-only::before, .views-ui-display-tab-bucket .tooltipped .collection-string-only::before, .tooltipped .acquiadam-browser-breadcrumb-container i::after, .acquiadam-browser-breadcrumb-container .tooltipped i::after, .tooltipped .acquiadam-browser-breadcrumb-container li:first-child i::before, .acquiadam-browser-breadcrumb-container li:first-child .tooltipped i::before, .tooltipped .entities-list .item-container.ui-sortable-handle::before, .entities-list .tooltipped .item-container.ui-sortable-handle::before, .tooltipped .system-status-report__status-icon--checked .collapsible-header::before, .system-status-report__status-icon--checked .tooltipped .collapsible-header::before, .tooltipped .system-status-report__status-icon--checked details.form-wrapper summary::before, .system-status-report__status-icon--checked details.form-wrapper .tooltipped summary::before, .tooltipped details.form-wrapper .system-status-report__status-icon--checked summary::before, details.form-wrapper .system-status-report__status-icon--checked .tooltipped summary::before, .tooltipped .system-status-report__status-icon--warning .collapsible-header::before, .system-status-report__status-icon--warning .tooltipped .collapsible-header::before, .tooltipped .system-status-report__status-icon--warning details.form-wrapper summary::before, .system-status-report__status-icon--warning details.form-wrapper .tooltipped summary::before, .tooltipped details.form-wrapper .system-status-report__status-icon--warning summary::before, details.form-wrapper .system-status-report__status-icon--warning .tooltipped summary::before, .tooltipped .system-status-report__status-icon--error .collapsible-header::before, .system-status-report__status-icon--error .tooltipped .collapsible-header::before, .tooltipped .system-status-report__status-icon--error details.form-wrapper summary::before, .system-status-report__status-icon--error details.form-wrapper .tooltipped summary::before, .tooltipped details.form-wrapper .system-status-report__status-icon--error summary::before, details.form-wrapper .system-status-report__status-icon--error .tooltipped summary::before, .tooltipped .maintenance-page-content ul.links li.front a::before, .maintenance-page-content ul.links li.front .tooltipped a::before, .tooltipped .maintenance-page-content ul.links li.admin-pages a::before, .maintenance-page-content ul.links li.admin-pages .tooltipped a::before, - .filter-help .material-icons, - .filter-help .button-action::before, - .filter-help details.form-wrapper li.active summary.with-arrows::after, details.form-wrapper li.active - .filter-help summary.with-arrows::after, - .filter-help details.form-wrapper li.active summary.right-arrows::after, details.form-wrapper li.active - .filter-help summary.right-arrows::after, - .filter-help .collapsible li .collapsible-header.with-arrows::after, .collapsible li - .filter-help .collapsible-header.with-arrows::after, - .filter-help details.form-wrapper li .collapsible-header.with-arrows::after, details.form-wrapper li - .filter-help .collapsible-header.with-arrows::after, - .filter-help .collapsible li details.form-wrapper summary.with-arrows::after, .collapsible li details.form-wrapper - .filter-help summary.with-arrows::after, - .filter-help details.form-wrapper li summary.with-arrows::after, details.form-wrapper li - .filter-help summary.with-arrows::after, - .filter-help .collapsible li .collapsible-header.right-arrows::after, .collapsible li - .filter-help .collapsible-header.right-arrows::after, - .filter-help details.form-wrapper li .collapsible-header.right-arrows::after, details.form-wrapper li - .filter-help .collapsible-header.right-arrows::after, - .filter-help .collapsible li details.form-wrapper summary.right-arrows::after, .collapsible li details.form-wrapper - .filter-help summary.right-arrows::after, - .filter-help details.form-wrapper li summary.right-arrows::after, details.form-wrapper li - .filter-help summary.right-arrows::after, - .filter-help .region-title__action .button::after, .region-title__action - .filter-help .button::after, - .filter-help .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button.button--danger::after, .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset - .filter-help button.button--danger::after, - .filter-help .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button.success::after, .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset - .filter-help button.success::after, - .filter-help .color-palette .color-palette__hook.is-up::before, .color-palette - .filter-help .color-palette__hook.is-up::before, - .filter-help - .color-palette .color-palette__lock::before, - .color-palette - .filter-help .color-palette__lock::before, - .filter-help .file::before, - .filter-help .breadcrumb-nav ol li:first-child a::before, .breadcrumb-nav ol li:first-child - .filter-help a::before, - .filter-help .breadcrumb-nav ol li::before, .breadcrumb-nav ol - .filter-help li::before, - .filter-help .details-item .collapsible-header::before, .details-item - .filter-help .collapsible-header::before, - .filter-help .details-item details.form-wrapper summary::before, .details-item details.form-wrapper - .filter-help summary::before, - .filter-help details.form-wrapper .details-item summary::before, details.form-wrapper .details-item - .filter-help summary::before, - .filter-help .collection .collection-item > .item-list .collection .collection-item::before, .collection .collection-item > .item-list .collection - .filter-help .collection-item::before, - .filter-help .dropdown-button::after, - .filter-help .select-wrapper .caret::after, .select-wrapper - .filter-help .caret::after, - .filter-help details.form-wrapper summary::after, details.form-wrapper - .filter-help summary::after, - .filter-help .entity-meta__last-saved h4::before, .entity-meta__last-saved - .filter-help h4::before, - .filter-help - .entity-meta__author h4::before, - .entity-meta__author - .filter-help h4::before, - .filter-help - .field--name-created h4::before, - .field--name-created - .filter-help h4::before, - .filter-help ol.task-list li.is-active::after, ol.task-list - .filter-help li.is-active::after, - .filter-help .messages-clone.messages--status .card-content .message-header .card-title::before, .messages-clone.messages--status .card-content .message-header - .filter-help .card-title::before, - .filter-help .messages-clone.messages--warning .card-content .message-header .card-title::before, .messages-clone.messages--warning .card-content .message-header - .filter-help .card-title::before, - .filter-help .messages-clone.messages--error .card-content .message-header .card-title::before, .messages-clone.messages--error .card-content .message-header - .filter-help .card-title::before, - .filter-help .tablesort.tablesort--asc::after, - .filter-help .tablesort.tablesort--desc::after, - .filter-help .draggable a.tabledrag-handle .handle::before, .draggable a.tabledrag-handle - .filter-help .handle::before, - .filter-help .views-ui-rearrange-filter-form .filter-group-operator-row .form-item-filter-groups-operator::before, .views-ui-rearrange-filter-form .filter-group-operator-row - .filter-help .form-item-filter-groups-operator::before, - .filter-help .views-ui-display-tab-bucket .collection-string-only::before, .views-ui-display-tab-bucket - .filter-help .collection-string-only::before, - .filter-help .acquiadam-browser-breadcrumb-container i::after, .acquiadam-browser-breadcrumb-container - .filter-help i::after, - .filter-help .acquiadam-browser-breadcrumb-container li:first-child i::before, .acquiadam-browser-breadcrumb-container li:first-child - .filter-help i::before, - .filter-help .entities-list .item-container.ui-sortable-handle::before, .entities-list - .filter-help .item-container.ui-sortable-handle::before, - .filter-help .system-status-report__status-icon--checked .collapsible-header::before, .system-status-report__status-icon--checked - .filter-help .collapsible-header::before, - .filter-help .system-status-report__status-icon--checked details.form-wrapper summary::before, .system-status-report__status-icon--checked details.form-wrapper - .filter-help summary::before, - .filter-help details.form-wrapper .system-status-report__status-icon--checked summary::before, details.form-wrapper .system-status-report__status-icon--checked - .filter-help summary::before, - .filter-help .system-status-report__status-icon--warning .collapsible-header::before, .system-status-report__status-icon--warning - .filter-help .collapsible-header::before, - .filter-help .system-status-report__status-icon--warning details.form-wrapper summary::before, .system-status-report__status-icon--warning details.form-wrapper - .filter-help summary::before, - .filter-help details.form-wrapper .system-status-report__status-icon--warning summary::before, details.form-wrapper .system-status-report__status-icon--warning - .filter-help summary::before, - .filter-help .system-status-report__status-icon--error .collapsible-header::before, .system-status-report__status-icon--error - .filter-help .collapsible-header::before, - .filter-help .system-status-report__status-icon--error details.form-wrapper summary::before, .system-status-report__status-icon--error details.form-wrapper - .filter-help summary::before, - .filter-help details.form-wrapper .system-status-report__status-icon--error summary::before, details.form-wrapper .system-status-report__status-icon--error - .filter-help summary::before, - .filter-help .maintenance-page-content ul.links li.front a::before, .maintenance-page-content ul.links li.front - .filter-help a::before, - .filter-help .maintenance-page-content ul.links li.admin-pages a::before, .maintenance-page-content ul.links li.admin-pages - .filter-help a::before { - vertical-align: text-bottom; - font-size: 1.5em; } - -.filter-help { - text-align: right; } - -.text-format-wrapper { - position: relative; } - -.error-text-color, -.button--danger, -.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button.button--danger { - color: #E53935; } - -.color-error { - background: #FFCDD2; } - -.error-color, .node-multiple-delete-confirm input.form-submit, .admin-requirements.collapsible-body .admin-prevent-text, -.errors-color { - background: #E53935; } - -.warning-text-color { - color: #f9a825; } - -.color-warning { - background: #fff9c4; } - -.warning-color, -.warnings-color { - background: #f9a825; } - -.status-text-color, .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button.success { - color: #388E3C; } - -.color-success { - background: #C8E6C9; } - -.status-color, -.checked-color { - background: #4CAF50; } - -.button-action { - background: #ee6e73; - color: #FFFFFF !important; } - .button-action::before { - display: inline-block; - margin: 0 10px 0 0; - vertical-align: text-top; - font-size: 1.25rem; - font-weight: 600; - content: 'add'; } - .button-action:hover, .button-action:active, .button-action:focus { - background: #f18589; } - -.button.button--danger:hover, .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button.button.button--danger:hover { - background: #f5f5f5 !important; } - -.btn-flat-action, .entities-list .item-container .btn, .entities-list .item-container .btn-large, .entities-list .item-container .button-action, .entities-list .item-container .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button, .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .entities-list .item-container button, .entities-list .item-container .dropbutton-wrapper .single-btn-wrapper a, .dropbutton-wrapper .single-btn-wrapper .entities-list .item-container a, .entities-list .item-container #edit-actions .button.use-ajax, #edit-actions .entities-list .item-container .button.use-ajax, .entities-list .item-container .views-displays .tabs.secondary li.add a, .views-displays .tabs.secondary li.add .entities-list .item-container a, .entities-list .item-container .ui-dialog-content .webform-ajax-link, .ui-dialog-content .entities-list .item-container .webform-ajax-link, .entities-list .item-container .webform-details-toggle-state-wrapper .webform-details-toggle-state, .webform-details-toggle-state-wrapper .entities-list .item-container .webform-details-toggle-state, .entities-list .item-container .maintenance-page-content .button, .maintenance-page-content .entities-list .item-container .button, .entities-list .item-container .maintenance-page-content ul.links li a, .maintenance-page-content ul.links li .entities-list .item-container a { - color: #ffab40; } - -.inline { - display: inline; } - -.button-link:hover, .compact-link a:hover, .tabledrag-toggle-weight-wrapper .tabledrag-toggle-weight:hover, .ui-dialog-content .webform-ajax-link:hover, .webform-details-toggle-state-wrapper .webform-details-toggle-state:hover { - background: #eeeeee; } - -.collapse-right, .collapsible li .collapsible-header.with-arrows::after, details.form-wrapper li .collapsible-header.with-arrows::after, .collapsible li details.form-wrapper summary.with-arrows::after, details.form-wrapper .collapsible li summary.with-arrows::after, details.form-wrapper li summary.with-arrows::after, .collapsible li .collapsible-header.right-arrows::after, details.form-wrapper li .collapsible-header.right-arrows::after, .collapsible li details.form-wrapper summary.right-arrows::after, details.form-wrapper .collapsible li summary.right-arrows::after, details.form-wrapper li summary.right-arrows::after, details.form-wrapper summary::after { - position: absolute; - right: 20px; - color: #9e9e9e; - font-size: 1.5em; - font-weight: 700; - content: 'keyboard_arrow_right'; } - -.collapse-down, .collapsible li.active .collapsible-header.with-arrows::after, details.form-wrapper li.active .collapsible-header.with-arrows::after, .collapsible li.active details.form-wrapper summary.with-arrows::after, details.form-wrapper .collapsible li.active summary.with-arrows::after, details.form-wrapper li.active summary.with-arrows::after, .collapsible li.active .collapsible-header.right-arrows::after, details.form-wrapper li.active .collapsible-header.right-arrows::after, .collapsible li.active details.form-wrapper summary.right-arrows::after, details.form-wrapper .collapsible li.active summary.right-arrows::after, details.form-wrapper li.active summary.right-arrows::after, details.form-wrapper[open] > summary::after { - position: absolute; - right: 20px; - color: #9e9e9e; - font-size: 1.5em; - font-weight: 700; - content: 'keyboard_arrow_down'; } - -.toast { - word-break: normal; } - -.row { - margin: 0; - padding: 20px; } - -.region-status .row { - padding: 0; } - -.select-wrapper input.select-dropdown { - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; } - -.btn + .btn, .btn-large + .btn, .button-action + .btn, .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button + .btn, .dropbutton-wrapper .single-btn-wrapper a + .btn, #edit-actions .button.use-ajax + .btn, .views-displays .tabs.secondary li.add a + .btn, .ui-dialog-content .webform-ajax-link + .btn, .webform-details-toggle-state-wrapper .webform-details-toggle-state + .btn, .maintenance-page-content .button + .btn, .maintenance-page-content ul.links li a + .btn, .btn + .btn-large, .btn-large + .btn-large, .button-action + .btn-large, .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button + .btn-large, .dropbutton-wrapper .single-btn-wrapper a + .btn-large, #edit-actions .button.use-ajax + .btn-large, .views-displays .tabs.secondary li.add a + .btn-large, .ui-dialog-content .webform-ajax-link + .btn-large, .webform-details-toggle-state-wrapper .webform-details-toggle-state + .btn-large, .maintenance-page-content .button + .btn-large, .maintenance-page-content ul.links li a + .btn-large, .btn + .button-action, .btn-large + .button-action, .button-action + .button-action, .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button + .button-action, .dropbutton-wrapper .single-btn-wrapper a + .button-action, #edit-actions .button.use-ajax + .button-action, .views-displays .tabs.secondary li.add a + .button-action, .ui-dialog-content .webform-ajax-link + .button-action, .webform-details-toggle-state-wrapper .webform-details-toggle-state + .button-action, .maintenance-page-content .button + .button-action, .maintenance-page-content ul.links li a + .button-action, .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .btn + button, .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .btn-large + button, .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .button-action + button, .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button + button, .dropbutton-wrapper .single-btn-wrapper .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset a + button, .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .dropbutton-wrapper .single-btn-wrapper a + button, #edit-actions .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .button.use-ajax + button, .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset #edit-actions .button.use-ajax + button, .views-displays .tabs.secondary li.add .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset a + button, .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .views-displays .tabs.secondary li.add a + button, .ui-dialog-content .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .webform-ajax-link + button, .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .ui-dialog-content .webform-ajax-link + button, .webform-details-toggle-state-wrapper .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .webform-details-toggle-state + button, .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .webform-details-toggle-state-wrapper .webform-details-toggle-state + button, .maintenance-page-content .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .button + button, .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .maintenance-page-content .button + button, .maintenance-page-content ul.links li .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset a + button, .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .maintenance-page-content ul.links li a + button, .dropbutton-wrapper .single-btn-wrapper .btn + a, .dropbutton-wrapper .single-btn-wrapper .btn-large + a, .dropbutton-wrapper .single-btn-wrapper .button-action + a, .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .dropbutton-wrapper .single-btn-wrapper button + a, .dropbutton-wrapper .single-btn-wrapper .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button + a, .dropbutton-wrapper .single-btn-wrapper a + a, #edit-actions .dropbutton-wrapper .single-btn-wrapper .button.use-ajax + a, .dropbutton-wrapper .single-btn-wrapper #edit-actions .button.use-ajax + a, .views-displays .tabs.secondary li.add .dropbutton-wrapper .single-btn-wrapper a + a, .dropbutton-wrapper .single-btn-wrapper .views-displays .tabs.secondary li.add a + a, .ui-dialog-content .dropbutton-wrapper .single-btn-wrapper .webform-ajax-link + a, .dropbutton-wrapper .single-btn-wrapper .ui-dialog-content .webform-ajax-link + a, .webform-details-toggle-state-wrapper .dropbutton-wrapper .single-btn-wrapper .webform-details-toggle-state + a, .dropbutton-wrapper .single-btn-wrapper .webform-details-toggle-state-wrapper .webform-details-toggle-state + a, .maintenance-page-content .dropbutton-wrapper .single-btn-wrapper .button + a, .dropbutton-wrapper .single-btn-wrapper .maintenance-page-content .button + a, .maintenance-page-content ul.links li .dropbutton-wrapper .single-btn-wrapper a + a, .dropbutton-wrapper .single-btn-wrapper .maintenance-page-content ul.links li a + a, #edit-actions .btn + .button.use-ajax, #edit-actions .btn-large + .button.use-ajax, #edit-actions .button-action + .button.use-ajax, .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset #edit-actions button + .button.use-ajax, #edit-actions .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button + .button.use-ajax, .dropbutton-wrapper .single-btn-wrapper #edit-actions a + .button.use-ajax, #edit-actions .dropbutton-wrapper .single-btn-wrapper a + .button.use-ajax, #edit-actions .button.use-ajax + .button.use-ajax, .views-displays .tabs.secondary li.add #edit-actions a + .button.use-ajax, #edit-actions .views-displays .tabs.secondary li.add a + .button.use-ajax, .ui-dialog-content #edit-actions .webform-ajax-link + .button.use-ajax, #edit-actions .ui-dialog-content .webform-ajax-link + .button.use-ajax, .webform-details-toggle-state-wrapper #edit-actions .webform-details-toggle-state + .button.use-ajax, #edit-actions .webform-details-toggle-state-wrapper .webform-details-toggle-state + .button.use-ajax, .maintenance-page-content #edit-actions .button + .button.use-ajax, #edit-actions .maintenance-page-content .button + .button.use-ajax, .maintenance-page-content ul.links li #edit-actions a + .button.use-ajax, #edit-actions .maintenance-page-content ul.links li a + .button.use-ajax, .views-displays .tabs.secondary li.add .btn + a, .views-displays .tabs.secondary li.add .btn-large + a, .views-displays .tabs.secondary li.add .button-action + a, .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .views-displays .tabs.secondary li.add button + a, .views-displays .tabs.secondary li.add .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button + a, .dropbutton-wrapper .single-btn-wrapper .views-displays .tabs.secondary li.add a + a, .views-displays .tabs.secondary li.add .dropbutton-wrapper .single-btn-wrapper a + a, #edit-actions .views-displays .tabs.secondary li.add .button.use-ajax + a, .views-displays .tabs.secondary li.add #edit-actions .button.use-ajax + a, .views-displays .tabs.secondary li.add a + a, .ui-dialog-content .views-displays .tabs.secondary li.add .webform-ajax-link + a, .views-displays .tabs.secondary li.add .ui-dialog-content .webform-ajax-link + a, .webform-details-toggle-state-wrapper .views-displays .tabs.secondary li.add .webform-details-toggle-state + a, .views-displays .tabs.secondary li.add .webform-details-toggle-state-wrapper .webform-details-toggle-state + a, .maintenance-page-content .views-displays .tabs.secondary li.add .button + a, .views-displays .tabs.secondary li.add .maintenance-page-content .button + a, .maintenance-page-content ul.links .views-displays .tabs.secondary li.add a + a, .views-displays .tabs.secondary .maintenance-page-content ul.links li.add a + a, .ui-dialog-content .btn + .webform-ajax-link, .ui-dialog-content .btn-large + .webform-ajax-link, .ui-dialog-content .button-action + .webform-ajax-link, .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .ui-dialog-content button + .webform-ajax-link, .ui-dialog-content .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button + .webform-ajax-link, .dropbutton-wrapper .single-btn-wrapper .ui-dialog-content a + .webform-ajax-link, .ui-dialog-content .dropbutton-wrapper .single-btn-wrapper a + .webform-ajax-link, #edit-actions .ui-dialog-content .button.use-ajax + .webform-ajax-link, .ui-dialog-content #edit-actions .button.use-ajax + .webform-ajax-link, .views-displays .tabs.secondary li.add .ui-dialog-content a + .webform-ajax-link, .ui-dialog-content .views-displays .tabs.secondary li.add a + .webform-ajax-link, .ui-dialog-content .webform-ajax-link + .webform-ajax-link, .webform-details-toggle-state-wrapper .ui-dialog-content .webform-details-toggle-state + .webform-ajax-link, .ui-dialog-content .webform-details-toggle-state-wrapper .webform-details-toggle-state + .webform-ajax-link, .maintenance-page-content .ui-dialog-content .button + .webform-ajax-link, .ui-dialog-content .maintenance-page-content .button + .webform-ajax-link, .maintenance-page-content ul.links li .ui-dialog-content a + .webform-ajax-link, .ui-dialog-content .maintenance-page-content ul.links li a + .webform-ajax-link, .webform-details-toggle-state-wrapper .btn + .webform-details-toggle-state, .webform-details-toggle-state-wrapper .btn-large + .webform-details-toggle-state, .webform-details-toggle-state-wrapper .button-action + .webform-details-toggle-state, .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .webform-details-toggle-state-wrapper button + .webform-details-toggle-state, .webform-details-toggle-state-wrapper .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button + .webform-details-toggle-state, .dropbutton-wrapper .single-btn-wrapper .webform-details-toggle-state-wrapper a + .webform-details-toggle-state, .webform-details-toggle-state-wrapper .dropbutton-wrapper .single-btn-wrapper a + .webform-details-toggle-state, #edit-actions .webform-details-toggle-state-wrapper .button.use-ajax + .webform-details-toggle-state, .webform-details-toggle-state-wrapper #edit-actions .button.use-ajax + .webform-details-toggle-state, .views-displays .tabs.secondary li.add .webform-details-toggle-state-wrapper a + .webform-details-toggle-state, .webform-details-toggle-state-wrapper .views-displays .tabs.secondary li.add a + .webform-details-toggle-state, .ui-dialog-content .webform-details-toggle-state-wrapper .webform-ajax-link + .webform-details-toggle-state, .webform-details-toggle-state-wrapper .ui-dialog-content .webform-ajax-link + .webform-details-toggle-state, .webform-details-toggle-state-wrapper .webform-details-toggle-state + .webform-details-toggle-state, .maintenance-page-content .webform-details-toggle-state-wrapper .button + .webform-details-toggle-state, .webform-details-toggle-state-wrapper .maintenance-page-content .button + .webform-details-toggle-state, .maintenance-page-content ul.links li .webform-details-toggle-state-wrapper a + .webform-details-toggle-state, .webform-details-toggle-state-wrapper .maintenance-page-content ul.links li a + .webform-details-toggle-state, .maintenance-page-content .btn + .button, .maintenance-page-content .btn-large + .button, .maintenance-page-content .button-action + .button, .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .maintenance-page-content button + .button, .maintenance-page-content .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button + .button, .dropbutton-wrapper .single-btn-wrapper .maintenance-page-content a + .button, .maintenance-page-content .dropbutton-wrapper .single-btn-wrapper a + .button, #edit-actions .maintenance-page-content .button.use-ajax + .button, .maintenance-page-content #edit-actions .button.use-ajax + .button, .views-displays .tabs.secondary li.add .maintenance-page-content a + .button, .maintenance-page-content .views-displays .tabs.secondary li.add a + .button, .ui-dialog-content .maintenance-page-content .webform-ajax-link + .button, .maintenance-page-content .ui-dialog-content .webform-ajax-link + .button, .webform-details-toggle-state-wrapper .maintenance-page-content .webform-details-toggle-state + .button, .maintenance-page-content .webform-details-toggle-state-wrapper .webform-details-toggle-state + .button, .maintenance-page-content .button + .button, .maintenance-page-content ul.links li a + .button, .maintenance-page-content ul.links li .btn + a, .maintenance-page-content ul.links li .btn-large + a, .maintenance-page-content ul.links li .button-action + a, .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .maintenance-page-content ul.links li button + a, .maintenance-page-content ul.links li .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button + a, .dropbutton-wrapper .single-btn-wrapper .maintenance-page-content ul.links li a + a, .maintenance-page-content ul.links li .dropbutton-wrapper .single-btn-wrapper a + a, #edit-actions .maintenance-page-content ul.links li .button.use-ajax + a, .maintenance-page-content ul.links li #edit-actions .button.use-ajax + a, .views-displays .tabs.secondary .maintenance-page-content ul.links li.add a + a, .maintenance-page-content ul.links .views-displays .tabs.secondary li.add a + a, .ui-dialog-content .maintenance-page-content ul.links li .webform-ajax-link + a, .maintenance-page-content ul.links li .ui-dialog-content .webform-ajax-link + a, .webform-details-toggle-state-wrapper .maintenance-page-content ul.links li .webform-details-toggle-state + a, .maintenance-page-content ul.links li .webform-details-toggle-state-wrapper .webform-details-toggle-state + a, .maintenance-page-content ul.links li .button + a, .maintenance-page-content ul.links li a + a { - margin: 0 10px; } - -nav { - box-shadow: none; - background: transparent; } - -.action-links { - margin-bottom: 2rem; } - .action-links li { - display: inline-block; - padding-right: 10px; - list-style: none; } - -a { - text-decoration: none; } - a:hover { - text-decoration: underline; } - -a.button:hover { - text-decoration: none; } - -.x-small { - height: 150px; } - -.card .card-content .card-title { - line-height: 2.5rem; } - -.card-action li, .package-listing .details-description .links li { - display: inline-block; } - -.card-action a, .package-listing .details-description .links a { - transition: color .3s ease; - margin-right: 24px; - text-transform: uppercase; - color: #ffab40; } - .card-action a:hover, .package-listing .details-description .links a:hover { - color: #ffd8a6; } - -details { - border: 0 !important; } - -.shadow-box, .entity-meta__header { - padding: 10px 15px; } - -.button--small { - font-size: .8em; } - .button--small::before { - font-size: 1.1em; } - -.clearfix { - clear: none; } - -.collapsible .collapsible-header, details.form-wrapper .collapsible-header, .collapsible details.form-wrapper summary, details.form-wrapper .collapsible summary, details.form-wrapper summary { - background: #fafafa; } - -.collapsible li, details.form-wrapper li { - position: relative; } - .collapsible li.active .collapsible-header.right-arrows::after, details.form-wrapper li.active .collapsible-header.right-arrows::after, .collapsible li.active details.form-wrapper summary.right-arrows::after, details.form-wrapper .collapsible li.active summary.right-arrows::after, details.form-wrapper li.active summary.right-arrows::after { - top: 0.5em; } - .collapsible li .collapsible-header.right-arrows::after, details.form-wrapper li .collapsible-header.right-arrows::after, .collapsible li details.form-wrapper summary.right-arrows::after, details.form-wrapper .collapsible li summary.right-arrows::after, details.form-wrapper li summary.right-arrows::after { - top: 0.5em; } - -.collapsible-body { - font-weight: 500; } - .collapsible-body .description { - padding: 1em 0; - font-weight: 300; } - -details.form-wrapper summary { - -ms-flex-align: center; - align-items: center; } - -span.marker { - border-radius: 2px; - background: #4db6ac; - color: #FFFFFF; - font-size: .8em; - font-weight: 300; } - -.waves-input-wrapper { - vertical-align: middle; } - -.select-wrapper + label { - left: 0; } - -.ckeditor-buttons::before, -.ckeditor-buttons::after, -.ckeditor-buttons { - box-sizing: initial; } - -.tabs.tabs-transparent { - border: 0; } - -@media only screen and (min-width: 601px) { - .offset-tabs { - margin-left: -20px; } } - -.collection.with-header .collection-header.no-bottom-border, -.collection .collection-item:last-of-type { - border-bottom: 0; } - -.fixed-action-btn.horizontal ul { - width: 1200px; } - -/* @file - * Drupal common overrides - * - */ -#toolbar-administration * { - transition: color .2s, background .2s, background-color .2s, opacity .2s !important; } - -/* @file - * Layout - * - */ -.region-header { - display: block; } - -.layout-container { - margin: 0; - padding: 0; } - .layout-container > main { - background: #fafafa; } - -header.header-wrapper { - background: #1E88E5; } - header.header-wrapper h1 { - margin: 2rem 0; - text-transform: capitalize; - color: #FFFFFF; - font-size: 2rem; - font-weight: 300; } - @media only screen and (max-width: 600px) { - header.header-wrapper h1 { - margin: 2rem 0; - font-size: 1.5rem; } } - header.header-wrapper .row.material-container { - padding-top: 0; - padding-bottom: 0; } - -#block-material-admin-sitebranding a.site-logo img { - max-width: 125px; } - -body.material_login { - background: #fafafa; } - -.region-title__action .button::after { - content: 'add'; } - -.row.material-container { - padding: 20px 5px; } - -.breadcrumb-section-wrapper { - background: #42A5F5; } - -.breadcrumb-section-wrapper-empty { - display: none; } - -#block-material-admin-page-title h1.page-title em { - font-style: normal; } - -#block-material-admin-page-title h1.page-title em:not(.placeholder)::after { - content: ' - '; } - -/* @file - * Overrides - * - */ -/** - * @file - * Visual styles for animated throbber. - * - * @see autocomplete.js - */ -.js input.form-autocomplete { - background-image: url("../images/spinner-static.svg"); - background-repeat: no-repeat; - background-position: 100% center; - background-size: 20px; } - -.js[dir='rtl'] input.form-autocomplete { - background-position: 0% center; } - -.js input.form-autocomplete.ui-autocomplete-loading { - background-image: url("../images/spinner.svg"); - background-position: 100% center; - background-size: 20px; } - -.js[dir='rtl'] input.form-autocomplete.ui-autocomplete-loading { - background-position: 0% center; } - -/** - * @file - * Throbber. - */ -.ajax-progress { - display: inline-block; - padding: 1px 5px 2px; } - -[dir='rtl'] .ajax-progress { - float: right; } - -.ajax-progress-throbber .throbber { - display: inline; - background: transparent url("../images/spinner.svg") no-repeat; - padding: 1px 5px 2px; - width: 150px; - height: 150px; } - -.ajax-progress-throbber .message { - display: inline; - padding: 1px 5px 2px; } - -tr .ajax-progress-throbber .throbber { - margin: 0 2px; } - -.ajax-progress-bar { - width: 16em; } - -/* Full screen throbber */ -.ajax-progress-fullscreen { - /* LTR */ - position: fixed; - top: 48.5%; - /* Can't do center:50% middle: 50%, so approximate it for a typical window size. */ - left: 49%; - opacity: 0.9; - z-index: 1000; - border-radius: 7px; - background-color: transparent; - background-image: url("../images/spinner.svg"); - background-repeat: no-repeat; - background-position: center center; - padding: 4px; - width: 150px; - height: 150px; } - -[dir='rtl'] .ajax-progress-fullscreen { - right: 49%; - left: auto; } - -/** - * @file - * Presentational styles for Drupal dialogs. - */ -.ui-dialog { - position: absolute; - z-index: 1260; - border: 0; - border-radius: 2px; - background: #fafafa; - padding: 10px 0; - overflow: visible; - color: #000000; } - .ui-dialog .ui-dialog-buttonpane { - margin-top: 0; - border: 0; - border-top: 1px solid rgba(0, 0, 0, 0.1); - background: #fafafa; - padding: .3em 1em; } - .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { - margin: 0; - padding: 0; } - .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button { - background: none; } - .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button.button--danger::after { - display: inline; - padding-left: 5px; - vertical-align: text-top; - font-size: 1.2rem; - content: 'delete'; } - .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button.success::after { - display: inline; - padding-left: 5px; - vertical-align: text-top; - font-size: 1.2rem; - content: 'send'; } - .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button.ui-state-hover, .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button:hover { - background: #eeeeee; - color: #212121 !important; } - .ui-dialog .ui-dialog-buttonpane .ui-button-text-only .ui-button-text { - padding: 0; } - .ui-dialog .views-offset-top { - border-bottom: 1px solid #bdbdbd; } - .ui-dialog .ui-dialog-titlebar { - border: 0; - border-bottom: 1px solid #bdbdbd; - border-radius: 0; - background: #fafafa; - font-weight: bold; } - .ui-dialog .ui-dialog-titlebar .ui-dialog-title { - margin: 0.5rem 0; - font-size: 1.5rem; - font-weight: normal; } - .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close { - top: 2rem; - right: 2rem; - border: 0; - background: none; } - .ui-dialog .ajax-progress-throbber { - position: fixed; - top: 48.5%; - /* Can't do center:50% middle: 50%, so approximate it for a typical window size. */ - left: 49%; - opacity: 0.9; - z-index: 1000; - border-radius: 7px; - background-color: transparent; - background-image: url("../images/spinner.svg"); - background-repeat: no-repeat; - background-position: center center; - padding: 4px; - width: 150px; - height: 150px; } - .ui-dialog .ajax-progress-throbber .throbber, - .ui-dialog .ajax-progress-throbber .message { - display: none; } - .ui-dialog .views-override:not(:empty) { - border-bottom: 1px solid rgba(0, 0, 0, 0.1); } - .ui-dialog .ui-dialog-content .form-actions { - margin: 0; - padding: 0; } - .ui-dialog .ui-dialog-content a:not(.ui-tabs-anchor):not(.webform-element-help) { - color: #2196F3; } - -.views-ui-display-tab-bucket.collection .collection-item { - background: #fafafa; } - -@media only screen and (max-width: 992px) { - .ui-dialog { - width: 92% !important; } } - -.ui-widget-content, -.ui-dialog .ui-dialog-content, -.views-ui-dialog { - border: 0; - background: #fafafa; } - -.ui-widget, -.ui-dialog, -.ui-widget-content, -.ui-widget-header, -.ui-widget button { - color: #000000; - font-family: "Roboto", sans-serif; - font-size: 100%; - font-smooth: always; } - -.cke_dialog { - border: 0; - border-bottom: 1px solid #bdbdbd; - border-radius: 0; - background: #FFFFFF; - padding-top: 20px; - font-weight: bold; } - .cke_dialog > tbody > tr > td { - padding: 0; } - .cke_dialog .cke_dialog_title { - margin: 0.5rem 0; - background: none; - font-size: 1.5rem; - font-weight: normal; } - .cke_dialog .cke_resizer { - position: absolute; - margin: 0 !important; } - .cke_dialog .cke_resizer_rtl { - bottom: 5px; - left: 5px; } - .cke_dialog .cke_resizer_ltr { - right: 5px; - bottom: 5px; } - .cke_dialog .cke_dialog_body { - position: relative; } - .cke_dialog .cke_dialog_footer { - background: none; } - .cke_dialog .cke_dialog_ui_select { - position: relative; } - .cke_dialog .cke_dialog_contents { - margin-bottom: 0; } - .cke_dialog div.cke_dialog_ui_input_select { - display: block; } - .cke_dialog input.cke_dialog_ui_input_text:hover, - .cke_dialog input.cke_dialog_ui_input_password:hover, - .cke_dialog textarea.cke_dialog_ui_input_textarea:hover, - .cke_dialog input.cke_dialog_ui_input_text:focus, - .cke_dialog input.cke_dialog_ui_input_password:focus, - .cke_dialog textarea.cke_dialog_ui_input_textarea:focus, - .cke_dialog select.cke_dialog_ui_input_select:focus { - border-top: 0; - border-right: 0; - border-left: 0; - padding-left: 0; } - -/* @file - * Color module override - * - */ -.color-palette .form-item:not(.form-item-scheme) { - display: inline; } - .color-palette .form-item:not(.form-item-scheme) input { - margin-top: 15px; - margin-right: 5px; - padding: 0 5px; - width: 70%; } - -.color-palette .color-palette__hook { - display: inline-block; - width: 10%; - height: 20px; } - .color-palette .color-palette__hook.is-up::before { - display: inline-block; - position: absolute; - text-indent: 0; - content: 'link'; } - -.color-palette button.color-palette__lock, -.color-palette .color-palette__lock { - display: inline-block; - position: relative; - border: 0; - background: none; - cursor: pointer; - width: 10%; - height: 20px; - overflow: hidden; - text-indent: -9999px; - white-space: nowrap; } - .color-palette button.color-palette__lock::before, - .color-palette .color-palette__lock::before { - display: inline-block; - position: absolute; - left: 0; - text-indent: 0; - content: 'lock_outline'; } - .color-palette button.color-palette__lock.is-unlocked::before, - .color-palette .color-palette__lock.is-unlocked::before { - content: 'lock_open'; } - -/* @file - * File - * - */ -.file { - /* LTR */ - display: inline-block; - background: none; - padding-left: 20px; - /* LTR */ - color: #000000; } - .file::before { - padding-right: 10px; - vertical-align: middle; - line-height: inherit; } - -[dir='rtl'] .file { - padding-right: 20px; - padding-left: inherit; } - -.file--general::before, -.file--application-octet-stream::before { - content: 'insert_drive_file'; } - -.file--package-x-generic::before { - content: 'folder'; } - -.file--x-office-spreadsheet::before { - content: 'view_module'; } - -.file--x-office-document::before { - content: 'library_books'; } - -.file--x-office-presentation::before { - content: 'insert_chart'; } - -.file--text-x-script::before { - content: 'settings_applications'; } - -.file--text-html::before { - content: 'web'; } - -.file--text-plain::before { - content: 'library_books'; } - -.file--application-pdf::before { - content: 'picture_as_pdf'; } - -.file--application-x-executable::before { - content: 'widgets'; } - -.file--audio::before { - content: 'library_music'; } - -.file--video::before { - content: 'video_library'; } - -.file--text::before { - content: 'description'; } - -.file--image::before { - content: 'photo_library'; } - -/* @file - * Vertical tabs override - * - */ -.ui-widget { - font-family: "Roboto", sans-serif; - font-size: inherit; } - .ui-widget .ui-widget { - font-size: inherit; } - .ui-widget input { - font-family: "Roboto", sans-serif; - font-size: inherit; } - .ui-widget select { - font-family: "Roboto", sans-serif; - font-size: inherit; } - .ui-widget textarea { - font-family: "Roboto", sans-serif; - font-size: inherit; } - .ui-widget button { - font-family: "Roboto", sans-serif; - font-size: inherit; } - -.ui-widget.ui-widget-content { - border: 0; } - .ui-widget.ui-widget-content details.form-wrapper { - border: 1px solid #e0e0e0 !important; } - -.ui-widget-content { - color: #424242; } - .ui-widget-content a { - color: #424242; } - .ui-widget-content .ui-state-default { - border: 1px solid #c5c5c5; - background: #f5f5f5; - color: #616161; - font-weight: normal; } - .ui-widget-content .ui-state-hover { - border: 1px solid #bdbdbd; - background: #ededed; - color: #212121; - font-weight: normal; } - .ui-widget-content .ui-state-focus { - border: 1px solid #bdbdbd; - background: #ededed; - color: #212121; - font-weight: normal; } - .ui-widget-content .ui-state-active { - border: 1px solid #003eff; - background: #fddfdf; - color: #FFFFFF; - font-weight: normal; } - .ui-widget-content .ui-state-highlight { - border: 1px solid #dad55e; - background: #fffa90; - color: #fff9c4; } - .ui-widget-content .ui-state-highlight a { - color: #fff9c4; } - .ui-widget-content .ui-state-error { - border: 1px solid #f1a899; - background: #fddfdf; - color: #EF9A9A; } - .ui-widget-content .ui-state-error a { - color: #EF9A9A; } - .ui-widget-content .ui-state-error-text { - color: #EF9A9A; } - .ui-widget-content .ui-priority-primary { - font-weight: bold; } - .ui-widget-content .ui-priority-secondary { - opacity: .7; - font-weight: normal; - filter: alpha(Opacity=70); } - .ui-widget-content .ui-state-disabled { - opacity: .35; - background-image: none; - filter: alpha(Opacity=35); } - .ui-widget-content .ui-icon { - background-image: url("../images/jquery.ui/ui-icons_444444_256x240.png"); } - -.ui-widget-header { - border: 1px solid #ddd; - background: #e9e9e9; - color: #424242; - font-weight: bold; } - .ui-widget-header a { - color: #424242; } - .ui-widget-header .ui-state-default { - border: 1px solid #c5c5c5; - background: #f6f6f6; - color: #616161; - font-weight: normal; } - .ui-widget-header .ui-state-hover { - border: 1px solid #5e9ed6; - background: #ededed; - color: #212121; - font-weight: normal; } - .ui-widget-header .ui-state-focus { - border: 1px solid #5e9ed6; - background: #ededed; - color: #212121; - font-weight: normal; } - .ui-widget-header .ui-state-active { - border: 1px solid #003eff; - background: #fddfdf; - color: #FFFFFF; - font-weight: normal; } - .ui-widget-header .ui-state-highlight { - border: 1px solid #dad55e; - background: #fffa90; - color: #fff9c4; } - .ui-widget-header .ui-state-highlight a { - color: #fff9c4; } - .ui-widget-header .ui-state-error { - border: 1px solid #f1a899; - background: #fddfdf; - color: #EF9A9A; } - .ui-widget-header .ui-state-error a { - color: #EF9A9A; } - .ui-widget-header .ui-state-error-text { - color: #EF9A9A; } - .ui-widget-header .ui-priority-primary { - font-weight: bold; } - .ui-widget-header .ui-priority-secondary { - opacity: .7; - font-weight: normal; - filter: alpha(Opacity=70); } - .ui-widget-header .ui-state-disabled { - opacity: .35; - background-image: none; - filter: alpha(Opacity=35); } - .ui-widget-header .ui-icon { - background-image: url("../images/jquery.ui/ui-icons_444444_256x240.png"); } - -.ui-state-default { - border: 1px solid #c5c5c5; - background: #f6f6f6; - color: #616161; - font-weight: normal; } - .ui-state-default a { - text-decoration: none; - color: #616161; } - .ui-state-default a:link { - text-decoration: none; - color: #616161; } - .ui-state-default a:visited { - text-decoration: none; - color: #616161; } - -.ui-button { - border: 1px solid #c5c5c5; - background: #f6f6f6; - text-decoration: none; - color: #616161; - font-weight: normal; } - .ui-button:hover { - border: 1px solid #5e9ed6; - background: #ededed; - color: #212121; - font-weight: normal; } - .ui-button:hover .ui-icon { - background-image: url("../images/jquery.ui/ui-icons_555555_256x240.png"); } - .ui-button:focus { - border: 1px solid #5e9ed6; - background: #ededed; - color: #212121; - font-weight: normal; } - .ui-button:focus .ui-icon { - background-image: url("../images/jquery.ui/ui-icons_555555_256x240.png"); } - .ui-button:active { - border: 1px solid #003eff; - background: #fddfdf; - color: #FFFFFF; - font-weight: normal; } - .ui-button:active .ui-icon { - background-image: url("../images/jquery.ui/ui-icons_ffffff_256x240.png"); } - .ui-button .ui-state-highlight.ui-icon { - background-image: url("../images/jquery.ui/ui-icons_777620_256x240.png"); } - .ui-button .ui-icon { - background-image: url("../images/jquery.ui/ui-icons_777777_256x240.png"); } - -html .ui-button.ui-state-disabled:hover { - border: 1px solid #c5c5c5; - background: #f6f6f6; - color: #616161; - font-weight: normal; } - -html .ui-button.ui-state-disabled:active { - border: 1px solid #c5c5c5; - background: #f6f6f6; - color: #616161; - font-weight: normal; } - -a.ui-button { - text-decoration: none; - color: #616161; } - a.ui-button:hover { - text-decoration: none; - color: #212121; } - a.ui-button:focus { - text-decoration: none; - color: #212121; } - a.ui-button:active { - border: 1px solid #003eff; - background: #fddfdf; - color: #FFFFFF; - font-weight: normal; } - -a:link.ui-button { - text-decoration: none; - color: #616161; } - -a:visited.ui-button { - text-decoration: none; - color: #616161; } - -.ui-state-hover { - border: 1px solid #5e9ed6; - background: #ededed; - color: #212121; - font-weight: normal; } - .ui-state-hover a { - text-decoration: none; - color: #212121; } - .ui-state-hover a:hover { - text-decoration: none; - color: #212121; } - .ui-state-hover a:link { - text-decoration: none; - color: #212121; } - .ui-state-hover a:visited { - text-decoration: none; - color: #212121; } - .ui-state-hover .ui-icon { - background-image: url("../images/jquery.ui/ui-icons_555555_256x240.png"); } - -.ui-state-focus { - border: 1px solid #5e9ed6; - background: #ededed; - color: #212121; - font-weight: normal; } - .ui-state-focus a { - text-decoration: none; - color: #212121; } - .ui-state-focus a:hover { - text-decoration: none; - color: #212121; } - .ui-state-focus a:link { - text-decoration: none; - color: #212121; } - .ui-state-focus a:visited { - text-decoration: none; - color: #212121; } - .ui-state-focus .ui-icon { - background-image: url("../images/jquery.ui/ui-icons_555555_256x240.png"); } - -.ui-visual-focus { - box-shadow: 0 0 3px 1px #5e9ed6; } - -.ui-state-active { - border: 1px solid #003eff; - background: #fddfdf; - color: #FFFFFF; - font-weight: normal; } - .ui-state-active .ui-icon-background { - border: #003eff; - background-color: #FFFFFF; } - .ui-state-active a { - text-decoration: none; - color: #FFFFFF; } - .ui-state-active a:link { - text-decoration: none; - color: #FFFFFF; } - .ui-state-active a:visited { - text-decoration: none; - color: #FFFFFF; } - .ui-state-active .ui-icon { - background-image: url("../images/jquery.ui/ui-icons_ffffff_256x240.png"); } - -.ui-button.ui-state-active:hover { - border: 1px solid #003eff; - background: #fddfdf; - color: #FFFFFF; - font-weight: normal; } - -.ui-icon-background { - border: #003eff; - background-color: #FFFFFF; } - -.ui-state-highlight { - border: 1px solid #dad55e; - background: #fffa90; - color: #fff9c4; } - .ui-state-highlight a { - color: #fff9c4; } - .ui-state-highlight .ui-icon { - background-image: url("../images/jquery.ui/ui-icons_777620_256x240.png"); } - -.ui-state-checked { - border: 1px solid #dad55e; - background: #fffa90; } - -.ui-state-error { - border: 1px solid #f1a899; - background: #fddfdf; - color: #EF9A9A; } - .ui-state-error a { - color: #EF9A9A; } - .ui-state-error .ui-icon { - background-image: url("..images/jquery.ui/ui-icons_cc0000_256x240.png"); } - -.ui-state-error-text { - color: #EF9A9A; } - .ui-state-error-text .ui-icon { - background-image: url("..images/jquery.ui/ui-icons_cc0000_256x240.png"); } - -.ui-priority-primary { - font-weight: bold; } - -.ui-priority-secondary { - opacity: .7; - font-weight: normal; - filter: alpha(Opacity=70); } - -.ui-state-disabled { - opacity: .35; - background-image: none; - filter: alpha(Opacity=35); } - .ui-state-disabled .ui-icon { - filter: alpha(Opacity=35); } - -.ui-icon { - background-image: url("../images/jquery.ui/ui-icons_444444_256x240.png"); - width: 16px; - height: 16px; } - -.ui-icon-blank { - background-position: 16px 16px; } - -.ui-icon-caret-1-n { - background-position: 0 0; } - -.ui-icon-caret-1-ne { - background-position: -16px 0; } - -.ui-icon-caret-1-e { - background-position: -32px 0; } - -.ui-icon-caret-1-se { - background-position: -48px 0; } - -.ui-icon-caret-1-s { - background-position: -65px 0; } - -.ui-icon-caret-1-sw { - background-position: -80px 0; } - -.ui-icon-caret-1-w { - background-position: -96px 0; } - -.ui-icon-caret-1-nw { - background-position: -112px 0; } - -.ui-icon-caret-2-n-s { - background-position: -128px 0; } - -.ui-icon-caret-2-e-w { - background-position: -144px 0; } - -.ui-icon-triangle-1-n { - background-position: 0 -16px; } - -.ui-icon-triangle-1-ne { - background-position: -16px -16px; } - -.ui-icon-triangle-1-e { - background-position: -32px -16px; } - -.ui-icon-triangle-1-se { - background-position: -48px -16px; } - -.ui-icon-triangle-1-s { - background-position: -65px -16px; } - -.ui-icon-triangle-1-sw { - background-position: -80px -16px; } - -.ui-icon-triangle-1-w { - background-position: -96px -16px; } - -.ui-icon-triangle-1-nw { - background-position: -112px -16px; } - -.ui-icon-triangle-2-n-s { - background-position: -128px -16px; } - -.ui-icon-triangle-2-e-w { - background-position: -144px -16px; } - -.ui-icon-arrow-1-n { - background-position: 0 -32px; } - -.ui-icon-arrow-1-ne { - background-position: -16px -32px; } - -.ui-icon-arrow-1-e { - background-position: -32px -32px; } - -.ui-icon-arrow-1-se { - background-position: -48px -32px; } - -.ui-icon-arrow-1-s { - background-position: -65px -32px; } - -.ui-icon-arrow-1-sw { - background-position: -80px -32px; } - -.ui-icon-arrow-1-w { - background-position: -96px -32px; } - -.ui-icon-arrow-1-nw { - background-position: -112px -32px; } - -.ui-icon-arrow-2-n-s { - background-position: -128px -32px; } - -.ui-icon-arrow-2-ne-sw { - background-position: -144px -32px; } - -.ui-icon-arrow-2-e-w { - background-position: -160px -32px; } - -.ui-icon-arrow-2-se-nw { - background-position: -176px -32px; } - -.ui-icon-arrowstop-1-n { - background-position: -192px -32px; } - -.ui-icon-arrowstop-1-e { - background-position: -208px -32px; } - -.ui-icon-arrowstop-1-s { - background-position: -224px -32px; } - -.ui-icon-arrowstop-1-w { - background-position: -240px -32px; } - -.ui-icon-arrowthick-1-n { - background-position: 1px -48px; } - -.ui-icon-arrowthick-1-ne { - background-position: -16px -48px; } - -.ui-icon-arrowthick-1-e { - background-position: -32px -48px; } - -.ui-icon-arrowthick-1-se { - background-position: -48px -48px; } - -.ui-icon-arrowthick-1-s { - background-position: -64px -48px; } - -.ui-icon-arrowthick-1-sw { - background-position: -80px -48px; } - -.ui-icon-arrowthick-1-w { - background-position: -96px -48px; } - -.ui-icon-arrowthick-1-nw { - background-position: -112px -48px; } - -.ui-icon-arrowthick-2-n-s { - background-position: -128px -48px; } - -.ui-icon-arrowthick-2-ne-sw { - background-position: -144px -48px; } - -.ui-icon-arrowthick-2-e-w { - background-position: -160px -48px; } - -.ui-icon-arrowthick-2-se-nw { - background-position: -176px -48px; } - -.ui-icon-arrowthickstop-1-n { - background-position: -192px -48px; } - -.ui-icon-arrowthickstop-1-e { - background-position: -208px -48px; } - -.ui-icon-arrowthickstop-1-s { - background-position: -224px -48px; } - -.ui-icon-arrowthickstop-1-w { - background-position: -240px -48px; } - -.ui-icon-arrowreturnthick-1-w { - background-position: 0 -64px; } - -.ui-icon-arrowreturnthick-1-n { - background-position: -16px -64px; } - -.ui-icon-arrowreturnthick-1-e { - background-position: -32px -64px; } - -.ui-icon-arrowreturnthick-1-s { - background-position: -48px -64px; } - -.ui-icon-arrowreturn-1-w { - background-position: -64px -64px; } - -.ui-icon-arrowreturn-1-n { - background-position: -80px -64px; } - -.ui-icon-arrowreturn-1-e { - background-position: -96px -64px; } - -.ui-icon-arrowreturn-1-s { - background-position: -112px -64px; } - -.ui-icon-arrowrefresh-1-w { - background-position: -128px -64px; } - -.ui-icon-arrowrefresh-1-n { - background-position: -144px -64px; } - -.ui-icon-arrowrefresh-1-e { - background-position: -160px -64px; } - -.ui-icon-arrowrefresh-1-s { - background-position: -176px -64px; } - -.ui-icon-arrow-4 { - background-position: 0 -80px; } - -.ui-icon-arrow-4-diag { - background-position: -16px -80px; } - -.ui-icon-extlink { - background-position: -32px -80px; } - -.ui-icon-newwin { - background-position: -48px -80px; } - -.ui-icon-refresh { - background-position: -64px -80px; } - -.ui-icon-shuffle { - background-position: -80px -80px; } - -.ui-icon-transfer-e-w { - background-position: -96px -80px; } - -.ui-icon-transferthick-e-w { - background-position: -112px -80px; } - -.ui-icon-folder-collapsed { - background-position: 0 -96px; } - -.ui-icon-folder-open { - background-position: -16px -96px; } - -.ui-icon-document { - background-position: -32px -96px; } - -.ui-icon-document-b { - background-position: -48px -96px; } - -.ui-icon-note { - background-position: -64px -96px; } - -.ui-icon-mail-closed { - background-position: -80px -96px; } - -.ui-icon-mail-open { - background-position: -96px -96px; } - -.ui-icon-suitcase { - background-position: -112px -96px; } - -.ui-icon-comment { - background-position: -128px -96px; } - -.ui-icon-person { - background-position: -144px -96px; } - -.ui-icon-print { - background-position: -160px -96px; } - -.ui-icon-trash { - background-position: -176px -96px; } - -.ui-icon-locked { - background-position: -192px -96px; } - -.ui-icon-unlocked { - background-position: -208px -96px; } - -.ui-icon-bookmark { - background-position: -224px -96px; } - -.ui-icon-tag { - background-position: -240px -96px; } - -.ui-icon-home { - background-position: 0 -112px; } - -.ui-icon-flag { - background-position: -16px -112px; } - -.ui-icon-calendar { - background-position: -32px -112px; } - -.ui-icon-cart { - background-position: -48px -112px; } - -.ui-icon-pencil { - background-position: -64px -112px; } - -.ui-icon-clock { - background-position: -80px -112px; } - -.ui-icon-disk { - background-position: -96px -112px; } - -.ui-icon-calculator { - background-position: -112px -112px; } - -.ui-icon-zoomin { - background-position: -128px -112px; } - -.ui-icon-zoomout { - background-position: -144px -112px; } - -.ui-icon-search { - background-position: -160px -112px; } - -.ui-icon-wrench { - background-position: -176px -112px; } - -.ui-icon-gear { - background-position: -192px -112px; } - -.ui-icon-heart { - background-position: -208px -112px; } - -.ui-icon-star { - background-position: -224px -112px; } - -.ui-icon-link { - background-position: -240px -112px; } - -.ui-icon-cancel { - background-position: 0 -128px; } - -.ui-icon-plus { - background-position: -16px -128px; } - -.ui-icon-plusthick { - background-position: -32px -128px; } - -.ui-icon-minus { - background-position: -48px -128px; } - -.ui-icon-minusthick { - background-position: -64px -128px; } - -.ui-icon-close { - background-position: -80px -128px; } - -.ui-icon-closethick { - background-position: -96px -128px; } - -.ui-icon-key { - background-position: -112px -128px; } - -.ui-icon-lightbulb { - background-position: -128px -128px; } - -.ui-icon-scissors { - background-position: -144px -128px; } - -.ui-icon-clipboard { - background-position: -160px -128px; } - -.ui-icon-copy { - background-position: -176px -128px; } - -.ui-icon-contact { - background-position: -192px -128px; } - -.ui-icon-image { - background-position: -208px -128px; } - -.ui-icon-video { - background-position: -224px -128px; } - -.ui-icon-script { - background-position: -240px -128px; } - -.ui-icon-alert { - background-position: 0 -144px; } - -.ui-icon-info { - background-position: -16px -144px; } - -.ui-icon-notice { - background-position: -32px -144px; } - -.ui-icon-help { - background-position: -48px -144px; } - -.ui-icon-check { - background-position: -64px -144px; } - -.ui-icon-bullet { - background-position: -80px -144px; } - -.ui-icon-radio-on { - background-position: -96px -144px; } - -.ui-icon-radio-off { - background-position: -112px -144px; } - -.ui-icon-pin-w { - background-position: -128px -144px; } - -.ui-icon-pin-s { - background-position: -144px -144px; } - -.ui-icon-play { - background-position: 0 -160px; } - -.ui-icon-pause { - background-position: -16px -160px; } - -.ui-icon-seek-next { - background-position: -32px -160px; } - -.ui-icon-seek-prev { - background-position: -48px -160px; } - -.ui-icon-seek-end { - background-position: -64px -160px; } - -.ui-icon-seek-start { - background-position: -80px -160px; } - -.ui-icon-seek-first { - background-position: -80px -160px; } - -.ui-icon-stop { - background-position: -96px -160px; } - -.ui-icon-eject { - background-position: -112px -160px; } - -.ui-icon-volume-off { - background-position: -128px -160px; } - -.ui-icon-volume-on { - background-position: -144px -160px; } - -.ui-icon-power { - background-position: 0 -176px; } - -.ui-icon-signal-diag { - background-position: -16px -176px; } - -.ui-icon-signal { - background-position: -32px -176px; } - -.ui-icon-battery-0 { - background-position: -48px -176px; } - -.ui-icon-battery-1 { - background-position: -64px -176px; } - -.ui-icon-battery-2 { - background-position: -80px -176px; } - -.ui-icon-battery-3 { - background-position: -96px -176px; } - -.ui-icon-circle-plus { - background-position: 0 -192px; } - -.ui-icon-circle-minus { - background-position: -16px -192px; } - -.ui-icon-circle-close { - background-position: -32px -192px; } - -.ui-icon-circle-triangle-e { - background-position: -48px -192px; } - -.ui-icon-circle-triangle-s { - background-position: -64px -192px; } - -.ui-icon-circle-triangle-w { - background-position: -80px -192px; } - -.ui-icon-circle-triangle-n { - background-position: -96px -192px; } - -.ui-icon-circle-arrow-e { - background-position: -112px -192px; } - -.ui-icon-circle-arrow-s { - background-position: -128px -192px; } - -.ui-icon-circle-arrow-w { - background-position: -144px -192px; } - -.ui-icon-circle-arrow-n { - background-position: -160px -192px; } - -.ui-icon-circle-zoomin { - background-position: -176px -192px; } - -.ui-icon-circle-zoomout { - background-position: -192px -192px; } - -.ui-icon-circle-check { - background-position: -208px -192px; } - -.ui-icon-circlesmall-plus { - background-position: 0 -208px; } - -.ui-icon-circlesmall-minus { - background-position: -16px -208px; } - -.ui-icon-circlesmall-close { - background-position: -32px -208px; } - -.ui-icon-squaresmall-plus { - background-position: -48px -208px; } - -.ui-icon-squaresmall-minus { - background-position: -64px -208px; } - -.ui-icon-squaresmall-close { - background-position: -80px -208px; } - -.ui-icon-grip-dotted-vertical { - background-position: 0 -224px; } - -.ui-icon-grip-dotted-horizontal { - background-position: -16px -224px; } - -.ui-icon-grip-solid-vertical { - background-position: -32px -224px; } - -.ui-icon-grip-solid-horizontal { - background-position: -48px -224px; } - -.ui-icon-gripsmall-diagonal-se { - background-position: -64px -224px; } - -.ui-icon-grip-diagonal-se { - background-position: -80px -224px; } - -.ui-corner-all { - border-top-left-radius: 3px; - border-top-right-radius: 3px; - border-bottom-left-radius: 3px; - border-bottom-right-radius: 3px; } - -.ui-corner-top { - border-top-left-radius: 3px; - border-top-right-radius: 3px; } - -.ui-corner-left { - border-top-left-radius: 3px; - border-bottom-left-radius: 3px; } - -.ui-corner-tl { - border-top-left-radius: 3px; } - -.ui-corner-right { - border-top-right-radius: 3px; - border-bottom-right-radius: 3px; } - -.ui-corner-tr { - border-top-right-radius: 3px; } - -.ui-corner-bottom { - border-bottom-left-radius: 3px; - border-bottom-right-radius: 3px; } - -.ui-corner-bl { - border-bottom-left-radius: 3px; } - -.ui-corner-br { - border-bottom-right-radius: 3px; } - -.ui-widget-overlay { - opacity: .3; - background: #aaa; - filter: alpha(Opacity=30); } - -/** - * @file - * jquery UI tabs - */ -.ui-tabs { - position: relative; - padding: .2em; } - .ui-tabs .ui-tabs-nav { - margin: 0; - padding: .2em .2em 0; } - .ui-tabs .ui-tabs-nav li { - position: relative; - top: 0; - float: left; - margin: 1px .2em 0 0; - border-bottom-width: 0; - padding: 0; - list-style: none; - white-space: nowrap; } - .ui-tabs .ui-tabs-nav .ui-tabs-anchor { - float: left; - padding: .5em 1em; - text-decoration: none; } - .ui-tabs .ui-tabs-nav li.ui-tabs-active { - margin-bottom: -1px; - padding-bottom: 1px; } - .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor { - cursor: text; } - .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor { - cursor: text; } - .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor { - cursor: text; } - .ui-tabs .ui-tabs-panel { - display: block; - outline: none; - border-width: 0; - background: none; - padding: 1em .5em; } - -.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor { - cursor: pointer; } - -/* @file - * jQuery UI tooltip override. - * - */ -.ui-tooltip { - border: 0; - box-shadow: none; - background-color: #212121; - color: #FFFFFF; } - .ui-tooltip a { - color: #42A5F5; } - -/* @file - * Vertical tabs override - * - */ -.vertical-tab-wrapper { - height: auto; } - .vertical-tab-wrapper > label { - display: block; - border-bottom: 1px solid #e0e0e0; - width: 100%; - text-transform: uppercase; - font-size: 20px; } - .vertical-tab-wrapper ul.vertical-tabs__menu { - position: relative; - z-index: 2; - margin-right: 0; - border-right: 3px solid #616161; - padding-right: 0 !important; - width: 100%; } - .vertical-tab-wrapper ul.vertical-tabs__menu li.vertical-tabs__menu-item { - display: block; } - .vertical-tab-wrapper ul.vertical-tabs__menu li.vertical-tabs__menu-item:focus { - outline: none; } - .vertical-tab-wrapper ul.vertical-tabs__menu li.vertical-tabs__menu-item a { - display: block; - padding: 1em; - width: 100%; - text-transform: uppercase; - text-decoration: none; - color: #616161; } - .vertical-tab-wrapper ul.vertical-tabs__menu li.vertical-tabs__menu-item a strong { - letter-spacing: .5px; - font-weight: normal; } - .vertical-tab-wrapper ul.vertical-tabs__menu li.vertical-tabs__menu-item a span { - display: block; - text-transform: initial; - font-size: .75em; } - .vertical-tab-wrapper ul.vertical-tabs__menu li.vertical-tabs__menu-item a:hover { - color: #ee6e73; } - .vertical-tab-wrapper ul.vertical-tabs__menu li.vertical-tabs__menu-item.is-selected { - z-index: 2; - margin-right: -3px; - border-right: 3px solid #ee6e73; - background: #f5f5f5; } - .vertical-tab-wrapper ul.vertical-tabs__menu li.vertical-tabs__menu-item.is-selected a { - color: #ee6e73; } - .vertical-tab-wrapper .vertical-tabs__panes { - transition: max-height 0.66s ease-out; - margin-left: -3px !important; - border-left: 3px solid #9e9e9e; - padding-left: 1em; } - .vertical-tab-wrapper .vertical-tabs__panes > details { - border: 0; - box-shadow: none; } - .vertical-tab-wrapper .vertical-tabs__panes > details > summary { - text-transform: uppercase; - color: #ee6e73; } - -@media only screen and (max-width: 600px) { - .vertical-tab-wrapper .vertical-tabs__panes { - margin-left: 0; - border-left: 0; } - .vertical-tab-wrapper ul.vertical-tabs__menu { - border-right: 0; } } - -/* @file - * Components - * - */ -/* @file -* Autocomplete UI -* -*/ -.ui-autocomplete.ui-menu { - display: none; - position: absolute; - top: 100%; - left: 0; - float: left; - z-index: 1000; - margin: 0 0 10px 25px; - border: 1px solid #bdbdbd; - border-radius: 0; - box-shadow: none; - background-color: #FFFFFF; - padding: 4px 0; - min-width: 160px; - list-style: none; } - .ui-autocomplete.ui-menu .ui-menu-item { - list-style-image: none; } - .ui-autocomplete.ui-menu .ui-menu-item > a.ui-corner-all { - display: block; - clear: both; - padding: 3px 15px; - text-decoration: none; - line-height: 18px; - white-space: nowrap; - color: #616161; - font-weight: normal; } - .ui-autocomplete.ui-menu .ui-menu-item.ui-state-focus, .ui-autocomplete.ui-menu .ui-menu-item.ui-state-hover, .ui-autocomplete.ui-menu .ui-menu-item.ui-state-active { - border-radius: 0; - background: #26a69a; - text-decoration: none; - list-style-image: none; } - .ui-autocomplete.ui-menu .ui-menu-item.ui-state-focus a, .ui-autocomplete.ui-menu .ui-menu-item.ui-state-hover a, .ui-autocomplete.ui-menu .ui-menu-item.ui-state-active a { - color: #FFFFFF; } - -/* @file - * Breadcrumbs - */ -.breadcrumb-nav ol { - margin: 0; - padding: 0 .5em; } - .breadcrumb-nav ol li { - display: inline-block; - padding: 0; - list-style: none; - vertical-align: middle; - line-height: 16px; - color: #BBDEFB; - font-size: 16px; } - .breadcrumb-nav ol li a, - .breadcrumb-nav ol li span { - display: inline-block; - overflow: hidden; - vertical-align: middle; - text-overflow: ellipsis; - line-height: 16px; - white-space: nowrap; - color: #BBDEFB; } - .breadcrumb-nav ol li a.current.url-segement-title, - .breadcrumb-nav ol li span.current.url-segement-title { - text-transform: capitalize; } - .breadcrumb-nav ol li span { - color: #FFFFFF; } - .breadcrumb-nav ol li div { - display: inline; } - .breadcrumb-nav ol li:first-child a { - visibility: hidden; - max-width: 20px; } - .breadcrumb-nav ol li:first-child a::before { - display: inline-block; - float: left; - visibility: visible; - text-indent: 0; - content: 'home'; } - .breadcrumb-nav ol li::before { - margin: 0 10px 0 8px; - vertical-align: middle; - line-height: 16px; - color: #BBDEFB; - font-size: 23px; - content: 'keyboard_arrow_right'; - -webkit-font-smoothing: antialiased; } - .breadcrumb-nav ol li:first-child::before { - display: none; } - .breadcrumb-nav ol li:last-child a, .breadcrumb-nav ol li:last-child { - color: #f5f5f5; } - -.breadcrumb-nav ol li a { - visibility: hidden; - max-width: 15px; } - .breadcrumb-nav ol li a::before { - display: inline-block; - visibility: visible; - content: '...'; } - -.breadcrumb-nav ol > *:first-child a { - display: inline-block !important; } - -@media only screen and (max-width: 600px) { - .breadcrumb-nav ol > *:nth-last-child(-n+2) a { - visibility: visible; - max-width: 60px; } - .breadcrumb-nav ol > *:nth-last-child(-n+2) a::before { - display: none; } } - -@media only screen and (min-width: 601px) { - .breadcrumb-nav ol > *:nth-last-child(-n+4) a { - display: inline-block; - visibility: visible; - max-width: 100px; } - .breadcrumb-nav ol > *:nth-last-child(-n+4) a::before { - display: none; } } - -@media only screen and (min-width: 993px) { - .breadcrumb-nav ol > *:nth-last-child(-n+6) a { - visibility: visible; - max-width: 170px; } - .breadcrumb-nav ol > *:nth-last-child(-n+6) a::before { - display: none; } } - -.region-header .block-system-breadcrumb-block { - margin: 15px 0 0; } - .region-header .block-system-breadcrumb-block .breadcrumb-nav ol { - padding: 0; } - .region-header .block-system-breadcrumb-block .breadcrumb-nav ol li { - line-height: 13px; - font-size: 13px; } - .region-header .block-system-breadcrumb-block .breadcrumb-nav ol li a, - .region-header .block-system-breadcrumb-block .breadcrumb-nav ol li span { - color: #e0e0e0; } - .region-header .block-system-breadcrumb-block .breadcrumb-nav ol li::before { - margin: 0 4px; - line-height: 13px; - color: #e0e0e0; } - .region-header .block-system-breadcrumb-block .breadcrumb-nav ol li:last-child a, - .region-header .block-system-breadcrumb-block .breadcrumb-nav ol li:last-child span { - color: #FFFFFF; } - .region-header .block-system-breadcrumb-block ~ .block-page-title-block h1.page-title { - margin-top: .7rem; } - -/* @file - * Chips - * - */ -.item-list--comma-list { - margin: 0.5em 0; } - .item-list--comma-list .item-list__comma-list li.chip { - display: inline-block; - font-weight: 200; } - .item-list--comma-list .item-list__comma-list li.chip::after { - content: ''; } - .item-list--comma-list .item-list__comma-list li.chip:empty { - visibility: hidden; } - -table.highlight > tbody > tr:hover li.chip { - background-color: #fafafa; } - -.chip.ui-tabs-tab { - display: inherit; - border-radius: 3px 3px 0 0; - height: inherit; - line-height: inherit; - font-size: inherit; } - -/* @file - * Collections - * - */ -.details-item .collapsible-header::before, .details-item details.form-wrapper summary::before, details.form-wrapper .details-item summary::before { - padding-right: 5px; - content: 'keyboard_arrow_right'; } - -.details-item .collapsible-header.active::before, .details-item details.form-wrapper summary.active::before, details.form-wrapper .details-item summary.active::before { - content: 'keyboard_arrow_down'; } - -.details-item .collapsible-body { - padding: 15px; } - -.collection .collection-item > .item-list .collection { - border: 0; } - .collection .collection-item > .item-list .collection .collection-item { - border: 0; } - .collection .collection-item > .item-list .collection .collection-item::before { - padding-right: 5px; - content: 'keyboard_arrow_right'; } - -.collection.item-list__comma-list { - border: 0; } - .collection.item-list__comma-list .collection-item { - border: 0; - padding: inherit; - line-height: 1em; } - -.collection-item { - text-decoration: none; } - .collection-item i.fa { - padding-right: 10px; } - .collection-item:hover { - text-decoration: none; } - .collection-item:hover .collection-item-description { - text-decoration: none; - color: #424242; } - .collection-item .collection-item-description { - margin-left: 20px; - text-decoration: none; - color: #616161; - font-size: 12px; } - .collection-item .collection-item-description:hover { - text-decoration: none; - color: #424242; } - -.collection.with-header > .collection { - margin: 0; - border: 0; } - -/* @file - * Dropbutton partial - * Additoinal dropbutton styling in _views.scss for specific view admin styling. - * - */ -.dropbutton-wrapper { - display: inline-block; } - .dropbutton-wrapper .single-btn-wrapper { - list-style: none; } - .dropbutton-wrapper .single-btn-wrapper a { - padding: 0 1.5rem; } - .dropbutton-wrapper .single-btn-wrapper a:hover { - background: #bdbdbd; } - -.dropbutton-widget { - padding: 0 5px; } - -.dropdown-button { - display: inline-block; } - .dropdown-button:hover { - text-decoration: none; } - .dropdown-button::after { - display: inline; - margin-left: 10px; - vertical-align: inherit; - content: 'keyboard_arrow_down'; } - .dropdown-button.active::after { - display: inline; - margin-left: 10px; - content: 'keyboard_arrow_up'; } - .dropdown-button.ellipsis-icon::after { - display: none; - content: ''; } - -.dropdown-content li .button { - display: block; - box-shadow: none; - background: none; - padding: inherit; - width: 100%; - min-height: 50px; - color: inherit; } - .dropdown-content li .button.btn-paragraph-action { - padding: 10px; - text-align: left; } - -table.highlight > tbody > tr.selected { - background: #f5f5f5; } - table.highlight > tbody > tr.selected a { - text-decoration: none; } - table.highlight > tbody > tr.selected a.dropdown-button { - text-decoration: none; - color: #616161; } - table.highlight > tbody > tr.selected .dropbutton-widget li { - color: #000000; } - table.highlight > tbody > tr.selected .dropbutton-widget li a { - text-decoration: none; - color: #000000; } - table.highlight > tbody > tr.selected td { - background: #f5f5f5; } - -/* @file - * Form specific styling - * - */ -.file-upload-btn.btn-floating { - height: inherit; - line-height: inherit; } - .file-upload-btn.btn-floating i { - font-size: 1.3em; } - -.select-wrapper + label { - top: -20px; } - -input:not([type]), -input[type='text']:not(.browser-default), -input[type='password']:not(.browser-default), -input[type='email']:not(.browser-default), -input[type='url']:not(.browser-default), -input[type='time']:not(.browser-default), -input[type='date']:not(.browser-default), -input[type='datetime']:not(.browser-default), -input[type='datetime-local']:not(.browser-default), -input[type='tel']:not(.browser-default), -input[type='number']:not(.browser-default), -input[type='search']:not(.browser-default) { - width: inherit; - max-width: 100%; } - -textarea.materialize-textarea { - border-top: 1px solid transparent; - border-right: 1px solid transparent; - border-left: 1px solid transparent; - padding: .8rem .5rem 1.6rem; - width: inherit; - max-width: 95%; } - textarea.materialize-textarea:focus { - border: 1px solid #26a69a; } - -.form-radios { - margin: 25px 0; } - .form-radios .form-item.form-type-radio { - margin: 10px 0; } - -.select-wrapper { - width: 100%; - max-width: 450px; } - .select-wrapper + label { - -ms-transform: none; - transform: none; - transition: none; } - .select-wrapper .caret { - visibility: hidden; } - .select-wrapper .caret::after { - right: 0; - visibility: visible; - font-size: 2.5em; - content: 'arrow_drop_down'; } - .select-wrapper .input.select-dropdown { - max-width: inherit; } - -.form-item.input-field-browser-default { - margin: 25px 0 !important; - max-width: 450px; } - .form-item.input-field-browser-default > select.browser-default { - padding: 0; - font-size: inherit; } - .form-item.input-field-browser-default input { - margin: 0; - height: auto; - box-sizing: border-box; } - .form-item.input-field-browser-default .description { - padding-top: 5px; } - -.views-field-node-bulk-form .form-type-checkbox { - width: 35px; } - -.form-type-entity-autocomplete label { - padding-right: 1em; } - -.form-item, -.filter-wrapper .form-item, -.form-item.password-parent, -.form-item.confirm-parent { - position: relative; - margin: 25px 0; - overflow: visible; } - .form-item.form-has-label:not(.form-type-checkbox):not(.form-type-radio):not(.has-prefix):not(.has-prefix-and-suffix), - .filter-wrapper .form-item.form-has-label:not(.form-type-checkbox):not(.form-type-radio):not(.has-prefix):not(.has-prefix-and-suffix), - .form-item.password-parent.form-has-label:not(.form-type-checkbox):not(.form-type-radio):not(.has-prefix):not(.has-prefix-and-suffix), - .form-item.confirm-parent.form-has-label:not(.form-type-checkbox):not(.form-type-radio):not(.has-prefix):not(.has-prefix-and-suffix) { - margin: 45px 0 25px; } - .form-item .form-required::after, - .filter-wrapper .form-item .form-required::after, - .form-item.password-parent .form-required::after, - .form-item.confirm-parent .form-required::after { - color: #F44336; - content: ' *'; } - -.filter-wrapper { - overflow: initial; } - -.requirements .admin-requirements { - padding: .5em 0; } - -.package-listing .details-description .links { - position: relative; - border-top: 1px solid #eeeeee; - background-color: inherit; - padding: 16px 24px; } - -.details-wrapper table thead { - border: 0; } - -table td > .form-item, -table td > .ajax-new-content > .form-item, -table td .fieldset-wrapper > .form-item { - margin: 0; } - table td > .form-item ~ .form-wrapper, - table td > .ajax-new-content > .form-item ~ .form-wrapper, - table td .fieldset-wrapper > .form-item ~ .form-wrapper { - margin: 25px 0; } - -table td .form-item .select-wrapper input.select-dropdown { - margin: 0; } - -.input-field.js-form-type-checkbox label { - top: 0; } - -[type='checkbox'].filled-in:checked + label::before, input[type='checkbox']:checked + label::before, -input[type='checkbox'][type='checkbox']:checked + label::before { - top: 1px; } - -#edit-actions .button--danger { - color: #E53935; } - -input.btn, input.btn-large, input.button-action, #edit-actions input.button.use-ajax, .ui-dialog-content input.webform-ajax-link, .webform-details-toggle-state-wrapper input.webform-details-toggle-state, .maintenance-page-content input.button { - margin: 5px; } - @media only screen and (max-width: 992px) { - input.btn, input.btn-large, input.button-action, #edit-actions input.button.use-ajax, .ui-dialog-content input.webform-ajax-link, .webform-details-toggle-state-wrapper input.webform-details-toggle-state, .maintenance-page-content input.button { - margin-bottom: 1em; } } - -abbr.warning { - text-decoration: none; - color: #f9a825; } - -.switch label { - white-space: nowrap; } - -.switch label:not(.switch-label) { - display: inline-block; - position: relative !important; - visibility: hidden; - padding: 0; - width: 1px; - vertical-align: middle; - clip: inherit; } - -.switch input[type='checkbox'][disabled] + .lever { - background: #616161; - cursor: not-allowed; } - -.input-field .dropdown-content [type='checkbox'] + label { - display: inline; - top: 0; } - -abbr[title] { - border-bottom: 0; } - -input:not([type]), -input[type='text'], -input[type='password'], -input[type='email'], -input[type='url'], -input[type='time'], -input[type='date'], -input[type='datetime'], -input[type='datetime-local'], -input[type='tel'], -input[type='number'], -input[type='search'] { - width: inherit; - max-width: 100%; } - -.js-form-type-checkbox label.visually-hidden { - display: inline-block; - position: relative !important; - visibility: hidden; - width: 1px; - vertical-align: middle; - clip: inherit; } - .js-form-type-checkbox label.visually-hidden::before, .js-form-type-checkbox label.visually-hidden::after { - visibility: visible; } - -h4.label { - font-size: 1rem; - font-weight: bold; } - -details.form-wrapper { - position: relative; - text-align: left; } - details.form-wrapper summary::-webkit-details-marker { - display: none; } - details.form-wrapper[open] > summary::after { - line-height: 1em; } - details.form-wrapper summary::after { - line-height: 1em; } - details.form-wrapper summary { - display: block; } - details.form-wrapper summary:focus { - outline: 0; } - details.form-wrapper .details-wrapper { - background: #FFFFFF; - padding: 1rem 2rem; } - details.form-wrapper .details-wrapper details.form-wrapper { - border: 1px solid #e0e0e0 !important; - box-shadow: none; } - details.form-wrapper .details-wrapper .details-description { - padding: 10px 0; } - -.entity-meta__last-saved h4, -.entity-meta__author h4, -.field--name-created h4 { - font-size: 1rem; - font-weight: bold; } - .entity-meta__last-saved h4::before, - .entity-meta__author h4::before, - .field--name-created h4::before { - padding-right: 10px; - vertical-align: baseline; } - -.entity-meta__last-saved h4::before { - content: 'date_range'; } - -.form-type-date input.form-date { - min-width: 175px; } - -.container-inline .form-item:not(.form-type-select) { - display: inline-block; - padding-right: 10px; - min-width: 200px; } - -.container-inline label:empty::after, -.container-inline .label:empty::after { - content: ''; } - -.form--inline .form-actions, -.dblog-filter-form .form-actions { - padding: 0 10px; } - -.entity-meta__author h4::before { - content: 'person'; } - -a#edit-cancel { - color: #f9a825; } - -.confirm-form-wrapper { - padding: 1em; } - .confirm-form-wrapper .form-actions { - margin-top: 1em; } - -.field-suffix small { - padding: 0 10px; } - .field-suffix small span.machine-name-value { - font-weight: bold; } - .field-suffix small span.admin-link { - margin: 0 10px; } - -.input-field label.inline-label { - position: relative; - padding-right: 10px; } - -.input-field .field-prefix { - padding-right: 15px; } - -.input-field .search-wrapper { - margin: 0 12px; } - .input-field .search-wrapper i.material-icons, .input-field .search-wrapper i.button-action::before, .input-field .search-wrapper .collapsible li i.collapsible-header.with-arrows::after, .collapsible li .input-field .search-wrapper i.collapsible-header.with-arrows::after, .input-field .search-wrapper details.form-wrapper li i.collapsible-header.with-arrows::after, details.form-wrapper li .input-field .search-wrapper i.collapsible-header.with-arrows::after, .input-field .search-wrapper .collapsible li i.collapsible-header.right-arrows::after, .collapsible li .input-field .search-wrapper i.collapsible-header.right-arrows::after, .input-field .search-wrapper details.form-wrapper li i.collapsible-header.right-arrows::after, details.form-wrapper li .input-field .search-wrapper i.collapsible-header.right-arrows::after, .input-field .search-wrapper .region-title__action i.button::after, .region-title__action .input-field .search-wrapper i.button::after, .input-field .search-wrapper .color-palette i.color-palette__hook.is-up::before, .color-palette .input-field .search-wrapper i.color-palette__hook.is-up::before, .input-field .search-wrapper - .color-palette i.color-palette__lock::before, - .color-palette .input-field .search-wrapper i.color-palette__lock::before, .input-field .search-wrapper i.file::before, .input-field .search-wrapper .details-item i.collapsible-header::before, .details-item .input-field .search-wrapper i.collapsible-header::before, .input-field .search-wrapper .collection .collection-item > .item-list .collection i.collection-item::before, .collection .collection-item > .item-list .collection .input-field .search-wrapper i.collection-item::before, .input-field .search-wrapper i.dropdown-button::after, .input-field .search-wrapper .select-wrapper i.caret::after, .select-wrapper .input-field .search-wrapper i.caret::after, .input-field .search-wrapper .messages-clone.messages--status .card-content .message-header i.card-title::before, .messages-clone.messages--status .card-content .message-header .input-field .search-wrapper i.card-title::before, .input-field .search-wrapper .messages-clone.messages--warning .card-content .message-header i.card-title::before, .messages-clone.messages--warning .card-content .message-header .input-field .search-wrapper i.card-title::before, .input-field .search-wrapper .messages-clone.messages--error .card-content .message-header i.card-title::before, .messages-clone.messages--error .card-content .message-header .input-field .search-wrapper i.card-title::before, .input-field .search-wrapper i.tablesort.tablesort--asc::after, .input-field .search-wrapper i.tablesort.tablesort--desc::after, .input-field .search-wrapper .draggable a.tabledrag-handle i.handle::before, .draggable a.tabledrag-handle .input-field .search-wrapper i.handle::before, .input-field .search-wrapper .views-ui-rearrange-filter-form .filter-group-operator-row i.form-item-filter-groups-operator::before, .views-ui-rearrange-filter-form .filter-group-operator-row .input-field .search-wrapper i.form-item-filter-groups-operator::before, .input-field .search-wrapper .views-ui-display-tab-bucket i.collection-string-only::before, .views-ui-display-tab-bucket .input-field .search-wrapper i.collection-string-only::before, .input-field .search-wrapper .acquiadam-browser-breadcrumb-container i::after, .acquiadam-browser-breadcrumb-container .input-field .search-wrapper i::after, .input-field .search-wrapper .acquiadam-browser-breadcrumb-container li:first-child i::before, .acquiadam-browser-breadcrumb-container li:first-child .input-field .search-wrapper i::before, .input-field .search-wrapper .entities-list i.item-container.ui-sortable-handle::before, .entities-list .input-field .search-wrapper i.item-container.ui-sortable-handle::before, .input-field .search-wrapper .system-status-report__status-icon--checked i.collapsible-header::before, .system-status-report__status-icon--checked .input-field .search-wrapper i.collapsible-header::before, .input-field .search-wrapper .system-status-report__status-icon--warning i.collapsible-header::before, .system-status-report__status-icon--warning .input-field .search-wrapper i.collapsible-header::before, .input-field .search-wrapper .system-status-report__status-icon--error i.collapsible-header::before, .system-status-report__status-icon--error .input-field .search-wrapper i.collapsible-header::before { - display: inline-block; - padding-right: 10px; - vertical-align: middle; - font-size: 1.25em; } - .input-field .search-wrapper ~ .description { - margin-left: 40px; } - .input-field .search-wrapper input[type='search'] { - display: inline-block; - padding-left: 0; } - .input-field .search-wrapper input[type='search']:focus { - border-bottom: 1px solid #26a69a; } - -.has-prefix-and-suffix > *, -.has-prefix > *, -.has-suffix > * { - display: inline; - width: inherit; - vertical-align: middle; } - -.dblog-filter-form .form-item-type, -.dblog-filter-form .form-item-severity { - min-width: 300px; } - -.entity-moderation-wrapper { - padding-top: 10px; } - -.input-field.has-initial-content .select-wrapper + label { - -ms-transform: none; - transform: none; - transition: none; } - -.input-field.has-initial-content label { - -ms-transform: translateY(-14px) scale(0.8); - transform: translateY(-14px) scale(0.8); - -ms-transform-origin: 0 0; - transform-origin: 0 0; } - -.input-field.has-placeholder label { - -ms-transform: none; - transform: none; } - -.input-field.file-field input { - max-width: 100%; } - -.input-field.file-field.form-has-label { - margin: 45px 0; - padding: 45px 0 0; } - .input-field.file-field.form-has-label > label { - position: absolute; - font-size: 0.8rem; } - -.help-collection .collection .collection-item.has-collection-link { - padding: 0; } - .help-collection .collection .collection-item.has-collection-link a { - display: block; - padding: 10px 20px; - width: 100%; - color: #26a69a; } - .help-collection .collection .collection-item.has-collection-link a:hover { - background: #e0e0e0; - text-decoration: none; } - -i.waves-input-wrapper { - padding: 0 !important; } - i.waves-input-wrapper .waves-button-input { - padding: 0 2em; - height: 100%; } - -.form-item-selected .views-ui-view-title { - display: inline-block; - padding: 5px 10px; - font-weight: 400; } - -.form-item-selected .views-selected-options { - display: inline-block; - padding: 5px 10px; - font-weight: 300; } - -.tablesaw-cell-content .form-item { - margin: 0; } - -.views-bulk-form-count p { - margin: 0; - line-height: 40px; } - -.layout-node-form .layout-region-node-secondary details.form-wrapper { - margin: 0; } - .layout-node-form .layout-region-node-secondary details.form-wrapper .details-wrapper { - padding: 0.5rem 2rem; } - -.layout-node-form .layout-region-node-secondary .entity-meta__header { - margin-bottom: 1em; - background: #FFFFFF; } - -.layout-node-form .layout-region-node-secondary .form-actions { - margin-top: 1em; } - -.image-style-new { - display: inline-block; } - .image-style-new div { - display: inline-block; - margin: 0; - min-width: 200px; } - .image-style-new i.waves-input-wrapper.input-form-submit { - margin: 0 1em !important; } - -fieldset.form-wrapper { - margin-left: 0; - padding: 10px; } - fieldset.form-wrapper legend { - margin: 0 5px 5px 0; } - fieldset.form-wrapper legend span.fieldset-legend { - background: #2196F3; - padding: 5px 10px; - text-transform: uppercase; - letter-spacing: .5px; - color: #FFFFFF; - font-size: 16px; } - fieldset.form-wrapper legend span.fieldset-legend:empty { - display: none; - padding: 5px 10px; } - -fieldset.fieldgroup.form-wrapper { - padding-left: 0; } - fieldset.fieldgroup.form-wrapper legend { - margin: 15px 0 0; - font-weight: 500; } - fieldset.fieldgroup.form-wrapper legend span.fieldset-legend { - background: transparent; - padding-left: 0; - color: #2196F3; } - fieldset.fieldgroup.form-wrapper .fieldset-wrapper .form-radios { - margin-top: 10px; } - -.image-widget-data { - position: relative; } - -.file-field input[type='file'] { - width: auto; } - -.has-description-after:not(.input-field-browser-default) input { - margin-bottom: 10px !important; } - -.has-description-after:not(.input-field-browser-default) div.description { - margin-bottom: 30px; } - -.form--inline { - display: -ms-flexbox; - display: flex; - -ms-flex-direction: row; - flex-direction: row; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -ms-flex-line-pack: start; - align-content: flex-start; - -ms-flex-align: baseline; - align-items: baseline; } - .form--inline > div:not(.form--inline) { - -ms-flex: 1 auto; - flex: 1 auto; - -ms-flex-preferred-size: auto; - flex-basis: auto; - min-width: 200px; - max-width: 450px; } - .form--inline > div:not(.form--inline).form-item-separator { - -ms-flex: 0; - flex: 0; - padding: 0 30px; - min-width: auto; - font-weight: 700; } - .form--inline > div:not(.form--inline) .select-wrapper { - max-width: 100%; } - .form--inline div.form--inline { - -ms-flex-wrap: no-wrap; - flex-wrap: no-wrap; } - -.exposed-form-collapsible { - transition: .2s; - opacity: 1; - border: 0; - box-shadow: none; - padding: 1rem; } - @media only screen and (max-width: 600px) { - .exposed-form-collapsible div.collapsible-header { - margin-bottom: 0; } } - .exposed-form-collapsible .collapsible-header, .exposed-form-collapsible details.form-wrapper summary, details.form-wrapper .exposed-form-collapsible summary { - -ms-flex-direction: row-reverse; - flex-direction: row-reverse; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -ms-flex-pack: start; - justify-content: flex-start; - margin-bottom: 1rem; - border: 0; - background: #fafafa; - padding: 0; - vertical-align: middle; } - .exposed-form-collapsible .collapsible-header a, .exposed-form-collapsible details.form-wrapper summary a, details.form-wrapper .exposed-form-collapsible summary a { - margin-right: 5px; } - .exposed-form-collapsible .collapsible-header i, .exposed-form-collapsible details.form-wrapper summary i, details.form-wrapper .exposed-form-collapsible summary i { - margin-right: 0; } - .exposed-form-collapsible .collapsible-body { - border: 0; - background: #f5f5f5; - padding: 45px 10px 10px; - font-weight: inherit; } - .exposed-form-collapsible .collapsible-body .form--inline .form-actions { - padding-top: 15px; } - @media only screen and (min-width: 601px) { - .exposed-form-collapsible .collapsible-body .form--inline { - display: -ms-flexbox; - display: flex; - -ms-flex-direction: row; - flex-direction: row; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -ms-flex-align: baseline; - align-items: baseline; - -ms-flex-pack: justify; - justify-content: space-between; } - .exposed-form-collapsible .collapsible-body .form--inline div { - -ms-flex: 1; - flex: 1; - margin: 0 10px !important; - width: 100%; - min-width: 15em; } } - .exposed-form-collapsible .exposed-form-chips { - display: -ms-flexbox; - display: flex; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -ms-flex-align: center; - align-items: center; - -ms-flex-pack: end; - justify-content: flex-end; - margin-top: 10px; - margin-right: .5rem; - text-transform: capitalize; } - .exposed-form-collapsible .exposed-form-chips .chip { - overflow: hidden; - white-space: nowrap; } - -.text-format-wrapper .form-item.form-type-select.form-has-label { - display: inline-block; - margin-top: 10px !important; - min-width: 300px; } - -.text-format-wrapper .filter-help { - display: inline-block; - float: right; - padding-right: 10px; } - -/* @file - * lists - * - */ -dl { - margin: 1em 0; } - dl dd { - margin-bottom: 1em; - margin-left: 0; - padding-left: 0; - color: #9e9e9e; - font-size: 0.9em; } - -ol.task-list { - margin: 0; - padding: 0 20px; } - ol.task-list li { - margin: 10px 5px; - padding: 5px; } - ol.task-list li.is-active { - border-bottom: 1px solid #2196F3; - color: #2196F3; } - ol.task-list li.is-active::after { - vertical-align: middle; - font-size: 1.5em; - content: 'arrow_right'; } - -/* @file - * Messages - * - */ -.messages.messages--warning, .messages.messages--warning .card, .toast.messages--warning, -.badge.messages--warning, span.messages--warning.marker { - background-color: #f9a825 !important; - color: #FFFFFF; } - -.messages.messages--error, .messages.messages--error .card, .toast.messages--error, -.badge.messages--error, span.messages--error.marker { - background: #E53935 !important; - color: #FFFFFF; } - -.messages.messages--status, .messages.messages--status .card, .toast.messages--status, -.badge.messages--status, span.messages--status.marker { - background: #4CAF50 !important; - color: #FFFFFF; } - -.messages { - padding: 10px; } - .messages::before, - .messages .message-number { - padding-right: 10px; } - .messages.ma-status-messages { - background: #fafafa !important; } - -.messages-clone { - background: #fafafa !important; } - .messages-clone.messages--status .card-content { - border: 2px solid #4CAF50 !important; - color: #000000; } - .messages-clone.messages--status .card-content .message-header .card-title::before { - color: #4CAF50; - content: 'check'; } - .messages-clone.messages--warning .card-content { - border: 2px solid #f9a825 !important; - color: #000000; } - .messages-clone.messages--warning .card-content .message-header .card-title::before { - color: #f9a825; - content: 'warning'; } - .messages-clone.messages--error .card-content { - border: 2px solid #E53935 !important; - color: #000000; } - .messages-clone.messages--error .card-content .message-header .card-title::before { - color: #E53935; - content: 'error'; } - .messages-clone .card-title::before, - .messages-clone .card-title .message-number { - padding-right: 10px; } - .messages-clone .card-content .messages__list { - margin-top: 0; - padding-left: 30px; } - .messages-clone .card-content .messages__list li.messages__item { - margin-bottom: 10px; - border-bottom: 1px solid #616161; - padding-bottom: 10px; } - .messages-clone .card-content .messages__list li.messages__item:last-child { - border-bottom: 0; } - -.message-trigger { - color: #000000; } - .message-trigger .mt-text { - margin-right: 5px; - margin-left: 5px; - color: #000000; } - .message-trigger i.material-icons, .message-trigger i.button-action::before, .message-trigger .collapsible li i.collapsible-header.with-arrows::after, .collapsible li .message-trigger i.collapsible-header.with-arrows::after, .message-trigger details.form-wrapper li i.collapsible-header.with-arrows::after, details.form-wrapper li .message-trigger i.collapsible-header.with-arrows::after, .message-trigger .collapsible li i.collapsible-header.right-arrows::after, .collapsible li .message-trigger i.collapsible-header.right-arrows::after, .message-trigger details.form-wrapper li i.collapsible-header.right-arrows::after, details.form-wrapper li .message-trigger i.collapsible-header.right-arrows::after, .message-trigger .region-title__action i.button::after, .region-title__action .message-trigger i.button::after, .message-trigger .color-palette i.color-palette__hook.is-up::before, .color-palette .message-trigger i.color-palette__hook.is-up::before, .message-trigger - .color-palette i.color-palette__lock::before, - .color-palette .message-trigger i.color-palette__lock::before, .message-trigger i.file::before, .message-trigger .details-item i.collapsible-header::before, .details-item .message-trigger i.collapsible-header::before, .message-trigger .collection .collection-item > .item-list .collection i.collection-item::before, .collection .collection-item > .item-list .collection .message-trigger i.collection-item::before, .message-trigger i.dropdown-button::after, .message-trigger .select-wrapper i.caret::after, .select-wrapper .message-trigger i.caret::after, .message-trigger .messages-clone.messages--status .card-content .message-header i.card-title::before, .messages-clone.messages--status .card-content .message-header .message-trigger i.card-title::before, .message-trigger .messages-clone.messages--warning .card-content .message-header i.card-title::before, .messages-clone.messages--warning .card-content .message-header .message-trigger i.card-title::before, .message-trigger .messages-clone.messages--error .card-content .message-header i.card-title::before, .messages-clone.messages--error .card-content .message-header .message-trigger i.card-title::before, .message-trigger i.tablesort.tablesort--asc::after, .message-trigger i.tablesort.tablesort--desc::after, .message-trigger .draggable a.tabledrag-handle i.handle::before, .draggable a.tabledrag-handle .message-trigger i.handle::before, .message-trigger .views-ui-rearrange-filter-form .filter-group-operator-row i.form-item-filter-groups-operator::before, .views-ui-rearrange-filter-form .filter-group-operator-row .message-trigger i.form-item-filter-groups-operator::before, .message-trigger .views-ui-display-tab-bucket i.collection-string-only::before, .views-ui-display-tab-bucket .message-trigger i.collection-string-only::before, .message-trigger .acquiadam-browser-breadcrumb-container i::after, .acquiadam-browser-breadcrumb-container .message-trigger i::after, .message-trigger .acquiadam-browser-breadcrumb-container li:first-child i::before, .acquiadam-browser-breadcrumb-container li:first-child .message-trigger i::before, .message-trigger .entities-list i.item-container.ui-sortable-handle::before, .entities-list .message-trigger i.item-container.ui-sortable-handle::before, .message-trigger .system-status-report__status-icon--checked i.collapsible-header::before, .system-status-report__status-icon--checked .message-trigger i.collapsible-header::before, .message-trigger .system-status-report__status-icon--warning i.collapsible-header::before, .system-status-report__status-icon--warning .message-trigger i.collapsible-header::before, .message-trigger .system-status-report__status-icon--error i.collapsible-header::before, .system-status-report__status-icon--error .message-trigger i.collapsible-header::before { - color: #FFFFFF; - font-size: 24px; } - .message-trigger i, - .message-trigger span { - vertical-align: middle; } - .message-trigger span.badge, .message-trigger span.marker { - display: none; - margin-left: 5px; - border-radius: 1em; - min-width: 2em; - height: 2em; - vertical-align: middle; - text-align: center; - line-height: 2em; - color: #FFFFFF; - font-size: .8em; } - -.material_login .message-trigger i.material-icons, .material_login .message-trigger i.button-action::before, .material_login .message-trigger .collapsible li i.collapsible-header.with-arrows::after, .collapsible li .material_login .message-trigger i.collapsible-header.with-arrows::after, .material_login .message-trigger details.form-wrapper li i.collapsible-header.with-arrows::after, details.form-wrapper li .material_login .message-trigger i.collapsible-header.with-arrows::after, .material_login .message-trigger .collapsible li i.collapsible-header.right-arrows::after, .collapsible li .material_login .message-trigger i.collapsible-header.right-arrows::after, .material_login .message-trigger details.form-wrapper li i.collapsible-header.right-arrows::after, details.form-wrapper li .material_login .message-trigger i.collapsible-header.right-arrows::after, .material_login .message-trigger .region-title__action i.button::after, .region-title__action .material_login .message-trigger i.button::after, .material_login .message-trigger .color-palette i.color-palette__hook.is-up::before, .color-palette .material_login .message-trigger i.color-palette__hook.is-up::before, .material_login .message-trigger -.color-palette i.color-palette__lock::before, -.color-palette .material_login .message-trigger i.color-palette__lock::before, .material_login .message-trigger i.file::before, .material_login .message-trigger .details-item i.collapsible-header::before, .details-item .material_login .message-trigger i.collapsible-header::before, .material_login .message-trigger .collection .collection-item > .item-list .collection i.collection-item::before, .collection .collection-item > .item-list .collection .material_login .message-trigger i.collection-item::before, .material_login .message-trigger i.dropdown-button::after, .material_login .message-trigger .select-wrapper i.caret::after, .select-wrapper .material_login .message-trigger i.caret::after, .material_login .message-trigger .messages-clone.messages--status .card-content .message-header i.card-title::before, .messages-clone.messages--status .card-content .message-header .material_login .message-trigger i.card-title::before, .material_login .message-trigger .messages-clone.messages--warning .card-content .message-header i.card-title::before, .messages-clone.messages--warning .card-content .message-header .material_login .message-trigger i.card-title::before, .material_login .message-trigger .messages-clone.messages--error .card-content .message-header i.card-title::before, .messages-clone.messages--error .card-content .message-header .material_login .message-trigger i.card-title::before, .material_login .message-trigger i.tablesort.tablesort--asc::after, .material_login .message-trigger i.tablesort.tablesort--desc::after, .material_login .message-trigger .draggable a.tabledrag-handle i.handle::before, .draggable a.tabledrag-handle .material_login .message-trigger i.handle::before, .material_login .message-trigger .views-ui-rearrange-filter-form .filter-group-operator-row i.form-item-filter-groups-operator::before, .views-ui-rearrange-filter-form .filter-group-operator-row .material_login .message-trigger i.form-item-filter-groups-operator::before, .material_login .message-trigger .views-ui-display-tab-bucket i.collection-string-only::before, .views-ui-display-tab-bucket .material_login .message-trigger i.collection-string-only::before, .material_login .message-trigger .acquiadam-browser-breadcrumb-container i::after, .acquiadam-browser-breadcrumb-container .material_login .message-trigger i::after, .material_login .message-trigger .acquiadam-browser-breadcrumb-container li:first-child i::before, .acquiadam-browser-breadcrumb-container li:first-child .material_login .message-trigger i::before, .material_login .message-trigger .entities-list i.item-container.ui-sortable-handle::before, .entities-list .material_login .message-trigger i.item-container.ui-sortable-handle::before, .material_login .message-trigger .system-status-report__status-icon--checked i.collapsible-header::before, .system-status-report__status-icon--checked .material_login .message-trigger i.collapsible-header::before, .material_login .message-trigger .system-status-report__status-icon--warning i.collapsible-header::before, .system-status-report__status-icon--warning .material_login .message-trigger i.collapsible-header::before, .material_login .message-trigger .system-status-report__status-icon--error i.collapsible-header::before, .system-status-report__status-icon--error .material_login .message-trigger i.collapsible-header::before { - color: #000000; } - -.message-action { - margin-right: 0; - margin-left: 3rem; - font-size: .8rem; - font-weight: 500; } - -.messages--warning, -.messages--status, -.messages--error { - box-shadow: none !important; - background-image: none !important; } - .messages--warning.toast, - .messages--status.toast, - .messages--error.toast { - color: #FFFFFF; } - -#notification-wrapper { - display: none; - margin-top: 1.5em; } - -a.modal-trigger { - transition: color .3s ease; - padding: .5em; - text-transform: uppercase; - text-decoration: none; - color: #000000; } - a.modal-trigger:hover { - color: #616161; } - -.description.modal-trigger { - display: block; - margin: 10px 5px; - padding: 0; - text-transform: none; - color: #1E88E5; - font-size: .8em; } - -.modal-content .notification-title { - border-bottom: 1px solid #616161; - padding-bottom: 10px; - font-size: 1.7rem; } - -/* @file - * Pager - * - */ -.pager__item { - padding: 0; } - -.pagination li { - height: auto; } - -/* @file - * Progress Bar - * - */ -.progress { - background-color: transparent; - height: 10px; - overflow: inherit; } - .progress .progress__track { - border-radius: 0; - border-color: #a7ffeb; - box-shadow: none; - background-color: #a7ffeb; - background-image: none; - height: 10px; } - .progress .progress__track .progress__bar { - position: relative; - margin: 0; - border: 0; - border-radius: 0; - background: none; - background-color: #26a69a; - height: 10px; } - -/* @file - * Tables - * - */ -td, -th { - padding: 15px; } - -th.select-all label { - display: inline; } - -table.highlight > tbody { - background: #FFFFFF; } - table.highlight > tbody > tr:hover { - background: #eeeeee; - color: #000000; } - table.highlight > tbody > tr:hover a, - table.highlight > tbody > tr:hover button { - cursor: pointer; } - table.highlight > tbody > tr.region-title:hover { - background: #f5f5f5 !important; } - -td.is-active { - background-color: transparent; } - -table { - margin: 20px 0; } - @media only screen and (max-width: 992px) { - table.responsive-table th { - width: 100%; } } - table .collection { - margin: inherit; - border: 0; } - table .collection .collection-item { - background: inherit; } - table .region-title { - background: #f5f5f5; - color: #616161; } - table .region-title .button.button--small { - font-size: 0.85em; } - table .region-title td { - font-size: 0.9em; - font-weight: normal; } - -table td { - font-weight: 200; } - -table thead th { - color: #757575; - font-size: .9em; - font-weight: normal; } - table thead th a { - color: #000000; } - -tr.region-empty { - background: #FFFFFF; } - tr.region-empty:hover { - background: #FFFFFF !important; } - -.tablesort.tablesort--asc { - background-image: none; } - .tablesort.tablesort--asc::after { - padding-left: 5px; - content: 'keyboard_arrow_down'; } - -.tablesort.tablesort--desc { - background-image: none; } - .tablesort.tablesort--desc::after { - padding-left: 5px; - content: 'keyboard_arrow_up'; } - -tr.drag { - border-top: 1px dashed #616161; - border-bottom: 1px dashed #616161; - background: #fff9c4; } - -table.highlight tbody tr.drag-previous, -table.highlight tbody tr.drag-previous.field-plugin-settings-editing, -table.highlight tbody tr.drag.field-plugin-settings-editing, -table.highlight tbody tr.drag, -table tbody tr.drag-previous, -table tbody tr.drag-previous.field-plugin-settings-editing, -table tbody tr.drag.field-plugin-settings-editing, -table tbody tr.drag { - border-top: 2px dashed #fff9c4; - border-bottom: 2px dashed #fff9c4; } - table.highlight tbody tr.drag-previous:hover, - table.highlight tbody tr.drag-previous.field-plugin-settings-editing:hover, - table.highlight tbody tr.drag.field-plugin-settings-editing:hover, - table.highlight tbody tr.drag:hover, - table tbody tr.drag-previous:hover, - table tbody tr.drag-previous.field-plugin-settings-editing:hover, - table tbody tr.drag.field-plugin-settings-editing:hover, - table tbody tr.drag:hover { - background: #fff9c4 !important; } - -.draggable { - background: #FFFFFF; - min-height: 30px; } - .draggable a.tabledrag-handle { - display: inline-block; - float: none; - height: auto; - overflow: visible; - vertical-align: middle; } - .draggable a.tabledrag-handle ~ * { - display: inline-block; - padding: 5px; - vertical-align: middle; } - .draggable a.tabledrag-handle .handle { - background: none; - width: 30px; - height: 30px; } - .draggable a.tabledrag-handle .handle::before { - color: #616161; - font-size: 20px; - content: 'drag_handle'; } - -table > tbody > tr.field-plugin-settings-editing { - border-top: 2px solid #00796b; - border-bottom: 2px solid #00796b; } - -.tabledrag-changed-warning { - padding: 10px; - font-size: 1em; } - -/* @file - * Tabs - * - */ -.tabs { - background: inherit; } - .tabs a:hover { - text-decoration: none; } - -.primary.tabs a.is-active, -.primary.tabs a:focus, -.primary.tabs a:hover { - background-color: transparent !important; } - -/* @file - * Common low level styles for Views UI - * - */ -.views-ui-display-tab-bucket__title { - font-size: 1.5rem; } - -.views-ui-display-tab-bucket + .views-ui-display-tab-bucket { - border-top: 1px solid #e0e0e0; - border-bottom: 1px solid #e0e0e0; } - -.views-display-column { - border: 0; } - -.views-ui-display-tab-bucket .views-display-setting:nth-of-type(even) { - background-color: #fafafa; } - -.views-ui-display-tab-bucket .views-display-setting { - font-size: inherit; } - -.views-display-setting .label, -.views-display-setting .views-ajax-link { - float: none; } - -.views-admin .dropbutton-wrapper a.icon.add, -.views-admin .dropbutton-wrapper a.ellipsis-icon { - border: inherit; - background: inherit; - width: inherit; - height: inherit; - text-indent: 0; } - .views-admin .dropbutton-wrapper a.icon.add:hover, - .views-admin .dropbutton-wrapper a.ellipsis-icon:hover { - box-shadow: none; - background-color: rgba(0, 0, 0, 0.1); } - -.views-admin .form-edit .form-actions { - border: 0; - background-color: #f5f5f5; - padding: 1em; } - -.views-admin .form-type-checkbox label, -.views-admin .form-type-checkbox label, -.views-admin .form-type-radio label, -.views-admin .form-item-page-create label, -.views-admin .form-item-block-create label, -.views-admin .form-item-rest-export-create label { - line-height: inherit; - font-weight: normal; } - -.views-admin fieldset.container-inline .form-item { - display: inline-block; - padding-right: 20px; } - -.views-admin .collection-item, -.views-admin .collection { - overflow: visible; } - -.views-ui-display-tab-bucket .views-display-setting:not(.collection-item):not(.views-ui-display-tab-setting) { - padding: 15px; } - -.views-ui-display-tab-bucket.views-ui-display-tab-actions { - padding: 15px 0; } - -.views-ui-display-tab-bucket .dropbutton-wrapper { - position: absolute; - right: 0; } - -.views-ui-display-tab-bucket { - padding-top: 0; } - -.views-ui-display-tab-actions .dropbutton-wrapper li a, -.views-ui-display-tab-actions .dropbutton-wrapper input { - display: block; - padding: 14px 16px; - text-transform: none; - line-height: 22px; - color: #26a69a; - font-size: 16px; } - -.views-display-top .dropbutton-wrapper { - z-index: 1; } - -details.views-display-column.form-wrapper { - margin-top: 0.5rem; - margin-left: 2%; } - details.views-display-column.form-wrapper > .details-wrapper { - padding: 0; } - details.views-display-column.form-wrapper .collection:not(:first-child) { - border-bottom: 1px solid #e0e0e0; } - -.collection > .collection.views-subcollection { - padding: .5rem 0 0; } - .collection > .collection.views-subcollection:first-of-type { - padding-top: 1rem; } - .collection > .collection.views-subcollection:only-of-type { - padding-top: 0; } - .collection > .collection.views-subcollection:only-of-type > .label { - display: none; } - .collection > .collection.views-subcollection:only-of-type .collection-item:first-of-type { - margin-top: 0; } - .collection > .collection.views-subcollection .label { - padding-left: 15px; - font-size: .9rem; } - .collection > .collection.views-subcollection .collection-item { - border: 0; - padding-left: 40px; } - .collection > .collection.views-subcollection .collection-item:first-of-type { - margin-top: 5px; } - -.views-ui-display-tab-bucket > .views-display-setting { - padding: .5rem 0 0; } - -#edit-display-settings-top { - border: 0; - padding-bottom: 0; } - #edit-display-settings-top .views-display-setting .label { - display: none; } - #edit-display-settings-top .views-display-setting a { - font-size: 1.5rem; } - -.views-display-top { - background-color: inherit; - padding: 0; } - -.views-displays { - border: 0; } - -.views-admin .unit-title { - display: none; } - -.view-changed { - font-size: 1rem; - font-weight: normal; } - -.views-displays .tabs.secondary li { - margin: 0; } - .views-displays .tabs.secondary li a { - border: 0; - background: transparent; - padding: 0 24px; - line-height: 48px; - font-size: 14px; } - .views-displays .tabs.secondary li a.active { - border-bottom: 2px solid #ea454b; - border-radius: 0; } - .views-displays .tabs.secondary li a:hover { - color: #ea454b; } - .views-displays .tabs.secondary li.add { - margin-top: 5px; - margin-left: 20px; } - .views-displays .tabs.secondary li.add a { - border-radius: 2px; - text-decoration: none; - line-height: 36px; } - .views-displays .tabs.secondary li.add a .icon { - display: none; } - .views-displays .tabs.secondary li.add a:hover { - background-color: rgba(0, 0, 0, 0.1); - color: #424242; } - .views-displays .tabs.secondary li.add ul { - top: 0; - z-index: 51; - border: 0; - background: #FFFFFF; - padding: 0; } - .views-displays .tabs.secondary li.add ul li { - clear: both; - border: 0; - background: transparent; - cursor: pointer; - width: 100%; - min-height: 50px; - text-align: left; - text-transform: none; - line-height: 1.5rem; - color: #000000; } - .views-displays .tabs.secondary li.add ul li:hover { - background-color: #eeeeee; } - .views-displays .tabs.secondary li.add ul li i { - display: block; - border: 0; - box-shadow: none; - background: none; - padding: inherit; - color: inherit; } - .views-displays .tabs.secondary li.add ul li i:hover { - background-color: transparent; } - .views-displays .tabs.secondary li.add ul li input { - display: block; - border: 0; - box-shadow: none; - padding: 14px 16px; - text-transform: none; - line-height: 22px; - color: #26a69a; - font-size: 16px; - font-weight: normal; } - -#views-entity-list .form-type-search { - margin: 4em 0; } - -.views-ui-view-name h3 { - font-size: 1em; - font-weight: 400; } - -.views-list-section { - margin: 4em 0; } - .views-list-section h2 { - font-size: 1.6em; - font-weight: normal; } - -#views-display-menu-tabs ~ input.add-display { - display: none; } - -.view-changed.messages.js-hide { - display: none; } - -#edit-display-settings-top .dropbutton:not(.dropdown-content) { - display: none; } - -.views-preview-wrapper { - margin-top: 3em; } - .views-preview-wrapper .view-preview-form .view-preview-form__title { - background: #f5f5f5; } - .views-preview-wrapper .view-preview-form .arguments-preview, - .views-preview-wrapper .view-preview-form .form-item-view-args { - margin: 10px 20px !important; } - -.views-filterable-options { - border-top: 0; } - .views-filterable-options .filterable-option .title { - font-weight: normal; } - -.view { - position: relative; } - .view .views-bulk-form-header { - position: absolute; - top: 0; - left: 0; - transition: .2s; - opacity: 0; - border-bottom: 1px solid #bdbdbd; - background-color: #b2dfdb; - padding: 1rem; - width: 100%; } - .view .views-bulk-form-header > .form-wrapper:first-child { - display: none; } - .view .views-bulk-form-header label[for='edit-action'] { - display: none; } - .view .views-bulk-form-header .dropbutton-wrapper { - float: right; } - .view .views-bulk-form-header .views-bulk-form-count { - float: left; - color: #00897b; } - .view.has-selection .views-bulk-form-header { - opacity: 1; } - .view.has-selection .exposed-form-collapsible { - opacity: 0; } - -#views-live-preview .view.has-selection .exposed-form-collapsible { - opacity: 1; } - -#views-live-preview .view .views-bulk-form-header { - display: inline-block; - position: relative; } - -@media only screen and (max-width: 600px) { - .sticky-header { - top: 0 !important; } - .views-table.tablesaw-stack thead .select-all.views-field { - display: block; } - .views-table.tablesaw-stack thead .select-all.views-field label { - color: #9e9e9e; } - .views-table.tablesaw-stack tbody tr { - position: relative; } - .views-table.tablesaw-stack tbody td { - padding: 20px 0 0 20px; } - .views-table.tablesaw-stack tbody td .tablesaw-cell-label { - color: #9e9e9e; - font-weight: 200; } - .views-table.tablesaw-stack tbody td .tablesaw-cell-label::after { - right: 0; - color: #9e9e9e; - font-weight: 400; - content: ':'; } - .views-table.tablesaw-stack tbody td[class*='bulk-form'] .tablesaw-cell-label { - display: none; } - .views-table.tablesaw-stack tbody td[class*='bulk-form'] .form-item { - margin: 0; } - .views-table.tablesaw-stack tbody td.views-field-operations .tablesaw-cell-label { - display: none; } - .views-table.tablesaw-stack tbody td.views-field-operations .tablesaw-cell-content { - position: absolute; - top: 10px; - right: 0; } } - -.views-table .select-all.views-field label { - color: transparent; } - -.views-button span, -.views-button i { - display: inline-block; - vertical-align: middle; - line-height: inherit; } - -.view-preview-form .form-item-live-preview { - top: 5px; - font-size: 1.3rem; } - -.views-ui-dialog { - padding: 1em; } - .views-ui-dialog .views-override:not(:empty) { - z-index: 3; - background: #f5f5f5; } - .views-ui-dialog .views-override:not(:empty) div.form-item { - margin: 30px 0 0 !important; } - -.views-ui-dialog .views-filterable-options-controls, -.views-filterable-options-controls { - display: inherit; } - .views-ui-dialog .views-filterable-options-controls .form-item, - .views-filterable-options-controls .form-item { - width: auto; } - -.views-override:not(:empty).form--inline div.form-item { - margin-right: 10px !important; } - -.views-ui-rearrange-filter-form .views-group-title { - border-bottom: 0; } - -.views-ui-rearrange-filter-form .filter-group-operator-row { - border: 0; - background: #fafafa; } - .views-ui-rearrange-filter-form .filter-group-operator-row:hover { - background: #fafafa; } - .views-ui-rearrange-filter-form .filter-group-operator-row .form-item-filter-groups-operator { - margin: 0 !important; } - .views-ui-rearrange-filter-form .filter-group-operator-row .form-item-filter-groups-operator::before { - float: left; - margin-top: 10px; - margin-right: 20px; - font-size: 2em; - content: 'import_export'; } - .views-ui-rearrange-filter-form .filter-group-operator-row .form-item-filter-groups-operator .form-select { - float: left; } - -.views-ui-display-tab-bucket .collection-string-only { - background: #f5f5f5; - padding: 10px 0 10px 30px; } - .views-ui-display-tab-bucket .collection-string-only::before { - vertical-align: baseline; - content: 'import_export'; } - -.views-ui-display-tab-setting.views-display-setting > span:not(.label) { - padding: 10px 20px; - line-height: 1.5rem; } - -input.views-remove-checkbox ~ label.visually-hidden { - display: none; } - -.ui-dialog-buttonset.form-actions .views-add-group.js-hide { - display: none; } - -/* @file - * Contrib overrides - * - */ -/* @file - * AcquiaDAM overrides - * - */ -.acquiadam-browser-breadcrumb-container { - padding: 10px 20px; } - .acquiadam-browser-breadcrumb-container i input.acquiadam-browser-breadcrumb { - margin: 0; - outline: 0; - padding: 0 1em; - color: #616161; } - .acquiadam-browser-breadcrumb-container i::after { - vertical-align: top; - line-height: inherit; - content: 'keyboard_arrow_right'; } - .acquiadam-browser-breadcrumb-container i:hover { - background-color: transparent; - color: #ee6e73; } - .acquiadam-browser-breadcrumb-container i:hover input { - outline: 0; - text-decoration: none; - color: #ea454b; } - .acquiadam-browser-breadcrumb-container li:first-child i input.acquiadam-browser-breadcrumb { - padding-left: 0; } - .acquiadam-browser-breadcrumb-container li:first-child i::before { - vertical-align: top; - line-height: inherit; - content: 'home'; } - .acquiadam-browser-breadcrumb-container li:only-of-type i::before { - color: #ee6e73; } - .acquiadam-browser-breadcrumb-container li:last-child i { - border-bottom: 1px solid #ee6e73; } - .acquiadam-browser-breadcrumb-container li:last-child i input.acquiadam-browser-breadcrumb { - color: #ee6e73; } - .acquiadam-browser-breadcrumb-container li:last-child i::after { - display: none; } - -.acquiadam-asset-browser { - display: -ms-flexbox; - display: flex; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -ms-flex-pack: left; - justify-content: left; - margin: 0 auto; } - .acquiadam-asset-browser .acquiadam-browser-folder-link { - position: relative; - margin: 20px; - background-color: #e0e0e0; - background-size: 150px; - padding: 0; - width: 214px; - height: 185px; } - .acquiadam-asset-browser .acquiadam-browser-folder-link input, - .acquiadam-asset-browser .acquiadam-browser-folder-link input:hover, - .acquiadam-asset-browser .acquiadam-browser-folder-link input:focus, - .acquiadam-asset-browser .acquiadam-browser-folder-link input:active { - display: block; - position: absolute; - top: 0; - left: 0; - background-size: 100px; - width: 100%; - height: 100%; - background-position-x: center; } - .acquiadam-asset-browser .acquiadam-browser-folder-link p { - position: absolute; - bottom: 0; - background: #2196F3; - padding: .5rem; - width: 100%; - pointer-events: none; } - .acquiadam-asset-browser .form-item.form-type-checkbox [type='checkbox'] + label, - .acquiadam-asset-browser .acquiadam-browser-folder-link { - transition: .2s; - border-radius: 2px; - color: #FFFFFF; } - .acquiadam-asset-browser .form-item.form-type-checkbox [type='checkbox'] + label:hover, - .acquiadam-asset-browser .acquiadam-browser-folder-link:hover { - transform: translateZ(0) scale(0.98); } - .acquiadam-asset-browser .form-item.form-type-checkbox { - margin: 20px; - border: 0; - padding: 0; - width: auto; - height: auto; } - .acquiadam-asset-browser .form-item.form-type-checkbox [type='checkbox'] + label { - transition: .2s; - padding-left: 0; - height: auto; - line-height: auto; } - .acquiadam-asset-browser .form-item.form-type-checkbox [type='checkbox'] + label::before, .acquiadam-asset-browser .form-item.form-type-checkbox [type='checkbox'] + label::after { - margin: 5px; } - .acquiadam-asset-browser .form-item.form-type-checkbox [type='checkbox']:checked + label { - transform: translateZ(0) scale(0.98); - image-rendering: crisp-edges; } - .acquiadam-asset-browser .form-item.form-type-checkbox .acquiadam-asset-checkbox { - margin-top: 0; } - .acquiadam-asset-browser .form-item.form-type-checkbox p.acquiadam-asset-filename { - margin: 0; } - .acquiadam-asset-browser .form-item.form-type-checkbox .acquiadam-asset-details { - display: -ms-flexbox; - display: flex; - -ms-flex-direction: row-reverse; - flex-direction: row-reverse; - -ms-flex-align: center; - align-items: center; - -ms-flex-pack: center; - justify-content: center; - background: #2196F3; - padding: .5rem; - color: #FFFFFF; } - .acquiadam-asset-browser .form-item.form-type-checkbox .acquiadam-asset-browser-icon { - filter: invert(100%); } - -/* @file - * Entity Browser overrides - * - */ -.entities-list { - margin: 10px 0; } - .entities-list .item-container { - margin: 5px; - background: #f5f5f5; - padding: 10px; } - .entities-list .item-container.rendered-entity { - text-align: center; } - .entities-list .item-container.ui-sortable-handle::before { - padding: 5px; - content: 'drag_handle'; } - -/* @file - * Paragraphs overrides - * - */ -.btn-paragraph-action { - color: #ff9800; - font-weight: 400; } - .btn-paragraph-action:hover { - color: #ffcc80; } - -.paragraphs-dropdown-action.button { - font-weight: 300; } - -.js .paragraph-top .paragraph-type, -.no-js .paragraph-top .paragraph-type { - display: inherit; } - -.js .field--widget-paragraphs .field-multiple-drag, -.js .field--widget-entity-reference-paragraphs .field-multiple-drag, -.no-js .field--widget-paragraphs .field-multiple-drag, -.no-js .field--widget-entity-reference-paragraphs .field-multiple-drag { - vertical-align: inherit; } - -.js .field--widget-paragraphs td, -.js .field--widget-entity-reference-paragraphs td, -.no-js .field--widget-paragraphs td, -.no-js .field--widget-entity-reference-paragraphs td { - padding: 15px; } - -.js .field--widget-entity-reference-paragraphs .form-wrapper em, -.no-js .field--widget-entity-reference-paragraphs .form-wrapper em { - display: inline-block; - padding: 10px 0; } - -.js .field-add-more-submit, -.no-js .field-add-more-submit { - background-repeat: no-repeat; - background-position: left center; } - -/* @file - * Webform overrides - * - */ -.webform-element-help { - line-height: 10px; - font-size: 12px; } - -.input-field label > [data-webform-help] { - pointer-events: initial; } - -.webform-tabs .ui-widget-header { - border: 0; - background: none; } - .webform-tabs .ui-widget-header .ui-state-default { - border: 0; - background: none; } - .webform-tabs .ui-widget-header .ui-state-default a { - transition: color .28s ease; - opacity: 0.8; - text-transform: uppercase; - color: #ee6e73; } - .webform-tabs .ui-widget-header .ui-state-default a:hover { - opacity: 1; } - .webform-tabs .ui-widget-header .ui-state-active { - border: 0; - border-bottom: 2px solid #ee6e73; - background: none; } - .webform-tabs .ui-widget-header .ui-state-active a { - transition: color .28s ease; - opacity: 1; - overflow: hidden; - text-overflow: ellipsis; - color: #ee6e73; } - -.action-links .button-action.webform-ajax-link { - margin-bottom: 2em; - font-size: 1em; } - -.webform-modal .has-prefix-and-suffix > *, -.webform-modal .has-prefix > * { - display: inline-block; } - -/* @file - * Base files - * - */ -/* @file - * Apperance - * - */ -#system-themes-page .card .card-content .card-title { - position: relative; - max-width: 90%; } - #system-themes-page .card .card-content .card-title i { - position: absolute; - top: 0; - right: -10%; } - -#system-themes-page .card .card-image { - height: auto; } - #system-themes-page .card .card-image img { - margin: 0 auto; - width: 100%; - height: auto; } - -#system-themes-page .card .card-action .operations, #system-themes-page .card .package-listing .details-description .links .operations, .package-listing .details-description #system-themes-page .card .links .operations { - margin: 0; } - #system-themes-page .card .card-action .operations li, #system-themes-page .card .package-listing .details-description .links .operations li, .package-listing .details-description #system-themes-page .card .links .operations li { - padding: 10px 0; } - -span.theme-status-indicator { - position: absolute; - top: 0; - right: 0; - opacity: 0.7; - z-index: 2; - padding: 5px 10px; } - -/* @file - * Status Report page - * - */ -.system-status-report-counters .card .card-content { - text-align: center; } - .system-status-report-counters .card .card-content .card-title.report-counter-amount { - display: inline-block; - border-radius: 50%; - padding: 15px; - width: 2.5em; - height: 2.5em; - text-align: center; - color: #FFFFFF; } - .system-status-report-counters .card .card-content .card-actions { - padding-top: 1em; } - -.system-status-general-info__item .card .card-content .card-title { - margin-bottom: 1em; } - -.system-status-report__status-icon--checked .collapsible-header::before, .system-status-report__status-icon--checked details.form-wrapper summary::before, details.form-wrapper .system-status-report__status-icon--checked summary::before { - padding-right: 1em; - color: #388E3C; - content: 'check'; } - -.system-status-report__status-icon--warning .collapsible-header::before, .system-status-report__status-icon--warning details.form-wrapper summary::before, details.form-wrapper .system-status-report__status-icon--warning summary::before { - padding-right: 1em; - color: #f9a825; - content: 'warning'; } - -.system-status-report__status-icon--warning .collapsible-body { - color: #f9a825; } - .system-status-report__status-icon--warning .collapsible-body .description { - color: #000000; } - -.system-status-report__status-icon--error .collapsible-header::before, .system-status-report__status-icon--error details.form-wrapper summary::before, details.form-wrapper .system-status-report__status-icon--error summary::before { - padding-right: 1em; - color: #E53935; - content: 'error'; } - -.system-status-report__status-icon--error .collapsible-body { - color: #E53935; } - .system-status-report__status-icon--error .collapsible-body .description { - color: #000000; } - -.cron-description__run-cron { - margin: 0 10px; - text-transform: uppercase; } - -/* @file - * User login - * - */ -.login-header .block-page-title-block h1 { - font-weight: 200; } - -.login-header .block-local-tasks-block nav.tabs li a { - color: #9e9e9e; } - .login-header .block-local-tasks-block nav.tabs li a:hover { - color: #757575; } - .login-header .block-local-tasks-block nav.tabs li a.active { - color: #EF5350; } - .login-header .block-local-tasks-block nav.tabs li a.indicator { - background: #EF5350; } - -/* @file - * Node edit - * - */ -.sticky-node-actions { - position: fixed; - bottom: 0; - left: 0; - z-index: 100; - border-top: 1px solid #bdbdbd; - box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1); - background: #FFFFFF; - padding: 1rem; - width: 100%; } - -/* @file - * Maintenance section - * - */ -.maintenance-page-content .logo-align { - display: block; - margin: 0 auto; - max-width: 250px; } - -.maintenance-page-content .name-and-slogan { - text-align: center; } - -.maintenance-page-content .messages { - padding: 0; } - -.maintenance-page-content ul.links li { - display: inline-block; - padding: 0 10px; } - .maintenance-page-content ul.links li.front a::before { - padding-right: 5px; - vertical-align: text-bottom; - font-size: 1.25em; - content: 'home'; } - .maintenance-page-content ul.links li.admin-pages a::before { - padding-right: 5px; - vertical-align: text-bottom; - font-size: 1.25em; - content: 'edit'; } - -/* @file - * User login - * - */ -.admin-requirements.collapsible-body { - padding: 1em; } - .admin-requirements.collapsible-body .admin-prevent-text { - display: block; - margin-bottom: .5em; - padding: .5em; - font-weight: normal; } - .admin-requirements.collapsible-body .item-list li { - padding: 10px 0; - font-weight: normal; } - -.uninstall-checkbox label.visually-hidden { - display: block; } - -.description > .module-description { - margin: .5rem 0 1rem; } - -/* @file - * Permissions page - * - */ -.permission .description { - font-size: 0.8em; } - -/*# sourceMappingURL=maps/material_admin.css.map */ + ========================================================================== */ +.clockpicker-display { + font-size: 4rem; + font-weight: bold; + text-align: center; + color: rgba(255, 255, 255, 0.6); + font-weight: 400; + clear: both; + position: relative; } + +.clockpicker-span-am-pm { + font-size: 1.3rem; + position: absolute; + right: 1rem; + bottom: 0.3rem; + line-height: 2rem; + font-weight: 500; } + +@media only screen and (min-width: 601px) { + .clockpicker-display { + top: 32%; } + .clockpicker-span-am-pm { + position: relative; + right: auto; + bottom: auto; + text-align: center; + margin-top: 1.2rem; } } + +.text-primary { + color: white; } + +.clockpicker-span-hours { + margin-right: 3px; } + +.clockpicker-span-minutes { + margin-left: 3px; } + +.clockpicker-span-hours, +.clockpicker-span-minutes, +.clockpicker-span-am-pm div { + cursor: pointer; } + +.clockpicker-moving { + cursor: move; } + +.clockpicker-plate { + background-color: #eee; + border-radius: 50%; + width: 270px; + height: 270px; + overflow: visible; + position: relative; + margin: auto; + margin-top: 25px; + margin-bottom: 5px; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; } + +.clockpicker-canvas, +.clockpicker-dial { + width: 270px; + height: 270px; + position: absolute; + left: -1px; + top: -1px; } + +.clockpicker-minutes { + visibility: hidden; } + +.clockpicker-tick { + border-radius: 50%; + color: rgba(0, 0, 0, 0.87); + line-height: 40px; + text-align: center; + width: 40px; + height: 40px; + position: absolute; + cursor: pointer; } + +.clockpicker-tick.active, +.clockpicker-tick:hover { + background-color: rgba(38, 166, 154, 0.25); } + +.clockpicker-dial { + transition: transform 350ms, opacity 350ms; } + +.clockpicker-dial-out { + opacity: 0; } + +.clockpicker-hours.clockpicker-dial-out { + -ms-transform: scale(1.2, 1.2); + transform: scale(1.2, 1.2); } + +.clockpicker-minutes.clockpicker-dial-out { + -ms-transform: scale(0.8, 0.8); + transform: scale(0.8, 0.8); } + +.clockpicker-canvas { + transition: opacity 175ms; } + +.clockpicker-canvas-out { + opacity: 0.25; } + +.clockpicker-canvas-bearing { + stroke: none; + fill: #26a69a; } + +.clockpicker-canvas-bg { + stroke: none; + fill: #26a69a; } + +.clockpicker-canvas-bg-trans { + fill: #26a69a; } + +.clockpicker-canvas line { + stroke: #26a69a; + stroke-width: 4; + stroke-linecap: round; + /*shape-rendering: crispEdges;*/ } + +.pulse { + overflow: initial; + position: relative; } + .pulse::before { + content: ''; + display: block; + position: absolute; + width: 100%; + height: 100%; + top: 0; + left: 0; + background-color: inherit; + border-radius: inherit; + transition: opacity .3s, transform .3s; + animation: pulse-animation 1s cubic-bezier(0.24, 0, 0.38, 1) infinite; + z-index: -1; } + +@keyframes pulse-animation { + 0% { + opacity: 1; + transform: scale(1); } + 50% { + opacity: 0; + transform: scale(1.5); } + 100% { + opacity: 0; + transform: scale(1.5); } } + +.chip { + display: inline-block; + height: 32px; + font-size: 13px; + font-weight: 500; + color: rgba(0, 0, 0, 0.6); + line-height: 32px; + padding: 0 12px; + border-radius: 16px; + background-color: #e4e4e4; + margin-bottom: 5px; + margin-right: 5px; } + .chip > img { + float: left; + margin: 0 8px 0 -12px; + height: 32px; + width: 32px; + border-radius: 50%; } + .chip .close { + cursor: pointer; + float: right; + font-size: 16px; + line-height: 32px; + padding-left: 8px; } + +.chips { + border: none; + border-bottom: 1px solid #9e9e9e; + box-shadow: none; + margin: 0 0 20px 0; + min-height: 45px; + outline: none; + transition: all .3s; } + .chips.focus { + border-bottom: 1px solid #26a69a; + box-shadow: 0 1px 0 0 #26a69a; } + .chips:hover { + cursor: text; } + .chips .chip.selected { + background-color: #26a69a; + color: #fff; } + .chips .input { + background: none; + border: 0; + color: rgba(0, 0, 0, 0.6); + display: inline-block; + font-size: 1rem; + height: 3rem; + line-height: 32px; + outline: 0; + margin: 0; + padding: 0 !important; + width: 120px !important; } + .chips .input:focus { + border: 0 !important; + box-shadow: none !important; } + .chips .autocomplete-content { + margin-top: 0; + margin-bottom: 0; } + +.prefix ~ .chips { + margin-left: 3rem; + width: 92%; + width: calc(100% - 3rem); } + +.chips:empty ~ label { + font-size: 0.8rem; + -ms-transform: translateY(-140%); + transform: translateY(-140%); } + +/* This is needed for some mobile phones to display the Google Icon font properly */ +.material-icons, .button-action::before, .collapsible li.active .collapsible-header.with-arrows::after, details.form-wrapper li.active .collapsible-header.with-arrows::after, .collapsible li.active details.form-wrapper summary.with-arrows::after, details.form-wrapper .collapsible li.active summary.with-arrows::after, details.form-wrapper li.active summary.with-arrows::after, .collapsible li.active .collapsible-header.right-arrows::after, details.form-wrapper li.active .collapsible-header.right-arrows::after, .collapsible li.active details.form-wrapper summary.right-arrows::after, details.form-wrapper .collapsible li.active summary.right-arrows::after, details.form-wrapper li.active summary.right-arrows::after, .collapsible li .collapsible-header.with-arrows::after, details.form-wrapper li .collapsible-header.with-arrows::after, .collapsible li details.form-wrapper summary.with-arrows::after, details.form-wrapper .collapsible li summary.with-arrows::after, details.form-wrapper li summary.with-arrows::after, .collapsible li .collapsible-header.right-arrows::after, details.form-wrapper li .collapsible-header.right-arrows::after, .collapsible li details.form-wrapper summary.right-arrows::after, details.form-wrapper .collapsible li summary.right-arrows::after, details.form-wrapper li summary.right-arrows::after, .region-title__action .button::after, .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button.button--danger::after, .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button.success::after, .color-palette .color-palette__hook.is-up::before, .color-palette button.color-palette__lock::before, +.color-palette .color-palette__lock::before, .file::before, .breadcrumb-nav ol li:first-child a::before, .breadcrumb-nav ol li::before, .details-item .collapsible-header::before, .details-item details.form-wrapper summary::before, details.form-wrapper .details-item summary::before, .details-item .collapsible-header.active::before, .details-item details.form-wrapper summary.active::before, details.form-wrapper .details-item summary.active::before, .collection .collection-item > .item-list .collection .collection-item::before, .dropdown-button::after, .dropdown-button.active::after, .select-wrapper .caret::after, details.form-wrapper[open] > summary::after, details.form-wrapper summary::after, .entity-meta__last-saved h4::before, +.entity-meta__author h4::before, +.field--name-created h4::before, ol.task-list li.is-active::after, .messages-clone.messages--status .card-content .message-header .card-title::before, .messages-clone.messages--warning .card-content .message-header .card-title::before, .messages-clone.messages--error .card-content .message-header .card-title::before, .tablesort.tablesort--asc::after, .tablesort.tablesort--desc::after, .draggable a.tabledrag-handle .handle::before, .views-ui-rearrange-filter-form .filter-group-operator-row .form-item-filter-groups-operator::before, .views-ui-display-tab-bucket .collection-string-only::before, .acquiadam-browser-breadcrumb-container i::after, .acquiadam-browser-breadcrumb-container li:first-child i::before, .entities-list .item-container.ui-sortable-handle::before, .system-status-report__status-icon--checked .collapsible-header::before, .system-status-report__status-icon--checked details.form-wrapper summary::before, details.form-wrapper .system-status-report__status-icon--checked summary::before, .system-status-report__status-icon--warning .collapsible-header::before, .system-status-report__status-icon--warning details.form-wrapper summary::before, details.form-wrapper .system-status-report__status-icon--warning summary::before, .system-status-report__status-icon--error .collapsible-header::before, .system-status-report__status-icon--error details.form-wrapper summary::before, details.form-wrapper .system-status-report__status-icon--error summary::before, .maintenance-page-content ul.links li.front a::before, .maintenance-page-content ul.links li.admin-pages a::before { + text-rendering: optimizeLegibility; + font-feature-settings: 'liga'; } + +/*! Tablesaw - v3.0.6 - 2017-11-20 +* https://github.com/filamentgroup/tablesaw +* Copyright (c) 2017 Filament Group; Licensed MIT */ +/*! Tablesaw - v3.0.6 - 2017-11-20 +* https://github.com/filamentgroup/tablesaw +* Copyright (c) 2017 Filament Group; Licensed MIT */ +.tablesaw { + width: 100%; + max-width: 100%; + empty-cells: show; + border-collapse: collapse; + border: 0; + padding: 0; } + +.tablesaw * { + box-sizing: border-box; } + +.tablesaw-stack td .tablesaw-cell-label, +.tablesaw-stack th .tablesaw-cell-label { + display: none; } + +/* Mobile first styles: Begin with the stacked presentation at narrow widths */ +/* Support note IE9+: @media only all */ +@media only all { + /* Show the table cells as a block level element */ + .tablesaw-stack { + clear: both; } + .tablesaw-stack td, + .tablesaw-stack th { + text-align: left; + display: block; } + .tablesaw-stack tr { + clear: both; + display: table-row; } + /* Make the label elements a percentage width */ + .tablesaw-stack td .tablesaw-cell-label, + .tablesaw-stack th .tablesaw-cell-label { + display: inline-block; + padding: 0 .6em 0 0; + width: 30%; } + /* For grouped headers, have a different style to visually separate the levels by classing the first label in each col group */ + .tablesaw-stack th .tablesaw-cell-label-top, + .tablesaw-stack td .tablesaw-cell-label-top { + display: block; + padding: .4em 0; + margin: .4em 0; } + .tablesaw-cell-label { + display: block; } + /* Avoid double strokes when stacked */ + .tablesaw-stack tbody th.group { + margin-top: -1px; } + /* Avoid double strokes when stacked */ + .tablesaw-stack th.group b.tablesaw-cell-label { + display: none !important; } } + +/* @file + * Base files + * + */ +/* fallback */ +@font-face { + font-family: 'Material Icons'; + font-weight: 400; + font-style: normal; + src: url("//fonts.gstatic.com/s/materialicons/v28/2fcrYFNaTjcS6g4U3t-Y5UEw0lE80llgEseQY3FEmqw.woff2") format("woff2"); } + +.material-icons, .button-action::before, .collapsible li.active .collapsible-header.with-arrows::after, details.form-wrapper li.active .collapsible-header.with-arrows::after, .collapsible li.active details.form-wrapper summary.with-arrows::after, details.form-wrapper .collapsible li.active summary.with-arrows::after, details.form-wrapper li.active summary.with-arrows::after, .collapsible li.active .collapsible-header.right-arrows::after, details.form-wrapper li.active .collapsible-header.right-arrows::after, .collapsible li.active details.form-wrapper summary.right-arrows::after, details.form-wrapper .collapsible li.active summary.right-arrows::after, details.form-wrapper li.active summary.right-arrows::after, .collapsible li .collapsible-header.with-arrows::after, details.form-wrapper li .collapsible-header.with-arrows::after, .collapsible li details.form-wrapper summary.with-arrows::after, details.form-wrapper .collapsible li summary.with-arrows::after, details.form-wrapper li summary.with-arrows::after, .collapsible li .collapsible-header.right-arrows::after, details.form-wrapper li .collapsible-header.right-arrows::after, .collapsible li details.form-wrapper summary.right-arrows::after, details.form-wrapper .collapsible li summary.right-arrows::after, details.form-wrapper li summary.right-arrows::after, .region-title__action .button::after, .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button.button--danger::after, .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button.success::after, .color-palette .color-palette__hook.is-up::before, .color-palette button.color-palette__lock::before, +.color-palette .color-palette__lock::before, .file::before, .breadcrumb-nav ol li:first-child a::before, .breadcrumb-nav ol li::before, .details-item .collapsible-header::before, .details-item details.form-wrapper summary::before, details.form-wrapper .details-item summary::before, .details-item .collapsible-header.active::before, .details-item details.form-wrapper summary.active::before, details.form-wrapper .details-item summary.active::before, .collection .collection-item > .item-list .collection .collection-item::before, .dropdown-button::after, .dropdown-button.active::after, .select-wrapper .caret::after, details.form-wrapper[open] > summary::after, details.form-wrapper summary::after, .entity-meta__last-saved h4::before, +.entity-meta__author h4::before, +.field--name-created h4::before, ol.task-list li.is-active::after, .messages-clone.messages--status .card-content .message-header .card-title::before, .messages-clone.messages--warning .card-content .message-header .card-title::before, .messages-clone.messages--error .card-content .message-header .card-title::before, .tablesort.tablesort--asc::after, .tablesort.tablesort--desc::after, .draggable a.tabledrag-handle .handle::before, .views-ui-rearrange-filter-form .filter-group-operator-row .form-item-filter-groups-operator::before, .views-ui-display-tab-bucket .collection-string-only::before, .acquiadam-browser-breadcrumb-container i::after, .acquiadam-browser-breadcrumb-container li:first-child i::before, .entities-list .item-container.ui-sortable-handle::before, .system-status-report__status-icon--checked .collapsible-header::before, .system-status-report__status-icon--checked details.form-wrapper summary::before, details.form-wrapper .system-status-report__status-icon--checked summary::before, .system-status-report__status-icon--warning .collapsible-header::before, .system-status-report__status-icon--warning details.form-wrapper summary::before, details.form-wrapper .system-status-report__status-icon--warning summary::before, .system-status-report__status-icon--error .collapsible-header::before, .system-status-report__status-icon--error details.form-wrapper summary::before, details.form-wrapper .system-status-report__status-icon--error summary::before, .maintenance-page-content ul.links li.front a::before, .maintenance-page-content ul.links li.admin-pages a::before { + display: inline-block; + text-transform: none; + line-height: 1; + letter-spacing: normal; + white-space: nowrap; + font-family: 'Material Icons'; + font-weight: normal; + font-style: normal; + word-wrap: normal; + direction: ltr; + -webkit-font-feature-settings: 'liga'; + -webkit-font-smoothing: antialiased; } + +/* @file + * Common low level styles + * + */ +.material-tooltip { + max-width: 43rem; + pointer-events: auto; } + .material-tooltip a { + color: #ff9800; } + +h1 { + font-size: 2.5rem; } + +h2 { + font-size: 2rem; } + h2.small-header, .views-preview-wrapper .view-preview-form h2.view-preview-form__title { + line-height: 25px; + color: #424242; + font-size: 1.3rem; + font-weight: 300; } + +h3 { + font-size: 1.5rem; } + +body { + background: #fafafa; + font-family: "Roboto", sans-serif; } + @media (max-width: 599.9375px) { + body { + /* Table rows have a gray bottom stroke by default */ } + body .tablesaw-stack tbody tr { + display: block; + width: 100%; + border-bottom: 1px solid #dfdfdf; } + body .tablesaw-stack thead td, + body .tablesaw-stack thead th { + display: none; } + body .tablesaw-stack tbody td, + body .tablesaw-stack tbody th { + display: block; + float: left; + clear: left; + width: 100%; } + body .tablesaw-cell-label { + vertical-align: top; } + body .tablesaw-cell-content { + max-width: 67%; + display: inline-block; } + body .tablesaw-stack td:empty, + body .tablesaw-stack th:empty { + display: none; } } + @media (min-width: 600px) { + body { + /* Show the table header rows */ + /* Hide the labels in each cell */ } + body .tablesaw-stack tr { + display: table-row; } + body .tablesaw-stack td, + body .tablesaw-stack th, + body .tablesaw-stack thead td, + body .tablesaw-stack thead th { + display: table-cell; + margin: 0; } + body .tablesaw-stack td .tablesaw-cell-label, + body .tablesaw-stack th .tablesaw-cell-label { + display: none !important; } } + +@media only screen and (min-width: 601px) { + .material-container.row { + margin: 0 auto !important; + width: 95%; } + .fixed-width-row.row { + margin: 0 auto !important; + width: 1200px; } } + +@media only screen and (max-width: 600px) { + #main-wrapper > .material-container.row { + padding: 20px 0; } } + +.row.highlighted-container.material-container { + padding: 0; } + .row.highlighted-container.material-container .region-highlighted > * { + padding-top: 20px; + padding-bottom: 0; } + +.row .row { + padding: 20px 0; } + +hr { + margin: 1em 0; + border: 1px solid #e0e0e0; } + +.show-radio-btn { + position: relative !important; } + +.v-middle { + vertical-align: middle; } + +.v-top { + vertical-align: top; } + +.v-top i, .v-top span { + vertical-align: top; } + +ul.dropbutton input { + vertical-align: -moz-middle-with-baseline; + vertical-align: -webkit-baseline-middle; } + +label { + box-sizing: border-box; } + +.description .material-tooltip { + max-width: 43rem; + line-height: 1.5em; + font-weight: 100; } + +.tooltipped, +.filter-help { + font-size: .8em; } + .tooltipped .material-icons, .tooltipped .button-action::before, .tooltipped details.form-wrapper li.active summary.with-arrows::after, details.form-wrapper li.active .tooltipped summary.with-arrows::after, .tooltipped details.form-wrapper li.active summary.right-arrows::after, details.form-wrapper li.active .tooltipped summary.right-arrows::after, .tooltipped .collapsible li .collapsible-header.with-arrows::after, .collapsible li .tooltipped .collapsible-header.with-arrows::after, .tooltipped details.form-wrapper li .collapsible-header.with-arrows::after, details.form-wrapper li .tooltipped .collapsible-header.with-arrows::after, .tooltipped .collapsible li details.form-wrapper summary.with-arrows::after, .collapsible li details.form-wrapper .tooltipped summary.with-arrows::after, .tooltipped details.form-wrapper li summary.with-arrows::after, details.form-wrapper li .tooltipped summary.with-arrows::after, .tooltipped .collapsible li .collapsible-header.right-arrows::after, .collapsible li .tooltipped .collapsible-header.right-arrows::after, .tooltipped details.form-wrapper li .collapsible-header.right-arrows::after, details.form-wrapper li .tooltipped .collapsible-header.right-arrows::after, .tooltipped .collapsible li details.form-wrapper summary.right-arrows::after, .collapsible li details.form-wrapper .tooltipped summary.right-arrows::after, .tooltipped details.form-wrapper li summary.right-arrows::after, details.form-wrapper li .tooltipped summary.right-arrows::after, .tooltipped .region-title__action .button::after, .region-title__action .tooltipped .button::after, .tooltipped .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button.button--danger::after, .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .tooltipped button.button--danger::after, .tooltipped .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button.success::after, .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .tooltipped button.success::after, .tooltipped .color-palette .color-palette__hook.is-up::before, .color-palette .tooltipped .color-palette__hook.is-up::before, .tooltipped + .color-palette .color-palette__lock::before, + .color-palette .tooltipped .color-palette__lock::before, .tooltipped .file::before, .tooltipped .breadcrumb-nav ol li:first-child a::before, .breadcrumb-nav ol li:first-child .tooltipped a::before, .tooltipped .breadcrumb-nav ol li::before, .breadcrumb-nav ol .tooltipped li::before, .tooltipped .details-item .collapsible-header::before, .details-item .tooltipped .collapsible-header::before, .tooltipped .details-item details.form-wrapper summary::before, .details-item details.form-wrapper .tooltipped summary::before, .tooltipped details.form-wrapper .details-item summary::before, details.form-wrapper .details-item .tooltipped summary::before, .tooltipped .collection .collection-item > .item-list .collection .collection-item::before, .collection .collection-item > .item-list .collection .tooltipped .collection-item::before, .tooltipped .dropdown-button::after, .tooltipped .select-wrapper .caret::after, .select-wrapper .tooltipped .caret::after, .tooltipped details.form-wrapper summary::after, details.form-wrapper .tooltipped summary::after, .tooltipped .entity-meta__last-saved h4::before, .entity-meta__last-saved .tooltipped h4::before, .tooltipped + .entity-meta__author h4::before, + .entity-meta__author .tooltipped h4::before, .tooltipped + .field--name-created h4::before, + .field--name-created .tooltipped h4::before, .tooltipped ol.task-list li.is-active::after, ol.task-list .tooltipped li.is-active::after, .tooltipped .messages-clone.messages--status .card-content .message-header .card-title::before, .messages-clone.messages--status .card-content .message-header .tooltipped .card-title::before, .tooltipped .messages-clone.messages--warning .card-content .message-header .card-title::before, .messages-clone.messages--warning .card-content .message-header .tooltipped .card-title::before, .tooltipped .messages-clone.messages--error .card-content .message-header .card-title::before, .messages-clone.messages--error .card-content .message-header .tooltipped .card-title::before, .tooltipped .tablesort.tablesort--asc::after, .tooltipped .tablesort.tablesort--desc::after, .tooltipped .draggable a.tabledrag-handle .handle::before, .draggable a.tabledrag-handle .tooltipped .handle::before, .tooltipped .views-ui-rearrange-filter-form .filter-group-operator-row .form-item-filter-groups-operator::before, .views-ui-rearrange-filter-form .filter-group-operator-row .tooltipped .form-item-filter-groups-operator::before, .tooltipped .views-ui-display-tab-bucket .collection-string-only::before, .views-ui-display-tab-bucket .tooltipped .collection-string-only::before, .tooltipped .acquiadam-browser-breadcrumb-container i::after, .acquiadam-browser-breadcrumb-container .tooltipped i::after, .tooltipped .acquiadam-browser-breadcrumb-container li:first-child i::before, .acquiadam-browser-breadcrumb-container li:first-child .tooltipped i::before, .tooltipped .entities-list .item-container.ui-sortable-handle::before, .entities-list .tooltipped .item-container.ui-sortable-handle::before, .tooltipped .system-status-report__status-icon--checked .collapsible-header::before, .system-status-report__status-icon--checked .tooltipped .collapsible-header::before, .tooltipped .system-status-report__status-icon--checked details.form-wrapper summary::before, .system-status-report__status-icon--checked details.form-wrapper .tooltipped summary::before, .tooltipped details.form-wrapper .system-status-report__status-icon--checked summary::before, details.form-wrapper .system-status-report__status-icon--checked .tooltipped summary::before, .tooltipped .system-status-report__status-icon--warning .collapsible-header::before, .system-status-report__status-icon--warning .tooltipped .collapsible-header::before, .tooltipped .system-status-report__status-icon--warning details.form-wrapper summary::before, .system-status-report__status-icon--warning details.form-wrapper .tooltipped summary::before, .tooltipped details.form-wrapper .system-status-report__status-icon--warning summary::before, details.form-wrapper .system-status-report__status-icon--warning .tooltipped summary::before, .tooltipped .system-status-report__status-icon--error .collapsible-header::before, .system-status-report__status-icon--error .tooltipped .collapsible-header::before, .tooltipped .system-status-report__status-icon--error details.form-wrapper summary::before, .system-status-report__status-icon--error details.form-wrapper .tooltipped summary::before, .tooltipped details.form-wrapper .system-status-report__status-icon--error summary::before, details.form-wrapper .system-status-report__status-icon--error .tooltipped summary::before, .tooltipped .maintenance-page-content ul.links li.front a::before, .maintenance-page-content ul.links li.front .tooltipped a::before, .tooltipped .maintenance-page-content ul.links li.admin-pages a::before, .maintenance-page-content ul.links li.admin-pages .tooltipped a::before, + .filter-help .material-icons, + .filter-help .button-action::before, + .filter-help details.form-wrapper li.active summary.with-arrows::after, details.form-wrapper li.active + .filter-help summary.with-arrows::after, + .filter-help details.form-wrapper li.active summary.right-arrows::after, details.form-wrapper li.active + .filter-help summary.right-arrows::after, + .filter-help .collapsible li .collapsible-header.with-arrows::after, .collapsible li + .filter-help .collapsible-header.with-arrows::after, + .filter-help details.form-wrapper li .collapsible-header.with-arrows::after, details.form-wrapper li + .filter-help .collapsible-header.with-arrows::after, + .filter-help .collapsible li details.form-wrapper summary.with-arrows::after, .collapsible li details.form-wrapper + .filter-help summary.with-arrows::after, + .filter-help details.form-wrapper li summary.with-arrows::after, details.form-wrapper li + .filter-help summary.with-arrows::after, + .filter-help .collapsible li .collapsible-header.right-arrows::after, .collapsible li + .filter-help .collapsible-header.right-arrows::after, + .filter-help details.form-wrapper li .collapsible-header.right-arrows::after, details.form-wrapper li + .filter-help .collapsible-header.right-arrows::after, + .filter-help .collapsible li details.form-wrapper summary.right-arrows::after, .collapsible li details.form-wrapper + .filter-help summary.right-arrows::after, + .filter-help details.form-wrapper li summary.right-arrows::after, details.form-wrapper li + .filter-help summary.right-arrows::after, + .filter-help .region-title__action .button::after, .region-title__action + .filter-help .button::after, + .filter-help .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button.button--danger::after, .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset + .filter-help button.button--danger::after, + .filter-help .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button.success::after, .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset + .filter-help button.success::after, + .filter-help .color-palette .color-palette__hook.is-up::before, .color-palette + .filter-help .color-palette__hook.is-up::before, + .filter-help + .color-palette .color-palette__lock::before, + .color-palette + .filter-help .color-palette__lock::before, + .filter-help .file::before, + .filter-help .breadcrumb-nav ol li:first-child a::before, .breadcrumb-nav ol li:first-child + .filter-help a::before, + .filter-help .breadcrumb-nav ol li::before, .breadcrumb-nav ol + .filter-help li::before, + .filter-help .details-item .collapsible-header::before, .details-item + .filter-help .collapsible-header::before, + .filter-help .details-item details.form-wrapper summary::before, .details-item details.form-wrapper + .filter-help summary::before, + .filter-help details.form-wrapper .details-item summary::before, details.form-wrapper .details-item + .filter-help summary::before, + .filter-help .collection .collection-item > .item-list .collection .collection-item::before, .collection .collection-item > .item-list .collection + .filter-help .collection-item::before, + .filter-help .dropdown-button::after, + .filter-help .select-wrapper .caret::after, .select-wrapper + .filter-help .caret::after, + .filter-help details.form-wrapper summary::after, details.form-wrapper + .filter-help summary::after, + .filter-help .entity-meta__last-saved h4::before, .entity-meta__last-saved + .filter-help h4::before, + .filter-help + .entity-meta__author h4::before, + .entity-meta__author + .filter-help h4::before, + .filter-help + .field--name-created h4::before, + .field--name-created + .filter-help h4::before, + .filter-help ol.task-list li.is-active::after, ol.task-list + .filter-help li.is-active::after, + .filter-help .messages-clone.messages--status .card-content .message-header .card-title::before, .messages-clone.messages--status .card-content .message-header + .filter-help .card-title::before, + .filter-help .messages-clone.messages--warning .card-content .message-header .card-title::before, .messages-clone.messages--warning .card-content .message-header + .filter-help .card-title::before, + .filter-help .messages-clone.messages--error .card-content .message-header .card-title::before, .messages-clone.messages--error .card-content .message-header + .filter-help .card-title::before, + .filter-help .tablesort.tablesort--asc::after, + .filter-help .tablesort.tablesort--desc::after, + .filter-help .draggable a.tabledrag-handle .handle::before, .draggable a.tabledrag-handle + .filter-help .handle::before, + .filter-help .views-ui-rearrange-filter-form .filter-group-operator-row .form-item-filter-groups-operator::before, .views-ui-rearrange-filter-form .filter-group-operator-row + .filter-help .form-item-filter-groups-operator::before, + .filter-help .views-ui-display-tab-bucket .collection-string-only::before, .views-ui-display-tab-bucket + .filter-help .collection-string-only::before, + .filter-help .acquiadam-browser-breadcrumb-container i::after, .acquiadam-browser-breadcrumb-container + .filter-help i::after, + .filter-help .acquiadam-browser-breadcrumb-container li:first-child i::before, .acquiadam-browser-breadcrumb-container li:first-child + .filter-help i::before, + .filter-help .entities-list .item-container.ui-sortable-handle::before, .entities-list + .filter-help .item-container.ui-sortable-handle::before, + .filter-help .system-status-report__status-icon--checked .collapsible-header::before, .system-status-report__status-icon--checked + .filter-help .collapsible-header::before, + .filter-help .system-status-report__status-icon--checked details.form-wrapper summary::before, .system-status-report__status-icon--checked details.form-wrapper + .filter-help summary::before, + .filter-help details.form-wrapper .system-status-report__status-icon--checked summary::before, details.form-wrapper .system-status-report__status-icon--checked + .filter-help summary::before, + .filter-help .system-status-report__status-icon--warning .collapsible-header::before, .system-status-report__status-icon--warning + .filter-help .collapsible-header::before, + .filter-help .system-status-report__status-icon--warning details.form-wrapper summary::before, .system-status-report__status-icon--warning details.form-wrapper + .filter-help summary::before, + .filter-help details.form-wrapper .system-status-report__status-icon--warning summary::before, details.form-wrapper .system-status-report__status-icon--warning + .filter-help summary::before, + .filter-help .system-status-report__status-icon--error .collapsible-header::before, .system-status-report__status-icon--error + .filter-help .collapsible-header::before, + .filter-help .system-status-report__status-icon--error details.form-wrapper summary::before, .system-status-report__status-icon--error details.form-wrapper + .filter-help summary::before, + .filter-help details.form-wrapper .system-status-report__status-icon--error summary::before, details.form-wrapper .system-status-report__status-icon--error + .filter-help summary::before, + .filter-help .maintenance-page-content ul.links li.front a::before, .maintenance-page-content ul.links li.front + .filter-help a::before, + .filter-help .maintenance-page-content ul.links li.admin-pages a::before, .maintenance-page-content ul.links li.admin-pages + .filter-help a::before { + vertical-align: text-bottom; + font-size: 1.5em; } + +.filter-help { + text-align: right; } + +.text-format-wrapper { + position: relative; } + +.error-text-color, +.button--danger, +.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button.button--danger { + color: #E53935; } + +.color-error { + background: #FFCDD2; } + +.error-color, .node-multiple-delete-confirm input.form-submit, .admin-requirements.collapsible-body .admin-prevent-text, +.errors-color { + background: #E53935; } + +.warning-text-color { + color: #f9a825; } + +.color-warning { + background: #fff9c4; } + +.warning-color, +.warnings-color { + background: #f9a825; } + +.status-text-color, .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button.success { + color: #388E3C; } + +.color-success { + background: #C8E6C9; } + +.status-color, +.checked-color { + background: #4CAF50; } + +.button-action { + background: #ee6e73; + color: #FFFFFF !important; } + .button-action::before { + display: inline-block; + margin: 0 10px 0 0; + vertical-align: text-top; + font-size: 1.25rem; + font-weight: 600; + content: 'add'; } + .button-action:hover, .button-action:active, .button-action:focus { + background: #f18589; } + +.button.button--danger:hover, .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button.button.button--danger:hover { + background: #f5f5f5 !important; } + +.btn-flat-action, .entities-list .item-container .btn, .entities-list .item-container .btn-large, .entities-list .item-container .button-action, .entities-list .item-container .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button, .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .entities-list .item-container button, .entities-list .item-container .dropbutton-wrapper .single-btn-wrapper a, .dropbutton-wrapper .single-btn-wrapper .entities-list .item-container a, .entities-list .item-container #edit-actions .button.use-ajax, #edit-actions .entities-list .item-container .button.use-ajax, .entities-list .item-container .views-displays .tabs.secondary li.add a, .views-displays .tabs.secondary li.add .entities-list .item-container a, .entities-list .item-container .ui-dialog-content .webform-ajax-link, .ui-dialog-content .entities-list .item-container .webform-ajax-link, .entities-list .item-container .webform-details-toggle-state-wrapper .webform-details-toggle-state, .webform-details-toggle-state-wrapper .entities-list .item-container .webform-details-toggle-state, .entities-list .item-container .maintenance-page-content .button, .maintenance-page-content .entities-list .item-container .button, .entities-list .item-container .maintenance-page-content ul.links li a, .maintenance-page-content ul.links li .entities-list .item-container a { + color: #ffab40; } + +.inline { + display: inline; } + +.button-link:hover, .compact-link a:hover, .tabledrag-toggle-weight-wrapper .tabledrag-toggle-weight:hover, .ui-dialog-content .webform-ajax-link:hover, .webform-details-toggle-state-wrapper .webform-details-toggle-state:hover { + background: #eeeeee; } + +.collapse-right, .collapsible li .collapsible-header.with-arrows::after, details.form-wrapper li .collapsible-header.with-arrows::after, .collapsible li details.form-wrapper summary.with-arrows::after, details.form-wrapper .collapsible li summary.with-arrows::after, details.form-wrapper li summary.with-arrows::after, .collapsible li .collapsible-header.right-arrows::after, details.form-wrapper li .collapsible-header.right-arrows::after, .collapsible li details.form-wrapper summary.right-arrows::after, details.form-wrapper .collapsible li summary.right-arrows::after, details.form-wrapper li summary.right-arrows::after, details.form-wrapper summary::after { + position: absolute; + right: 20px; + color: #9e9e9e; + font-size: 1.5em; + font-weight: 700; + content: 'keyboard_arrow_right'; } + +.collapse-down, .collapsible li.active .collapsible-header.with-arrows::after, details.form-wrapper li.active .collapsible-header.with-arrows::after, .collapsible li.active details.form-wrapper summary.with-arrows::after, details.form-wrapper .collapsible li.active summary.with-arrows::after, details.form-wrapper li.active summary.with-arrows::after, .collapsible li.active .collapsible-header.right-arrows::after, details.form-wrapper li.active .collapsible-header.right-arrows::after, .collapsible li.active details.form-wrapper summary.right-arrows::after, details.form-wrapper .collapsible li.active summary.right-arrows::after, details.form-wrapper li.active summary.right-arrows::after, details.form-wrapper[open] > summary::after { + position: absolute; + right: 20px; + color: #9e9e9e; + font-size: 1.5em; + font-weight: 700; + content: 'keyboard_arrow_down'; } + +.toast { + word-break: normal; } + +.row { + margin: 0; + padding: 20px; } + +.region-status .row { + padding: 0; } + +.select-wrapper input.select-dropdown { + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; } + +.btn + .btn, .btn-large + .btn, .button-action + .btn, .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button + .btn, .dropbutton-wrapper .single-btn-wrapper a + .btn, #edit-actions .button.use-ajax + .btn, .views-displays .tabs.secondary li.add a + .btn, .ui-dialog-content .webform-ajax-link + .btn, .webform-details-toggle-state-wrapper .webform-details-toggle-state + .btn, .maintenance-page-content .button + .btn, .maintenance-page-content ul.links li a + .btn, .btn + .btn-large, .btn-large + .btn-large, .button-action + .btn-large, .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button + .btn-large, .dropbutton-wrapper .single-btn-wrapper a + .btn-large, #edit-actions .button.use-ajax + .btn-large, .views-displays .tabs.secondary li.add a + .btn-large, .ui-dialog-content .webform-ajax-link + .btn-large, .webform-details-toggle-state-wrapper .webform-details-toggle-state + .btn-large, .maintenance-page-content .button + .btn-large, .maintenance-page-content ul.links li a + .btn-large, .btn + .button-action, .btn-large + .button-action, .button-action + .button-action, .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button + .button-action, .dropbutton-wrapper .single-btn-wrapper a + .button-action, #edit-actions .button.use-ajax + .button-action, .views-displays .tabs.secondary li.add a + .button-action, .ui-dialog-content .webform-ajax-link + .button-action, .webform-details-toggle-state-wrapper .webform-details-toggle-state + .button-action, .maintenance-page-content .button + .button-action, .maintenance-page-content ul.links li a + .button-action, .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .btn + button, .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .btn-large + button, .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .button-action + button, .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button + button, .dropbutton-wrapper .single-btn-wrapper .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset a + button, .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .dropbutton-wrapper .single-btn-wrapper a + button, #edit-actions .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .button.use-ajax + button, .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset #edit-actions .button.use-ajax + button, .views-displays .tabs.secondary li.add .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset a + button, .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .views-displays .tabs.secondary li.add a + button, .ui-dialog-content .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .webform-ajax-link + button, .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .ui-dialog-content .webform-ajax-link + button, .webform-details-toggle-state-wrapper .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .webform-details-toggle-state + button, .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .webform-details-toggle-state-wrapper .webform-details-toggle-state + button, .maintenance-page-content .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .button + button, .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .maintenance-page-content .button + button, .maintenance-page-content ul.links li .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset a + button, .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .maintenance-page-content ul.links li a + button, .dropbutton-wrapper .single-btn-wrapper .btn + a, .dropbutton-wrapper .single-btn-wrapper .btn-large + a, .dropbutton-wrapper .single-btn-wrapper .button-action + a, .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .dropbutton-wrapper .single-btn-wrapper button + a, .dropbutton-wrapper .single-btn-wrapper .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button + a, .dropbutton-wrapper .single-btn-wrapper a + a, #edit-actions .dropbutton-wrapper .single-btn-wrapper .button.use-ajax + a, .dropbutton-wrapper .single-btn-wrapper #edit-actions .button.use-ajax + a, .views-displays .tabs.secondary li.add .dropbutton-wrapper .single-btn-wrapper a + a, .dropbutton-wrapper .single-btn-wrapper .views-displays .tabs.secondary li.add a + a, .ui-dialog-content .dropbutton-wrapper .single-btn-wrapper .webform-ajax-link + a, .dropbutton-wrapper .single-btn-wrapper .ui-dialog-content .webform-ajax-link + a, .webform-details-toggle-state-wrapper .dropbutton-wrapper .single-btn-wrapper .webform-details-toggle-state + a, .dropbutton-wrapper .single-btn-wrapper .webform-details-toggle-state-wrapper .webform-details-toggle-state + a, .maintenance-page-content .dropbutton-wrapper .single-btn-wrapper .button + a, .dropbutton-wrapper .single-btn-wrapper .maintenance-page-content .button + a, .maintenance-page-content ul.links li .dropbutton-wrapper .single-btn-wrapper a + a, .dropbutton-wrapper .single-btn-wrapper .maintenance-page-content ul.links li a + a, #edit-actions .btn + .button.use-ajax, #edit-actions .btn-large + .button.use-ajax, #edit-actions .button-action + .button.use-ajax, .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset #edit-actions button + .button.use-ajax, #edit-actions .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button + .button.use-ajax, .dropbutton-wrapper .single-btn-wrapper #edit-actions a + .button.use-ajax, #edit-actions .dropbutton-wrapper .single-btn-wrapper a + .button.use-ajax, #edit-actions .button.use-ajax + .button.use-ajax, .views-displays .tabs.secondary li.add #edit-actions a + .button.use-ajax, #edit-actions .views-displays .tabs.secondary li.add a + .button.use-ajax, .ui-dialog-content #edit-actions .webform-ajax-link + .button.use-ajax, #edit-actions .ui-dialog-content .webform-ajax-link + .button.use-ajax, .webform-details-toggle-state-wrapper #edit-actions .webform-details-toggle-state + .button.use-ajax, #edit-actions .webform-details-toggle-state-wrapper .webform-details-toggle-state + .button.use-ajax, .maintenance-page-content #edit-actions .button + .button.use-ajax, #edit-actions .maintenance-page-content .button + .button.use-ajax, .maintenance-page-content ul.links li #edit-actions a + .button.use-ajax, #edit-actions .maintenance-page-content ul.links li a + .button.use-ajax, .views-displays .tabs.secondary li.add .btn + a, .views-displays .tabs.secondary li.add .btn-large + a, .views-displays .tabs.secondary li.add .button-action + a, .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .views-displays .tabs.secondary li.add button + a, .views-displays .tabs.secondary li.add .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button + a, .dropbutton-wrapper .single-btn-wrapper .views-displays .tabs.secondary li.add a + a, .views-displays .tabs.secondary li.add .dropbutton-wrapper .single-btn-wrapper a + a, #edit-actions .views-displays .tabs.secondary li.add .button.use-ajax + a, .views-displays .tabs.secondary li.add #edit-actions .button.use-ajax + a, .views-displays .tabs.secondary li.add a + a, .ui-dialog-content .views-displays .tabs.secondary li.add .webform-ajax-link + a, .views-displays .tabs.secondary li.add .ui-dialog-content .webform-ajax-link + a, .webform-details-toggle-state-wrapper .views-displays .tabs.secondary li.add .webform-details-toggle-state + a, .views-displays .tabs.secondary li.add .webform-details-toggle-state-wrapper .webform-details-toggle-state + a, .maintenance-page-content .views-displays .tabs.secondary li.add .button + a, .views-displays .tabs.secondary li.add .maintenance-page-content .button + a, .maintenance-page-content ul.links .views-displays .tabs.secondary li.add a + a, .views-displays .tabs.secondary .maintenance-page-content ul.links li.add a + a, .ui-dialog-content .btn + .webform-ajax-link, .ui-dialog-content .btn-large + .webform-ajax-link, .ui-dialog-content .button-action + .webform-ajax-link, .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .ui-dialog-content button + .webform-ajax-link, .ui-dialog-content .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button + .webform-ajax-link, .dropbutton-wrapper .single-btn-wrapper .ui-dialog-content a + .webform-ajax-link, .ui-dialog-content .dropbutton-wrapper .single-btn-wrapper a + .webform-ajax-link, #edit-actions .ui-dialog-content .button.use-ajax + .webform-ajax-link, .ui-dialog-content #edit-actions .button.use-ajax + .webform-ajax-link, .views-displays .tabs.secondary li.add .ui-dialog-content a + .webform-ajax-link, .ui-dialog-content .views-displays .tabs.secondary li.add a + .webform-ajax-link, .ui-dialog-content .webform-ajax-link + .webform-ajax-link, .webform-details-toggle-state-wrapper .ui-dialog-content .webform-details-toggle-state + .webform-ajax-link, .ui-dialog-content .webform-details-toggle-state-wrapper .webform-details-toggle-state + .webform-ajax-link, .maintenance-page-content .ui-dialog-content .button + .webform-ajax-link, .ui-dialog-content .maintenance-page-content .button + .webform-ajax-link, .maintenance-page-content ul.links li .ui-dialog-content a + .webform-ajax-link, .ui-dialog-content .maintenance-page-content ul.links li a + .webform-ajax-link, .webform-details-toggle-state-wrapper .btn + .webform-details-toggle-state, .webform-details-toggle-state-wrapper .btn-large + .webform-details-toggle-state, .webform-details-toggle-state-wrapper .button-action + .webform-details-toggle-state, .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .webform-details-toggle-state-wrapper button + .webform-details-toggle-state, .webform-details-toggle-state-wrapper .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button + .webform-details-toggle-state, .dropbutton-wrapper .single-btn-wrapper .webform-details-toggle-state-wrapper a + .webform-details-toggle-state, .webform-details-toggle-state-wrapper .dropbutton-wrapper .single-btn-wrapper a + .webform-details-toggle-state, #edit-actions .webform-details-toggle-state-wrapper .button.use-ajax + .webform-details-toggle-state, .webform-details-toggle-state-wrapper #edit-actions .button.use-ajax + .webform-details-toggle-state, .views-displays .tabs.secondary li.add .webform-details-toggle-state-wrapper a + .webform-details-toggle-state, .webform-details-toggle-state-wrapper .views-displays .tabs.secondary li.add a + .webform-details-toggle-state, .ui-dialog-content .webform-details-toggle-state-wrapper .webform-ajax-link + .webform-details-toggle-state, .webform-details-toggle-state-wrapper .ui-dialog-content .webform-ajax-link + .webform-details-toggle-state, .webform-details-toggle-state-wrapper .webform-details-toggle-state + .webform-details-toggle-state, .maintenance-page-content .webform-details-toggle-state-wrapper .button + .webform-details-toggle-state, .webform-details-toggle-state-wrapper .maintenance-page-content .button + .webform-details-toggle-state, .maintenance-page-content ul.links li .webform-details-toggle-state-wrapper a + .webform-details-toggle-state, .webform-details-toggle-state-wrapper .maintenance-page-content ul.links li a + .webform-details-toggle-state, .maintenance-page-content .btn + .button, .maintenance-page-content .btn-large + .button, .maintenance-page-content .button-action + .button, .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .maintenance-page-content button + .button, .maintenance-page-content .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button + .button, .dropbutton-wrapper .single-btn-wrapper .maintenance-page-content a + .button, .maintenance-page-content .dropbutton-wrapper .single-btn-wrapper a + .button, #edit-actions .maintenance-page-content .button.use-ajax + .button, .maintenance-page-content #edit-actions .button.use-ajax + .button, .views-displays .tabs.secondary li.add .maintenance-page-content a + .button, .maintenance-page-content .views-displays .tabs.secondary li.add a + .button, .ui-dialog-content .maintenance-page-content .webform-ajax-link + .button, .maintenance-page-content .ui-dialog-content .webform-ajax-link + .button, .webform-details-toggle-state-wrapper .maintenance-page-content .webform-details-toggle-state + .button, .maintenance-page-content .webform-details-toggle-state-wrapper .webform-details-toggle-state + .button, .maintenance-page-content .button + .button, .maintenance-page-content ul.links li a + .button, .maintenance-page-content ul.links li .btn + a, .maintenance-page-content ul.links li .btn-large + a, .maintenance-page-content ul.links li .button-action + a, .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .maintenance-page-content ul.links li button + a, .maintenance-page-content ul.links li .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button + a, .dropbutton-wrapper .single-btn-wrapper .maintenance-page-content ul.links li a + a, .maintenance-page-content ul.links li .dropbutton-wrapper .single-btn-wrapper a + a, #edit-actions .maintenance-page-content ul.links li .button.use-ajax + a, .maintenance-page-content ul.links li #edit-actions .button.use-ajax + a, .views-displays .tabs.secondary .maintenance-page-content ul.links li.add a + a, .maintenance-page-content ul.links .views-displays .tabs.secondary li.add a + a, .ui-dialog-content .maintenance-page-content ul.links li .webform-ajax-link + a, .maintenance-page-content ul.links li .ui-dialog-content .webform-ajax-link + a, .webform-details-toggle-state-wrapper .maintenance-page-content ul.links li .webform-details-toggle-state + a, .maintenance-page-content ul.links li .webform-details-toggle-state-wrapper .webform-details-toggle-state + a, .maintenance-page-content ul.links li .button + a, .maintenance-page-content ul.links li a + a { + margin: 0 10px; } + +nav { + box-shadow: none; + background: transparent; } + +.action-links { + margin-bottom: 2rem; } + .action-links li { + display: inline-block; + padding-right: 10px; + list-style: none; } + +a { + text-decoration: none; } + a:hover { + text-decoration: underline; } + +a.button:hover { + text-decoration: none; } + +.x-small { + height: 150px; } + +.card .card-content .card-title { + line-height: 2.5rem; } + +.card-action li, .package-listing .details-description .links li { + display: inline-block; } + +.card-action a, .package-listing .details-description .links a { + transition: color .3s ease; + margin-right: 24px; + text-transform: uppercase; + color: #ffab40; } + .card-action a:hover, .package-listing .details-description .links a:hover { + color: #ffd8a6; } + +details { + border: 0 !important; } + +.shadow-box, .entity-meta__header { + padding: 10px 15px; } + +.button--small { + font-size: .8em; } + .button--small::before { + font-size: 1.1em; } + +.clearfix { + clear: none; } + +.collapsible .collapsible-header, details.form-wrapper .collapsible-header, .collapsible details.form-wrapper summary, details.form-wrapper .collapsible summary, details.form-wrapper summary { + background: #fafafa; } + +.collapsible li, details.form-wrapper li { + position: relative; } + .collapsible li.active .collapsible-header.right-arrows::after, details.form-wrapper li.active .collapsible-header.right-arrows::after, .collapsible li.active details.form-wrapper summary.right-arrows::after, details.form-wrapper .collapsible li.active summary.right-arrows::after, details.form-wrapper li.active summary.right-arrows::after { + top: 0.5em; } + .collapsible li .collapsible-header.right-arrows::after, details.form-wrapper li .collapsible-header.right-arrows::after, .collapsible li details.form-wrapper summary.right-arrows::after, details.form-wrapper .collapsible li summary.right-arrows::after, details.form-wrapper li summary.right-arrows::after { + top: 0.5em; } + +.collapsible-body { + font-weight: 500; } + .collapsible-body .description { + padding: 1em 0; + font-weight: 300; } + +details.form-wrapper summary { + -ms-flex-align: center; + align-items: center; } + +span.marker { + border-radius: 2px; + background: #4db6ac; + color: #FFFFFF; + font-size: .8em; + font-weight: 300; } + +.waves-input-wrapper { + vertical-align: middle; } + +.select-wrapper + label { + left: 0; } + +.ckeditor-buttons::before, +.ckeditor-buttons::after, +.ckeditor-buttons { + box-sizing: initial; } + +.tabs.tabs-transparent { + border: 0; } + +@media only screen and (min-width: 601px) { + .offset-tabs { + margin-left: -20px; } } + +.collection.with-header .collection-header.no-bottom-border, +.collection .collection-item:last-of-type { + border-bottom: 0; } + +.fixed-action-btn.horizontal ul { + width: 1200px; } + +/* @file + * Drupal common overrides + * + */ +#toolbar-administration * { + transition: color .2s, background .2s, background-color .2s, opacity .2s !important; } + +/* @file + * Layout + * + */ +.region-header { + display: block; } + +.layout-container { + margin: 0; + padding: 0; } + .layout-container > main { + background: #fafafa; } + +header.header-wrapper { + background: #1E88E5; } + header.header-wrapper h1 { + margin: 2rem 0; + text-transform: capitalize; + color: #FFFFFF; + font-size: 2rem; + font-weight: 300; } + @media only screen and (max-width: 600px) { + header.header-wrapper h1 { + margin: 2rem 0; + font-size: 1.5rem; } } + header.header-wrapper .row.material-container { + padding-top: 0; + padding-bottom: 0; } + +#block-material-admin-sitebranding a.site-logo img { + max-width: 125px; } + +body.material_login { + background: #fafafa; } + +.region-title__action .button::after { + content: 'add'; } + +.row.material-container { + padding: 20px 5px; } + +.breadcrumb-section-wrapper { + background: #42A5F5; } + +.breadcrumb-section-wrapper-empty { + display: none; } + +#block-material-admin-page-title h1.page-title em { + font-style: normal; } + +#block-material-admin-page-title h1.page-title em:not(.placeholder)::after { + content: ' - '; } + +/* @file + * Overrides + * + */ +/** + * @file + * Visual styles for animated throbber. + * + * @see autocomplete.js + */ +.js input.form-autocomplete { + background-image: url("../images/spinner-static.svg"); + background-repeat: no-repeat; + background-position: 100% center; + background-size: 20px; } + +.js[dir='rtl'] input.form-autocomplete { + background-position: 0% center; } + +.js input.form-autocomplete.ui-autocomplete-loading { + background-image: url("../images/spinner.svg"); + background-position: 100% center; + background-size: 20px; } + +.js[dir='rtl'] input.form-autocomplete.ui-autocomplete-loading { + background-position: 0% center; } + +/** + * @file + * Throbber. + */ +.ajax-progress { + display: inline-block; + padding: 1px 5px 2px; } + +[dir='rtl'] .ajax-progress { + float: right; } + +.ajax-progress-throbber .throbber { + display: inline; + background: transparent url("../images/spinner.svg") no-repeat; + padding: 1px 5px 2px; + width: 150px; + height: 150px; } + +.ajax-progress-throbber .message { + display: inline; + padding: 1px 5px 2px; } + +tr .ajax-progress-throbber .throbber { + margin: 0 2px; } + +.ajax-progress-bar { + width: 16em; } + +/* Full screen throbber */ +.ajax-progress-fullscreen { + /* LTR */ + position: fixed; + top: 48.5%; + /* Can't do center:50% middle: 50%, so approximate it for a typical window size. */ + left: 49%; + opacity: 0.9; + z-index: 1000; + border-radius: 7px; + background-color: transparent; + background-image: url("../images/spinner.svg"); + background-repeat: no-repeat; + background-position: center center; + padding: 4px; + width: 150px; + height: 150px; } + +[dir='rtl'] .ajax-progress-fullscreen { + right: 49%; + left: auto; } + +/** + * @file + * Presentational styles for Drupal dialogs. + */ +.ui-dialog { + position: absolute; + z-index: 1260; + border: 0; + border-radius: 2px; + background: #fafafa; + padding: 10px 0; + overflow: visible; + color: #000000; } + .ui-dialog .ui-dialog-buttonpane { + margin-top: 0; + border: 0; + border-top: 1px solid rgba(0, 0, 0, 0.1); + background: #fafafa; + padding: .3em 1em; } + .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { + margin: 0; + padding: 0; } + .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button { + background: none; } + .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button.button--danger::after { + display: inline; + padding-left: 5px; + vertical-align: text-top; + font-size: 1.2rem; + content: 'delete'; } + .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button.success::after { + display: inline; + padding-left: 5px; + vertical-align: text-top; + font-size: 1.2rem; + content: 'send'; } + .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button.ui-state-hover, .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button:hover { + background: #eeeeee; + color: #212121 !important; } + .ui-dialog .ui-dialog-buttonpane .ui-button-text-only .ui-button-text { + padding: 0; } + .ui-dialog .views-offset-top { + border-bottom: 1px solid #bdbdbd; } + .ui-dialog .ui-dialog-titlebar { + border: 0; + border-bottom: 1px solid #bdbdbd; + border-radius: 0; + background: #fafafa; + font-weight: bold; } + .ui-dialog .ui-dialog-titlebar .ui-dialog-title { + margin: 0.5rem 0; + font-size: 1.5rem; + font-weight: normal; } + .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close { + top: 2rem; + right: 2rem; + border: 0; + background: none; } + .ui-dialog .ajax-progress-throbber { + position: fixed; + top: 48.5%; + /* Can't do center:50% middle: 50%, so approximate it for a typical window size. */ + left: 49%; + opacity: 0.9; + z-index: 1000; + border-radius: 7px; + background-color: transparent; + background-image: url("../images/spinner.svg"); + background-repeat: no-repeat; + background-position: center center; + padding: 4px; + width: 150px; + height: 150px; } + .ui-dialog .ajax-progress-throbber .throbber, + .ui-dialog .ajax-progress-throbber .message { + display: none; } + .ui-dialog .views-override:not(:empty) { + border-bottom: 1px solid rgba(0, 0, 0, 0.1); } + .ui-dialog .ui-dialog-content .form-actions { + margin: 0; + padding: 0; } + .ui-dialog .ui-dialog-content a:not(.ui-tabs-anchor):not(.webform-element-help) { + color: #2196F3; } + +.views-ui-display-tab-bucket.collection .collection-item { + background: #fafafa; } + +@media only screen and (max-width: 992px) { + .ui-dialog { + width: 92% !important; } } + +.ui-widget-content, +.ui-dialog .ui-dialog-content, +.views-ui-dialog { + border: 0; + background: #fafafa; } + +.ui-widget, +.ui-dialog, +.ui-widget-content, +.ui-widget-header, +.ui-widget button { + color: #000000; + font-family: "Roboto", sans-serif; + font-size: 100%; + font-smooth: always; } + +.cke_dialog { + border: 0; + border-bottom: 1px solid #bdbdbd; + border-radius: 0; + background: #FFFFFF; + padding-top: 20px; + font-weight: bold; } + .cke_dialog > tbody > tr > td { + padding: 0; } + .cke_dialog .cke_dialog_title { + margin: 0.5rem 0; + background: none; + font-size: 1.5rem; + font-weight: normal; } + .cke_dialog .cke_resizer { + position: absolute; + margin: 0 !important; } + .cke_dialog .cke_resizer_rtl { + bottom: 5px; + left: 5px; } + .cke_dialog .cke_resizer_ltr { + right: 5px; + bottom: 5px; } + .cke_dialog .cke_dialog_body { + position: relative; } + .cke_dialog .cke_dialog_footer { + background: none; } + .cke_dialog .cke_dialog_ui_select { + position: relative; } + .cke_dialog .cke_dialog_contents { + margin-bottom: 0; } + .cke_dialog div.cke_dialog_ui_input_select { + display: block; } + .cke_dialog input.cke_dialog_ui_input_text:hover, + .cke_dialog input.cke_dialog_ui_input_password:hover, + .cke_dialog textarea.cke_dialog_ui_input_textarea:hover, + .cke_dialog input.cke_dialog_ui_input_text:focus, + .cke_dialog input.cke_dialog_ui_input_password:focus, + .cke_dialog textarea.cke_dialog_ui_input_textarea:focus, + .cke_dialog select.cke_dialog_ui_input_select:focus { + border-top: 0; + border-right: 0; + border-left: 0; + padding-left: 0; } + +/* @file + * Color module override + * + */ +.color-palette .form-item:not(.form-item-scheme) { + display: inline; } + .color-palette .form-item:not(.form-item-scheme) input { + margin-top: 15px; + margin-right: 5px; + padding: 0 5px; + width: 70%; } + +.color-palette .color-palette__hook { + display: inline-block; + width: 10%; + height: 20px; } + .color-palette .color-palette__hook.is-up::before { + display: inline-block; + position: absolute; + text-indent: 0; + content: 'link'; } + +.color-palette button.color-palette__lock, +.color-palette .color-palette__lock { + display: inline-block; + position: relative; + border: 0; + background: none; + cursor: pointer; + width: 10%; + height: 20px; + overflow: hidden; + text-indent: -9999px; + white-space: nowrap; } + .color-palette button.color-palette__lock::before, + .color-palette .color-palette__lock::before { + display: inline-block; + position: absolute; + left: 0; + text-indent: 0; + content: 'lock_outline'; } + .color-palette button.color-palette__lock.is-unlocked::before, + .color-palette .color-palette__lock.is-unlocked::before { + content: 'lock_open'; } + +/* @file + * File + * + */ +.file { + /* LTR */ + display: inline-block; + background: none; + padding-left: 20px; + /* LTR */ + color: #000000; } + .file::before { + padding-right: 10px; + vertical-align: middle; + line-height: inherit; } + +[dir='rtl'] .file { + padding-right: 20px; + padding-left: inherit; } + +.file--general::before, +.file--application-octet-stream::before { + content: 'insert_drive_file'; } + +.file--package-x-generic::before { + content: 'folder'; } + +.file--x-office-spreadsheet::before { + content: 'view_module'; } + +.file--x-office-document::before { + content: 'library_books'; } + +.file--x-office-presentation::before { + content: 'insert_chart'; } + +.file--text-x-script::before { + content: 'settings_applications'; } + +.file--text-html::before { + content: 'web'; } + +.file--text-plain::before { + content: 'library_books'; } + +.file--application-pdf::before { + content: 'picture_as_pdf'; } + +.file--application-x-executable::before { + content: 'widgets'; } + +.file--audio::before { + content: 'library_music'; } + +.file--video::before { + content: 'video_library'; } + +.file--text::before { + content: 'description'; } + +.file--image::before { + content: 'photo_library'; } + +/* @file + * Vertical tabs override + * + */ +.ui-widget { + font-family: "Roboto", sans-serif; + font-size: inherit; } + .ui-widget .ui-widget { + font-size: inherit; } + .ui-widget input { + font-family: "Roboto", sans-serif; + font-size: inherit; } + .ui-widget select { + font-family: "Roboto", sans-serif; + font-size: inherit; } + .ui-widget textarea { + font-family: "Roboto", sans-serif; + font-size: inherit; } + .ui-widget button { + font-family: "Roboto", sans-serif; + font-size: inherit; } + +.ui-widget.ui-widget-content { + border: 0; } + .ui-widget.ui-widget-content details.form-wrapper { + border: 1px solid #e0e0e0 !important; } + +.ui-widget-content { + color: #424242; } + .ui-widget-content a { + color: #424242; } + .ui-widget-content .ui-state-default { + border: 1px solid #c5c5c5; + background: #f5f5f5; + color: #616161; + font-weight: normal; } + .ui-widget-content .ui-state-hover { + border: 1px solid #bdbdbd; + background: #ededed; + color: #212121; + font-weight: normal; } + .ui-widget-content .ui-state-focus { + border: 1px solid #bdbdbd; + background: #ededed; + color: #212121; + font-weight: normal; } + .ui-widget-content .ui-state-active { + border: 1px solid #003eff; + background: #fddfdf; + color: #FFFFFF; + font-weight: normal; } + .ui-widget-content .ui-state-highlight { + border: 1px solid #dad55e; + background: #fffa90; + color: #fff9c4; } + .ui-widget-content .ui-state-highlight a { + color: #fff9c4; } + .ui-widget-content .ui-state-error { + border: 1px solid #f1a899; + background: #fddfdf; + color: #EF9A9A; } + .ui-widget-content .ui-state-error a { + color: #EF9A9A; } + .ui-widget-content .ui-state-error-text { + color: #EF9A9A; } + .ui-widget-content .ui-priority-primary { + font-weight: bold; } + .ui-widget-content .ui-priority-secondary { + opacity: .7; + font-weight: normal; + filter: alpha(Opacity=70); } + .ui-widget-content .ui-state-disabled { + opacity: .35; + background-image: none; + filter: alpha(Opacity=35); } + .ui-widget-content .ui-icon { + background-image: url("../images/jquery.ui/ui-icons_444444_256x240.png"); } + +.ui-widget-header { + border: 1px solid #ddd; + background: #e9e9e9; + color: #424242; + font-weight: bold; } + .ui-widget-header a { + color: #424242; } + .ui-widget-header .ui-state-default { + border: 1px solid #c5c5c5; + background: #f6f6f6; + color: #616161; + font-weight: normal; } + .ui-widget-header .ui-state-hover { + border: 1px solid #5e9ed6; + background: #ededed; + color: #212121; + font-weight: normal; } + .ui-widget-header .ui-state-focus { + border: 1px solid #5e9ed6; + background: #ededed; + color: #212121; + font-weight: normal; } + .ui-widget-header .ui-state-active { + border: 1px solid #003eff; + background: #fddfdf; + color: #FFFFFF; + font-weight: normal; } + .ui-widget-header .ui-state-highlight { + border: 1px solid #dad55e; + background: #fffa90; + color: #fff9c4; } + .ui-widget-header .ui-state-highlight a { + color: #fff9c4; } + .ui-widget-header .ui-state-error { + border: 1px solid #f1a899; + background: #fddfdf; + color: #EF9A9A; } + .ui-widget-header .ui-state-error a { + color: #EF9A9A; } + .ui-widget-header .ui-state-error-text { + color: #EF9A9A; } + .ui-widget-header .ui-priority-primary { + font-weight: bold; } + .ui-widget-header .ui-priority-secondary { + opacity: .7; + font-weight: normal; + filter: alpha(Opacity=70); } + .ui-widget-header .ui-state-disabled { + opacity: .35; + background-image: none; + filter: alpha(Opacity=35); } + .ui-widget-header .ui-icon { + background-image: url("../images/jquery.ui/ui-icons_444444_256x240.png"); } + +.ui-state-default { + border: 1px solid #c5c5c5; + background: #f6f6f6; + color: #616161; + font-weight: normal; } + .ui-state-default a { + text-decoration: none; + color: #616161; } + .ui-state-default a:link { + text-decoration: none; + color: #616161; } + .ui-state-default a:visited { + text-decoration: none; + color: #616161; } + +.ui-button { + border: 1px solid #c5c5c5; + background: #f6f6f6; + text-decoration: none; + color: #616161; + font-weight: normal; } + .ui-button:hover { + border: 1px solid #5e9ed6; + background: #ededed; + color: #212121; + font-weight: normal; } + .ui-button:hover .ui-icon { + background-image: url("../images/jquery.ui/ui-icons_555555_256x240.png"); } + .ui-button:focus { + border: 1px solid #5e9ed6; + background: #ededed; + color: #212121; + font-weight: normal; } + .ui-button:focus .ui-icon { + background-image: url("../images/jquery.ui/ui-icons_555555_256x240.png"); } + .ui-button:active { + border: 1px solid #003eff; + background: #fddfdf; + color: #FFFFFF; + font-weight: normal; } + .ui-button:active .ui-icon { + background-image: url("../images/jquery.ui/ui-icons_ffffff_256x240.png"); } + .ui-button .ui-state-highlight.ui-icon { + background-image: url("../images/jquery.ui/ui-icons_777620_256x240.png"); } + .ui-button .ui-icon { + background-image: url("../images/jquery.ui/ui-icons_777777_256x240.png"); } + +html .ui-button.ui-state-disabled:hover { + border: 1px solid #c5c5c5; + background: #f6f6f6; + color: #616161; + font-weight: normal; } + +html .ui-button.ui-state-disabled:active { + border: 1px solid #c5c5c5; + background: #f6f6f6; + color: #616161; + font-weight: normal; } + +a.ui-button { + text-decoration: none; + color: #616161; } + a.ui-button:hover { + text-decoration: none; + color: #212121; } + a.ui-button:focus { + text-decoration: none; + color: #212121; } + a.ui-button:active { + border: 1px solid #003eff; + background: #fddfdf; + color: #FFFFFF; + font-weight: normal; } + +a:link.ui-button { + text-decoration: none; + color: #616161; } + +a:visited.ui-button { + text-decoration: none; + color: #616161; } + +.ui-state-hover { + border: 1px solid #5e9ed6; + background: #ededed; + color: #212121; + font-weight: normal; } + .ui-state-hover a { + text-decoration: none; + color: #212121; } + .ui-state-hover a:hover { + text-decoration: none; + color: #212121; } + .ui-state-hover a:link { + text-decoration: none; + color: #212121; } + .ui-state-hover a:visited { + text-decoration: none; + color: #212121; } + .ui-state-hover .ui-icon { + background-image: url("../images/jquery.ui/ui-icons_555555_256x240.png"); } + +.ui-state-focus { + border: 1px solid #5e9ed6; + background: #ededed; + color: #212121; + font-weight: normal; } + .ui-state-focus a { + text-decoration: none; + color: #212121; } + .ui-state-focus a:hover { + text-decoration: none; + color: #212121; } + .ui-state-focus a:link { + text-decoration: none; + color: #212121; } + .ui-state-focus a:visited { + text-decoration: none; + color: #212121; } + .ui-state-focus .ui-icon { + background-image: url("../images/jquery.ui/ui-icons_555555_256x240.png"); } + +.ui-visual-focus { + box-shadow: 0 0 3px 1px #5e9ed6; } + +.ui-state-active { + border: 1px solid #003eff; + background: #fddfdf; + color: #FFFFFF; + font-weight: normal; } + .ui-state-active .ui-icon-background { + border: #003eff; + background-color: #FFFFFF; } + .ui-state-active a { + text-decoration: none; + color: #FFFFFF; } + .ui-state-active a:link { + text-decoration: none; + color: #FFFFFF; } + .ui-state-active a:visited { + text-decoration: none; + color: #FFFFFF; } + .ui-state-active .ui-icon { + background-image: url("../images/jquery.ui/ui-icons_ffffff_256x240.png"); } + +.ui-button.ui-state-active:hover { + border: 1px solid #003eff; + background: #fddfdf; + color: #FFFFFF; + font-weight: normal; } + +.ui-icon-background { + border: #003eff; + background-color: #FFFFFF; } + +.ui-state-highlight { + border: 1px solid #dad55e; + background: #fffa90; + color: #fff9c4; } + .ui-state-highlight a { + color: #fff9c4; } + .ui-state-highlight .ui-icon { + background-image: url("../images/jquery.ui/ui-icons_777620_256x240.png"); } + +.ui-state-checked { + border: 1px solid #dad55e; + background: #fffa90; } + +.ui-state-error { + border: 1px solid #f1a899; + background: #fddfdf; + color: #EF9A9A; } + .ui-state-error a { + color: #EF9A9A; } + .ui-state-error .ui-icon { + background-image: url("..images/jquery.ui/ui-icons_cc0000_256x240.png"); } + +.ui-state-error-text { + color: #EF9A9A; } + .ui-state-error-text .ui-icon { + background-image: url("..images/jquery.ui/ui-icons_cc0000_256x240.png"); } + +.ui-priority-primary { + font-weight: bold; } + +.ui-priority-secondary { + opacity: .7; + font-weight: normal; + filter: alpha(Opacity=70); } + +.ui-state-disabled { + opacity: .35; + background-image: none; + filter: alpha(Opacity=35); } + .ui-state-disabled .ui-icon { + filter: alpha(Opacity=35); } + +.ui-icon { + background-image: url("../images/jquery.ui/ui-icons_444444_256x240.png"); + width: 16px; + height: 16px; } + +.ui-icon-blank { + background-position: 16px 16px; } + +.ui-icon-caret-1-n { + background-position: 0 0; } + +.ui-icon-caret-1-ne { + background-position: -16px 0; } + +.ui-icon-caret-1-e { + background-position: -32px 0; } + +.ui-icon-caret-1-se { + background-position: -48px 0; } + +.ui-icon-caret-1-s { + background-position: -65px 0; } + +.ui-icon-caret-1-sw { + background-position: -80px 0; } + +.ui-icon-caret-1-w { + background-position: -96px 0; } + +.ui-icon-caret-1-nw { + background-position: -112px 0; } + +.ui-icon-caret-2-n-s { + background-position: -128px 0; } + +.ui-icon-caret-2-e-w { + background-position: -144px 0; } + +.ui-icon-triangle-1-n { + background-position: 0 -16px; } + +.ui-icon-triangle-1-ne { + background-position: -16px -16px; } + +.ui-icon-triangle-1-e { + background-position: -32px -16px; } + +.ui-icon-triangle-1-se { + background-position: -48px -16px; } + +.ui-icon-triangle-1-s { + background-position: -65px -16px; } + +.ui-icon-triangle-1-sw { + background-position: -80px -16px; } + +.ui-icon-triangle-1-w { + background-position: -96px -16px; } + +.ui-icon-triangle-1-nw { + background-position: -112px -16px; } + +.ui-icon-triangle-2-n-s { + background-position: -128px -16px; } + +.ui-icon-triangle-2-e-w { + background-position: -144px -16px; } + +.ui-icon-arrow-1-n { + background-position: 0 -32px; } + +.ui-icon-arrow-1-ne { + background-position: -16px -32px; } + +.ui-icon-arrow-1-e { + background-position: -32px -32px; } + +.ui-icon-arrow-1-se { + background-position: -48px -32px; } + +.ui-icon-arrow-1-s { + background-position: -65px -32px; } + +.ui-icon-arrow-1-sw { + background-position: -80px -32px; } + +.ui-icon-arrow-1-w { + background-position: -96px -32px; } + +.ui-icon-arrow-1-nw { + background-position: -112px -32px; } + +.ui-icon-arrow-2-n-s { + background-position: -128px -32px; } + +.ui-icon-arrow-2-ne-sw { + background-position: -144px -32px; } + +.ui-icon-arrow-2-e-w { + background-position: -160px -32px; } + +.ui-icon-arrow-2-se-nw { + background-position: -176px -32px; } + +.ui-icon-arrowstop-1-n { + background-position: -192px -32px; } + +.ui-icon-arrowstop-1-e { + background-position: -208px -32px; } + +.ui-icon-arrowstop-1-s { + background-position: -224px -32px; } + +.ui-icon-arrowstop-1-w { + background-position: -240px -32px; } + +.ui-icon-arrowthick-1-n { + background-position: 1px -48px; } + +.ui-icon-arrowthick-1-ne { + background-position: -16px -48px; } + +.ui-icon-arrowthick-1-e { + background-position: -32px -48px; } + +.ui-icon-arrowthick-1-se { + background-position: -48px -48px; } + +.ui-icon-arrowthick-1-s { + background-position: -64px -48px; } + +.ui-icon-arrowthick-1-sw { + background-position: -80px -48px; } + +.ui-icon-arrowthick-1-w { + background-position: -96px -48px; } + +.ui-icon-arrowthick-1-nw { + background-position: -112px -48px; } + +.ui-icon-arrowthick-2-n-s { + background-position: -128px -48px; } + +.ui-icon-arrowthick-2-ne-sw { + background-position: -144px -48px; } + +.ui-icon-arrowthick-2-e-w { + background-position: -160px -48px; } + +.ui-icon-arrowthick-2-se-nw { + background-position: -176px -48px; } + +.ui-icon-arrowthickstop-1-n { + background-position: -192px -48px; } + +.ui-icon-arrowthickstop-1-e { + background-position: -208px -48px; } + +.ui-icon-arrowthickstop-1-s { + background-position: -224px -48px; } + +.ui-icon-arrowthickstop-1-w { + background-position: -240px -48px; } + +.ui-icon-arrowreturnthick-1-w { + background-position: 0 -64px; } + +.ui-icon-arrowreturnthick-1-n { + background-position: -16px -64px; } + +.ui-icon-arrowreturnthick-1-e { + background-position: -32px -64px; } + +.ui-icon-arrowreturnthick-1-s { + background-position: -48px -64px; } + +.ui-icon-arrowreturn-1-w { + background-position: -64px -64px; } + +.ui-icon-arrowreturn-1-n { + background-position: -80px -64px; } + +.ui-icon-arrowreturn-1-e { + background-position: -96px -64px; } + +.ui-icon-arrowreturn-1-s { + background-position: -112px -64px; } + +.ui-icon-arrowrefresh-1-w { + background-position: -128px -64px; } + +.ui-icon-arrowrefresh-1-n { + background-position: -144px -64px; } + +.ui-icon-arrowrefresh-1-e { + background-position: -160px -64px; } + +.ui-icon-arrowrefresh-1-s { + background-position: -176px -64px; } + +.ui-icon-arrow-4 { + background-position: 0 -80px; } + +.ui-icon-arrow-4-diag { + background-position: -16px -80px; } + +.ui-icon-extlink { + background-position: -32px -80px; } + +.ui-icon-newwin { + background-position: -48px -80px; } + +.ui-icon-refresh { + background-position: -64px -80px; } + +.ui-icon-shuffle { + background-position: -80px -80px; } + +.ui-icon-transfer-e-w { + background-position: -96px -80px; } + +.ui-icon-transferthick-e-w { + background-position: -112px -80px; } + +.ui-icon-folder-collapsed { + background-position: 0 -96px; } + +.ui-icon-folder-open { + background-position: -16px -96px; } + +.ui-icon-document { + background-position: -32px -96px; } + +.ui-icon-document-b { + background-position: -48px -96px; } + +.ui-icon-note { + background-position: -64px -96px; } + +.ui-icon-mail-closed { + background-position: -80px -96px; } + +.ui-icon-mail-open { + background-position: -96px -96px; } + +.ui-icon-suitcase { + background-position: -112px -96px; } + +.ui-icon-comment { + background-position: -128px -96px; } + +.ui-icon-person { + background-position: -144px -96px; } + +.ui-icon-print { + background-position: -160px -96px; } + +.ui-icon-trash { + background-position: -176px -96px; } + +.ui-icon-locked { + background-position: -192px -96px; } + +.ui-icon-unlocked { + background-position: -208px -96px; } + +.ui-icon-bookmark { + background-position: -224px -96px; } + +.ui-icon-tag { + background-position: -240px -96px; } + +.ui-icon-home { + background-position: 0 -112px; } + +.ui-icon-flag { + background-position: -16px -112px; } + +.ui-icon-calendar { + background-position: -32px -112px; } + +.ui-icon-cart { + background-position: -48px -112px; } + +.ui-icon-pencil { + background-position: -64px -112px; } + +.ui-icon-clock { + background-position: -80px -112px; } + +.ui-icon-disk { + background-position: -96px -112px; } + +.ui-icon-calculator { + background-position: -112px -112px; } + +.ui-icon-zoomin { + background-position: -128px -112px; } + +.ui-icon-zoomout { + background-position: -144px -112px; } + +.ui-icon-search { + background-position: -160px -112px; } + +.ui-icon-wrench { + background-position: -176px -112px; } + +.ui-icon-gear { + background-position: -192px -112px; } + +.ui-icon-heart { + background-position: -208px -112px; } + +.ui-icon-star { + background-position: -224px -112px; } + +.ui-icon-link { + background-position: -240px -112px; } + +.ui-icon-cancel { + background-position: 0 -128px; } + +.ui-icon-plus { + background-position: -16px -128px; } + +.ui-icon-plusthick { + background-position: -32px -128px; } + +.ui-icon-minus { + background-position: -48px -128px; } + +.ui-icon-minusthick { + background-position: -64px -128px; } + +.ui-icon-close { + background-position: -80px -128px; } + +.ui-icon-closethick { + background-position: -96px -128px; } + +.ui-icon-key { + background-position: -112px -128px; } + +.ui-icon-lightbulb { + background-position: -128px -128px; } + +.ui-icon-scissors { + background-position: -144px -128px; } + +.ui-icon-clipboard { + background-position: -160px -128px; } + +.ui-icon-copy { + background-position: -176px -128px; } + +.ui-icon-contact { + background-position: -192px -128px; } + +.ui-icon-image { + background-position: -208px -128px; } + +.ui-icon-video { + background-position: -224px -128px; } + +.ui-icon-script { + background-position: -240px -128px; } + +.ui-icon-alert { + background-position: 0 -144px; } + +.ui-icon-info { + background-position: -16px -144px; } + +.ui-icon-notice { + background-position: -32px -144px; } + +.ui-icon-help { + background-position: -48px -144px; } + +.ui-icon-check { + background-position: -64px -144px; } + +.ui-icon-bullet { + background-position: -80px -144px; } + +.ui-icon-radio-on { + background-position: -96px -144px; } + +.ui-icon-radio-off { + background-position: -112px -144px; } + +.ui-icon-pin-w { + background-position: -128px -144px; } + +.ui-icon-pin-s { + background-position: -144px -144px; } + +.ui-icon-play { + background-position: 0 -160px; } + +.ui-icon-pause { + background-position: -16px -160px; } + +.ui-icon-seek-next { + background-position: -32px -160px; } + +.ui-icon-seek-prev { + background-position: -48px -160px; } + +.ui-icon-seek-end { + background-position: -64px -160px; } + +.ui-icon-seek-start { + background-position: -80px -160px; } + +.ui-icon-seek-first { + background-position: -80px -160px; } + +.ui-icon-stop { + background-position: -96px -160px; } + +.ui-icon-eject { + background-position: -112px -160px; } + +.ui-icon-volume-off { + background-position: -128px -160px; } + +.ui-icon-volume-on { + background-position: -144px -160px; } + +.ui-icon-power { + background-position: 0 -176px; } + +.ui-icon-signal-diag { + background-position: -16px -176px; } + +.ui-icon-signal { + background-position: -32px -176px; } + +.ui-icon-battery-0 { + background-position: -48px -176px; } + +.ui-icon-battery-1 { + background-position: -64px -176px; } + +.ui-icon-battery-2 { + background-position: -80px -176px; } + +.ui-icon-battery-3 { + background-position: -96px -176px; } + +.ui-icon-circle-plus { + background-position: 0 -192px; } + +.ui-icon-circle-minus { + background-position: -16px -192px; } + +.ui-icon-circle-close { + background-position: -32px -192px; } + +.ui-icon-circle-triangle-e { + background-position: -48px -192px; } + +.ui-icon-circle-triangle-s { + background-position: -64px -192px; } + +.ui-icon-circle-triangle-w { + background-position: -80px -192px; } + +.ui-icon-circle-triangle-n { + background-position: -96px -192px; } + +.ui-icon-circle-arrow-e { + background-position: -112px -192px; } + +.ui-icon-circle-arrow-s { + background-position: -128px -192px; } + +.ui-icon-circle-arrow-w { + background-position: -144px -192px; } + +.ui-icon-circle-arrow-n { + background-position: -160px -192px; } + +.ui-icon-circle-zoomin { + background-position: -176px -192px; } + +.ui-icon-circle-zoomout { + background-position: -192px -192px; } + +.ui-icon-circle-check { + background-position: -208px -192px; } + +.ui-icon-circlesmall-plus { + background-position: 0 -208px; } + +.ui-icon-circlesmall-minus { + background-position: -16px -208px; } + +.ui-icon-circlesmall-close { + background-position: -32px -208px; } + +.ui-icon-squaresmall-plus { + background-position: -48px -208px; } + +.ui-icon-squaresmall-minus { + background-position: -64px -208px; } + +.ui-icon-squaresmall-close { + background-position: -80px -208px; } + +.ui-icon-grip-dotted-vertical { + background-position: 0 -224px; } + +.ui-icon-grip-dotted-horizontal { + background-position: -16px -224px; } + +.ui-icon-grip-solid-vertical { + background-position: -32px -224px; } + +.ui-icon-grip-solid-horizontal { + background-position: -48px -224px; } + +.ui-icon-gripsmall-diagonal-se { + background-position: -64px -224px; } + +.ui-icon-grip-diagonal-se { + background-position: -80px -224px; } + +.ui-corner-all { + border-top-left-radius: 3px; + border-top-right-radius: 3px; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; } + +.ui-corner-top { + border-top-left-radius: 3px; + border-top-right-radius: 3px; } + +.ui-corner-left { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; } + +.ui-corner-tl { + border-top-left-radius: 3px; } + +.ui-corner-right { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; } + +.ui-corner-tr { + border-top-right-radius: 3px; } + +.ui-corner-bottom { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; } + +.ui-corner-bl { + border-bottom-left-radius: 3px; } + +.ui-corner-br { + border-bottom-right-radius: 3px; } + +.ui-widget-overlay { + opacity: .3; + background: #aaa; + filter: alpha(Opacity=30); } + +/** + * @file + * jquery UI tabs + */ +.ui-tabs { + position: relative; + padding: .2em; } + .ui-tabs .ui-tabs-nav { + margin: 0; + padding: .2em .2em 0; } + .ui-tabs .ui-tabs-nav li { + position: relative; + top: 0; + float: left; + margin: 1px .2em 0 0; + border-bottom-width: 0; + padding: 0; + list-style: none; + white-space: nowrap; } + .ui-tabs .ui-tabs-nav .ui-tabs-anchor { + float: left; + padding: .5em 1em; + text-decoration: none; } + .ui-tabs .ui-tabs-nav li.ui-tabs-active { + margin-bottom: -1px; + padding-bottom: 1px; } + .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor { + cursor: text; } + .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor { + cursor: text; } + .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor { + cursor: text; } + .ui-tabs .ui-tabs-panel { + display: block; + outline: none; + border-width: 0; + background: none; + padding: 1em .5em; } + +.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor { + cursor: pointer; } + +/* @file + * jQuery UI tooltip override. + * + */ +.ui-tooltip { + border: 0; + box-shadow: none; + background-color: #212121; + color: #FFFFFF; } + .ui-tooltip a { + color: #42A5F5; } + +/* @file + * Vertical tabs override + * + */ +.vertical-tab-wrapper { + height: auto; } + .vertical-tab-wrapper > label { + display: block; + border-bottom: 1px solid #e0e0e0; + width: 100%; + text-transform: uppercase; + font-size: 20px; } + .vertical-tab-wrapper ul.vertical-tabs__menu { + position: relative; + z-index: 2; + margin-right: 0; + border-right: 3px solid #616161; + padding-right: 0 !important; + width: 100%; } + .vertical-tab-wrapper ul.vertical-tabs__menu li.vertical-tabs__menu-item { + display: block; } + .vertical-tab-wrapper ul.vertical-tabs__menu li.vertical-tabs__menu-item:focus { + outline: none; } + .vertical-tab-wrapper ul.vertical-tabs__menu li.vertical-tabs__menu-item a { + display: block; + padding: 1em; + width: 100%; + text-transform: uppercase; + text-decoration: none; + color: #616161; } + .vertical-tab-wrapper ul.vertical-tabs__menu li.vertical-tabs__menu-item a strong { + letter-spacing: .5px; + font-weight: normal; } + .vertical-tab-wrapper ul.vertical-tabs__menu li.vertical-tabs__menu-item a span { + display: block; + text-transform: initial; + font-size: .75em; } + .vertical-tab-wrapper ul.vertical-tabs__menu li.vertical-tabs__menu-item a:hover { + color: #ee6e73; } + .vertical-tab-wrapper ul.vertical-tabs__menu li.vertical-tabs__menu-item.is-selected { + z-index: 2; + margin-right: -3px; + border-right: 3px solid #ee6e73; + background: #f5f5f5; } + .vertical-tab-wrapper ul.vertical-tabs__menu li.vertical-tabs__menu-item.is-selected a { + color: #ee6e73; } + .vertical-tab-wrapper .vertical-tabs__panes { + transition: max-height 0.66s ease-out; + margin-left: -3px !important; + border-left: 3px solid #9e9e9e; + padding-left: 1em; } + .vertical-tab-wrapper .vertical-tabs__panes > details { + border: 0; + box-shadow: none; } + .vertical-tab-wrapper .vertical-tabs__panes > details > summary { + text-transform: uppercase; + color: #ee6e73; } + +@media only screen and (max-width: 600px) { + .vertical-tab-wrapper .vertical-tabs__panes { + margin-left: 0; + border-left: 0; } + .vertical-tab-wrapper ul.vertical-tabs__menu { + border-right: 0; } } + +/* @file + * Components + * + */ +/* @file +* Autocomplete UI +* +*/ +.ui-autocomplete.ui-menu { + display: none; + position: absolute; + top: 100%; + left: 0; + float: left; + z-index: 1000; + margin: 0 0 10px 25px; + border: 1px solid #bdbdbd; + border-radius: 0; + box-shadow: none; + background-color: #FFFFFF; + padding: 4px 0; + min-width: 160px; + list-style: none; } + .ui-autocomplete.ui-menu .ui-menu-item { + list-style-image: none; } + .ui-autocomplete.ui-menu .ui-menu-item > a.ui-corner-all { + display: block; + clear: both; + padding: 3px 15px; + text-decoration: none; + line-height: 18px; + white-space: nowrap; + color: #616161; + font-weight: normal; } + .ui-autocomplete.ui-menu .ui-menu-item.ui-state-focus, .ui-autocomplete.ui-menu .ui-menu-item.ui-state-hover, .ui-autocomplete.ui-menu .ui-menu-item.ui-state-active { + border-radius: 0; + background: #26a69a; + text-decoration: none; + list-style-image: none; } + .ui-autocomplete.ui-menu .ui-menu-item.ui-state-focus a, .ui-autocomplete.ui-menu .ui-menu-item.ui-state-hover a, .ui-autocomplete.ui-menu .ui-menu-item.ui-state-active a { + color: #FFFFFF; } + +/* @file + * Breadcrumbs + */ +.breadcrumb-nav ol { + margin: 0; + padding: 0 .5em; } + .breadcrumb-nav ol li { + display: inline-block; + padding: 0; + list-style: none; + vertical-align: middle; + line-height: 16px; + color: #BBDEFB; + font-size: 16px; } + .breadcrumb-nav ol li a, + .breadcrumb-nav ol li span { + display: inline-block; + overflow: hidden; + vertical-align: middle; + text-overflow: ellipsis; + line-height: 16px; + white-space: nowrap; + color: #BBDEFB; } + .breadcrumb-nav ol li a.current.url-segement-title, + .breadcrumb-nav ol li span.current.url-segement-title { + text-transform: capitalize; } + .breadcrumb-nav ol li span { + color: #FFFFFF; } + .breadcrumb-nav ol li div { + display: inline; } + .breadcrumb-nav ol li:first-child a { + visibility: hidden; + max-width: 20px; } + .breadcrumb-nav ol li:first-child a::before { + display: inline-block; + float: left; + visibility: visible; + text-indent: 0; + content: 'home'; } + .breadcrumb-nav ol li::before { + margin: 0 10px 0 8px; + vertical-align: middle; + line-height: 16px; + color: #BBDEFB; + font-size: 23px; + content: 'keyboard_arrow_right'; + -webkit-font-smoothing: antialiased; } + .breadcrumb-nav ol li:first-child::before { + display: none; } + .breadcrumb-nav ol li:last-child a, .breadcrumb-nav ol li:last-child { + color: #f5f5f5; } + +.breadcrumb-nav ol li a { + visibility: hidden; + max-width: 15px; } + .breadcrumb-nav ol li a::before { + display: inline-block; + visibility: visible; + content: '...'; } + +.breadcrumb-nav ol > *:first-child a { + display: inline-block !important; } + +@media only screen and (max-width: 600px) { + .breadcrumb-nav ol > *:nth-last-child(-n+2) a { + visibility: visible; + max-width: 60px; } + .breadcrumb-nav ol > *:nth-last-child(-n+2) a::before { + display: none; } } + +@media only screen and (min-width: 601px) { + .breadcrumb-nav ol > *:nth-last-child(-n+4) a { + display: inline-block; + visibility: visible; + max-width: 100px; } + .breadcrumb-nav ol > *:nth-last-child(-n+4) a::before { + display: none; } } + +@media only screen and (min-width: 993px) { + .breadcrumb-nav ol > *:nth-last-child(-n+6) a { + visibility: visible; + max-width: 170px; } + .breadcrumb-nav ol > *:nth-last-child(-n+6) a::before { + display: none; } } + +.region-header .block-system-breadcrumb-block { + margin: 15px 0 0; } + .region-header .block-system-breadcrumb-block .breadcrumb-nav ol { + padding: 0; } + .region-header .block-system-breadcrumb-block .breadcrumb-nav ol li { + line-height: 13px; + font-size: 13px; } + .region-header .block-system-breadcrumb-block .breadcrumb-nav ol li a, + .region-header .block-system-breadcrumb-block .breadcrumb-nav ol li span { + color: #e0e0e0; } + .region-header .block-system-breadcrumb-block .breadcrumb-nav ol li::before { + margin: 0 4px; + line-height: 13px; + color: #e0e0e0; } + .region-header .block-system-breadcrumb-block .breadcrumb-nav ol li:last-child a, + .region-header .block-system-breadcrumb-block .breadcrumb-nav ol li:last-child span { + color: #FFFFFF; } + .region-header .block-system-breadcrumb-block ~ .block-page-title-block h1.page-title { + margin-top: .7rem; } + +/* @file + * Chips + * + */ +.item-list--comma-list { + margin: 0.5em 0; } + .item-list--comma-list .item-list__comma-list li.chip { + display: inline-block; + font-weight: 200; } + .item-list--comma-list .item-list__comma-list li.chip::after { + content: ''; } + .item-list--comma-list .item-list__comma-list li.chip:empty { + visibility: hidden; } + +table.highlight > tbody > tr:hover li.chip { + background-color: #fafafa; } + +.chip.ui-tabs-tab { + display: inherit; + border-radius: 3px 3px 0 0; + height: inherit; + line-height: inherit; + font-size: inherit; } + +/* @file + * Collections + * + */ +.details-item .collapsible-header::before, .details-item details.form-wrapper summary::before, details.form-wrapper .details-item summary::before { + padding-right: 5px; + content: 'keyboard_arrow_right'; } + +.details-item .collapsible-header.active::before, .details-item details.form-wrapper summary.active::before, details.form-wrapper .details-item summary.active::before { + content: 'keyboard_arrow_down'; } + +.details-item .collapsible-body { + padding: 15px; } + +.collection .collection-item > .item-list .collection { + border: 0; } + .collection .collection-item > .item-list .collection .collection-item { + border: 0; } + .collection .collection-item > .item-list .collection .collection-item::before { + padding-right: 5px; + content: 'keyboard_arrow_right'; } + +.collection.item-list__comma-list { + border: 0; } + .collection.item-list__comma-list .collection-item { + border: 0; + padding: inherit; + line-height: 1em; } + +.collection-item { + text-decoration: none; } + .collection-item i.fa { + padding-right: 10px; } + .collection-item:hover { + text-decoration: none; } + .collection-item:hover .collection-item-description { + text-decoration: none; + color: #424242; } + .collection-item .collection-item-description { + margin-left: 20px; + text-decoration: none; + color: #616161; + font-size: 12px; } + .collection-item .collection-item-description:hover { + text-decoration: none; + color: #424242; } + +.collection.with-header > .collection { + margin: 0; + border: 0; } + +/* @file + * Dropbutton partial + * Additoinal dropbutton styling in _views.scss for specific view admin styling. + * + */ +.dropbutton-wrapper { + display: inline-block; } + .dropbutton-wrapper .single-btn-wrapper { + list-style: none; } + .dropbutton-wrapper .single-btn-wrapper a { + padding: 0 1.5rem; } + .dropbutton-wrapper .single-btn-wrapper a:hover { + background: #bdbdbd; } + +.dropbutton-widget { + padding: 0 5px; } + +.dropdown-button { + display: inline-block; } + .dropdown-button:hover { + text-decoration: none; } + .dropdown-button::after { + display: inline; + margin-left: 10px; + vertical-align: inherit; + content: 'keyboard_arrow_down'; } + .dropdown-button.active::after { + display: inline; + margin-left: 10px; + content: 'keyboard_arrow_up'; } + .dropdown-button.ellipsis-icon::after { + display: none; + content: ''; } + +.dropdown-content li .button { + display: block; + box-shadow: none; + background: none; + padding: inherit; + width: 100%; + min-height: 50px; + color: inherit; } + .dropdown-content li .button.btn-paragraph-action { + padding: 10px; + text-align: left; } + +table.highlight > tbody > tr.selected { + background: #f5f5f5; } + table.highlight > tbody > tr.selected a { + text-decoration: none; } + table.highlight > tbody > tr.selected a.dropdown-button { + text-decoration: none; + color: #616161; } + table.highlight > tbody > tr.selected .dropbutton-widget li { + color: #000000; } + table.highlight > tbody > tr.selected .dropbutton-widget li a { + text-decoration: none; + color: #000000; } + table.highlight > tbody > tr.selected td { + background: #f5f5f5; } + +/* @file + * Form specific styling + * + */ +.file-upload-btn.btn-floating { + height: inherit; + line-height: inherit; } + .file-upload-btn.btn-floating i { + font-size: 1.3em; } + +.select-wrapper + label { + top: -20px; } + +input:not([type]), +input[type='text']:not(.browser-default), +input[type='password']:not(.browser-default), +input[type='email']:not(.browser-default), +input[type='url']:not(.browser-default), +input[type='time']:not(.browser-default), +input[type='date']:not(.browser-default), +input[type='datetime']:not(.browser-default), +input[type='datetime-local']:not(.browser-default), +input[type='tel']:not(.browser-default), +input[type='number']:not(.browser-default), +input[type='search']:not(.browser-default) { + width: inherit; + max-width: 100%; } + +textarea.materialize-textarea { + border-top: 1px solid transparent; + border-right: 1px solid transparent; + border-left: 1px solid transparent; + padding: .8rem .5rem 1.6rem; + width: inherit; + max-width: 95%; } + textarea.materialize-textarea:focus { + border: 1px solid #26a69a; } + +.form-radios { + margin: 25px 0; } + .form-radios .form-item.form-type-radio { + margin: 10px 0; } + +.select-wrapper { + width: 100%; + max-width: 450px; } + .select-wrapper + label { + -ms-transform: none; + transform: none; + transition: none; } + .select-wrapper .caret { + visibility: hidden; } + .select-wrapper .caret::after { + right: 0; + visibility: visible; + font-size: 2.5em; + content: 'arrow_drop_down'; } + .select-wrapper .input.select-dropdown { + max-width: inherit; } + +.form-item.input-field-browser-default { + margin: 25px 0 !important; + max-width: 450px; } + .form-item.input-field-browser-default > select.browser-default { + padding: 0; + font-size: inherit; } + .form-item.input-field-browser-default input { + margin: 0; + height: auto; + box-sizing: border-box; } + .form-item.input-field-browser-default .description { + padding-top: 5px; } + +.views-field-node-bulk-form .form-type-checkbox { + width: 35px; } + +.form-type-entity-autocomplete label { + padding-right: 1em; } + +.form-item, +.filter-wrapper .form-item, +.form-item.password-parent, +.form-item.confirm-parent { + position: relative; + margin: 25px 0; + overflow: visible; } + .form-item.form-has-label:not(.form-type-checkbox):not(.form-type-radio):not(.has-prefix):not(.has-prefix-and-suffix), + .filter-wrapper .form-item.form-has-label:not(.form-type-checkbox):not(.form-type-radio):not(.has-prefix):not(.has-prefix-and-suffix), + .form-item.password-parent.form-has-label:not(.form-type-checkbox):not(.form-type-radio):not(.has-prefix):not(.has-prefix-and-suffix), + .form-item.confirm-parent.form-has-label:not(.form-type-checkbox):not(.form-type-radio):not(.has-prefix):not(.has-prefix-and-suffix) { + margin: 45px 0 25px; } + .form-item .form-required::after, + .filter-wrapper .form-item .form-required::after, + .form-item.password-parent .form-required::after, + .form-item.confirm-parent .form-required::after { + color: #F44336; + content: ' *'; } + +.filter-wrapper { + overflow: initial; } + +.requirements .admin-requirements { + padding: .5em 0; } + +.package-listing .details-description .links { + position: relative; + border-top: 1px solid #eeeeee; + background-color: inherit; + padding: 16px 24px; } + +.details-wrapper table thead { + border: 0; } + +table td > .form-item, +table td > .ajax-new-content > .form-item, +table td .fieldset-wrapper > .form-item { + margin: 0; } + table td > .form-item ~ .form-wrapper, + table td > .ajax-new-content > .form-item ~ .form-wrapper, + table td .fieldset-wrapper > .form-item ~ .form-wrapper { + margin: 25px 0; } + +table td .form-item .select-wrapper input.select-dropdown { + margin: 0; } + +.input-field.js-form-type-checkbox label { + top: 0; } + +[type='checkbox'].filled-in:checked + label::before, input[type='checkbox']:checked + label::before, +input[type='checkbox'][type='checkbox']:checked + label::before { + top: 1px; } + +#edit-actions .button--danger { + color: #E53935; } + +input.btn, input.btn-large, input.button-action, #edit-actions input.button.use-ajax, .ui-dialog-content input.webform-ajax-link, .webform-details-toggle-state-wrapper input.webform-details-toggle-state, .maintenance-page-content input.button { + margin: 5px; } + @media only screen and (max-width: 992px) { + input.btn, input.btn-large, input.button-action, #edit-actions input.button.use-ajax, .ui-dialog-content input.webform-ajax-link, .webform-details-toggle-state-wrapper input.webform-details-toggle-state, .maintenance-page-content input.button { + margin-bottom: 1em; } } + +abbr.warning { + text-decoration: none; + color: #f9a825; } + +.switch label { + white-space: nowrap; } + +.switch label:not(.switch-label) { + display: inline-block; + position: relative !important; + visibility: hidden; + padding: 0; + width: 1px; + vertical-align: middle; + clip: inherit; } + +.switch input[type='checkbox'][disabled] + .lever { + background: #616161; + cursor: not-allowed; } + +.input-field .dropdown-content [type='checkbox'] + label { + display: inline; + top: 0; } + +abbr[title] { + border-bottom: 0; } + +input:not([type]), +input[type='text'], +input[type='password'], +input[type='email'], +input[type='url'], +input[type='time'], +input[type='date'], +input[type='datetime'], +input[type='datetime-local'], +input[type='tel'], +input[type='number'], +input[type='search'] { + width: inherit; + max-width: 100%; } + +.js-form-type-checkbox label.visually-hidden { + display: inline-block; + position: relative !important; + visibility: hidden; + width: 1px; + vertical-align: middle; + clip: inherit; } + .js-form-type-checkbox label.visually-hidden::before, .js-form-type-checkbox label.visually-hidden::after { + visibility: visible; } + +h4.label { + font-size: 1rem; + font-weight: bold; } + +details.form-wrapper { + position: relative; + text-align: left; } + details.form-wrapper summary::-webkit-details-marker { + display: none; } + details.form-wrapper[open] > summary::after { + line-height: 1em; } + details.form-wrapper summary::after { + line-height: 1em; } + details.form-wrapper summary { + display: block; } + details.form-wrapper summary:focus { + outline: 0; } + details.form-wrapper .details-wrapper { + background: #FFFFFF; + padding: 1rem 2rem; } + details.form-wrapper .details-wrapper details.form-wrapper { + border: 1px solid #e0e0e0 !important; + box-shadow: none; } + details.form-wrapper .details-wrapper .details-description { + padding: 10px 0; } + +.entity-meta__last-saved h4, +.entity-meta__author h4, +.field--name-created h4 { + font-size: 1rem; + font-weight: bold; } + .entity-meta__last-saved h4::before, + .entity-meta__author h4::before, + .field--name-created h4::before { + padding-right: 10px; + vertical-align: baseline; } + +.entity-meta__last-saved h4::before { + content: 'date_range'; } + +.form-type-date input.form-date { + min-width: 175px; } + +.container-inline .form-item:not(.form-type-select) { + display: inline-block; + padding-right: 10px; + min-width: 200px; } + +.container-inline label:empty::after, +.container-inline .label:empty::after { + content: ''; } + +.form--inline .form-actions, +.dblog-filter-form .form-actions { + padding: 0 10px; } + +.entity-meta__author h4::before { + content: 'person'; } + +a#edit-cancel { + color: #f9a825; } + +.confirm-form-wrapper { + padding: 1em; } + .confirm-form-wrapper .form-actions { + margin-top: 1em; } + +.field-suffix small { + padding: 0 10px; } + .field-suffix small span.machine-name-value { + font-weight: bold; } + .field-suffix small span.admin-link { + margin: 0 10px; } + +.input-field label.inline-label { + position: relative; + padding-right: 10px; } + +.input-field .field-prefix { + padding-right: 15px; } + +.input-field .search-wrapper { + margin: 0 12px; } + .input-field .search-wrapper i.material-icons, .input-field .search-wrapper i.button-action::before, .input-field .search-wrapper .collapsible li i.collapsible-header.with-arrows::after, .collapsible li .input-field .search-wrapper i.collapsible-header.with-arrows::after, .input-field .search-wrapper details.form-wrapper li i.collapsible-header.with-arrows::after, details.form-wrapper li .input-field .search-wrapper i.collapsible-header.with-arrows::after, .input-field .search-wrapper .collapsible li i.collapsible-header.right-arrows::after, .collapsible li .input-field .search-wrapper i.collapsible-header.right-arrows::after, .input-field .search-wrapper details.form-wrapper li i.collapsible-header.right-arrows::after, details.form-wrapper li .input-field .search-wrapper i.collapsible-header.right-arrows::after, .input-field .search-wrapper .region-title__action i.button::after, .region-title__action .input-field .search-wrapper i.button::after, .input-field .search-wrapper .color-palette i.color-palette__hook.is-up::before, .color-palette .input-field .search-wrapper i.color-palette__hook.is-up::before, .input-field .search-wrapper + .color-palette i.color-palette__lock::before, + .color-palette .input-field .search-wrapper i.color-palette__lock::before, .input-field .search-wrapper i.file::before, .input-field .search-wrapper .details-item i.collapsible-header::before, .details-item .input-field .search-wrapper i.collapsible-header::before, .input-field .search-wrapper .collection .collection-item > .item-list .collection i.collection-item::before, .collection .collection-item > .item-list .collection .input-field .search-wrapper i.collection-item::before, .input-field .search-wrapper i.dropdown-button::after, .input-field .search-wrapper .select-wrapper i.caret::after, .select-wrapper .input-field .search-wrapper i.caret::after, .input-field .search-wrapper .messages-clone.messages--status .card-content .message-header i.card-title::before, .messages-clone.messages--status .card-content .message-header .input-field .search-wrapper i.card-title::before, .input-field .search-wrapper .messages-clone.messages--warning .card-content .message-header i.card-title::before, .messages-clone.messages--warning .card-content .message-header .input-field .search-wrapper i.card-title::before, .input-field .search-wrapper .messages-clone.messages--error .card-content .message-header i.card-title::before, .messages-clone.messages--error .card-content .message-header .input-field .search-wrapper i.card-title::before, .input-field .search-wrapper i.tablesort.tablesort--asc::after, .input-field .search-wrapper i.tablesort.tablesort--desc::after, .input-field .search-wrapper .draggable a.tabledrag-handle i.handle::before, .draggable a.tabledrag-handle .input-field .search-wrapper i.handle::before, .input-field .search-wrapper .views-ui-rearrange-filter-form .filter-group-operator-row i.form-item-filter-groups-operator::before, .views-ui-rearrange-filter-form .filter-group-operator-row .input-field .search-wrapper i.form-item-filter-groups-operator::before, .input-field .search-wrapper .views-ui-display-tab-bucket i.collection-string-only::before, .views-ui-display-tab-bucket .input-field .search-wrapper i.collection-string-only::before, .input-field .search-wrapper .acquiadam-browser-breadcrumb-container i::after, .acquiadam-browser-breadcrumb-container .input-field .search-wrapper i::after, .input-field .search-wrapper .acquiadam-browser-breadcrumb-container li:first-child i::before, .acquiadam-browser-breadcrumb-container li:first-child .input-field .search-wrapper i::before, .input-field .search-wrapper .entities-list i.item-container.ui-sortable-handle::before, .entities-list .input-field .search-wrapper i.item-container.ui-sortable-handle::before, .input-field .search-wrapper .system-status-report__status-icon--checked i.collapsible-header::before, .system-status-report__status-icon--checked .input-field .search-wrapper i.collapsible-header::before, .input-field .search-wrapper .system-status-report__status-icon--warning i.collapsible-header::before, .system-status-report__status-icon--warning .input-field .search-wrapper i.collapsible-header::before, .input-field .search-wrapper .system-status-report__status-icon--error i.collapsible-header::before, .system-status-report__status-icon--error .input-field .search-wrapper i.collapsible-header::before { + display: inline-block; + padding-right: 10px; + vertical-align: middle; + font-size: 1.25em; } + .input-field .search-wrapper ~ .description { + margin-left: 40px; } + .input-field .search-wrapper input[type='search'] { + display: inline-block; + padding-left: 0; } + .input-field .search-wrapper input[type='search']:focus { + border-bottom: 1px solid #26a69a; } + +.has-prefix-and-suffix > *, +.has-prefix > *, +.has-suffix > * { + display: inline; + width: inherit; + vertical-align: middle; } + +.dblog-filter-form .form-item-type, +.dblog-filter-form .form-item-severity { + min-width: 300px; } + +.entity-moderation-wrapper { + padding-top: 10px; } + +.input-field.has-initial-content .select-wrapper + label { + -ms-transform: none; + transform: none; + transition: none; } + +.input-field.has-initial-content label { + -ms-transform: translateY(-14px) scale(0.8); + transform: translateY(-14px) scale(0.8); + -ms-transform-origin: 0 0; + transform-origin: 0 0; } + +.input-field.has-placeholder label { + -ms-transform: none; + transform: none; } + +.input-field.file-field input { + max-width: 100%; } + +.input-field.file-field.form-has-label { + margin: 45px 0; + padding: 45px 0 0; } + .input-field.file-field.form-has-label > label { + position: absolute; + font-size: 0.8rem; } + +.help-collection .collection .collection-item.has-collection-link { + padding: 0; } + .help-collection .collection .collection-item.has-collection-link a { + display: block; + padding: 10px 20px; + width: 100%; + color: #26a69a; } + .help-collection .collection .collection-item.has-collection-link a:hover { + background: #e0e0e0; + text-decoration: none; } + +i.waves-input-wrapper { + padding: 0 !important; } + i.waves-input-wrapper .waves-button-input { + padding: 0 2em; + height: 100%; } + +.form-item-selected .views-ui-view-title { + display: inline-block; + padding: 5px 10px; + font-weight: 400; } + +.form-item-selected .views-selected-options { + display: inline-block; + padding: 5px 10px; + font-weight: 300; } + +.tablesaw-cell-content .form-item { + margin: 0; } + +.views-bulk-form-count p { + margin: 0; + line-height: 40px; } + +.layout-node-form .layout-region-node-secondary details.form-wrapper { + margin: 0; } + .layout-node-form .layout-region-node-secondary details.form-wrapper .details-wrapper { + padding: 0.5rem 2rem; } + +.layout-node-form .layout-region-node-secondary .entity-meta__header { + margin-bottom: 1em; + background: #FFFFFF; } + +.layout-node-form .layout-region-node-secondary .form-actions { + margin-top: 1em; } + +.image-style-new { + display: inline-block; } + .image-style-new div { + display: inline-block; + margin: 0; + min-width: 200px; } + .image-style-new i.waves-input-wrapper.input-form-submit { + margin: 0 1em !important; } + +fieldset.form-wrapper { + margin-left: 0; + padding: 10px; } + fieldset.form-wrapper legend { + margin: 0 5px 5px 0; } + fieldset.form-wrapper legend span.fieldset-legend { + background: #2196F3; + padding: 5px 10px; + text-transform: uppercase; + letter-spacing: .5px; + color: #FFFFFF; + font-size: 16px; } + fieldset.form-wrapper legend span.fieldset-legend:empty { + display: none; + padding: 5px 10px; } + +fieldset.fieldgroup.form-wrapper { + padding-left: 0; } + fieldset.fieldgroup.form-wrapper legend { + margin: 15px 0 0; + font-weight: 500; } + fieldset.fieldgroup.form-wrapper legend span.fieldset-legend { + background: transparent; + padding-left: 0; + color: #2196F3; } + fieldset.fieldgroup.form-wrapper .fieldset-wrapper .form-radios { + margin-top: 10px; } + +.image-widget-data { + position: relative; } + +.file-field input[type='file'] { + width: auto; } + +.has-description-after:not(.input-field-browser-default) input { + margin-bottom: 10px !important; } + +.has-description-after:not(.input-field-browser-default) div.description { + margin-bottom: 30px; } + +.form--inline { + display: -ms-flexbox; + display: flex; + -ms-flex-direction: row; + flex-direction: row; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -ms-flex-line-pack: start; + align-content: flex-start; + -ms-flex-align: baseline; + align-items: baseline; } + .form--inline > div:not(.form--inline) { + -ms-flex: 1 auto; + flex: 1 auto; + -ms-flex-preferred-size: auto; + flex-basis: auto; + min-width: 200px; + max-width: 450px; } + .form--inline > div:not(.form--inline).form-item-separator { + -ms-flex: 0; + flex: 0; + padding: 0 30px; + min-width: auto; + font-weight: 700; } + .form--inline > div:not(.form--inline) .select-wrapper { + max-width: 100%; } + .form--inline div.form--inline { + -ms-flex-wrap: no-wrap; + flex-wrap: no-wrap; } + +.exposed-form-collapsible { + transition: .2s; + opacity: 1; + border: 0; + box-shadow: none; + padding: 1rem; } + @media only screen and (max-width: 600px) { + .exposed-form-collapsible div.collapsible-header { + margin-bottom: 0; } } + .exposed-form-collapsible .collapsible-header, .exposed-form-collapsible details.form-wrapper summary, details.form-wrapper .exposed-form-collapsible summary { + -ms-flex-direction: row-reverse; + flex-direction: row-reverse; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -ms-flex-pack: start; + justify-content: flex-start; + margin-bottom: 1rem; + border: 0; + background: #fafafa; + padding: 0; + vertical-align: middle; } + .exposed-form-collapsible .collapsible-header a, .exposed-form-collapsible details.form-wrapper summary a, details.form-wrapper .exposed-form-collapsible summary a { + margin-right: 5px; } + .exposed-form-collapsible .collapsible-header i, .exposed-form-collapsible details.form-wrapper summary i, details.form-wrapper .exposed-form-collapsible summary i { + margin-right: 0; } + .exposed-form-collapsible .collapsible-body { + border: 0; + background: #f5f5f5; + padding: 45px 10px 10px; + font-weight: inherit; } + .exposed-form-collapsible .collapsible-body .form--inline .form-actions { + padding-top: 15px; } + @media only screen and (min-width: 601px) { + .exposed-form-collapsible .collapsible-body .form--inline { + display: -ms-flexbox; + display: flex; + -ms-flex-direction: row; + flex-direction: row; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -ms-flex-align: baseline; + align-items: baseline; + -ms-flex-pack: justify; + justify-content: space-between; } + .exposed-form-collapsible .collapsible-body .form--inline div { + -ms-flex: 1; + flex: 1; + margin: 0 10px !important; + width: 100%; + min-width: 15em; } } + .exposed-form-collapsible .exposed-form-chips { + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: end; + justify-content: flex-end; + margin-top: 10px; + margin-right: .5rem; + text-transform: capitalize; } + .exposed-form-collapsible .exposed-form-chips .chip { + overflow: hidden; + white-space: nowrap; } + +.text-format-wrapper .form-item.form-type-select.form-has-label { + display: inline-block; + margin-top: 10px !important; + min-width: 300px; } + +.text-format-wrapper .filter-help { + display: inline-block; + float: right; + padding-right: 10px; } + +/* @file + * lists + * + */ +dl { + margin: 1em 0; } + dl dd { + margin-bottom: 1em; + margin-left: 0; + padding-left: 0; + color: #9e9e9e; + font-size: 0.9em; } + +ol.task-list { + margin: 0; + padding: 0 20px; } + ol.task-list li { + margin: 10px 5px; + padding: 5px; } + ol.task-list li.is-active { + border-bottom: 1px solid #2196F3; + color: #2196F3; } + ol.task-list li.is-active::after { + vertical-align: middle; + font-size: 1.5em; + content: 'arrow_right'; } + +/* @file + * Messages + * + */ +.messages.messages--warning, .messages.messages--warning .card, .toast.messages--warning, +.badge.messages--warning, span.messages--warning.marker { + background-color: #f9a825 !important; + color: #FFFFFF; } + +.messages.messages--error, .messages.messages--error .card, .toast.messages--error, +.badge.messages--error, span.messages--error.marker { + background: #E53935 !important; + color: #FFFFFF; } + +.messages.messages--status, .messages.messages--status .card, .toast.messages--status, +.badge.messages--status, span.messages--status.marker { + background: #4CAF50 !important; + color: #FFFFFF; } + +.messages { + padding: 10px; } + .messages::before, + .messages .message-number { + padding-right: 10px; } + .messages.ma-status-messages { + background: #fafafa !important; } + +.messages-clone { + background: #fafafa !important; } + .messages-clone.messages--status .card-content { + border: 2px solid #4CAF50 !important; + color: #000000; } + .messages-clone.messages--status .card-content .message-header .card-title::before { + color: #4CAF50; + content: 'check'; } + .messages-clone.messages--warning .card-content { + border: 2px solid #f9a825 !important; + color: #000000; } + .messages-clone.messages--warning .card-content .message-header .card-title::before { + color: #f9a825; + content: 'warning'; } + .messages-clone.messages--error .card-content { + border: 2px solid #E53935 !important; + color: #000000; } + .messages-clone.messages--error .card-content .message-header .card-title::before { + color: #E53935; + content: 'error'; } + .messages-clone .card-title::before, + .messages-clone .card-title .message-number { + padding-right: 10px; } + .messages-clone .card-content .messages__list { + margin-top: 0; + padding-left: 30px; } + .messages-clone .card-content .messages__list li.messages__item { + margin-bottom: 10px; + border-bottom: 1px solid #616161; + padding-bottom: 10px; } + .messages-clone .card-content .messages__list li.messages__item:last-child { + border-bottom: 0; } + +.message-trigger { + color: #000000; } + .message-trigger .mt-text { + margin-right: 5px; + margin-left: 5px; + color: #000000; } + .message-trigger i.material-icons, .message-trigger i.button-action::before, .message-trigger .collapsible li i.collapsible-header.with-arrows::after, .collapsible li .message-trigger i.collapsible-header.with-arrows::after, .message-trigger details.form-wrapper li i.collapsible-header.with-arrows::after, details.form-wrapper li .message-trigger i.collapsible-header.with-arrows::after, .message-trigger .collapsible li i.collapsible-header.right-arrows::after, .collapsible li .message-trigger i.collapsible-header.right-arrows::after, .message-trigger details.form-wrapper li i.collapsible-header.right-arrows::after, details.form-wrapper li .message-trigger i.collapsible-header.right-arrows::after, .message-trigger .region-title__action i.button::after, .region-title__action .message-trigger i.button::after, .message-trigger .color-palette i.color-palette__hook.is-up::before, .color-palette .message-trigger i.color-palette__hook.is-up::before, .message-trigger + .color-palette i.color-palette__lock::before, + .color-palette .message-trigger i.color-palette__lock::before, .message-trigger i.file::before, .message-trigger .details-item i.collapsible-header::before, .details-item .message-trigger i.collapsible-header::before, .message-trigger .collection .collection-item > .item-list .collection i.collection-item::before, .collection .collection-item > .item-list .collection .message-trigger i.collection-item::before, .message-trigger i.dropdown-button::after, .message-trigger .select-wrapper i.caret::after, .select-wrapper .message-trigger i.caret::after, .message-trigger .messages-clone.messages--status .card-content .message-header i.card-title::before, .messages-clone.messages--status .card-content .message-header .message-trigger i.card-title::before, .message-trigger .messages-clone.messages--warning .card-content .message-header i.card-title::before, .messages-clone.messages--warning .card-content .message-header .message-trigger i.card-title::before, .message-trigger .messages-clone.messages--error .card-content .message-header i.card-title::before, .messages-clone.messages--error .card-content .message-header .message-trigger i.card-title::before, .message-trigger i.tablesort.tablesort--asc::after, .message-trigger i.tablesort.tablesort--desc::after, .message-trigger .draggable a.tabledrag-handle i.handle::before, .draggable a.tabledrag-handle .message-trigger i.handle::before, .message-trigger .views-ui-rearrange-filter-form .filter-group-operator-row i.form-item-filter-groups-operator::before, .views-ui-rearrange-filter-form .filter-group-operator-row .message-trigger i.form-item-filter-groups-operator::before, .message-trigger .views-ui-display-tab-bucket i.collection-string-only::before, .views-ui-display-tab-bucket .message-trigger i.collection-string-only::before, .message-trigger .acquiadam-browser-breadcrumb-container i::after, .acquiadam-browser-breadcrumb-container .message-trigger i::after, .message-trigger .acquiadam-browser-breadcrumb-container li:first-child i::before, .acquiadam-browser-breadcrumb-container li:first-child .message-trigger i::before, .message-trigger .entities-list i.item-container.ui-sortable-handle::before, .entities-list .message-trigger i.item-container.ui-sortable-handle::before, .message-trigger .system-status-report__status-icon--checked i.collapsible-header::before, .system-status-report__status-icon--checked .message-trigger i.collapsible-header::before, .message-trigger .system-status-report__status-icon--warning i.collapsible-header::before, .system-status-report__status-icon--warning .message-trigger i.collapsible-header::before, .message-trigger .system-status-report__status-icon--error i.collapsible-header::before, .system-status-report__status-icon--error .message-trigger i.collapsible-header::before { + color: #FFFFFF; + font-size: 24px; } + .message-trigger i, + .message-trigger span { + vertical-align: middle; } + .message-trigger span.badge, .message-trigger span.marker { + display: none; + margin-left: 5px; + border-radius: 1em; + min-width: 2em; + height: 2em; + vertical-align: middle; + text-align: center; + line-height: 2em; + color: #FFFFFF; + font-size: .8em; } + +.material_login .message-trigger i.material-icons, .material_login .message-trigger i.button-action::before, .material_login .message-trigger .collapsible li i.collapsible-header.with-arrows::after, .collapsible li .material_login .message-trigger i.collapsible-header.with-arrows::after, .material_login .message-trigger details.form-wrapper li i.collapsible-header.with-arrows::after, details.form-wrapper li .material_login .message-trigger i.collapsible-header.with-arrows::after, .material_login .message-trigger .collapsible li i.collapsible-header.right-arrows::after, .collapsible li .material_login .message-trigger i.collapsible-header.right-arrows::after, .material_login .message-trigger details.form-wrapper li i.collapsible-header.right-arrows::after, details.form-wrapper li .material_login .message-trigger i.collapsible-header.right-arrows::after, .material_login .message-trigger .region-title__action i.button::after, .region-title__action .material_login .message-trigger i.button::after, .material_login .message-trigger .color-palette i.color-palette__hook.is-up::before, .color-palette .material_login .message-trigger i.color-palette__hook.is-up::before, .material_login .message-trigger +.color-palette i.color-palette__lock::before, +.color-palette .material_login .message-trigger i.color-palette__lock::before, .material_login .message-trigger i.file::before, .material_login .message-trigger .details-item i.collapsible-header::before, .details-item .material_login .message-trigger i.collapsible-header::before, .material_login .message-trigger .collection .collection-item > .item-list .collection i.collection-item::before, .collection .collection-item > .item-list .collection .material_login .message-trigger i.collection-item::before, .material_login .message-trigger i.dropdown-button::after, .material_login .message-trigger .select-wrapper i.caret::after, .select-wrapper .material_login .message-trigger i.caret::after, .material_login .message-trigger .messages-clone.messages--status .card-content .message-header i.card-title::before, .messages-clone.messages--status .card-content .message-header .material_login .message-trigger i.card-title::before, .material_login .message-trigger .messages-clone.messages--warning .card-content .message-header i.card-title::before, .messages-clone.messages--warning .card-content .message-header .material_login .message-trigger i.card-title::before, .material_login .message-trigger .messages-clone.messages--error .card-content .message-header i.card-title::before, .messages-clone.messages--error .card-content .message-header .material_login .message-trigger i.card-title::before, .material_login .message-trigger i.tablesort.tablesort--asc::after, .material_login .message-trigger i.tablesort.tablesort--desc::after, .material_login .message-trigger .draggable a.tabledrag-handle i.handle::before, .draggable a.tabledrag-handle .material_login .message-trigger i.handle::before, .material_login .message-trigger .views-ui-rearrange-filter-form .filter-group-operator-row i.form-item-filter-groups-operator::before, .views-ui-rearrange-filter-form .filter-group-operator-row .material_login .message-trigger i.form-item-filter-groups-operator::before, .material_login .message-trigger .views-ui-display-tab-bucket i.collection-string-only::before, .views-ui-display-tab-bucket .material_login .message-trigger i.collection-string-only::before, .material_login .message-trigger .acquiadam-browser-breadcrumb-container i::after, .acquiadam-browser-breadcrumb-container .material_login .message-trigger i::after, .material_login .message-trigger .acquiadam-browser-breadcrumb-container li:first-child i::before, .acquiadam-browser-breadcrumb-container li:first-child .material_login .message-trigger i::before, .material_login .message-trigger .entities-list i.item-container.ui-sortable-handle::before, .entities-list .material_login .message-trigger i.item-container.ui-sortable-handle::before, .material_login .message-trigger .system-status-report__status-icon--checked i.collapsible-header::before, .system-status-report__status-icon--checked .material_login .message-trigger i.collapsible-header::before, .material_login .message-trigger .system-status-report__status-icon--warning i.collapsible-header::before, .system-status-report__status-icon--warning .material_login .message-trigger i.collapsible-header::before, .material_login .message-trigger .system-status-report__status-icon--error i.collapsible-header::before, .system-status-report__status-icon--error .material_login .message-trigger i.collapsible-header::before { + color: #000000; } + +.message-action { + margin-right: 0; + margin-left: 3rem; + font-size: .8rem; + font-weight: 500; } + +.messages--warning, +.messages--status, +.messages--error { + box-shadow: none !important; + background-image: none !important; } + .messages--warning.toast, + .messages--status.toast, + .messages--error.toast { + color: #FFFFFF; } + +#notification-wrapper { + display: none; + margin-top: 1.5em; } + +a.modal-trigger { + transition: color .3s ease; + padding: .5em; + text-transform: uppercase; + text-decoration: none; + color: #000000; } + a.modal-trigger:hover { + color: #616161; } + +.description.modal-trigger { + display: block; + margin: 10px 5px; + padding: 0; + text-transform: none; + color: #1E88E5; + font-size: .8em; } + +.modal-content .notification-title { + border-bottom: 1px solid #616161; + padding-bottom: 10px; + font-size: 1.7rem; } + +/* @file + * Pager + * + */ +.pager__item { + padding: 0; } + +.pagination li { + height: auto; } + +/* @file + * Progress Bar + * + */ +.progress { + background-color: transparent; + height: 10px; + overflow: inherit; } + .progress .progress__track { + border-radius: 0; + border-color: #a7ffeb; + box-shadow: none; + background-color: #a7ffeb; + background-image: none; + height: 10px; } + .progress .progress__track .progress__bar { + position: relative; + margin: 0; + border: 0; + border-radius: 0; + background: none; + background-color: #26a69a; + height: 10px; } + +/* @file + * Tables + * + */ +td, +th { + padding: 15px; } + +th.select-all label { + display: inline; } + +table.highlight > tbody { + background: #FFFFFF; } + table.highlight > tbody > tr:hover { + background: #eeeeee; + color: #000000; } + table.highlight > tbody > tr:hover a, + table.highlight > tbody > tr:hover button { + cursor: pointer; } + table.highlight > tbody > tr.region-title:hover { + background: #f5f5f5 !important; } + +td.is-active { + background-color: transparent; } + +table { + margin: 20px 0; } + @media only screen and (max-width: 992px) { + table.responsive-table th { + width: 100%; } } + table .collection { + margin: inherit; + border: 0; } + table .collection .collection-item { + background: inherit; } + table .region-title { + background: #f5f5f5; + color: #616161; } + table .region-title .button.button--small { + font-size: 0.85em; } + table .region-title td { + font-size: 0.9em; + font-weight: normal; } + +table td { + font-weight: 200; } + +table thead th { + color: #757575; + font-size: .9em; + font-weight: normal; } + table thead th a { + color: #000000; } + +tr.region-empty { + background: #FFFFFF; } + tr.region-empty:hover { + background: #FFFFFF !important; } + +.tablesort.tablesort--asc { + background-image: none; } + .tablesort.tablesort--asc::after { + padding-left: 5px; + content: 'keyboard_arrow_down'; } + +.tablesort.tablesort--desc { + background-image: none; } + .tablesort.tablesort--desc::after { + padding-left: 5px; + content: 'keyboard_arrow_up'; } + +tr.drag { + border-top: 1px dashed #616161; + border-bottom: 1px dashed #616161; + background: #fff9c4; } + +table.highlight tbody tr.drag-previous, +table.highlight tbody tr.drag-previous.field-plugin-settings-editing, +table.highlight tbody tr.drag.field-plugin-settings-editing, +table.highlight tbody tr.drag, +table tbody tr.drag-previous, +table tbody tr.drag-previous.field-plugin-settings-editing, +table tbody tr.drag.field-plugin-settings-editing, +table tbody tr.drag { + border-top: 2px dashed #fff9c4; + border-bottom: 2px dashed #fff9c4; } + table.highlight tbody tr.drag-previous:hover, + table.highlight tbody tr.drag-previous.field-plugin-settings-editing:hover, + table.highlight tbody tr.drag.field-plugin-settings-editing:hover, + table.highlight tbody tr.drag:hover, + table tbody tr.drag-previous:hover, + table tbody tr.drag-previous.field-plugin-settings-editing:hover, + table tbody tr.drag.field-plugin-settings-editing:hover, + table tbody tr.drag:hover { + background: #fff9c4 !important; } + +.draggable { + background: #FFFFFF; + min-height: 30px; } + .draggable a.tabledrag-handle { + display: inline-block; + float: none; + height: auto; + overflow: visible; + vertical-align: middle; } + .draggable a.tabledrag-handle ~ * { + display: inline-block; + padding: 5px; + vertical-align: middle; } + .draggable a.tabledrag-handle .handle { + background: none; + width: 30px; + height: 30px; } + .draggable a.tabledrag-handle .handle::before { + color: #616161; + font-size: 20px; + content: 'drag_handle'; } + +table > tbody > tr.field-plugin-settings-editing { + border-top: 2px solid #00796b; + border-bottom: 2px solid #00796b; } + +.tabledrag-changed-warning { + padding: 10px; + font-size: 1em; } + +/* @file + * Tabs + * + */ +.tabs { + background: inherit; } + .tabs a:hover { + text-decoration: none; } + +.primary.tabs a.is-active, +.primary.tabs a:focus, +.primary.tabs a:hover { + background-color: transparent !important; } + +/* @file + * Common low level styles for Views UI + * + */ +.views-ui-display-tab-bucket__title { + font-size: 1.5rem; } + +.views-ui-display-tab-bucket + .views-ui-display-tab-bucket { + border-top: 1px solid #e0e0e0; + border-bottom: 1px solid #e0e0e0; } + +.views-display-column { + border: 0; } + +.views-ui-display-tab-bucket .views-display-setting:nth-of-type(even) { + background-color: #fafafa; } + +.views-ui-display-tab-bucket .views-display-setting { + font-size: inherit; } + +.views-display-setting .label, +.views-display-setting .views-ajax-link { + float: none; } + +.views-admin .dropbutton-wrapper a.icon.add, +.views-admin .dropbutton-wrapper a.ellipsis-icon { + border: inherit; + background: inherit; + width: inherit; + height: inherit; + text-indent: 0; } + .views-admin .dropbutton-wrapper a.icon.add:hover, + .views-admin .dropbutton-wrapper a.ellipsis-icon:hover { + box-shadow: none; + background-color: rgba(0, 0, 0, 0.1); } + +.views-admin .form-edit .form-actions { + border: 0; + background-color: #f5f5f5; + padding: 1em; } + +.views-admin .form-type-checkbox label, +.views-admin .form-type-checkbox label, +.views-admin .form-type-radio label, +.views-admin .form-item-page-create label, +.views-admin .form-item-block-create label, +.views-admin .form-item-rest-export-create label { + line-height: inherit; + font-weight: normal; } + +.views-admin fieldset.container-inline .form-item { + display: inline-block; + padding-right: 20px; } + +.views-admin .collection-item, +.views-admin .collection { + overflow: visible; } + +.views-ui-display-tab-bucket .views-display-setting:not(.collection-item):not(.views-ui-display-tab-setting) { + padding: 15px; } + +.views-ui-display-tab-bucket.views-ui-display-tab-actions { + padding: 15px 0; } + +.views-ui-display-tab-bucket .dropbutton-wrapper { + position: absolute; + right: 0; } + +.views-ui-display-tab-bucket { + padding-top: 0; } + +.views-ui-display-tab-actions .dropbutton-wrapper li a, +.views-ui-display-tab-actions .dropbutton-wrapper input { + display: block; + padding: 14px 16px; + text-transform: none; + line-height: 22px; + color: #26a69a; + font-size: 16px; } + +.views-display-top .dropbutton-wrapper { + z-index: 1; } + +details.views-display-column.form-wrapper { + margin-top: 0.5rem; + margin-left: 2%; } + details.views-display-column.form-wrapper > .details-wrapper { + padding: 0; } + details.views-display-column.form-wrapper .collection:not(:first-child) { + border-bottom: 1px solid #e0e0e0; } + +.collection > .collection.views-subcollection { + padding: .5rem 0 0; } + .collection > .collection.views-subcollection:first-of-type { + padding-top: 1rem; } + .collection > .collection.views-subcollection:only-of-type { + padding-top: 0; } + .collection > .collection.views-subcollection:only-of-type > .label { + display: none; } + .collection > .collection.views-subcollection:only-of-type .collection-item:first-of-type { + margin-top: 0; } + .collection > .collection.views-subcollection .label { + padding-left: 15px; + font-size: .9rem; } + .collection > .collection.views-subcollection .collection-item { + border: 0; + padding-left: 40px; } + .collection > .collection.views-subcollection .collection-item:first-of-type { + margin-top: 5px; } + +.views-ui-display-tab-bucket > .views-display-setting { + padding: .5rem 0 0; } + +#edit-display-settings-top { + border: 0; + padding-bottom: 0; } + #edit-display-settings-top .views-display-setting .label { + display: none; } + #edit-display-settings-top .views-display-setting a { + font-size: 1.5rem; } + +.views-display-top { + background-color: inherit; + padding: 0; } + +.views-displays { + border: 0; } + +.views-admin .unit-title { + display: none; } + +.view-changed { + font-size: 1rem; + font-weight: normal; } + +.views-displays .tabs.secondary li { + margin: 0; } + .views-displays .tabs.secondary li a { + border: 0; + background: transparent; + padding: 0 24px; + line-height: 48px; + font-size: 14px; } + .views-displays .tabs.secondary li a.active { + border-bottom: 2px solid #ea454b; + border-radius: 0; } + .views-displays .tabs.secondary li a:hover { + color: #ea454b; } + .views-displays .tabs.secondary li.add { + margin-top: 5px; + margin-left: 20px; } + .views-displays .tabs.secondary li.add a { + border-radius: 2px; + text-decoration: none; + line-height: 36px; } + .views-displays .tabs.secondary li.add a .icon { + display: none; } + .views-displays .tabs.secondary li.add a:hover { + background-color: rgba(0, 0, 0, 0.1); + color: #424242; } + .views-displays .tabs.secondary li.add ul { + top: 0; + z-index: 51; + border: 0; + background: #FFFFFF; + padding: 0; } + .views-displays .tabs.secondary li.add ul li { + clear: both; + border: 0; + background: transparent; + cursor: pointer; + width: 100%; + min-height: 50px; + text-align: left; + text-transform: none; + line-height: 1.5rem; + color: #000000; } + .views-displays .tabs.secondary li.add ul li:hover { + background-color: #eeeeee; } + .views-displays .tabs.secondary li.add ul li i { + display: block; + border: 0; + box-shadow: none; + background: none; + padding: inherit; + color: inherit; } + .views-displays .tabs.secondary li.add ul li i:hover { + background-color: transparent; } + .views-displays .tabs.secondary li.add ul li input { + display: block; + border: 0; + box-shadow: none; + padding: 14px 16px; + text-transform: none; + line-height: 22px; + color: #26a69a; + font-size: 16px; + font-weight: normal; } + +#views-entity-list .form-type-search { + margin: 4em 0; } + +.views-ui-view-name h3 { + font-size: 1em; + font-weight: 400; } + +.views-list-section { + margin: 4em 0; } + .views-list-section h2 { + font-size: 1.6em; + font-weight: normal; } + +#views-display-menu-tabs ~ input.add-display { + display: none; } + +.view-changed.messages.js-hide { + display: none; } + +#edit-display-settings-top .dropbutton:not(.dropdown-content) { + display: none; } + +.views-preview-wrapper { + margin-top: 3em; } + .views-preview-wrapper .view-preview-form .view-preview-form__title { + background: #f5f5f5; } + .views-preview-wrapper .view-preview-form .arguments-preview, + .views-preview-wrapper .view-preview-form .form-item-view-args { + margin: 10px 20px !important; } + +.views-filterable-options { + border-top: 0; } + .views-filterable-options .filterable-option .title { + font-weight: normal; } + +.view { + position: relative; } + .view .views-bulk-form-header { + position: absolute; + top: 0; + left: 0; + transition: .2s; + opacity: 0; + border-bottom: 1px solid #bdbdbd; + background-color: #b2dfdb; + padding: 1rem; + width: 100%; } + .view .views-bulk-form-header > .form-wrapper:first-child { + display: none; } + .view .views-bulk-form-header label[for='edit-action'] { + display: none; } + .view .views-bulk-form-header .dropbutton-wrapper { + float: right; } + .view .views-bulk-form-header .views-bulk-form-count { + float: left; + color: #00897b; } + .view.has-selection .views-bulk-form-header { + opacity: 1; } + .view.has-selection .exposed-form-collapsible { + opacity: 0; } + +#views-live-preview .view.has-selection .exposed-form-collapsible { + opacity: 1; } + +#views-live-preview .view .views-bulk-form-header { + display: inline-block; + position: relative; } + +@media only screen and (max-width: 600px) { + .sticky-header { + top: 0 !important; } + .views-table.tablesaw-stack thead .select-all.views-field { + display: block; } + .views-table.tablesaw-stack thead .select-all.views-field label { + color: #9e9e9e; } + .views-table.tablesaw-stack tbody tr { + position: relative; } + .views-table.tablesaw-stack tbody td { + padding: 20px 0 0 20px; } + .views-table.tablesaw-stack tbody td .tablesaw-cell-label { + color: #9e9e9e; + font-weight: 200; } + .views-table.tablesaw-stack tbody td .tablesaw-cell-label::after { + right: 0; + color: #9e9e9e; + font-weight: 400; + content: ':'; } + .views-table.tablesaw-stack tbody td[class*='bulk-form'] .tablesaw-cell-label { + display: none; } + .views-table.tablesaw-stack tbody td[class*='bulk-form'] .form-item { + margin: 0; } + .views-table.tablesaw-stack tbody td.views-field-operations .tablesaw-cell-label { + display: none; } + .views-table.tablesaw-stack tbody td.views-field-operations .tablesaw-cell-content { + position: absolute; + top: 10px; + right: 0; } } + +.views-table .select-all.views-field label { + color: transparent; } + +.views-button span, +.views-button i { + display: inline-block; + vertical-align: middle; + line-height: inherit; } + +.view-preview-form .form-item-live-preview { + top: 5px; + font-size: 1.3rem; } + +.views-ui-dialog { + padding: 1em; } + .views-ui-dialog .views-override:not(:empty) { + z-index: 3; + background: #f5f5f5; } + .views-ui-dialog .views-override:not(:empty) div.form-item { + margin: 30px 0 0 !important; } + +.views-ui-dialog .views-filterable-options-controls, +.views-filterable-options-controls { + display: inherit; } + .views-ui-dialog .views-filterable-options-controls .form-item, + .views-filterable-options-controls .form-item { + width: auto; } + +.views-override:not(:empty).form--inline div.form-item { + margin-right: 10px !important; } + +.views-ui-rearrange-filter-form .views-group-title { + border-bottom: 0; } + +.views-ui-rearrange-filter-form .filter-group-operator-row { + border: 0; + background: #fafafa; } + .views-ui-rearrange-filter-form .filter-group-operator-row:hover { + background: #fafafa; } + .views-ui-rearrange-filter-form .filter-group-operator-row .form-item-filter-groups-operator { + margin: 0 !important; } + .views-ui-rearrange-filter-form .filter-group-operator-row .form-item-filter-groups-operator::before { + float: left; + margin-top: 10px; + margin-right: 20px; + font-size: 2em; + content: 'import_export'; } + .views-ui-rearrange-filter-form .filter-group-operator-row .form-item-filter-groups-operator .form-select { + float: left; } + +.views-ui-display-tab-bucket .collection-string-only { + background: #f5f5f5; + padding: 10px 0 10px 30px; } + .views-ui-display-tab-bucket .collection-string-only::before { + vertical-align: baseline; + content: 'import_export'; } + +.views-ui-display-tab-setting.views-display-setting > span:not(.label) { + padding: 10px 20px; + line-height: 1.5rem; } + +input.views-remove-checkbox ~ label.visually-hidden { + display: none; } + +.ui-dialog-buttonset.form-actions .views-add-group.js-hide { + display: none; } + +/* @file + * Contrib overrides + * + */ +/* @file + * AcquiaDAM overrides + * + */ +.acquiadam-browser-breadcrumb-container { + padding: 10px 20px; } + .acquiadam-browser-breadcrumb-container i input.acquiadam-browser-breadcrumb { + margin: 0; + outline: 0; + padding: 0 1em; + color: #616161; } + .acquiadam-browser-breadcrumb-container i::after { + vertical-align: top; + line-height: inherit; + content: 'keyboard_arrow_right'; } + .acquiadam-browser-breadcrumb-container i:hover { + background-color: transparent; + color: #ee6e73; } + .acquiadam-browser-breadcrumb-container i:hover input { + outline: 0; + text-decoration: none; + color: #ea454b; } + .acquiadam-browser-breadcrumb-container li:first-child i input.acquiadam-browser-breadcrumb { + padding-left: 0; } + .acquiadam-browser-breadcrumb-container li:first-child i::before { + vertical-align: top; + line-height: inherit; + content: 'home'; } + .acquiadam-browser-breadcrumb-container li:only-of-type i::before { + color: #ee6e73; } + .acquiadam-browser-breadcrumb-container li:last-child i { + border-bottom: 1px solid #ee6e73; } + .acquiadam-browser-breadcrumb-container li:last-child i input.acquiadam-browser-breadcrumb { + color: #ee6e73; } + .acquiadam-browser-breadcrumb-container li:last-child i::after { + display: none; } + +.acquiadam-asset-browser { + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -ms-flex-pack: left; + justify-content: left; + margin: 0 auto; } + .acquiadam-asset-browser .acquiadam-browser-folder-link { + position: relative; + margin: 20px; + background-color: #e0e0e0; + background-size: 150px; + padding: 0; + width: 214px; + height: 185px; } + .acquiadam-asset-browser .acquiadam-browser-folder-link input, + .acquiadam-asset-browser .acquiadam-browser-folder-link input:hover, + .acquiadam-asset-browser .acquiadam-browser-folder-link input:focus, + .acquiadam-asset-browser .acquiadam-browser-folder-link input:active { + display: block; + position: absolute; + top: 0; + left: 0; + background-size: 100px; + width: 100%; + height: 100%; + background-position-x: center; } + .acquiadam-asset-browser .acquiadam-browser-folder-link p { + position: absolute; + bottom: 0; + background: #2196F3; + padding: .5rem; + width: 100%; + pointer-events: none; } + .acquiadam-asset-browser .form-item.form-type-checkbox [type='checkbox'] + label, + .acquiadam-asset-browser .acquiadam-browser-folder-link { + transition: .2s; + border-radius: 2px; + color: #FFFFFF; } + .acquiadam-asset-browser .form-item.form-type-checkbox [type='checkbox'] + label:hover, + .acquiadam-asset-browser .acquiadam-browser-folder-link:hover { + transform: translateZ(0) scale(0.98); } + .acquiadam-asset-browser .form-item.form-type-checkbox { + margin: 20px; + border: 0; + padding: 0; + width: auto; + height: auto; } + .acquiadam-asset-browser .form-item.form-type-checkbox [type='checkbox'] + label { + transition: .2s; + padding-left: 0; + height: auto; + line-height: auto; } + .acquiadam-asset-browser .form-item.form-type-checkbox [type='checkbox'] + label::before, .acquiadam-asset-browser .form-item.form-type-checkbox [type='checkbox'] + label::after { + margin: 5px; } + .acquiadam-asset-browser .form-item.form-type-checkbox [type='checkbox']:checked + label { + transform: translateZ(0) scale(0.98); + image-rendering: crisp-edges; } + .acquiadam-asset-browser .form-item.form-type-checkbox .acquiadam-asset-checkbox { + margin-top: 0; } + .acquiadam-asset-browser .form-item.form-type-checkbox p.acquiadam-asset-filename { + margin: 0; } + .acquiadam-asset-browser .form-item.form-type-checkbox .acquiadam-asset-details { + display: -ms-flexbox; + display: flex; + -ms-flex-direction: row-reverse; + flex-direction: row-reverse; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + background: #2196F3; + padding: .5rem; + color: #FFFFFF; } + .acquiadam-asset-browser .form-item.form-type-checkbox .acquiadam-asset-browser-icon { + filter: invert(100%); } + +/* @file + * Entity Browser overrides + * + */ +.entities-list { + margin: 10px 0; } + .entities-list .item-container { + margin: 5px; + background: #f5f5f5; + padding: 10px; } + .entities-list .item-container.rendered-entity { + text-align: center; } + .entities-list .item-container.ui-sortable-handle::before { + padding: 5px; + content: 'drag_handle'; } + +/* @file + * Paragraphs overrides + * + */ +.btn-paragraph-action { + color: #ff9800; + font-weight: 400; } + .btn-paragraph-action:hover { + color: #ffcc80; } + +.paragraphs-dropdown-action.button { + font-weight: 300; } + +.js .paragraph-top .paragraph-type, +.no-js .paragraph-top .paragraph-type { + display: inherit; } + +.js .field--widget-paragraphs .field-multiple-drag, +.js .field--widget-entity-reference-paragraphs .field-multiple-drag, +.no-js .field--widget-paragraphs .field-multiple-drag, +.no-js .field--widget-entity-reference-paragraphs .field-multiple-drag { + vertical-align: inherit; } + +.js .field--widget-paragraphs td, +.js .field--widget-entity-reference-paragraphs td, +.no-js .field--widget-paragraphs td, +.no-js .field--widget-entity-reference-paragraphs td { + padding: 15px; } + +.js .field--widget-entity-reference-paragraphs .form-wrapper em, +.no-js .field--widget-entity-reference-paragraphs .form-wrapper em { + display: inline-block; + padding: 10px 0; } + +.js .field-add-more-submit, +.no-js .field-add-more-submit { + background-repeat: no-repeat; + background-position: left center; } + +/* @file + * Webform overrides + * + */ +.webform-element-help { + line-height: 10px; + font-size: 12px; } + +.input-field label > [data-webform-help] { + pointer-events: initial; } + +.webform-tabs .ui-widget-header { + border: 0; + background: none; } + .webform-tabs .ui-widget-header .ui-state-default { + border: 0; + background: none; } + .webform-tabs .ui-widget-header .ui-state-default a { + transition: color .28s ease; + opacity: 0.8; + text-transform: uppercase; + color: #ee6e73; } + .webform-tabs .ui-widget-header .ui-state-default a:hover { + opacity: 1; } + .webform-tabs .ui-widget-header .ui-state-active { + border: 0; + border-bottom: 2px solid #ee6e73; + background: none; } + .webform-tabs .ui-widget-header .ui-state-active a { + transition: color .28s ease; + opacity: 1; + overflow: hidden; + text-overflow: ellipsis; + color: #ee6e73; } + +.action-links .button-action.webform-ajax-link { + margin-bottom: 2em; + font-size: 1em; } + +.webform-modal .has-prefix-and-suffix > *, +.webform-modal .has-prefix > * { + display: inline-block; } + +/* @file + * Base files + * + */ +/* @file + * Apperance + * + */ +#system-themes-page .card .card-content .card-title { + position: relative; + max-width: 90%; } + #system-themes-page .card .card-content .card-title i { + position: absolute; + top: 0; + right: -10%; } + +#system-themes-page .card .card-image { + height: auto; } + #system-themes-page .card .card-image img { + margin: 0 auto; + width: 100%; + height: auto; } + +#system-themes-page .card .card-action .operations, #system-themes-page .card .package-listing .details-description .links .operations, .package-listing .details-description #system-themes-page .card .links .operations { + margin: 0; } + #system-themes-page .card .card-action .operations li, #system-themes-page .card .package-listing .details-description .links .operations li, .package-listing .details-description #system-themes-page .card .links .operations li { + padding: 10px 0; } + +span.theme-status-indicator { + position: absolute; + top: 0; + right: 0; + opacity: 0.7; + z-index: 2; + padding: 5px 10px; } + +/* @file + * Status Report page + * + */ +.system-status-report-counters .card .card-content { + text-align: center; } + .system-status-report-counters .card .card-content .card-title.report-counter-amount { + display: inline-block; + border-radius: 50%; + padding: 15px; + width: 2.5em; + height: 2.5em; + text-align: center; + color: #FFFFFF; } + .system-status-report-counters .card .card-content .card-actions { + padding-top: 1em; } + +.system-status-general-info__item .card .card-content .card-title { + margin-bottom: 1em; } + +.system-status-report__status-icon--checked .collapsible-header::before, .system-status-report__status-icon--checked details.form-wrapper summary::before, details.form-wrapper .system-status-report__status-icon--checked summary::before { + padding-right: 1em; + color: #388E3C; + content: 'check'; } + +.system-status-report__status-icon--warning .collapsible-header::before, .system-status-report__status-icon--warning details.form-wrapper summary::before, details.form-wrapper .system-status-report__status-icon--warning summary::before { + padding-right: 1em; + color: #f9a825; + content: 'warning'; } + +.system-status-report__status-icon--warning .collapsible-body { + color: #f9a825; } + .system-status-report__status-icon--warning .collapsible-body .description { + color: #000000; } + +.system-status-report__status-icon--error .collapsible-header::before, .system-status-report__status-icon--error details.form-wrapper summary::before, details.form-wrapper .system-status-report__status-icon--error summary::before { + padding-right: 1em; + color: #E53935; + content: 'error'; } + +.system-status-report__status-icon--error .collapsible-body { + color: #E53935; } + .system-status-report__status-icon--error .collapsible-body .description { + color: #000000; } + +.cron-description__run-cron { + margin: 0 10px; + text-transform: uppercase; } + +/* @file + * User login + * + */ +.login-header .block-page-title-block h1 { + font-weight: 200; } + +.login-header .block-local-tasks-block nav.tabs li a { + color: #9e9e9e; } + .login-header .block-local-tasks-block nav.tabs li a:hover { + color: #757575; } + .login-header .block-local-tasks-block nav.tabs li a.active { + color: #EF5350; } + .login-header .block-local-tasks-block nav.tabs li a.indicator { + background: #EF5350; } + +/* @file + * Node edit + * + */ +.sticky-node-actions { + position: fixed; + bottom: 0; + left: 0; + z-index: 100; + border-top: 1px solid #bdbdbd; + box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1); + background: #FFFFFF; + padding: 1rem; + width: 100%; } + +/* @file + * Maintenance section + * + */ +.maintenance-page-content .logo-align { + display: block; + margin: 0 auto; + max-width: 250px; } + +.maintenance-page-content .name-and-slogan { + text-align: center; } + +.maintenance-page-content .messages { + padding: 0; } + +.maintenance-page-content ul.links li { + display: inline-block; + padding: 0 10px; } + .maintenance-page-content ul.links li.front a::before { + padding-right: 5px; + vertical-align: text-bottom; + font-size: 1.25em; + content: 'home'; } + .maintenance-page-content ul.links li.admin-pages a::before { + padding-right: 5px; + vertical-align: text-bottom; + font-size: 1.25em; + content: 'edit'; } + +/* @file + * User login + * + */ +.admin-requirements.collapsible-body { + padding: 1em; } + .admin-requirements.collapsible-body .admin-prevent-text { + display: block; + margin-bottom: .5em; + padding: .5em; + font-weight: normal; } + .admin-requirements.collapsible-body .item-list li { + padding: 10px 0; + font-weight: normal; } + +.uninstall-checkbox label.visually-hidden { + display: block; } + +.description > .module-description { + margin: .5rem 0 1rem; } + +/* @file + * Permissions page + * + */ +.permission .description { + font-size: 0.8em; } + +/*# sourceMappingURL=maps/material_admin.css.map */