diff --git a/last_commit.txt b/last_commit.txt index 6b1d05d140..3d726f78ab 100644 --- a/last_commit.txt +++ b/last_commit.txt @@ -2,101 +2,253 @@ Repository: plonetheme.barceloneta Branch: refs/heads/master -Date: 2016-03-24T14:53:14+01:00 -Author: Peter Holzer (agitator) -Commit: https://github.com/plone/plonetheme.barceloneta/commit/9bc6781f930ae1df71f0bdc9fe9a22cb726ea098 +Date: 2016-03-24T22:49:06+01:00 +Author: Johannes Raggam (thet) +Commit: https://github.com/plone/plonetheme.barceloneta/commit/ed5779378a430b53f480177ae2156d6bd66e7dd2 -updated css map - -Files changed: -M plonetheme/barceloneta/theme/less/barceloneta-compiled.css.map - -diff --git a/plonetheme/barceloneta/theme/less/barceloneta-compiled.css.map b/plonetheme/barceloneta/theme/less/barceloneta-compiled.css.map -index 8f83f20..71e37b0 100644 ---- a/plonetheme/barceloneta/theme/less/barceloneta-compiled.css.map -+++ b/plonetheme/barceloneta/theme/less/barceloneta-compiled.css.map -@@ -1 +1 @@ --{"version":3,"sources":["plonetheme/barceloneta/theme/less/mixin.font.plone.less","plonetheme/barceloneta/theme/less/fonts.plone.less","plonetheme/barceloneta/theme/less/normalize.plone.less","plonetheme/barceloneta/theme/less/print.plone.less","plonetheme/barceloneta/theme/less/scaffolding.plone.less","plonetheme/barceloneta/theme/less/mixin.prefixes.plone.less","plonetheme/barceloneta/theme/less/variables.plone.less","plonetheme/barceloneta/theme/less/mixin.tabfocus.plone.less","plonetheme/barceloneta/theme/less/type.plone.less","plonetheme/barceloneta/theme/less/code.plone.less","plonetheme/barceloneta/theme/less/grid.plone.less","plonetheme/barceloneta/theme/less/mixin.grid.plone.less","plonetheme/barceloneta/theme/less/mixin.clearfix.plone.less","plonetheme/barceloneta/theme/less/mixin.gridframework.plone.less","plonetheme/barceloneta/theme/less/tables.plone.less","plonetheme/barceloneta/theme/less/forms.plone.less","plonetheme/barceloneta/theme/less/mixin.forms.plone.less","plonetheme/barceloneta/theme/less/buttons.plone.less","plonetheme/barceloneta/theme/less/mixin.buttons.plone.less","plonetheme/barceloneta/theme/less/mixin.borderradius.plone.less","plonetheme/barceloneta/theme/less/states.plone.less","plonetheme/barceloneta/theme/less/breadcrumbs.plone.less","plonetheme/barceloneta/theme/less/pagination.plone.less","plonetheme/barceloneta/theme/less/formtabbing.plone.less","plonetheme/barceloneta/theme/less/views.plone.less","plonetheme/barceloneta/theme/less/thumbs.plone.less","plonetheme/barceloneta/theme/less/alerts.plone.less","plonetheme/barceloneta/theme/less/portlets.plone.less","plonetheme/barceloneta/theme/less/controlpanels.plone.less","plonetheme/barceloneta/theme/less/tags.plone.less","plonetheme/barceloneta/theme/less/contents.plone.less","plonetheme/barceloneta/theme/less/accessibility.plone.less","plonetheme/barceloneta/theme/less/toc.plone.less","plonetheme/barceloneta/theme/less/dropzone.plone.less","plonetheme/barceloneta/theme/less/modal.plone.less","plonetheme/barceloneta/theme/less/main.plone.less","plonetheme/barceloneta/theme/less/pickadate.plone.less","plonetheme/barceloneta/theme/less/sortable.plone.less","plonetheme/barceloneta/theme/less/tablesorter.plone.less","plonetheme/barceloneta/theme/less/tooltip.plone.less","plonetheme/barceloneta/theme/less/tree.plone.less","plonetheme/barceloneta/theme/less/header.plone.less","plonetheme/barceloneta/theme/less/sitenav.plone.less","plonetheme/barceloneta/theme/less/footer.plone.less","plonetheme/barceloneta/theme/less/loginform.plone.less","plonetheme/barceloneta/theme/less/sitemap.plone.less","plonetheme/barceloneta/theme/less/event.plone.less","plonetheme/barceloneta/theme/less/image.plone.less","plonetheme/barceloneta/theme/less/behaviors.plone.less","plonetheme/barceloneta/theme/less/discussion.plone.less","plonetheme/barceloneta/theme/less/search.plone.less"],"names":[],"mappings":"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","sourcesContent":["//*// MIXIN FONT FACE //*//\n\n.font-face(@font-path; @file-name; @font-family; @font-weight; @font-style; @svg-id; @local, ~'';) {\n @font-face {\n font-family: @font-family;\n src: url('@{font-path}@{file-name}.eot');\n src: @local\n url('@{font-path}@{file-name}.eot?#iefix') format('embedded-opentype'),\n url('@{font-path}@{file-name}.woff') format('woff'),\n url('@{font-path}@{file-name}.ttf') format('truetype'),\n url('@{font-path}@{file-name}.svg#@{svg-id}') format('svg');\n font-weight: @font-weight;\n font-style: @font-style;\n }\n}\n","//*// FONTS //*//\n\n// 300 Light\n.font-face(\n @font-path: 'roboto/';\n\t@file-name: 'roboto-light';\n\t@font-family: 'Roboto';\n\t@font-weight: 300;\n\t@font-style: normal;\n\t@svg-id: 'robotolight';\n @local: ~\"local('Roboto Light'),\";\n);\n\n// 300 Light Italic\n.font-face(\n @font-path: 'roboto/';\n\t@file-name:\t\t'roboto-lightitalic';\n\t@font-family:\t'Roboto';\n\t@font-weight:\t300;\n\t@font-style:\titalic;\n\t@svg-id:\t\t'robotolight_italic';\n @local: ~\"local('Roboto Light Italic'),\";\n);\n\n// 400 Regular\n.font-face(\n @font-path: 'roboto/';\n\t@file-name:\t\t'roboto-regular';\n\t@font-family:\t'Roboto';\n\t@font-weight:\t400;\n\t@font-style:\tnormal;\n\t@svg-id:\t\t'robotoregular';\n @local: ~\"local('Roboto Regular'),\";\n);\n\n// 400 Italic\n.font-face(\n @font-path: 'roboto/';\n\t@file-name:\t\t'roboto-italic';\n\t@font-family:\t'Roboto';\n\t@font-weight:\t400;\n\t@font-style:\titalic;\n\t@svg-id:\t\t'robotoitalic';\n @local: ~\"local('Roboto Italic'),\";\n);\n\n// 500 Medium\n.font-face(\n @font-path: 'roboto/';\n @file-name:\t\t'roboto-medium';\n\t@font-family:\t'Roboto';\n\t@font-weight:\t500;\n\t@font-style:\tnormal;\n\t@svg-id:\t\t'robotomedium';\n @local: ~\"local('Roboto Medium'),\";\n);\n\n// 500 Medium Italic\n.font-face(\n @font-path: 'roboto/';\n\t@file-name:\t\t'roboto-mediumitalic';\n\t@font-family:\t'Roboto';\n\t@font-weight:\t500;\n\t@font-style:\titalic;\n\t@svg-id:\t\t'robotomedium_italic';\n @local: ~\"local('Roboto Medium Italic'),\";\n);\n\n// 700 Bold\n.font-face(\n @font-path: 'roboto/';\n\t@file-name:\t\t'roboto-bold';\n\t@font-family:\t'Roboto';\n\t@font-weight:\t700;\n\t@font-style:\tnormal;\n\t@svg-id:\t\t'robotobold';\n @local: ~\"local('Roboto Bold'),\";\n);\n\n// 700 Bold Italic\n.font-face(\n @font-path: 'roboto/';\n\t@file-name:\t\t'roboto-bolditalic';\n\t@font-family:\t'Roboto';\n\t@font-weight:\t700;\n\t@font-style:\titalic;\n\t@svg-id:\t\t'robotobold_italic';\n @local: ~\"local('Roboto Bold Italic'),\";\n);\n\n// 300 Light Condensed (toolbar)\n.font-face(\n @font-path: 'roboto/';\n\t@file-name:\t\t'robotocondensed-light';\n\t@font-family:\t'Roboto Condensed';\n\t@font-weight:\t300;\n\t@font-style:\tnormal;\n\t@svg-id:\t\t'roboto_condensedlight';\n @local: ~\"local('Roboto Condensed Light'),\";\n);\n\n// 300 Light Condensed Italic (toolbar)\n.font-face(\n @font-path: 'roboto/';\n\t@file-name:\t\t'robotocondensed-lightitalic';\n\t@font-family:\t'Roboto Condensed';\n\t@font-weight:\t300;\n\t@font-style:\titalic;\n\t@svg-id:\t\t'roboto_condensedlight_italic';\n @local: ~\"local('Roboto Condensed Thin Italic'),\";\n);\n","/*! normalize.css v3.0.1 | MIT License | git.io/normalize */\n\n//\n// 1. Set default font family to sans-serif.\n// 2. Prevent iOS text size adjust after orientation change, without disabling\n// user zoom.\n//\n\nhtml {\n font-family: sans-serif; // 1\n -ms-text-size-adjust: 100%; // 2\n -webkit-text-size-adjust: 100%; // 2\n}\n\n//\n// Remove default margin.\n//\n\nbody {\n margin: 0;\n}\n\n// HTML5 display definitions\n// ==========================================================================\n\n//\n// Correct `block` display not defined for any HTML5 element in IE 8/9.\n// Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox.\n// Correct `block` display not defined for `main` in IE 11.\n//\n\narticle,\naside,\ndetails,\nfigcaption,\nfigure,\nfooter,\nheader,\nmain,\nnav,\nsection,\nsummary {\n display: block;\n}\n\n//\n// 1. Correct `inline-block` display not defined in IE 8/9.\n// 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.\n//\n\naudio,\ncanvas,\nprogress,\nvideo {\n display: inline-block; // 1\n vertical-align: baseline; // 2\n}\n\n//\n// Prevent modern browsers from displaying `audio` without controls.\n// Remove excess height in iOS 5 devices.\n//\n\naudio:not([controls]) {\n display: none;\n height: 0;\n}\n\n//\n// Address `[hidden]` styling not present in IE 8/9/10.\n// Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.\n//\n\n[hidden],\ntemplate {\n display: none;\n}\n\n// Links\n// ==========================================================================\n\n//\n// Remove the gray background color from active links in IE 10.\n//\n\na {\n background: transparent;\n}\n\n//\n// Improve readability when focused and also mouse hovered in all browsers.\n//\n\na:active,\na:hover {\n outline: 0;\n}\n\n// Text-level semantics\n// ==========================================================================\n\n//\n// Address styling not present in IE 8/9/10/11, Safari, and Chrome.\n//\n\nabbr[title] {\n border-bottom: 1px dotted;\n}\n\n//\n// Address style set to `bolder` in Firefox 4+, Safari, and Chrome.\n//\n\nb,\nstrong {\n font-weight: bold;\n}\n\n//\n// Address styling not present in Safari and Chrome.\n//\n\ndfn {\n font-style: italic;\n}\n\n//\n// Address variable `h1` font-size and margin within `section` and `article`\n// contexts in Firefox 4+, Safari, and Chrome.\n//\n\nh1 {\n font-size: 2em;\n margin: 0.67em 0;\n}\n\n//\n// Address styling not present in IE 8/9.\n//\n\nmark {\n background: #ff0;\n color: #000;\n}\n\n//\n// Address inconsistent and variable font size in all browsers.\n//\n\nsmall {\n font-size: 80%;\n}\n\n//\n// Prevent `sub` and `sup` affecting `line-height` in all browsers.\n//\n\nsub,\nsup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n}\n\nsup {\n top: -0.5em;\n}\n\nsub {\n bottom: -0.25em;\n}\n\n// Embedded content\n// ==========================================================================\n\n//\n// Remove border when inside `a` element in IE 8/9/10.\n//\n\nimg {\n border: 0;\n}\n\n//\n// Correct overflow not hidden in IE 9/10/11.\n//\n\nsvg:not(:root) {\n overflow: hidden;\n}\n\n// Grouping content\n// ==========================================================================\n\n//\n// Address margin not present in IE 8/9 and Safari.\n//\n\nfigure {\n margin: 1em 40px;\n}\n\n//\n// Address differences between Firefox and other browsers.\n//\n\nhr {\n -moz-box-sizing: content-box;\n box-sizing: content-box;\n height: 0;\n}\n\n//\n// Contain overflow in all browsers.\n//\n\npre {\n overflow: auto;\n}\n\n//\n// Address odd `em`-unit font size rendering in all browsers.\n//\n\ncode,\nkbd,\npre,\nsamp {\n font-family: monospace, monospace;\n font-size: 1em;\n}\n\n// Forms\n// ==========================================================================\n\n//\n// Known limitation: by default, Chrome and Safari on OS X allow very limited\n// styling of `select`, unless a `border` property is set.\n//\n\n//\n// 1. Correct color not being inherited.\n// Known issue: affects color of disabled elements.\n// 2. Correct font properties not being inherited.\n// 3. Address margins set differently in Firefox 4+, Safari, and Chrome.\n//\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n color: inherit; // 1\n font: inherit; // 2\n margin: 0; // 3\n}\n\n//\n// Address `overflow` set to `hidden` in IE 8/9/10/11.\n//\n\nbutton {\n overflow: visible;\n}\n\n//\n// Address inconsistent `text-transform` inheritance for `button` and `select`.\n// All other form control elements do not inherit `text-transform` values.\n// Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.\n// Correct `select` style inheritance in Firefox.\n//\n\nbutton,\nselect {\n text-transform: none;\n}\n\n//\n// 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`\n// and `video` controls.\n// 2. Correct inability to style clickable `input` types in iOS.\n// 3. Improve usability and consistency of cursor style between image-type\n// `input` and others.\n//\n\nbutton,\nhtml input[type=\"button\"], // 1\ninput[type=\"reset\"],\ninput[type=\"submit\"] {\n -webkit-appearance: button; // 2\n cursor: pointer; // 3\n}\n\n//\n// Re-set default cursor for disabled elements.\n//\n\nbutton[disabled],\nhtml input[disabled] {\n cursor: default;\n}\n\n//\n// Remove inner padding and border in Firefox 4+.\n//\n\nbutton::-moz-focus-inner,\ninput::-moz-focus-inner {\n border: 0;\n padding: 0;\n}\n\n//\n// Address Firefox 4+ setting `line-height` on `input` using `!important` in\n// the UA stylesheet.\n//\n\ninput {\n line-height: normal;\n}\n\n//\n// It's recommended that you don't attempt to style these elements.\n// Firefox's implementation doesn't respect box-sizing, padding, or width.\n//\n// 1. Address box sizing set to `content-box` in IE 8/9/10.\n// 2. Remove excess padding in IE 8/9/10.\n//\n\ninput[type=\"checkbox\"],\ninput[type=\"radio\"] {\n box-sizing: border-box; // 1\n padding: 0; // 2\n}\n\n//\n// Fix the cursor style for Chrome's increment/decrement buttons. For certain\n// `font-size` values of the `input`, it causes the cursor style of the\n// decrement button to change from `default` to `text`.\n//\n\ninput[type=\"number\"]::-webkit-inner-spin-button,\ninput[type=\"number\"]::-webkit-outer-spin-button {\n height: auto;\n}\n\n//\n// 1. Address `appearance` set to `searchfield` in Safari and Chrome.\n// 2. Address `box-sizing` set to `border-box` in Safari and Chrome\n// (include `-moz` to future-proof).\n//\n\ninput[type=\"search\"] {\n -webkit-appearance: textfield; // 1\n -moz-box-sizing: content-box;\n -webkit-box-sizing: content-box; // 2\n box-sizing: content-box;\n}\n\n//\n// Remove inner padding and search cancel button in Safari and Chrome on OS X.\n// Safari (but not Chrome) clips the cancel button when the search input has\n// padding (and `textfield` appearance).\n//\n\ninput[type=\"search\"]::-webkit-search-cancel-button,\ninput[type=\"search\"]::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n\n//\n// Define consistent border, margin, and padding.\n//\n\nfieldset {\n border: 1px solid #c0c0c0;\n margin: 0 2px;\n padding: 0.35em 0.625em 0.75em;\n}\n\n//\n// 1. Correct `color` not being inherited in IE 8/9/10/11.\n// 2. Remove padding so people aren't caught out if they zero out fieldsets.\n//\n\nlegend {\n border: 0; // 1\n padding: 0; // 2\n}\n\n//\n// Remove default vertical scrollbar in IE 8/9/10/11.\n//\n\ntextarea {\n overflow: auto;\n}\n\n//\n// Don't inherit the `font-weight` (applied by a rule above).\n// NOTE: the default cannot safely be changed in Chrome and Safari on OS X.\n//\n\noptgroup {\n font-weight: bold;\n}\n\n// Tables\n// ==========================================================================\n\n//\n// Remove most spacing between table cells.\n//\n\ntable {\n border-collapse: collapse;\n border-spacing: 0;\n}\n\ntd,\nth {\n padding: 0;\n}","//\n// Basic print styles\n// --------------------------------------------------\n// Source: https://github.com/h5bp/html5-boilerplate/blob/master/css/main.css\n\n@media print {\n\n * {\n text-shadow: none !important;\n color: #000 !important; // Black prints faster: h5bp.com/s\n background: transparent !important;\n box-shadow: none !important;\n }\n\n a,\n a:visited {\n text-decoration: underline;\n }\n\n a[href]:after {\n content: \" (\" attr(href) \")\";\n }\n\n abbr[title]:after {\n content: \" (\" attr(title) \")\";\n }\n\n // Don't show links for images, or javascript/internal links\n a[href^=\"javascript:\"]:after,\n a[href^=\"#\"]:after {\n content: \"\";\n }\n\n pre,\n blockquote {\n border: 1px solid #999;\n page-break-inside: avoid;\n }\n\n thead {\n display: table-header-group; // h5bp.com/t\n }\n\n tr,\n img {\n page-break-inside: avoid;\n }\n\n img {\n max-width: 100% !important;\n }\n\n p,\n h2,\n h3 {\n orphans: 3;\n widows: 3;\n }\n\n h2,\n h3 {\n page-break-after: avoid;\n }\n\n // Chrome (OSX) fix for https://github.com/twbs/bootstrap/issues/11245\n // Once fixed, we can just straight up remove this.\n select {\n background: #fff !important;\n }\n\n // Bootstrap components\n .navbar {\n display: none;\n }\n .table {\n td,\n th {\n background-color: #fff !important;\n }\n }\n .btn,\n .dropup > .btn {\n > .caret {\n border-top-color: #000 !important;\n }\n }\n .label {\n border: 1px solid #000;\n }\n\n .table {\n border-collapse: collapse !important;\n }\n .table-bordered {\n th,\n td {\n border: 1px solid #ddd !important;\n }\n }\n\n #portal-searchbox {\n display: None;\n }\n\n #portal-personaltools {\n display: None;\n }\n\n #portal-breadcrumbs {\n display: None;\n }\n}","//*// SCAFFOLDING //*//\n\n//*// Reset the box-sizing\n* {\n .box-sizing(border-box);\n}\n*:before,\n*:after {\n .box-sizing(border-box);\n}\n\n\n//*// Body reset\nhtml {\n font-size: 62.5%;\n -webkit-tap-highlight-color: rgba(0,0,0,0);\n}\n\nbody {\n font-family: @plone-font-family-base;\n font-size: @plone-font-size-base;\n font-weight: @plone-font-weight-medium;\n line-height: @plone-line-height-base;\n color: @plone-text-color;\n background-color: @plone-body-bg;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n}\n\n//*// Reset fonts for relevant elements\ninput,\nbutton,\nselect,\ntextarea {\n font-family: inherit;\n font-size: inherit;\n line-height: inherit;\n}\n\n\n//*// Links\n\na {\n color: @plone-link-color;\n text-decoration: none;\n\n &:hover,\n &:focus {\n color: @plone-link-hover-color;\n text-decoration: underline;\n }\n\n &:focus {\n .tab-focus(); //--> NOT DONE\n }\n}\n\n\n//*// Figures\nfigure {\n margin: 0;\n}\n\n\n//*// Images\n\nimg {\n vertical-align: middle;\n}\n\n\n// Horizontal rules\n\nhr {\n margin-top: @plone-line-height-computed;\n margin-bottom: @plone-line-height-computed;\n border: 0;\n border-top: 1px solid @plone-hr-border;\n}\n\n\n// Only display content to screen readers\n//\n// See: http://a11yproject.com/posts/how-to-hide-content/\n\n.sr-only, .hiddenStructure,\n.crud-form .header-select{\n position: absolute;\n width: 1px;\n height: 1px;\n margin: -1px;\n padding: 0;\n overflow: hidden;\n clip: rect(0,0,0,0);\n border: 0;\n color: #fff;\n background-color: #000;\n}\n.sr-only a, .hiddenStructure a {\n color: #fff;\n background-color: #000;\n}\n\n// Use in conjunction with .sr-only to only display content when it's focused.\n// Useful for \"Skip to main content\" links; see http://www.w3.org/TR/2013/NOTE-WCAG20-TECHS-20130905/G1\n// Credit: HTML5 Boilerplate\n\n.sr-only-focusable {\n &:active,\n &:focus {\n position: static;\n width: auto;\n height: auto;\n margin: 0;\n overflow: visible;\n clip: auto;\n }\n}","//*// MIXIN PREFIXES //*//\n\n.box-shadow(@shadow) {\n -webkit-box-shadow: @shadow; // iOS <4.3 & Android <4.1\n box-shadow: @shadow;\n}\n\n.box-sizing(@boxmodel) {\n -webkit-box-sizing: @boxmodel;\n -moz-box-sizing: @boxmodel;\n box-sizing: @boxmodel;\n}\n\n.opacity(@opacity) {\n opacity: @opacity;\n // IE8 filter\n @opacity-ie: (@opacity * 100);\n filter: ~\"alpha(opacity=@{opacity-ie})\";\n}\n\n.transition(@transition) {\n -webkit-transition: @transition;\n -o-transition: @transition;\n transition: @transition;\n}\n.transition-property(@transition-property) {\n -webkit-transition-property: @transition-property;\n transition-property: @transition-property;\n}\n.transition-delay(@transition-delay) {\n -webkit-transition-delay: @transition-delay;\n transition-delay: @transition-delay;\n}\n.transition-duration(@transition-duration) {\n -webkit-transition-duration: @transition-duration;\n transition-duration: @transition-duration;\n}\n.transition-timing-function(@timing-function) {\n -webkit-transition-timing-function: @timing-function;\n transition-timing-function: @timing-function;\n}\n.transition-transform(@transition) {\n -webkit-transition: -webkit-transform @transition;\n -moz-transition: -moz-transform @transition;\n -o-transition: -o-transform @transition;\n transition: transform @transition;\n}\n\n.user-select(@select) {\n -webkit-user-select: @select;\n -moz-user-select: @select;\n -ms-user-select: @select; // IE10+\n user-select: @select;\n}","//* // VARIABLES //*//\n\n//*// COLORS\n//grays\n@plone-gray-darker:\t\t\t\t\t\t\tlighten(#000, 20%); // #333\n@plone-gray-dark:\t\t\t\t\t\t\tlighten(#000, 30%); // #4c4c4c\n@plone-gray:\t\t\t\t\t\t\t\tlighten(#000, 41%); // #696969\n@plone-gray-light:\t\t\t\t\t\t\tlighten(#000, 46.5%); // #767676 //discreet\n@plone-gray-lighter:\t\t\t\t\t\tlighten(#000, 80%); // #ccc //disableds like\n\n//colors\n@plone-link-color:\t\t\t\t\t\t\t#007bb1; //plone blue made slightly darker for wcag 2.0\n@plone-link-color-on-dark:\t\t\t\t\t#16a1e3; //plone blue\n\t\t\t\t\t\t\t\t\t\t\t//if you need different contrast\n@plone-link-color-on-grey:\t\t \t\t\t#086ca3; //valid wcag 2.0\n@plone-default-published-color:\t\t\t\t@plone-link-color; //published and external same color\n@plone-default-draft-color:\t\t\t\t\tdarken(@plone-toolbar-draft-color, 15%); // lime-yellow //draft is visible\n@plone-default-pending-color:\t\t\t\tdarken(@plone-toolbar-pending-color, 15%); // orange\n@plone-default-private-color:\t\t\t\t@plone-toolbar-private-color; // red\n@plone-default-internal-color:\t\t\t\tdarken(@plone-toolbar-internal-color, 15%); // is draft\n@plone-default-internally-published-color:\tdarken(@plone-toolbar-internally-published-color, 5%); // is intranet\n\n\n\n//*// SCAFFOLDING\n@plone-body-bg: \t\t\t\t #fafafa; //almost-white\n@plone-footer-bg: \t\t\t\t #2e3133; //blued-darkgray\n@plone-text-color: \t\t\t\t @plone-gray-dark;\n@plone-link-hover-color: \t\t\t\t darken(@plone-link-color, 15%);\n\n\n\n//*// TYPOGRAPHY\n@plone-font-family-sans-serif: \"Roboto\", \"Helvetica Neue\", Helvetica, Arial, sans-serif; // Roboto seems Plone's DIN\n@plone-font-family-condensed: \"Roboto Condensed\", \"Arial Narrow\", sans-serif; //just on toolbar\n@plone-font-family-serif: Georgia, \"Times New Roman\", Times, serif;\n@plone-font-family-monospace: Menlo, Monaco, Consolas, \"Courier New\", monospace;\n@plone-font-family-base: @plone-font-family-sans-serif;\n\n@plone-font-size-base: 14px;\n@plone-font-size-large: ceil((@plone-font-size-base * 1.25)); // ~18px\n@plone-font-size-small: ceil((@plone-font-size-base * 0.85)); // ~12px\n\n@plone-font-size-h1: floor((@plone-font-size-base * 2.6)); // ~36px\n@plone-font-size-h2: floor((@plone-font-size-base * 2.15)); // ~30px\n@plone-font-size-h3: ceil((@plone-font-size-base * 1.7)); // ~24px\n@plone-font-size-h4: ceil((@plone-font-size-base * 1.25)); // ~18px\n@plone-font-size-h5: @plone-font-size-base;\n@plone-font-size-h6: ceil((@plone-font-size-base * 0.85)); // ~12px\n\n//** Unit-less `line-height` for use in components like buttons.\n@plone-line-height-base: 1.428571429; // 20/14\n//** Computed \"line-height\" (`font-size` * `line-height`) for use with `margin`, `padding`, etc.\n@plone-line-height-computed: floor((@plone-font-size-base * @plone-line-height-base)); // ~20px\n\n@plone-headings-font-family: inherit;\n\t@plone-headings-font-weight: @plone-font-weight-regular;\n\t@plone-headings-line-height: 1.1;\n\t@plone-headings-color: inherit;\n\n@plone-font-weight-light:\t\t300;\n@plone-font-weight-regular:\t\t400;\n@plone-font-weight-medium:\t\t500;\n@plone-font-weight-bold:\t\t700;\n\n\n\n//*// COMPONENTS\n@plone-padding-base-vertical: 6px;\n\t@plone-padding-base-horizontal: 12px;\n\t@plone-padding-large-vertical: 10px;\n\t@plone-padding-large-horizontal: 16px;\n\t@plone-padding-small-vertical: 5px;\n\t@plone-padding-small-horizontal: 10px;\n\t@plone-padding-xs-vertical: 1px;\n\t@plone-padding-xs-horizontal: 5px;\n\t@plone-line-height-large: 1.33;\n\t@plone-line-height-small: 1.5;\n@plone-border-radius-base: 4px;\n\t@plone-border-radius-large: 6px;\n\t@plone-border-radius-small: 2px;\n//** Global color for active items (e.g., navs or dropdowns).\n@plone-component-active-color: #fff;\n//** Global background color for active items (e.g., navs or dropdowns).\n@plone-component-active-bg: @plone-link-color;\n//** Width of the `border` for generating carets that indicator dropdowns.\n@plone-caret-width-base: 4px;\n//** Carets increase slightly in size for larger components.\n@plone-caret-width-large: 5px;\n\n\n\n//*// TABLES\n@plone-table-cell-padding: 8px;\n@plone-table-condensed-cell-padding: 5px;\n@plone-table-bg: #fff;\n@plone-table-bg-accent: #f6f6f6;\n@plone-table-bg-hover: #f0f0f0;\n@plone-table-bg-active: @plone-table-bg-hover;\n@plone-table-border-color: #e5e5e5;\n\n\n\n//*// STATES\n@plone-state-info-text: \t\t rgba(0,0,0,.5);\n\t@plone-state-info-bg: \t\t #aad6ea;\n\t@plone-state-info-border: \t\t 1px solid darken(@plone-state-info-bg,4%);\n\t@plone-state-info-bullet:\t\t\t\t\t#3e7b91;\n@plone-state-warning-text: \t rgba(0,0,0,.5);\n\t@plone-state-warning-bg: \t \t #ebd380;\n\t@plone-state-warning-border: \t 1px solid darken(@plone-state-warning-bg,6%);\n\t@plone-state-warning-bullet:\t\t\t\t#bc8d0d;\n@plone-state-error-text: \t\trgba(0,0,0,.5);\n\t@plone-state-error-bg: \t\t#EC9C8D;\n\t@plone-state-error-border: \t\t1px solid darken(@plone-state-error-bg,2%);\n\t@plone-state-error-bullet:\t\t\t\t\t#ac493f;\n\n\n//*// TOOLBAR\n\n@plone-left-toolbar-expanded: 120px;\n@plone-left-toolbar: 60px;\n\n//*// DEVICES\n@plone-screen-xs-min: 480px;\n@plone-screen-sm-min: 768px;\n@plone-screen-md-min: 992px;\n@plone-screen-lg-min: 1200px;\n\n@plone-container-sm: \t\t\t 750px;\n@plone-container-md: 970px;\n@plone-container-lg: 1170px;\n\n@plone-screen-xs-max: (@plone-screen-sm-min - 1);\n@plone-screen-sm-max: (@plone-screen-md-min - 1);\n@plone-screen-md-max: (@plone-screen-lg-min - 1);\n\n@plone-grid-columns:\t\t\t\t12;\n@plone-grid-gutter-width: 30px;\n@plone-grid-float-breakpoint: @plone-screen-sm-min;\n//** Point at which the navbar begins collapsing.\n@plone-grid-float-breakpoint-max: (@plone-grid-float-breakpoint - 1);\n\n\n//*// CONTAINERS\n@plone-container-tablet: ((720px + @plone-grid-gutter-width));\n@plone-container-sm: @plone-container-tablet;\n\n@plone-container-desktop: ((940px + @plone-grid-gutter-width));\n@plone-container-md: @plone-container-desktop;\n\n@plone-container-large-desktop: ((1140px + @plone-grid-gutter-width));\n@plone-container-lg: @plone-container-large-desktop;\n\n\n//*// Buttons\n@plone-btn-standalone-color: \t\t@plone-gray-dark;\n\t@plone-btn-standalone-bg: \t \t#e5e5e5;\n\t@plone-btn-standalone-border: \t \tdarken(@plone-btn-standalone-bg, 20%);\n@plone-btn-context-color: \t\t#fff;\n\t@plone-btn-context-bg: \t\t#007bb1;\n\t@plone-btn-context-border: \t\tdarken(@plone-btn-context-bg, 10%);\n@plone-btn-destructive-color: #fff;\n\t@plone-btn-destructive-bg: #bb4f45;\n\t@plone-btn-destructive-border: darken(@plone-btn-destructive-bg, 10%);\n\n//*// FORMS\n//** `` background color\n@plone-input-bg: #fff;\n//** `` background color\n@plone-input-bg-disabled: @plone-table-border-color;\n//** Text color for ``s\n@plone-input-color: @plone-gray;\n//** `` border color\n@plone-input-border: #ccc;\n//** `` border radius\n@plone-input-border-radius: @plone-border-radius-base;\n//** Border color for inputs on focus\n@plone-input-border-focus: @plone-portlet-list-bullet;\n//** Placeholder text color\n@plone-input-color-placeholder: @plone-gray-light;\n//** Default `.form-control` height\n@plone-input-height-base: (@plone-line-height-computed + (@plone-padding-base-vertical * 2) + 2);\n//** Large `.form-control` height\n@plone-input-height-large: (ceil(@plone-font-size-large * @plone-line-height-large) + (@plone-padding-large-vertical * 2) + 2);\n//** Small `.form-control` height\n@plone-input-height-small: (floor(@plone-font-size-small * @plone-line-height-small) + (@plone-padding-small-vertical * 2) + 2);\n@plone-legend-color: @plone-gray-dark;\n@plone-legend-border-color: #e5e5e5;\n\n//** Background color for textual input addons\n@plone-input-group-addon-bg: @plone-gray-lighter;\n//** Border color for textual input addons\n@plone-input-group-addon-border-color: @plone-input-border;\n\n\n\n//*// ALERTS\n@plone-alert-icon-size:\t\t\t\t\t\t\t20px;\n@plone-alert-padding:\t\t\t\t\t\t\t15px;\n\t@plone-alert-border-radius:\t\t\t\t\t4px;\n\t@plone-alert-link-font-weight:\t\t\t\t@plone-font-weight-regular; //it depends on your font-family\n@plone-alert-info-bg:\t\t\t\t\t\t@plone-state-info-bg;\n\t@plone-alert-info-text:\t\t\t\t\t\t@plone-state-info-text; //the text on alert is black with opacity to use the same color and match the bg.\n\t@plone-alert-info-border:\t\t\t\t\t@plone-state-info-border;\n\t@plone-alert-info-bullet:\t\t\t\t\t@plone-state-info-bullet;\n@plone-alert-warning-bg:\t\t\t\t\t@plone-state-warning-bg;\n\t@plone-alert-warning-text:\t\t\t\t\t@plone-state-warning-text;\n\t@plone-alert-warning-border:\t\t\t\t@plone-state-warning-border;\n\t@plone-alert-warning-bullet:\t\t\t\t@plone-state-warning-bullet;\n@plone-alert-error-bg:\t\t\t\t\t\t@plone-state-error-bg;\n\t@plone-alert-error-text:\t\t\t\t\t@plone-state-error-text;\n\t@plone-alert-error-border:\t\t\t\t\t@plone-state-error-border;\n\t@plone-alert-error-bullet:\t\t\t\t\t@plone-state-error-bullet;\n\n\n\n//*// PORTLETS\n@plone-border-base:\t\t\t\t\t\t\t1px solid;\n@plone-portlet-header-bg:\t\t\t\t\t#f2f1f1;\n@plone-portlet-header-color:\t\t\t\t@plone-gray;\n@plone-portlet-content-bg:\t\t\t\t\t#fff;\n@plone-portlet-footer-bg:\t\t\t\t\t#fcfcfd;\n@plone-portlet-border:\t\t\t\t\t\t@plone-border-base #e5e5e5;\n@plone-portlet-contrast-bg:\t\t\t\t\t#e5e5e5;\n@plone-portlet-event-bullet:\t\t\t\t#dbecfe;\n@plone-portlet-list-bullet:\t\t\t\t\t#64bee8;\n@plone-portlet-list-hover-bg:\t\t\t\t#fcfcfd;\n@plone-portlet-list-small-text:\t\t\t\t@plone-gray;\n\n\n\n//*// THUMBS\n//** Padding around the thumbnail image\n@plone-thumbnail-padding: 4px;\n//** Thumbnail background color\n@plone-thumbnail-bg: @plone-body-bg;\n//** Thumbnail border color\n@plone-thumbnail-border: #ddd;\n//** Thumbnail border radius\n@plone-thumbnail-border-radius: @plone-border-radius-base;\n//** Custom text color for thumbnail captions\n@plone-thumbnail-caption-color: @plone-text-color;\n//** Padding around the thumbnail caption\n@plone-thumbnail-caption-padding: 9px;\n\n\n\n//*// BREADCRUMBS\n@plone-breadcrumb-padding-vertical: 8px;\n@plone-breadcrumb-padding-horizontal: 15px;\n//** Breadcrumb background color\n@plone-breadcrumb-bg: darken(@plone-portlet-header-bg,5%);\n//** Breadcrumb text color\n@plone-breadcrumb-color: @plone-gray-lighter;\n//** Text color of current page in the breadcrumb\n@plone-breadcrumb-active-color: @plone-gray-light;\n\n\n//*// SITE NAV\n@plone-sitenav-height: 50px;\n\t@plone-sitenav-margin-bottom: @plone-line-height-computed;\n\t@plone-sitenav-border-radius: @plone-border-radius-base;\n\t@plone-sitenav-padding-horizontal: floor((@plone-grid-gutter-width / 2));\n\t@plone-sitenav-padding-vertical: ((@plone-sitenav-height - @plone-line-height-computed) / 2);\n\t@plone-sitenav-collapse-max-height: 340px;\n\t@plone-sitenav-link-padding: 10px 15px;\n\t@plone-sitenav-link-hover-bg: #7099bf;\n\t@plone-sitenav-bg: \t\t\t @plone-link-color;\n\t@plone-sitenav-hover-bg: \t\t\t @plone-link-color;\n\n//*// PAGINATION\n@plone-pagination-color: @plone-link-color;\n\t@plone-pagination-bg: @plone-portlet-content-bg;\n\t@plone-pagination-border: @plone-portlet-border;\n@plone-pagination-hover-color: @plone-link-hover-color;\n\t@plone-pagination-hover-bg: @plone-portlet-header-bg;\n\t@plone-pagination-hover-border: @plone-portlet-border;\n@plone-pagination-active-color: @plone-portlet-content-bg;\n\t@plone-pagination-active-bg: @plone-link-color;\n\t@plone-pagination-active-border: @plone-border-base @plone-link-color;\n@plone-pagination-disabled-color: @plone-gray-lighter;\n\t@plone-pagination-disabled-bg: @plone-portlet-footer-bg;\n\t@plone-pagination-disabled-border: @plone-portlet-border;\n\n\n\n//*// CODE\n@plone-code-color: #c7254e;\n\t@plone-code-bg: #f9f2f4;\n@plone-kbd-color: #fff;\n\t@plone-kbd-bg: #333;\n@plone-pre-bg: #f5f5f5;\n\t@plone-pre-color: @plone-gray-dark;\n\t@plone-pre-border-color: #ccc;\n\t@plone-pre-scrollable-max-height: 340px;\n\n\n\n//*// TYPE\n//** Text muted color\n@plone-text-discreet: @plone-gray;\n//** Abbreviations and acronyms border color\n@plone-abbr-border-color: @plone-gray-light;\n//** Headings small color\n@plone-headings-small-color: @plone-gray-light;\n//** Blockquote small color\n@plone-blockquote-small-color: @plone-gray-light;\n//** Blockquote font size\n@plone-blockquote-font-size: (@plone-font-size-base * 1.25);\n//** Blockquote border color\n@plone-blockquote-border-color: @plone-gray-lighter;\n//** Page header border color\n@plone-page-header-border-color: @plone-gray-lighter;\n\n\n\n//*// MISC\n//** Horizontal line color.\n@plone-hr-border: @plone-gray-lighter;\n//** Horizontal offset for forms and lists.\n@plone-component-offset-horizontal: 180px;\n\n\n//*// END\n","//*// MIXIN TAB FOCUS //*//\n\n.tab-focus() {\n // Default\n outline: thin dotted;\n // WebKit\n outline: 5px auto -webkit-focus-ring-color;\n outline-offset: -2px;\n}\n\n.placeholder(@plone-color: @plone-input-color-placeholder) {\n &::-moz-placeholder { color: @plone-color; // Firefox\n opacity: 1; } // See https://github.com/twbs/bootstrap/pull/11526\n &:-ms-input-placeholder { color: @plone-color; } // Internet Explorer 10+\n &::-webkit-input-placeholder { color: @plone-color; } // Safari and Chrome\n}","//*// TYPE //*//\n\n//*// Body //*//\nbody { word-wrap: break-word; }\n\n//*// Headings\nh1, h2, h3, h4, h5, h6 {\n font-family: @plone-headings-font-family;\n font-weight: @plone-headings-font-weight;\n line-height: @plone-headings-line-height;\n color: @plone-headings-color;\n}\n\nh1, h2, h3 {\n margin-top: @plone-line-height-computed;\n margin-bottom: (@plone-line-height-computed / 2);\n a:hover, a:focus { text-decoration: none; border-bottom: 2px @plone-link-hover-color solid; }\n}\nh4, h5, h6 {\n margin-top: (@plone-line-height-computed / 2);\n margin-bottom: (@plone-line-height-computed / 2);\n}\n\nh1 { font-size: @plone-font-size-h1; }\nh2 { font-size: @plone-font-size-h2; }\nh3 { font-size: @plone-font-size-h3; }\nh4 { font-size: @plone-font-size-h4; }\nh5 { font-size: @plone-font-size-h5; }\nh6 { font-size: @plone-font-size-h6; }\n\n//*// Body text\np { margin: 0 0 (@plone-line-height-computed / 2); }\n\n.documentDescription {\n font-size: @plone-font-size-h4;\n font-weight: @plone-font-weight-bold;\n color: @plone-text-discreet;\n margin-bottom: 10px;\n}\n\n//*// Emphasis & misc\nsmall { font-size: 85%; }\ncite { font-style: normal; }\nmark { background-color: @plone-state-warning-bg; padding: .2em; }\n.discreet { color: @plone-text-discreet; font-weight: @plone-font-weight-regular;}\n.documentByLine {color: @plone-text-discreet; font-weight: @plone-font-weight-regular; margin-bottom: (@plone-line-height-computed / 2); }\n\n//*// Page header\n.documentFirstHeading {\n padding-bottom: ((@plone-line-height-computed / 2) - 1);\n margin: 0 0 (@plone-line-height-computed / 2);\n border-bottom: 1px solid @plone-page-header-border-color;\n}\n\n//*// Lists\nul,\nol {\n margin-top: 0;\n margin-bottom: (@plone-line-height-computed / 2);\n ul,\n ol {\n margin-bottom: 0;\n }\n}\n\ndl {\n margin-top: 0; // Remove browser default\n margin-bottom: @plone-line-height-computed;\n}\n dt, dd { line-height: @plone-line-height-base; }\n dt { font-weight: bold;}\n dd { margin-left: 0; }\n\n//*// Misc\nabbr[title], abbr[data-original-title] /*tooltip bootstrap plugin, just in case*/ {\n cursor: help;\n border-bottom: 1px dotted @plone-abbr-border-color;\n}\n\n//*// Addresses\naddress {\n margin-bottom: @plone-line-height-computed;\n font-style: normal;\n line-height: @plone-line-height-base;\n}\n\n\n//*// Floats\n.pull-right {\n float: right !important;\n}\n.pull-left {\n float: left !important;\n}\n","//*// CODE //*//\n\n//*// Inline codes\ncode,\nkbd,\npre,\nsamp {\n font-family: @plone-font-family-monospace;\n}\n\ncode {\n padding: 2px 4px;\n font-size: 90%;\n color: @plone-code-color;\n background-color: @plone-code-bg;\n border-radius: @plone-border-radius-base;\n}\n\nkbd {\n padding: 2px 4px;\n font-size: 90%;\n color: @plone-kbd-color;\n background-color: @plone-kbd-bg;\n border-radius: @plone-border-radius-small;\n box-shadow: inset 0 -1px 0 rgba(0,0,0,.25);\n}\n\n//*// Block code\npre {\n display: block;\n padding: round((@plone-line-height-computed - 1) / 2);\n margin: 0 0 (@plone-line-height-computed / 2);\n font-size: (@plone-font-size-base - 1); // 14px to 13px\n line-height: @plone-line-height-base;\n word-break: break-all;\n word-wrap: break-word;\n color: @plone-pre-color;\n background-color: @plone-pre-bg;\n border: 1px solid @plone-pre-border-color;\n border-radius: @plone-border-radius-base;\n\n // Account for some code outputs that place code tags in pre tags, not used in Plone as default\n code {\n padding: 0;\n font-size: inherit;\n color: inherit;\n white-space: pre-wrap;\n background-color: transparent;\n border-radius: 0;\n }\n}","//*// BOOTSTRAP GRID //*//\n\n//*// This is exactly BOOTSTRAP GRID, replace it for your system\n\n\n\n// Container widths\n.container {\n .container-fixed();\n\n @media (min-width: @plone-screen-sm-min) {\n width: @plone-container-sm;\n }\n @media (min-width: @plone-screen-md-min) {\n width: @plone-container-md;\n }\n @media (min-width: @plone-screen-lg-min) {\n width: @plone-container-lg;\n }\n}\n\n\n// Fluid container\n.container-fluid {\n .container-fixed();\n}\n\n\n// Row\n.row {\n .clearfix();\n .make-row();\n}\n\n\n// Columns\n.make-grid-columns();\n\n\n// Extra small grid\n.make-grid(xs);\n\n\n// Small grid\n@media (min-width: @plone-screen-sm-min) {\n .make-grid(sm);\n}\n\n\n// Medium grid\n@media (min-width: @plone-screen-md-min) {\n .make-grid(md);\n}\n\n\n// Large grid\n@media (min-width: @plone-screen-lg-min) {\n .make-grid(lg);\n}\n\n\n// toolbar needs to match grid \n#edit-zone.plone-toolbar-top .plone-toolbar-container {\n .container-fixed(); \n @media (min-width: @plone-screen-sm-min) {\n width: @plone-container-sm;\n }\n @media (min-width: @plone-screen-md-min) {\n width: @plone-container-md;\n }\n @media (min-width: @plone-screen-lg-min) {\n width: @plone-container-lg;\n }\n margin-top: 0;\n margin-bottom: 0;\n height: 50px;\n}\n#edit-zone.plone-toolbar-top.compressed .plone-toolbar-container {width: auto;}","//*// BOOTSTRAP GRID MIXIN //*//\n\n//*// This is exactly BOOTSTRAP GRID, replace it for your system\n\n\n\n\n\n\n\n// Grid system\n//\n// Generate semantic grid columns with these mixins.\n\n// Centered container element\n.container-fixed(@gutter: @plone-grid-gutter-width) {\n margin-right: auto;\n margin-left: auto;\n padding-left: (@gutter / 2);\n padding-right: (@gutter / 2);\n &:extend(.clearfix all);\n}\n\n// Creates a wrapper for a series of columns\n.make-row(@gutter: @plone-grid-gutter-width) {\n margin-left: (@gutter / -2);\n margin-right: (@gutter / -2);\n &:extend(.clearfix all);\n}\n\n// Generate the extra small columns\n.make-xs-column(@columns; @gutter: @plone-grid-gutter-width) {\n position: relative;\n float: left;\n width: percentage((@columns / @plone-grid-columns));\n min-height: 1px;\n padding-left: (@gutter / 2);\n padding-right: (@gutter / 2);\n}\n.make-xs-column-offset(@columns) {\n margin-left: percentage((@columns / @plone-grid-columns));\n}\n.make-xs-column-push(@columns) {\n left: percentage((@columns / @plone-grid-columns));\n}\n.make-xs-column-pull(@columns) {\n right: percentage((@columns / @plone-grid-columns));\n}\n\n// Generate the small columns\n.make-sm-column(@columns; @gutter: @plone-grid-gutter-width) {\n position: relative;\n min-height: 1px;\n padding-left: (@gutter / 2);\n padding-right: (@gutter / 2);\n\n @media (min-width: @plone-screen-sm-min) {\n float: left;\n width: percentage((@columns / @plone-grid-columns));\n }\n}\n.make-sm-column-offset(@columns) {\n @media (min-width: @plone-screen-sm-min) {\n margin-left: percentage((@columns / @plone-grid-columns));\n }\n}\n.make-sm-column-push(@columns) {\n @media (min-width: @plone-screen-sm-min) {\n left: percentage((@columns / @plone-grid-columns));\n }\n}\n.make-sm-column-pull(@columns) {\n @media (min-width: @plone-screen-sm-min) {\n right: percentage((@columns / @plone-grid-columns));\n }\n}\n\n// Generate the medium columns\n.make-md-column(@columns; @gutter: @plone-grid-gutter-width) {\n position: relative;\n min-height: 1px;\n padding-left: (@gutter / 2);\n padding-right: (@gutter / 2);\n\n @media (min-width: @plone-screen-md-min) {\n float: left;\n width: percentage((@columns / @plone-grid-columns));\n }\n}\n.make-md-column-offset(@columns) {\n @media (min-width: @plone-screen-md-min) {\n margin-left: percentage((@columns / @plone-grid-columns));\n }\n}\n.make-md-column-push(@columns) {\n @media (min-width: @plone-screen-md-min) {\n left: percentage((@columns / @plone-grid-columns));\n }\n}\n.make-md-column-pull(@columns) {\n @media (min-width: @plone-screen-md-min) {\n right: percentage((@columns / @plone-grid-columns));\n }\n}\n\n// Generate the large columns\n.make-lg-column(@columns; @gutter: @plone-grid-gutter-width) {\n position: relative;\n min-height: 1px;\n padding-left: (@gutter / 2);\n padding-right: (@gutter / 2);\n\n @media (min-width: @plone-screen-lg-min) {\n float: left;\n width: percentage((@columns / @plone-grid-columns));\n }\n}\n.make-lg-column-offset(@columns) {\n @media (min-width: @plone-screen-lg-min) {\n margin-left: percentage((@columns / @plone-grid-columns));\n }\n}\n.make-lg-column-push(@columns) {\n @media (min-width: @plone-screen-lg-min) {\n left: percentage((@columns / @plone-grid-columns));\n }\n}\n.make-lg-column-pull(@columns) {\n @media (min-width: @plone-screen-lg-min) {\n right: percentage((@columns / @plone-grid-columns));\n }\n}","//*// MIXIN CLEARFIX //*//\n\n.clearfix() {\n &:before,\n &:after {\n content: \" \"; // 1\n display: table; // 2\n }\n &:after {\n clear: both;\n }\n}","//*// BOOTSTRAP GRID MIXIN FRAMEWORK //*//\n\n//*// This is exactly BOOTSTRAP GRID, replace it for your system\n\n\n\n\n\n\n\n// Framework grid generation\n//\n// Used only by Bootstrap to generate the correct number of grid classes given\n// any value of `@grid-columns`.\n\n.make-grid-columns() {\n // Common styles for all sizes of grid columns, widths 1-12\n .col(@index) when (@index = 1) { // initial\n @item: ~\".col-xs-@{index}, .col-sm-@{index}, .col-md-@{index}, .col-lg-@{index}\";\n .col((@index + 1), @item);\n }\n .col(@index, @list) when (@index =< @plone-grid-columns) { // general; \"=<\" isn't a typo\n @item: ~\".col-xs-@{index}, .col-sm-@{index}, .col-md-@{index}, .col-lg-@{index}\";\n .col((@index + 1), ~\"@{list}, @{item}\");\n }\n .col(@index, @list) when (@index > @plone-grid-columns) { // terminal\n @{list} {\n position: relative;\n // Prevent columns from collapsing when empty\n min-height: 1px;\n // Inner gutter via padding\n padding-left: (@plone-grid-gutter-width / 2);\n padding-right: (@plone-grid-gutter-width / 2);\n }\n }\n .col(1); // kickstart it\n}\n\n.float-grid-columns(@class) {\n .col(@index) when (@index = 1) { // initial\n @item: ~\".col-@{class}-@{index}\";\n .col((@index + 1), @item);\n }\n .col(@index, @list) when (@index =< @plone-grid-columns) { // general\n @item: ~\".col-@{class}-@{index}\";\n .col((@index + 1), ~\"@{list}, @{item}\");\n }\n .col(@index, @list) when (@index > @plone-grid-columns) { // terminal\n @{list} {\n float: left;\n }\n }\n .col(1); // kickstart it\n}\n\n.calc-grid-column(@index, @class, @type) when (@type = width) and (@index > 0) {\n .col-@{class}-@{index} {\n width: percentage((@index / @plone-grid-columns));\n }\n}\n.calc-grid-column(@index, @class, @type) when (@type = push) and (@index > 0) {\n .col-@{class}-push-@{index} {\n left: percentage((@index / @plone-grid-columns));\n }\n}\n.calc-grid-column(@index, @class, @type) when (@type = push) and (@index = 0) {\n .col-@{class}-push-0 {\n left: auto;\n }\n}\n.calc-grid-column(@index, @class, @type) when (@type = pull) and (@index > 0) {\n .col-@{class}-pull-@{index} {\n right: percentage((@index / @plone-grid-columns));\n }\n}\n.calc-grid-column(@index, @class, @type) when (@type = pull) and (@index = 0) {\n .col-@{class}-pull-0 {\n right: auto;\n }\n}\n.calc-grid-column(@index, @class, @type) when (@type = offset) {\n .col-@{class}-offset-@{index} {\n margin-left: percentage((@index / @plone-grid-columns));\n }\n}\n\n// Basic looping in LESS\n.loop-grid-columns(@index, @class, @type) when (@index >= 0) {\n .calc-grid-column(@index, @class, @type);\n // next iteration\n .loop-grid-columns((@index - 1), @class, @type);\n}\n\n// Create grid for specific class\n.make-grid(@class) {\n .float-grid-columns(@class);\n .loop-grid-columns(@plone-grid-columns, @class, width);\n .loop-grid-columns(@plone-grid-columns, @class, pull);\n .loop-grid-columns(@plone-grid-columns, @class, push);\n .loop-grid-columns(@plone-grid-columns, @class, offset);\n}\n","//*// TABLES //*//\n\n//*// Tables\ntable { max-width: 100%; background-color: @plone-table-bg; border-radius: @plone-border-radius-base; font-weight: @plone-font-weight-regular; color: @plone-gray;}\nth { text-align: left; color: @plone-gray-dark;}\n\n//*// listing table plone class\n.listing {\n width: 100%;\n margin-bottom: @plone-line-height-computed;\n // Cells\n > thead,\n > tbody,\n > tfoot {\n > tr {\n > th,\n > td {\n padding: @plone-table-cell-padding;\n line-height: @plone-line-height-base;\n vertical-align: top;\n border-top: 0 solid @plone-table-border-color;\n border-collapse: collapse;\n }\n }\n }\n // Bottom align for column headings\n > thead > tr > th {\n vertical-align: bottom;\n border-bottom: 1px solid @plone-table-border-color;\n }\n // Remove top border from thead by default\n > caption + thead,\n > colgroup + thead,\n > thead:first-child {\n > tr:first-child {\n > th,\n > td {\n border-top: 0;\n }\n }\n }\n // Account for multiple tbody instances\n > tbody + tbody {\n border-top: 2px solid @plone-table-border-color;\n }\n\n // Nesting\n .listing {\n background-color: @plone-body-bg;\n }\n}\n\n//*// invisible grid table plone class\n.invisible-grid {\n width: 100%;\n margin-bottom: @plone-line-height-computed;\n border: 0;\n background: transparent;\n // Cells\n > thead,\n > tbody,\n > tfoot {\n > tr {\n > th,\n > td {\n border: 0;\n }\n }\n }\n}\n\n// Zebra-striping\n.listing {\n > tbody > tr:nth-child(odd) {\n > td,\n > th {\n background-color: @plone-table-bg-accent;\n }\n }\n}\n\n//we need to add a class on div parent element of the table to ensure all possible options for responsive tables.\n//as default has-table uses it to scroll horizontally table\n.plone-has-table {\n @media screen and (max-width: @plone-screen-xs-max) {\n width: 100%;\n margin-bottom: (@plone-line-height-computed * 0.75);\n overflow-y: hidden;\n overflow-x: scroll;\n -ms-overflow-style: -ms-autohiding-scrollbar;\n border: 1px solid @plone-table-border-color;\n border-radius: @plone-border-radius-base;\n -webkit-overflow-scrolling: touch;\n position: relative;\n // scroll marker, it appears when we have active the mobile class\n &:after {content:\"⟷\"; position:fixed; color:@plone-gray-lighter; margin-top:-3px}\n // Tighten up spacing\n > .listing {\n margin-bottom: 0;\n\n // Ensure the content doesn't wrap\n > thead,\n > tbody,\n > tfoot {\n > tr {\n > th,\n > td {\n white-space: nowrap;\n }\n }\n }\n }\n }\n}\n\n// Most of this is pulled out of twitter bootstrap styles\n// https://raw.githubusercontent.com/twbs/bootstrap/master/less/tables.less\n\n\ntable {\n width: 100%;\n max-width: 100%;\n border: 1px solid @plone-table-border-color;\n // Cells\n > thead,\n > tbody,\n > tfoot {\n > tr {\n > th,\n > td {\n vertical-align: top;\n border-top: 1px solid @plone-table-border-color;\n }\n }\n }\n // Bottom align for column headings\n > thead > tr > th {\n vertical-align: bottom;\n border-bottom: 2px solid @plone-table-border-color;\n }\n // Remove top border from thead by default\n > caption + thead,\n > colgroup + thead,\n > thead:first-child {\n > tr:first-child {\n > th,\n > td {\n border-top: 0;\n }\n }\n }\n // Account for multiple tbody instances\n > tbody + tbody {\n border-top: 2px solid @plone-table-border-color;\n }\n\n > thead,\n > tbody,\n > tfoot {\n > tr {\n > th,\n > td {\n border: 1px solid @plone-table-border-color;\n }\n }\n }\n > thead > tr {\n > th,\n > td {\n // This used to be a mismatched property value.\n // I think this is the intention but am not to sure.\n border-bottom: 1px solid @plone-table-border-color;\n }\n }\n}\n\n// Table cell sizing\n//\n// Reset default table behavior\n\ntable col[class*=\"col-\"] {\n position: static; // Prevent border hiding in Firefox and IE9-11 (see https://github.com/twbs/bootstrap/issues/11623)\n float: none;\n display: table-column;\n}\ntable {\n td,\n th {\n &[class*=\"col-\"] {\n position: static; // Prevent border hiding in Firefox and IE9-11 (see https://github.com/twbs/bootstrap/issues/11623)\n float: none;\n display: table-cell;\n }\n }\n}","//*// FORMS //*//\n\n// Normalize non-controls\n// Restyle and baseline non-control form elements.\nfieldset {\n padding: 0;\n margin: 0;\n border: 0;\n // Chrome and Firefox set a `min-width: -webkit-min-content;` on fieldsets,\n // so we reset that to ensure it behaves more like a standard block element.\n // See https://github.com/twbs/bootstrap/issues/12359.\n min-width: 0;\n}\n\nlegend {\n display: block;\n width: 100%;\n padding: 0;\n margin-bottom: @plone-line-height-computed;\n font-size: (@plone-font-size-base * 1.5);\n line-height: inherit;\n color: @plone-legend-color;\n border: 0;\n border-bottom: 1px solid @plone-legend-border-color;\n font-weight: @plone-font-weight-light;\n}\n\nlabel {\n display: inline-block;\n max-width: 100%; // Force IE8 to wrap long content (see https://github.com/twbs/bootstrap/issues/13141)\n margin-bottom: @plone-padding-base-vertical;\n font-weight: bold;\n}\n\n\n// Normalize form controls\n//\n// While most of our form styles require extra classes, some basic normalization\n// is required to ensure optimum display with or without those classes to better\n// address browser inconsistencies.\n// Override content-box in Normalize (* isn't specific enough)\ninput[type=\"search\"] {\n .box-sizing(border-box);\n}\n\n// Position radios and checkboxes better\ninput[type=\"radio\"],\ninput[type=\"checkbox\"] {\n margin: 4px 0 0;\n margin-top: 1px \\9; // IE8-9\n line-height: normal;\n}\n\n// Set the height of file controls to match text inputs\ninput[type=\"file\"] {\n display: block;\n}\n\n// Make range inputs behave like textual form controls\ninput[type=\"range\"] {\n display: block;\n width: 100%;\n}\n\n// Make multiple select elements height not fixed\nselect[multiple],\nselect[size] {\n height: auto;\n min-width: 10em;\n}\nselect[size=\"1\"] {\n height: @plone-input-height-base;\n}\n\n// Focus for file, radio, and checkbox\ninput[type=\"file\"]:focus,\ninput[type=\"radio\"]:focus,\ninput[type=\"checkbox\"]:focus {\n .tab-focus();\n}\n\n// Adjust output element\noutput {\n display: block;\n padding-top: (@plone-padding-base-vertical + 1);\n font-size: @plone-font-size-base;\n line-height: @plone-line-height-base;\n color: @plone-input-color;\n}\n\n/*.form-control,*/ input[type=\"text\"], input[type=\"email\"], input[type=\"password\"], textarea, select {\n display: block;\n width: 100%;\n height: @plone-input-height-base; // Make inputs at least the height of their button counterpart (base line-height + padding + border)\n padding: @plone-padding-base-vertical @plone-padding-base-horizontal;\n font-size: @plone-font-size-base;\n line-height: @plone-line-height-base;\n color: @plone-input-color;\n background-color: @plone-input-bg;\n background-image: none; // Reset unusual Firefox-on-Android default style; see https://github.com/necolas/normalize.css/issues/214\n border: 1px solid @plone-input-border;\n border-radius: @plone-input-border-radius;\n .box-shadow(inset 0 1px 1px rgba(0,0,0,.075));\n .transition(~\"border-color ease-in-out .15s, box-shadow ease-in-out .15s\");\n\n // Customize the `:focus` state to imitate native WebKit styles.\n .form-control-focus();\n\n // Placeholder\n .placeholder();\n\n // Disabled and read-only inputs\n //\n // HTML5 says that controls under a fieldset > legend:first-child won't be\n // disabled if the fieldset is disabled. Due to implementation difficulty, we\n // don't honor that edge case; we style them as disabled anyway.\n &[disabled],\n &[readonly],\n fieldset[disabled] & {\n cursor: not-allowed;\n background-color: @plone-input-bg-disabled;\n opacity: 1; // iOS fix for unreadable disabled content\n }\n}\n// Reset height for `textarea`s\ntextarea {\n min-height: 9em;\n min-width: 10em;\n resize: vertical; //as default, only vertical resize\n\n &[name='form.widgets.IRichText.text'] {\n min-height: 12em;\n font-family: @plone-font-family-monospace; // when typing without richtext editor\n }\n}\n\n// Search inputs in iOS\n//\n// This overrides the extra rounded corners on search inputs in iOS so that our\n// `.form-control` class can properly style them. Note that this cannot simply\n// be added to `.form-control` as it's not specific enough. For details, see\n// https://github.com/twbs/bootstrap/issues/11586.\n\ninput[type=\"search\"] {\n -webkit-appearance: none;\n}\n\n\n// Special styles for iOS temporal inputs\n//\n// In Mobile Safari, setting `display: block` on temporal inputs causes the\n// text within the input to become vertically misaligned.\n// As a workaround, we set a pixel line-height that matches the\n// given height of the input. Since this fucks up everything else, we have to\n// appropriately reset it for Internet Explorer and the size variations.\n\ninput[type=\"date\"],\ninput[type=\"time\"],\ninput[type=\"datetime-local\"],\ninput[type=\"month\"] {\n line-height: @plone-input-height-base;\n // IE8+ misaligns the text within date inputs, so we reset\n line-height: @plone-line-height-base ~\"\\0\";\n}\n\n// Apply same disabled cursor tweak as for inputs\ninput[type=\"radio\"],\ninput[type=\"checkbox\"] {\n &[disabled],\n fieldset[disabled] & {\n cursor: not-allowed;\n }\n}\n\n//*// Form field\n.field {\n margin-bottom: 15px;\n // each option in a multi-checkbox field should be on a separate line\n span.option {\n display: block;\n }\n}\n\n.field.error {\n .form-control-validation(@plone-state-error-text; @plone-state-error-text; @plone-state-error-bg);\n background: lighten(@plone-state-error-bg,20%);\n .box-shadow(0 0 0 5px lighten(@plone-state-error-bg,20%));\n > label, div.error {\n color: @plone-toolbar-private-color;\n }\n div.error {\n padding-left: 30px;\n font-weight: @plone-font-weight-regular;\n &:before {\n background-color: @plone-alert-error-bullet; content:\"×\";\n font-size:@plone-font-size-base;\n font-weight: @plone-font-weight-regular;\n margin-left: -30px;\n margin-right: 5px;\n display: inline-block;\n border-radius: 20px;\n text-align:center;\n color:rgba(255, 255, 255, 0.9);\n width:16px;\n height:16px;\n line-height: 16px; //IE fix\n text-shadow: 0 -1px rgba(0,0,0,.5);\n top: -1px;\n position: relative;\n }\n }\n input,textarea,select {\n border-color: @plone-toolbar-private-color;\n &:focus {\n .box-shadow(0 0 8px lighten(@plone-toolbar-private-color,40%) );\n }\n }\n}\n\n.formHelp {\n //display: block; if want all helps to be block. As default span.formHelp inline and div.formHelp block\n margin-top: 0;\n margin-bottom: 0;\n color: lighten(@plone-text-color, 10%);\n font-weight: @plone-font-weight-regular;\n font-style: italic;\n}\n\n.formControls {\n border-top: 1px solid @plone-gray-lighter;\n background: @plone-portlet-footer-bg;\n padding: @plone-padding-base-horizontal;\n box-shadow: inset 0 10px 10px -10px rgba(0,0,0,.05);\n}\n// don't show formControls in modal body,\n// because the actual controls get moved to the footer\n.plone-modal-body .formControls {\n border: none;\n background: transparent;\n padding: 0;\n box-shadow: none;\n}\n\n//*// Required\nlabel .required {\n &:after{\n color: @plone-toolbar-private-color;\n content:\"•\";\n font-size: 200%;\n line-height: 0;\n position: relative;\n top: 7px;\n margin-left: -4px;\n }\n}\n\n//*// Input + Submit groups (manual because we still have no standard for this)\n.searchField.portlet-search-gadget,\n#sharing-user-group-search,\n#select-rules {width: 100%; display: inline-block;}\n\n.searchField.portlet-search-gadget + .searchButton,\n#sharing-user-group-search + #sharing-search-button,\n#select-rules + input {position: relative; float:right;margin-top: -@plone-input-height-base;}\n\n\n\n//*// Highlighted search\n#search-results li {margin: @plone-padding-base-horizontal 0;\n .croppedDescription {margin-bottom: 0;}\n}\n.highlightedSearchTerm {\n background: #fea;\n box-shadow: 0 0 1px 1px #fea;\n}\n.search-date-options > div, .search-type-options > div {\ndisplay: inline-block;\nmargin-right: 12px;\n}\n.optionsToggle label {font-weight: 300; color:@plone-gray;}\n\n.ordered-selection-field{\n td {\n vertical-align: middle;\n text-align: center;\n }\n td button{\n float: left;\n margin-left: 2rem;\n }\n}\n\n.folder-factories{\n list-style:none;\n}\n\n//*// Correct input + label on plone structure widgets\n.widget input + label {\n display: inline;\n}\n","//*// MIXIN FORMS //*//\n\n// Form validation states\n//\n// Used in forms.less to generate the form validation CSS for warnings, errors,\n// and successes.\n\n.form-control-validation(@plone-text-color: #555; @plone-border-color: #ccc; @plone-background-color: #f5f5f5) {\n // Color the label and help text\n .help-block,\n .control-label,\n .radio,\n .checkbox,\n .radio-inline,\n .checkbox-inline {\n color: @plone-text-color;\n }\n // Set the border and box shadow on specific inputs to match\n .form-control {\n border-color: @plone-border-color;\n .box-shadow(inset 0 1px 1px rgba(0,0,0,.075)); // Redeclare so transitions work\n &:focus {\n border-color: darken(@plone-border-color, 10%);\n @plone-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px lighten(@plone-border-color, 20%);\n .box-shadow(@plone-shadow);\n }\n }\n // Set validation states also for addons\n .input-group-addon {\n color: @plone-text-color;\n border-color: @plone-border-color;\n background-color: @plone-background-color;\n }\n // Optional feedback icon\n .form-control-feedback {\n color: @plone-text-color;\n }\n}\n\n\n// Form control focus state\n//\n// Generate a customized focus state and for any input with the specified color,\n// which defaults to the `@input-border-focus` variable.\n//\n// We highly encourage you to not customize the default value, but instead use\n// this to tweak colors on an as-needed basis. This aesthetic change is based on\n// WebKit's default styles, but applicable to a wider range of browsers. Its\n// usability and accessibility should be taken into account with any change.\n//\n// Example usage: change the default blue border and shadow to white for better\n// contrast against a dark gray background.\n.form-control-focus(@plone-color: @plone-input-border-focus) {\n @plone-color-rgba: rgba(red(@plone-color), green(@plone-color), blue(@plone-color), .6);\n &:focus {\n border-color: @plone-color;\n outline: 0;\n .box-shadow(~\"inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px @{plone-color-rgba}\");\n }\n}\n\n// Form control sizing\n//\n// Relative text size, padding, and border-radii changes for form controls. For\n// horizontal sizing, wrap controls in the predefined grid classes. `` background color\n@plone-input-bg: #fff;\n//** `` background color\n@plone-input-bg-disabled: @plone-table-border-color;\n//** Text color for ``s\n@plone-input-color: @plone-gray;\n//** `` border color\n@plone-input-border: #ccc;\n//** `` border radius\n@plone-input-border-radius: @plone-border-radius-base;\n//** Border color for inputs on focus\n@plone-input-border-focus: @plone-portlet-list-bullet;\n//** Placeholder text color\n@plone-input-color-placeholder: @plone-gray-light;\n//** Default `.form-control` height\n@plone-input-height-base: (@plone-line-height-computed + (@plone-padding-base-vertical * 2) + 2);\n//** Large `.form-control` height\n@plone-input-height-large: (ceil(@plone-font-size-large * @plone-line-height-large) + (@plone-padding-large-vertical * 2) + 2);\n//** Small `.form-control` height\n@plone-input-height-small: (floor(@plone-font-size-small * @plone-line-height-small) + (@plone-padding-small-vertical * 2) + 2);\n@plone-legend-color: @plone-gray-dark;\n@plone-legend-border-color: #e5e5e5;\n\n//** Background color for textual input addons\n@plone-input-group-addon-bg: @plone-gray-lighter;\n//** Border color for textual input addons\n@plone-input-group-addon-border-color: @plone-input-border;\n\n\n\n//*// ALERTS\n@plone-alert-icon-size:\t\t\t\t\t\t\t20px;\n@plone-alert-padding:\t\t\t\t\t\t\t15px;\n\t@plone-alert-border-radius:\t\t\t\t\t4px;\n\t@plone-alert-link-font-weight:\t\t\t\t@plone-font-weight-regular; //it depends on your font-family\n@plone-alert-info-bg:\t\t\t\t\t\t@plone-state-info-bg;\n\t@plone-alert-info-text:\t\t\t\t\t\t@plone-state-info-text; //the text on alert is black with opacity to use the same color and match the bg.\n\t@plone-alert-info-border:\t\t\t\t\t@plone-state-info-border;\n\t@plone-alert-info-bullet:\t\t\t\t\t@plone-state-info-bullet;\n@plone-alert-warning-bg:\t\t\t\t\t@plone-state-warning-bg;\n\t@plone-alert-warning-text:\t\t\t\t\t@plone-state-warning-text;\n\t@plone-alert-warning-border:\t\t\t\t@plone-state-warning-border;\n\t@plone-alert-warning-bullet:\t\t\t\t@plone-state-warning-bullet;\n@plone-alert-error-bg:\t\t\t\t\t\t@plone-state-error-bg;\n\t@plone-alert-error-text:\t\t\t\t\t@plone-state-error-text;\n\t@plone-alert-error-border:\t\t\t\t\t@plone-state-error-border;\n\t@plone-alert-error-bullet:\t\t\t\t\t@plone-state-error-bullet;\n\n\n\n//*// PORTLETS\n@plone-border-base:\t\t\t\t\t\t\t1px solid;\n@plone-portlet-header-bg:\t\t\t\t\t#f2f1f1;\n@plone-portlet-header-color:\t\t\t\t@plone-gray;\n@plone-portlet-content-bg:\t\t\t\t\t#fff;\n@plone-portlet-footer-bg:\t\t\t\t\t#fcfcfd;\n@plone-portlet-border:\t\t\t\t\t\t@plone-border-base #e5e5e5;\n@plone-portlet-contrast-bg:\t\t\t\t\t#e5e5e5;\n@plone-portlet-event-bullet:\t\t\t\t#dbecfe;\n@plone-portlet-list-bullet:\t\t\t\t\t#64bee8;\n@plone-portlet-list-hover-bg:\t\t\t\t#fcfcfd;\n@plone-portlet-list-small-text:\t\t\t\t@plone-gray;\n\n\n\n//*// THUMBS\n//** Padding around the thumbnail image\n@plone-thumbnail-padding: 4px;\n//** Thumbnail background color\n@plone-thumbnail-bg: @plone-body-bg;\n//** Thumbnail border color\n@plone-thumbnail-border: #ddd;\n//** Thumbnail border radius\n@plone-thumbnail-border-radius: @plone-border-radius-base;\n//** Custom text color for thumbnail captions\n@plone-thumbnail-caption-color: @plone-text-color;\n//** Padding around the thumbnail caption\n@plone-thumbnail-caption-padding: 9px;\n\n\n\n//*// BREADCRUMBS\n@plone-breadcrumb-padding-vertical: 8px;\n@plone-breadcrumb-padding-horizontal: 15px;\n//** Breadcrumb background color\n@plone-breadcrumb-bg: darken(@plone-portlet-header-bg,5%);\n//** Breadcrumb text color\n@plone-breadcrumb-color: @plone-gray-lighter;\n//** Text color of current page in the breadcrumb\n@plone-breadcrumb-active-color: @plone-gray-light;\n\n\n//*// SITE NAV\n@plone-sitenav-height: 50px;\n\t@plone-sitenav-margin-bottom: @plone-line-height-computed;\n\t@plone-sitenav-border-radius: @plone-border-radius-base;\n\t@plone-sitenav-padding-horizontal: floor((@plone-grid-gutter-width / 2));\n\t@plone-sitenav-padding-vertical: ((@plone-sitenav-height - @plone-line-height-computed) / 2);\n\t@plone-sitenav-collapse-max-height: 340px;\n\t@plone-sitenav-link-padding: 10px 15px;\n\t@plone-sitenav-link-hover-bg: #7099bf;\n\t@plone-sitenav-bg: \t\t\t @plone-link-color;\n\t@plone-sitenav-hover-bg: \t\t\t @plone-link-color;\n\n//*// PAGINATION\n@plone-pagination-color: @plone-link-color;\n\t@plone-pagination-bg: @plone-portlet-content-bg;\n\t@plone-pagination-border: @plone-portlet-border;\n@plone-pagination-hover-color: @plone-link-hover-color;\n\t@plone-pagination-hover-bg: @plone-portlet-header-bg;\n\t@plone-pagination-hover-border: @plone-portlet-border;\n@plone-pagination-active-color: @plone-portlet-content-bg;\n\t@plone-pagination-active-bg: @plone-link-color;\n\t@plone-pagination-active-border: @plone-border-base @plone-link-color;\n@plone-pagination-disabled-color: @plone-gray-lighter;\n\t@plone-pagination-disabled-bg: @plone-portlet-footer-bg;\n\t@plone-pagination-disabled-border: @plone-portlet-border;\n\n\n\n//*// CODE\n@plone-code-color: #c7254e;\n\t@plone-code-bg: #f9f2f4;\n@plone-kbd-color: #fff;\n\t@plone-kbd-bg: #333;\n@plone-pre-bg: #f5f5f5;\n\t@plone-pre-color: @plone-gray-dark;\n\t@plone-pre-border-color: #ccc;\n\t@plone-pre-scrollable-max-height: 340px;\n\n\n\n//*// TYPE\n//** Text muted color\n@plone-text-discreet: @plone-gray;\n//** Abbreviations and acronyms border color\n@plone-abbr-border-color: @plone-gray-light;\n//** Headings small color\n@plone-headings-small-color: @plone-gray-light;\n//** Blockquote small color\n@plone-blockquote-small-color: @plone-gray-light;\n//** Blockquote font size\n@plone-blockquote-font-size: (@plone-font-size-base * 1.25);\n//** Blockquote border color\n@plone-blockquote-border-color: @plone-gray-lighter;\n//** Page header border color\n@plone-page-header-border-color: @plone-gray-lighter;\n\n\n\n//*// MISC\n//** Horizontal line color.\n@plone-hr-border: @plone-gray-lighter;\n//** Horizontal offset for forms and lists.\n@plone-component-offset-horizontal: 180px;\n\n\n//*// END\n","//*// MIXIN TAB FOCUS //*//\n\n.tab-focus() {\n // Default\n outline: thin dotted;\n // WebKit\n outline: 5px auto -webkit-focus-ring-color;\n outline-offset: -2px;\n}\n\n.placeholder(@plone-color: @plone-input-color-placeholder) {\n &::-moz-placeholder { color: @plone-color; // Firefox\n opacity: 1; } // See https://github.com/twbs/bootstrap/pull/11526\n &:-ms-input-placeholder { color: @plone-color; } // Internet Explorer 10+\n &::-webkit-input-placeholder { color: @plone-color; } // Safari and Chrome\n}","//*// TYPE //*//\n\n//*// Body //*//\nbody { word-wrap: break-word; }\n\n//*// Headings\nh1, h2, h3, h4, h5, h6 {\n font-family: @plone-headings-font-family;\n font-weight: @plone-headings-font-weight;\n line-height: @plone-headings-line-height;\n color: @plone-headings-color;\n}\n\nh1, h2, h3 {\n margin-top: @plone-line-height-computed;\n margin-bottom: (@plone-line-height-computed / 2);\n a:hover, a:focus { text-decoration: none; border-bottom: 2px @plone-link-hover-color solid; }\n}\nh4, h5, h6 {\n margin-top: (@plone-line-height-computed / 2);\n margin-bottom: (@plone-line-height-computed / 2);\n}\n\nh1 { font-size: @plone-font-size-h1; }\nh2 { font-size: @plone-font-size-h2; }\nh3 { font-size: @plone-font-size-h3; }\nh4 { font-size: @plone-font-size-h4; }\nh5 { font-size: @plone-font-size-h5; }\nh6 { font-size: @plone-font-size-h6; }\n\n//*// Body text\np { margin: 0 0 (@plone-line-height-computed / 2); }\n\n.documentDescription {\n font-size: @plone-font-size-h4;\n font-weight: @plone-font-weight-bold;\n color: @plone-text-discreet;\n margin-bottom: 10px;\n}\n\n//*// Emphasis & misc\nsmall { font-size: 85%; }\ncite { font-style: normal; }\nmark { background-color: @plone-state-warning-bg; padding: .2em; }\n.discreet { color: @plone-text-discreet; font-weight: @plone-font-weight-regular;}\n.documentByLine {color: @plone-text-discreet; font-weight: @plone-font-weight-regular; margin-bottom: (@plone-line-height-computed / 2); }\n\n//*// Page header\n.documentFirstHeading {\n padding-bottom: ((@plone-line-height-computed / 2) - 1);\n margin: 0 0 (@plone-line-height-computed / 2);\n border-bottom: 1px solid @plone-page-header-border-color;\n}\n\n//*// Lists\nul,\nol {\n margin-top: 0;\n margin-bottom: (@plone-line-height-computed / 2);\n ul,\n ol {\n margin-bottom: 0;\n }\n}\n\ndl {\n margin-top: 0; // Remove browser default\n margin-bottom: @plone-line-height-computed;\n}\n dt, dd { line-height: @plone-line-height-base; }\n dt { font-weight: bold;}\n dd { margin-left: 0; }\n\n//*// Misc\nabbr[title], abbr[data-original-title] /*tooltip bootstrap plugin, just in case*/ {\n cursor: help;\n border-bottom: 1px dotted @plone-abbr-border-color;\n}\n\n//*// Addresses\naddress {\n margin-bottom: @plone-line-height-computed;\n font-style: normal;\n line-height: @plone-line-height-base;\n}\n\n\n//*// Floats\n.pull-right {\n float: right !important;\n}\n.pull-left {\n float: left !important;\n}\n","//*// CODE //*//\n\n//*// Inline codes\ncode,\nkbd,\npre,\nsamp {\n font-family: @plone-font-family-monospace;\n}\n\ncode {\n padding: 2px 4px;\n font-size: 90%;\n color: @plone-code-color;\n background-color: @plone-code-bg;\n border-radius: @plone-border-radius-base;\n}\n\nkbd {\n padding: 2px 4px;\n font-size: 90%;\n color: @plone-kbd-color;\n background-color: @plone-kbd-bg;\n border-radius: @plone-border-radius-small;\n box-shadow: inset 0 -1px 0 rgba(0,0,0,.25);\n}\n\n//*// Block code\npre {\n display: block;\n padding: round((@plone-line-height-computed - 1) / 2);\n margin: 0 0 (@plone-line-height-computed / 2);\n font-size: (@plone-font-size-base - 1); // 14px to 13px\n line-height: @plone-line-height-base;\n word-break: break-all;\n word-wrap: break-word;\n color: @plone-pre-color;\n background-color: @plone-pre-bg;\n border: 1px solid @plone-pre-border-color;\n border-radius: @plone-border-radius-base;\n\n // Account for some code outputs that place code tags in pre tags, not used in Plone as default\n code {\n padding: 0;\n font-size: inherit;\n color: inherit;\n white-space: pre-wrap;\n background-color: transparent;\n border-radius: 0;\n }\n}","//*// BOOTSTRAP GRID //*//\n\n//*// This is exactly BOOTSTRAP GRID, replace it for your system\n\n\n\n// Container widths\n.container {\n .container-fixed();\n\n @media (min-width: @plone-screen-sm-min) {\n width: @plone-container-sm;\n }\n @media (min-width: @plone-screen-md-min) {\n width: @plone-container-md;\n }\n @media (min-width: @plone-screen-lg-min) {\n width: @plone-container-lg;\n }\n}\n\n\n// Fluid container\n.container-fluid {\n .container-fixed();\n}\n\n\n// Row\n.row {\n .clearfix();\n .make-row();\n}\n\n\n// Columns\n.make-grid-columns();\n\n\n// Extra small grid\n.make-grid(xs);\n\n\n// Small grid\n@media (min-width: @plone-screen-sm-min) {\n .make-grid(sm);\n}\n\n\n// Medium grid\n@media (min-width: @plone-screen-md-min) {\n .make-grid(md);\n}\n\n\n// Large grid\n@media (min-width: @plone-screen-lg-min) {\n .make-grid(lg);\n}\n\n\n// toolbar needs to match grid \n#edit-zone.plone-toolbar-top .plone-toolbar-container {\n .container-fixed(); \n @media (min-width: @plone-screen-sm-min) {\n width: @plone-container-sm;\n }\n @media (min-width: @plone-screen-md-min) {\n width: @plone-container-md;\n }\n @media (min-width: @plone-screen-lg-min) {\n width: @plone-container-lg;\n }\n margin-top: 0;\n margin-bottom: 0;\n height: 50px;\n}\n#edit-zone.plone-toolbar-top.compressed .plone-toolbar-container {width: auto;}","//*// BOOTSTRAP GRID MIXIN //*//\n\n//*// This is exactly BOOTSTRAP GRID, replace it for your system\n\n\n\n\n\n\n\n// Grid system\n//\n// Generate semantic grid columns with these mixins.\n\n// Centered container element\n.container-fixed(@gutter: @plone-grid-gutter-width) {\n margin-right: auto;\n margin-left: auto;\n padding-left: (@gutter / 2);\n padding-right: (@gutter / 2);\n &:extend(.clearfix all);\n}\n\n// Creates a wrapper for a series of columns\n.make-row(@gutter: @plone-grid-gutter-width) {\n margin-left: (@gutter / -2);\n margin-right: (@gutter / -2);\n &:extend(.clearfix all);\n}\n\n// Generate the extra small columns\n.make-xs-column(@columns; @gutter: @plone-grid-gutter-width) {\n position: relative;\n float: left;\n width: percentage((@columns / @plone-grid-columns));\n min-height: 1px;\n padding-left: (@gutter / 2);\n padding-right: (@gutter / 2);\n}\n.make-xs-column-offset(@columns) {\n margin-left: percentage((@columns / @plone-grid-columns));\n}\n.make-xs-column-push(@columns) {\n left: percentage((@columns / @plone-grid-columns));\n}\n.make-xs-column-pull(@columns) {\n right: percentage((@columns / @plone-grid-columns));\n}\n\n// Generate the small columns\n.make-sm-column(@columns; @gutter: @plone-grid-gutter-width) {\n position: relative;\n min-height: 1px;\n padding-left: (@gutter / 2);\n padding-right: (@gutter / 2);\n\n @media (min-width: @plone-screen-sm-min) {\n float: left;\n width: percentage((@columns / @plone-grid-columns));\n }\n}\n.make-sm-column-offset(@columns) {\n @media (min-width: @plone-screen-sm-min) {\n margin-left: percentage((@columns / @plone-grid-columns));\n }\n}\n.make-sm-column-push(@columns) {\n @media (min-width: @plone-screen-sm-min) {\n left: percentage((@columns / @plone-grid-columns));\n }\n}\n.make-sm-column-pull(@columns) {\n @media (min-width: @plone-screen-sm-min) {\n right: percentage((@columns / @plone-grid-columns));\n }\n}\n\n// Generate the medium columns\n.make-md-column(@columns; @gutter: @plone-grid-gutter-width) {\n position: relative;\n min-height: 1px;\n padding-left: (@gutter / 2);\n padding-right: (@gutter / 2);\n\n @media (min-width: @plone-screen-md-min) {\n float: left;\n width: percentage((@columns / @plone-grid-columns));\n }\n}\n.make-md-column-offset(@columns) {\n @media (min-width: @plone-screen-md-min) {\n margin-left: percentage((@columns / @plone-grid-columns));\n }\n}\n.make-md-column-push(@columns) {\n @media (min-width: @plone-screen-md-min) {\n left: percentage((@columns / @plone-grid-columns));\n }\n}\n.make-md-column-pull(@columns) {\n @media (min-width: @plone-screen-md-min) {\n right: percentage((@columns / @plone-grid-columns));\n }\n}\n\n// Generate the large columns\n.make-lg-column(@columns; @gutter: @plone-grid-gutter-width) {\n position: relative;\n min-height: 1px;\n padding-left: (@gutter / 2);\n padding-right: (@gutter / 2);\n\n @media (min-width: @plone-screen-lg-min) {\n float: left;\n width: percentage((@columns / @plone-grid-columns));\n }\n}\n.make-lg-column-offset(@columns) {\n @media (min-width: @plone-screen-lg-min) {\n margin-left: percentage((@columns / @plone-grid-columns));\n }\n}\n.make-lg-column-push(@columns) {\n @media (min-width: @plone-screen-lg-min) {\n left: percentage((@columns / @plone-grid-columns));\n }\n}\n.make-lg-column-pull(@columns) {\n @media (min-width: @plone-screen-lg-min) {\n right: percentage((@columns / @plone-grid-columns));\n }\n}","//*// MIXIN CLEARFIX //*//\n\n.clearfix() {\n &:before,\n &:after {\n content: \" \"; // 1\n display: table; // 2\n }\n &:after {\n clear: both;\n }\n}","//*// BOOTSTRAP GRID MIXIN FRAMEWORK //*//\n\n//*// This is exactly BOOTSTRAP GRID, replace it for your system\n\n\n\n\n\n\n\n// Framework grid generation\n//\n// Used only by Bootstrap to generate the correct number of grid classes given\n// any value of `@grid-columns`.\n\n.make-grid-columns() {\n // Common styles for all sizes of grid columns, widths 1-12\n .col(@index) when (@index = 1) { // initial\n @item: ~\".col-xs-@{index}, .col-sm-@{index}, .col-md-@{index}, .col-lg-@{index}\";\n .col((@index + 1), @item);\n }\n .col(@index, @list) when (@index =< @plone-grid-columns) { // general; \"=<\" isn't a typo\n @item: ~\".col-xs-@{index}, .col-sm-@{index}, .col-md-@{index}, .col-lg-@{index}\";\n .col((@index + 1), ~\"@{list}, @{item}\");\n }\n .col(@index, @list) when (@index > @plone-grid-columns) { // terminal\n @{list} {\n position: relative;\n // Prevent columns from collapsing when empty\n min-height: 1px;\n // Inner gutter via padding\n padding-left: (@plone-grid-gutter-width / 2);\n padding-right: (@plone-grid-gutter-width / 2);\n }\n }\n .col(1); // kickstart it\n}\n\n.float-grid-columns(@class) {\n .col(@index) when (@index = 1) { // initial\n @item: ~\".col-@{class}-@{index}\";\n .col((@index + 1), @item);\n }\n .col(@index, @list) when (@index =< @plone-grid-columns) { // general\n @item: ~\".col-@{class}-@{index}\";\n .col((@index + 1), ~\"@{list}, @{item}\");\n }\n .col(@index, @list) when (@index > @plone-grid-columns) { // terminal\n @{list} {\n float: left;\n }\n }\n .col(1); // kickstart it\n}\n\n.calc-grid-column(@index, @class, @type) when (@type = width) and (@index > 0) {\n .col-@{class}-@{index} {\n width: percentage((@index / @plone-grid-columns));\n }\n}\n.calc-grid-column(@index, @class, @type) when (@type = push) and (@index > 0) {\n .col-@{class}-push-@{index} {\n left: percentage((@index / @plone-grid-columns));\n }\n}\n.calc-grid-column(@index, @class, @type) when (@type = push) and (@index = 0) {\n .col-@{class}-push-0 {\n left: auto;\n }\n}\n.calc-grid-column(@index, @class, @type) when (@type = pull) and (@index > 0) {\n .col-@{class}-pull-@{index} {\n right: percentage((@index / @plone-grid-columns));\n }\n}\n.calc-grid-column(@index, @class, @type) when (@type = pull) and (@index = 0) {\n .col-@{class}-pull-0 {\n right: auto;\n }\n}\n.calc-grid-column(@index, @class, @type) when (@type = offset) {\n .col-@{class}-offset-@{index} {\n margin-left: percentage((@index / @plone-grid-columns));\n }\n}\n\n// Basic looping in LESS\n.loop-grid-columns(@index, @class, @type) when (@index >= 0) {\n .calc-grid-column(@index, @class, @type);\n // next iteration\n .loop-grid-columns((@index - 1), @class, @type);\n}\n\n// Create grid for specific class\n.make-grid(@class) {\n .float-grid-columns(@class);\n .loop-grid-columns(@plone-grid-columns, @class, width);\n .loop-grid-columns(@plone-grid-columns, @class, pull);\n .loop-grid-columns(@plone-grid-columns, @class, push);\n .loop-grid-columns(@plone-grid-columns, @class, offset);\n}\n","//*// TABLES //*//\n\n//*// Tables\ntable { max-width: 100%; background-color: @plone-table-bg; border-radius: @plone-border-radius-base; font-weight: @plone-font-weight-regular; color: @plone-gray;}\nth { text-align: left; color: @plone-gray-dark;}\n\n//*// listing table plone class\n.listing {\n width: 100%;\n margin-bottom: @plone-line-height-computed;\n // Cells\n > thead,\n > tbody,\n > tfoot {\n > tr {\n > th,\n > td {\n padding: @plone-table-cell-padding;\n line-height: @plone-line-height-base;\n vertical-align: top;\n border-top: 0 solid @plone-table-border-color;\n border-collapse: collapse;\n }\n }\n }\n // Bottom align for column headings\n > thead > tr > th {\n vertical-align: bottom;\n border-bottom: 1px solid @plone-table-border-color;\n }\n // Remove top border from thead by default\n > caption + thead,\n > colgroup + thead,\n > thead:first-child {\n > tr:first-child {\n > th,\n > td {\n border-top: 0;\n }\n }\n }\n // Account for multiple tbody instances\n > tbody + tbody {\n border-top: 2px solid @plone-table-border-color;\n }\n\n // Nesting\n .listing {\n background-color: @plone-body-bg;\n }\n}\n\n//*// invisible grid table plone class\n.invisible-grid {\n width: 100%;\n margin-bottom: @plone-line-height-computed;\n border: 0;\n background: transparent;\n // Cells\n > thead,\n > tbody,\n > tfoot {\n > tr {\n > th,\n > td {\n border: 0;\n }\n }\n }\n}\n\n// Zebra-striping\n.listing {\n > tbody > tr:nth-child(odd) {\n > td,\n > th {\n background-color: @plone-table-bg-accent;\n }\n }\n}\n\n//we need to add a class on div parent element of the table to ensure all possible options for responsive tables.\n//as default has-table uses it to scroll horizontally table\n.plone-has-table {\n @media screen and (max-width: @plone-screen-xs-max) {\n width: 100%;\n margin-bottom: (@plone-line-height-computed * 0.75);\n overflow-y: hidden;\n overflow-x: scroll;\n -ms-overflow-style: -ms-autohiding-scrollbar;\n border: 1px solid @plone-table-border-color;\n border-radius: @plone-border-radius-base;\n -webkit-overflow-scrolling: touch;\n position: relative;\n // scroll marker, it appears when we have active the mobile class\n &:after {content:\"⟷\"; position:fixed; color:@plone-gray-lighter; margin-top:-3px}\n // Tighten up spacing\n > .listing {\n margin-bottom: 0;\n\n // Ensure the content doesn't wrap\n > thead,\n > tbody,\n > tfoot {\n > tr {\n > th,\n > td {\n white-space: nowrap;\n }\n }\n }\n }\n }\n}\n\n// Most of this is pulled out of twitter bootstrap styles\n// https://raw.githubusercontent.com/twbs/bootstrap/master/less/tables.less\n\n\ntable {\n width: 100%;\n max-width: 100%;\n border: 1px solid @plone-table-border-color;\n // Cells\n > thead,\n > tbody,\n > tfoot {\n > tr {\n > th,\n > td {\n vertical-align: top;\n border-top: 1px solid @plone-table-border-color;\n }\n }\n }\n // Bottom align for column headings\n > thead > tr > th {\n vertical-align: bottom;\n border-bottom: 2px solid @plone-table-border-color;\n }\n // Remove top border from thead by default\n > caption + thead,\n > colgroup + thead,\n > thead:first-child {\n > tr:first-child {\n > th,\n > td {\n border-top: 0;\n }\n }\n }\n // Account for multiple tbody instances\n > tbody + tbody {\n border-top: 2px solid @plone-table-border-color;\n }\n\n > thead,\n > tbody,\n > tfoot {\n > tr {\n > th,\n > td {\n border: 1px solid @plone-table-border-color;\n }\n }\n }\n > thead > tr {\n > th,\n > td {\n // This used to be a mismatched property value.\n // I think this is the intention but am not to sure.\n border-bottom: 1px solid @plone-table-border-color;\n }\n }\n}\n\n// Table cell sizing\n//\n// Reset default table behavior\n\ntable col[class*=\"col-\"] {\n position: static; // Prevent border hiding in Firefox and IE9-11 (see https://github.com/twbs/bootstrap/issues/11623)\n float: none;\n display: table-column;\n}\ntable {\n td,\n th {\n &[class*=\"col-\"] {\n position: static; // Prevent border hiding in Firefox and IE9-11 (see https://github.com/twbs/bootstrap/issues/11623)\n float: none;\n display: table-cell;\n }\n }\n}","//*// FORMS //*//\n\n// Normalize non-controls\n// Restyle and baseline non-control form elements.\nfieldset {\n padding: 0;\n margin: 0;\n border: 0;\n // Chrome and Firefox set a `min-width: -webkit-min-content;` on fieldsets,\n // so we reset that to ensure it behaves more like a standard block element.\n // See https://github.com/twbs/bootstrap/issues/12359.\n min-width: 0;\n}\n\nlegend {\n display: block;\n width: 100%;\n padding: 0;\n margin-bottom: @plone-line-height-computed;\n font-size: (@plone-font-size-base * 1.5);\n line-height: inherit;\n color: @plone-legend-color;\n border: 0;\n border-bottom: 1px solid @plone-legend-border-color;\n font-weight: @plone-font-weight-light;\n}\n\nlabel {\n display: inline-block;\n max-width: 100%; // Force IE8 to wrap long content (see https://github.com/twbs/bootstrap/issues/13141)\n margin-bottom: @plone-padding-base-vertical;\n font-weight: bold;\n}\n\n\n// Normalize form controls\n//\n// While most of our form styles require extra classes, some basic normalization\n// is required to ensure optimum display with or without those classes to better\n// address browser inconsistencies.\n// Override content-box in Normalize (* isn't specific enough)\ninput[type=\"search\"] {\n .box-sizing(border-box);\n}\n\n// Position radios and checkboxes better\ninput[type=\"radio\"],\ninput[type=\"checkbox\"] {\n margin: 4px 0 0;\n margin-top: 1px \\9; // IE8-9\n line-height: normal;\n}\n\n// Set the height of file controls to match text inputs\ninput[type=\"file\"] {\n display: block;\n}\n\n// Make range inputs behave like textual form controls\ninput[type=\"range\"] {\n display: block;\n width: 100%;\n}\n\n// Make multiple select elements height not fixed\nselect[multiple],\nselect[size] {\n height: auto;\n min-width: 10em;\n}\nselect[size=\"1\"] {\n height: @plone-input-height-base;\n}\n\n// Focus for file, radio, and checkbox\ninput[type=\"file\"]:focus,\ninput[type=\"radio\"]:focus,\ninput[type=\"checkbox\"]:focus {\n .tab-focus();\n}\n\n// Adjust output element\noutput {\n display: block;\n padding-top: (@plone-padding-base-vertical + 1);\n font-size: @plone-font-size-base;\n line-height: @plone-line-height-base;\n color: @plone-input-color;\n}\n\n/*.form-control,*/ input[type=\"text\"], input[type=\"email\"], input[type=\"password\"], textarea, select {\n display: block;\n width: 100%;\n height: @plone-input-height-base; // Make inputs at least the height of their button counterpart (base line-height + padding + border)\n padding: @plone-padding-base-vertical @plone-padding-base-horizontal;\n font-size: @plone-font-size-base;\n line-height: @plone-line-height-base;\n color: @plone-input-color;\n background-color: @plone-input-bg;\n background-image: none; // Reset unusual Firefox-on-Android default style; see https://github.com/necolas/normalize.css/issues/214\n border: 1px solid @plone-input-border;\n border-radius: @plone-input-border-radius;\n .box-shadow(inset 0 1px 1px rgba(0,0,0,.075));\n .transition(~\"border-color ease-in-out .15s, box-shadow ease-in-out .15s\");\n\n // Customize the `:focus` state to imitate native WebKit styles.\n .form-control-focus();\n\n // Placeholder\n .placeholder();\n\n // Disabled and read-only inputs\n //\n // HTML5 says that controls under a fieldset > legend:first-child won't be\n // disabled if the fieldset is disabled. Due to implementation difficulty, we\n // don't honor that edge case; we style them as disabled anyway.\n &[disabled],\n &[readonly],\n fieldset[disabled] & {\n cursor: not-allowed;\n background-color: @plone-input-bg-disabled;\n opacity: 1; // iOS fix for unreadable disabled content\n }\n}\n// Reset height for `textarea`s\ntextarea {\n min-height: 9em;\n min-width: 10em;\n resize: vertical; //as default, only vertical resize\n\n &[name='form.widgets.IRichText.text'] {\n min-height: 12em;\n font-family: @plone-font-family-monospace; // when typing without richtext editor\n }\n}\n\n// Search inputs in iOS\n//\n// This overrides the extra rounded corners on search inputs in iOS so that our\n// `.form-control` class can properly style them. Note that this cannot simply\n// be added to `.form-control` as it's not specific enough. For details, see\n// https://github.com/twbs/bootstrap/issues/11586.\n\ninput[type=\"search\"] {\n -webkit-appearance: none;\n}\n\n\n// Special styles for iOS temporal inputs\n//\n// In Mobile Safari, setting `display: block` on temporal inputs causes the\n// text within the input to become vertically misaligned.\n// As a workaround, we set a pixel line-height that matches the\n// given height of the input. Since this fucks up everything else, we have to\n// appropriately reset it for Internet Explorer and the size variations.\n\ninput[type=\"date\"],\ninput[type=\"time\"],\ninput[type=\"datetime-local\"],\ninput[type=\"month\"] {\n line-height: @plone-input-height-base;\n // IE8+ misaligns the text within date inputs, so we reset\n line-height: @plone-line-height-base ~\"\\0\";\n}\n\n// Apply same disabled cursor tweak as for inputs\ninput[type=\"radio\"],\ninput[type=\"checkbox\"] {\n &[disabled],\n fieldset[disabled] & {\n cursor: not-allowed;\n }\n}\n\n//*// Form field\n.field {\n margin-bottom: 15px;\n // each option in a multi-checkbox field should be on a separate line\n span.option {\n display: block;\n }\n}\n\n.field.error {\n .form-control-validation(@plone-state-error-text; @plone-state-error-text; @plone-state-error-bg);\n background: lighten(@plone-state-error-bg,20%);\n .box-shadow(0 0 0 5px lighten(@plone-state-error-bg,20%));\n > label, div.error {\n color: @plone-toolbar-private-color;\n }\n div.error {\n padding-left: 30px;\n font-weight: @plone-font-weight-regular;\n &:before {\n background-color: @plone-alert-error-bullet; content:\"×\";\n font-size:@plone-font-size-base;\n font-weight: @plone-font-weight-regular;\n margin-left: -30px;\n margin-right: 5px;\n display: inline-block;\n border-radius: 20px;\n text-align:center;\n color:rgba(255, 255, 255, 0.9);\n width:16px;\n height:16px;\n line-height: 16px; //IE fix\n text-shadow: 0 -1px rgba(0,0,0,.5);\n top: -1px;\n position: relative;\n }\n }\n input,textarea,select {\n border-color: @plone-toolbar-private-color;\n &:focus {\n .box-shadow(0 0 8px lighten(@plone-toolbar-private-color,40%) );\n }\n }\n}\n\n.formHelp {\n //display: block; if want all helps to be block. As default span.formHelp inline and div.formHelp block\n margin-top: 0;\n margin-bottom: 0;\n color: lighten(@plone-text-color, 10%);\n font-weight: @plone-font-weight-regular;\n font-style: italic;\n}\n\n.formControls {\n border-top: 1px solid @plone-gray-lighter;\n background: @plone-portlet-footer-bg;\n padding: @plone-padding-base-horizontal;\n box-shadow: inset 0 10px 10px -10px rgba(0,0,0,.05);\n}\n// don't show formControls in modal body,\n// because the actual controls get moved to the footer\n.plone-modal-body .formControls {\n border: none;\n background: transparent;\n padding: 0;\n box-shadow: none;\n}\n\n//*// Required\nlabel .required {\n &:after{\n color: @plone-toolbar-private-color;\n content:\"•\";\n font-size: 200%;\n line-height: 0;\n position: relative;\n top: 7px;\n margin-left: -4px;\n }\n}\n\n//*// Input + Submit groups (manual because we still have no standard for this)\n.searchField.portlet-search-gadget,\n#sharing-user-group-search,\n#select-rules {width: 100%; display: inline-block;}\n\n.searchField.portlet-search-gadget + .searchButton,\n#sharing-user-group-search + #sharing-search-button,\n#select-rules + input {position: relative; float:right;margin-top: -@plone-input-height-base;}\n\n\n\n//*// Highlighted search\n#search-results li {margin: @plone-padding-base-horizontal 0;\n .croppedDescription {margin-bottom: 0;}\n}\n.highlightedSearchTerm {\n background: #fea;\n box-shadow: 0 0 1px 1px #fea;\n}\n.search-date-options > div, .search-type-options > div {\ndisplay: inline-block;\nmargin-right: 12px;\n}\n.optionsToggle label {font-weight: 300; color:@plone-gray;}\n\n.ordered-selection-field{\n td {\n vertical-align: middle;\n text-align: center;\n }\n td button{\n float: left;\n margin-left: 2rem;\n }\n}\n\n.folder-factories{\n list-style:none;\n}\n\n//*// Correct input + label on plone structure widgets\n.widget input + label {\n display: inline;\n}\n","//*// MIXIN FORMS //*//\n\n// Form validation states\n//\n// Used in forms.less to generate the form validation CSS for warnings, errors,\n// and successes.\n\n.form-control-validation(@plone-text-color: #555; @plone-border-color: #ccc; @plone-background-color: #f5f5f5) {\n // Color the label and help text\n .help-block,\n .control-label,\n .radio,\n .checkbox,\n .radio-inline,\n .checkbox-inline {\n color: @plone-text-color;\n }\n // Set the border and box shadow on specific inputs to match\n .form-control {\n border-color: @plone-border-color;\n .box-shadow(inset 0 1px 1px rgba(0,0,0,.075)); // Redeclare so transitions work\n &:focus {\n border-color: darken(@plone-border-color, 10%);\n @plone-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px lighten(@plone-border-color, 20%);\n .box-shadow(@plone-shadow);\n }\n }\n // Set validation states also for addons\n .input-group-addon {\n color: @plone-text-color;\n border-color: @plone-border-color;\n background-color: @plone-background-color;\n }\n // Optional feedback icon\n .form-control-feedback {\n color: @plone-text-color;\n }\n}\n\n\n// Form control focus state\n//\n// Generate a customized focus state and for any input with the specified color,\n// which defaults to the `@input-border-focus` variable.\n//\n// We highly encourage you to not customize the default value, but instead use\n// this to tweak colors on an as-needed basis. This aesthetic change is based on\n// WebKit's default styles, but applicable to a wider range of browsers. Its\n// usability and accessibility should be taken into account with any change.\n//\n// Example usage: change the default blue border and shadow to white for better\n// contrast against a dark gray background.\n.form-control-focus(@plone-color: @plone-input-border-focus) {\n @plone-color-rgba: rgba(red(@plone-color), green(@plone-color), blue(@plone-color), .6);\n &:focus {\n border-color: @plone-color;\n outline: 0;\n .box-shadow(~\"inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px @{plone-color-rgba}\");\n }\n}\n\n// Form control sizing\n//\n// Relative text size, padding, and border-radii changes for form controls. For\n// horizontal sizing, wrap controls in the predefined grid classes. `` background color\n@plone-input-bg: #fff;\n//** `` background color\n@plone-input-bg-disabled: @plone-table-border-color;\n//** Text color for ``s\n@plone-input-color: @plone-gray;\n//** `` border color\n@plone-input-border: #ccc;\n//** `` border radius\n@plone-input-border-radius: @plone-border-radius-base;\n//** Border color for inputs on focus\n@plone-input-border-focus: @plone-portlet-list-bullet;\n//** Placeholder text color\n@plone-input-color-placeholder: @plone-gray-light;\n//** Default `.form-control` height\n@plone-input-height-base: (@plone-line-height-computed + (@plone-padding-base-vertical * 2) + 2);\n//** Large `.form-control` height\n@plone-input-height-large: (ceil(@plone-font-size-large * @plone-line-height-large) + (@plone-padding-large-vertical * 2) + 2);\n//** Small `.form-control` height\n@plone-input-height-small: (floor(@plone-font-size-small * @plone-line-height-small) + (@plone-padding-small-vertical * 2) + 2);\n@plone-legend-color: @plone-gray-dark;\n@plone-legend-border-color: #e5e5e5;\n\n//** Background color for textual input addons\n@plone-input-group-addon-bg: @plone-gray-lighter;\n//** Border color for textual input addons\n@plone-input-group-addon-border-color: @plone-input-border;\n\n\n\n//*// ALERTS\n@plone-alert-icon-size:\t\t\t\t\t\t\t20px;\n@plone-alert-padding:\t\t\t\t\t\t\t15px;\n\t@plone-alert-border-radius:\t\t\t\t\t4px;\n\t@plone-alert-link-font-weight:\t\t\t\t@plone-font-weight-regular; //it depends on your font-family\n@plone-alert-info-bg:\t\t\t\t\t\t@plone-state-info-bg;\n\t@plone-alert-info-text:\t\t\t\t\t\t@plone-state-info-text; //the text on alert is black with opacity to use the same color and match the bg.\n\t@plone-alert-info-border:\t\t\t\t\t@plone-state-info-border;\n\t@plone-alert-info-bullet:\t\t\t\t\t@plone-state-info-bullet;\n@plone-alert-warning-bg:\t\t\t\t\t@plone-state-warning-bg;\n\t@plone-alert-warning-text:\t\t\t\t\t@plone-state-warning-text;\n\t@plone-alert-warning-border:\t\t\t\t@plone-state-warning-border;\n\t@plone-alert-warning-bullet:\t\t\t\t@plone-state-warning-bullet;\n@plone-alert-error-bg:\t\t\t\t\t\t@plone-state-error-bg;\n\t@plone-alert-error-text:\t\t\t\t\t@plone-state-error-text;\n\t@plone-alert-error-border:\t\t\t\t\t@plone-state-error-border;\n\t@plone-alert-error-bullet:\t\t\t\t\t@plone-state-error-bullet;\n\n\n\n//*// PORTLETS\n@plone-border-base:\t\t\t\t\t\t\t1px solid;\n@plone-portlet-header-bg:\t\t\t\t\t#f2f1f1;\n@plone-portlet-header-color:\t\t\t\t@plone-gray;\n@plone-portlet-content-bg:\t\t\t\t\t#fff;\n@plone-portlet-footer-bg:\t\t\t\t\t#fcfcfd;\n@plone-portlet-border:\t\t\t\t\t\t@plone-border-base #e5e5e5;\n@plone-portlet-contrast-bg:\t\t\t\t\t#e5e5e5;\n@plone-portlet-event-bullet:\t\t\t\t#dbecfe;\n@plone-portlet-list-bullet:\t\t\t\t\t#64bee8;\n@plone-portlet-list-hover-bg:\t\t\t\t#fcfcfd;\n@plone-portlet-list-small-text:\t\t\t\t@plone-gray;\n\n\n\n//*// THUMBS\n//** Padding around the thumbnail image\n@plone-thumbnail-padding: 4px;\n//** Thumbnail background color\n@plone-thumbnail-bg: @plone-body-bg;\n//** Thumbnail border color\n@plone-thumbnail-border: #ddd;\n//** Thumbnail border radius\n@plone-thumbnail-border-radius: @plone-border-radius-base;\n//** Custom text color for thumbnail captions\n@plone-thumbnail-caption-color: @plone-text-color;\n//** Padding around the thumbnail caption\n@plone-thumbnail-caption-padding: 9px;\n\n\n\n//*// BREADCRUMBS\n@plone-breadcrumb-padding-vertical: 8px;\n@plone-breadcrumb-padding-horizontal: 15px;\n//** Breadcrumb background color\n@plone-breadcrumb-bg: darken(@plone-portlet-header-bg,5%);\n//** Breadcrumb text color\n@plone-breadcrumb-color: @plone-gray-lighter;\n//** Text color of current page in the breadcrumb\n@plone-breadcrumb-active-color: @plone-gray-light;\n\n\n//*// SITE NAV\n@plone-sitenav-height: 50px;\n\t@plone-sitenav-margin-bottom: @plone-line-height-computed;\n\t@plone-sitenav-border-radius: @plone-border-radius-base;\n\t@plone-sitenav-padding-horizontal: floor((@plone-grid-gutter-width / 2));\n\t@plone-sitenav-padding-vertical: ((@plone-sitenav-height - @plone-line-height-computed) / 2);\n\t@plone-sitenav-collapse-max-height: 340px;\n\t@plone-sitenav-link-padding: 10px 15px;\n\t@plone-sitenav-link-hover-bg: #7099bf;\n\t@plone-sitenav-bg: \t\t\t @plone-link-color;\n\t@plone-sitenav-hover-bg: \t\t\t @plone-link-color;\n\n//*// PAGINATION\n@plone-pagination-color: @plone-link-color;\n\t@plone-pagination-bg: @plone-portlet-content-bg;\n\t@plone-pagination-border: @plone-portlet-border;\n@plone-pagination-hover-color: @plone-link-hover-color;\n\t@plone-pagination-hover-bg: @plone-portlet-header-bg;\n\t@plone-pagination-hover-border: @plone-portlet-border;\n@plone-pagination-active-color: @plone-portlet-content-bg;\n\t@plone-pagination-active-bg: @plone-link-color;\n\t@plone-pagination-active-border: @plone-border-base @plone-link-color;\n@plone-pagination-disabled-color: @plone-gray-lighter;\n\t@plone-pagination-disabled-bg: @plone-portlet-footer-bg;\n\t@plone-pagination-disabled-border: @plone-portlet-border;\n\n\n\n//*// CODE\n@plone-code-color: #c7254e;\n\t@plone-code-bg: #f9f2f4;\n@plone-kbd-color: #fff;\n\t@plone-kbd-bg: #333;\n@plone-pre-bg: #f5f5f5;\n\t@plone-pre-color: @plone-gray-dark;\n\t@plone-pre-border-color: #ccc;\n\t@plone-pre-scrollable-max-height: 340px;\n\n\n\n//*// TYPE\n//** Text muted color\n@plone-text-discreet: @plone-gray;\n//** Abbreviations and acronyms border color\n@plone-abbr-border-color: @plone-gray-light;\n//** Headings small color\n@plone-headings-small-color: @plone-gray-light;\n//** Blockquote small color\n@plone-blockquote-small-color: @plone-gray-light;\n//** Blockquote font size\n@plone-blockquote-font-size: (@plone-font-size-base * 1.25);\n//** Blockquote border color\n@plone-blockquote-border-color: @plone-gray-lighter;\n//** Page header border color\n@plone-page-header-border-color: @plone-gray-lighter;\n\n\n\n//*// MISC\n//** Horizontal line color.\n@plone-hr-border: @plone-gray-lighter;\n//** Horizontal offset for forms and lists.\n@plone-component-offset-horizontal: 180px;\n\n\n//*// END\n","//*// MIXIN TAB FOCUS //*//\n\n.tab-focus() {\n // Default\n outline: thin dotted;\n // WebKit\n outline: 5px auto -webkit-focus-ring-color;\n outline-offset: -2px;\n}\n\n.placeholder(@plone-color: @plone-input-color-placeholder) {\n &::-moz-placeholder { color: @plone-color; // Firefox\n opacity: 1; } // See https://github.com/twbs/bootstrap/pull/11526\n &:-ms-input-placeholder { color: @plone-color; } // Internet Explorer 10+\n &::-webkit-input-placeholder { color: @plone-color; } // Safari and Chrome\n}","//*// TYPE //*//\n\n//*// Body //*//\nbody { word-wrap: break-word; }\n\n//*// Headings\nh1, h2, h3, h4, h5, h6 {\n font-family: @plone-headings-font-family;\n font-weight: @plone-headings-font-weight;\n line-height: @plone-headings-line-height;\n color: @plone-headings-color;\n}\n\nh1, h2, h3 {\n margin-top: @plone-line-height-computed;\n margin-bottom: (@plone-line-height-computed / 2);\n a:hover, a:focus { text-decoration: none; border-bottom: 2px @plone-link-hover-color solid; }\n}\nh4, h5, h6 {\n margin-top: (@plone-line-height-computed / 2);\n margin-bottom: (@plone-line-height-computed / 2);\n}\n\nh1 { font-size: @plone-font-size-h1; }\nh2 { font-size: @plone-font-size-h2; }\nh3 { font-size: @plone-font-size-h3; }\nh4 { font-size: @plone-font-size-h4; }\nh5 { font-size: @plone-font-size-h5; }\nh6 { font-size: @plone-font-size-h6; }\n\n//*// Body text\np { margin: 0 0 (@plone-line-height-computed / 2); }\n\n.documentDescription {\n font-size: @plone-font-size-h4;\n font-weight: @plone-font-weight-bold;\n color: @plone-text-discreet;\n margin-bottom: 10px;\n}\n\n//*// Emphasis & misc\nsmall { font-size: 85%; }\ncite { font-style: normal; }\nmark { background-color: @plone-state-warning-bg; padding: .2em; }\n.discreet { color: @plone-text-discreet; font-weight: @plone-font-weight-regular;}\n.documentByLine {color: @plone-text-discreet; font-weight: @plone-font-weight-regular; margin-bottom: (@plone-line-height-computed / 2); }\n\n//*// Page header\n.documentFirstHeading {\n padding-bottom: ((@plone-line-height-computed / 2) - 1);\n margin: 0 0 (@plone-line-height-computed / 2);\n border-bottom: 1px solid @plone-page-header-border-color;\n}\n\n//*// Lists\nul,\nol {\n margin-top: 0;\n margin-bottom: (@plone-line-height-computed / 2);\n ul,\n ol {\n margin-bottom: 0;\n }\n}\n\ndl {\n margin-top: 0; // Remove browser default\n margin-bottom: @plone-line-height-computed;\n}\n dt, dd { line-height: @plone-line-height-base; }\n dt { font-weight: bold;}\n dd { margin-left: 0; }\n\n//*// Misc\nabbr[title], abbr[data-original-title] /*tooltip bootstrap plugin, just in case*/ {\n cursor: help;\n border-bottom: 1px dotted @plone-abbr-border-color;\n}\n\n//*// Addresses\naddress {\n margin-bottom: @plone-line-height-computed;\n font-style: normal;\n line-height: @plone-line-height-base;\n}\n\n\n//*// Floats\n.pull-right {\n float: right !important;\n}\n.pull-left {\n float: left !important;\n}\n","//*// CODE //*//\n\n//*// Inline codes\ncode,\nkbd,\npre,\nsamp {\n font-family: @plone-font-family-monospace;\n}\n\ncode {\n padding: 2px 4px;\n font-size: 90%;\n color: @plone-code-color;\n background-color: @plone-code-bg;\n border-radius: @plone-border-radius-base;\n}\n\nkbd {\n padding: 2px 4px;\n font-size: 90%;\n color: @plone-kbd-color;\n background-color: @plone-kbd-bg;\n border-radius: @plone-border-radius-small;\n box-shadow: inset 0 -1px 0 rgba(0,0,0,.25);\n}\n\n//*// Block code\npre {\n display: block;\n padding: round((@plone-line-height-computed - 1) / 2);\n margin: 0 0 (@plone-line-height-computed / 2);\n font-size: (@plone-font-size-base - 1); // 14px to 13px\n line-height: @plone-line-height-base;\n word-break: break-all;\n word-wrap: break-word;\n color: @plone-pre-color;\n background-color: @plone-pre-bg;\n border: 1px solid @plone-pre-border-color;\n border-radius: @plone-border-radius-base;\n\n // Account for some code outputs that place code tags in pre tags, not used in Plone as default\n code {\n padding: 0;\n font-size: inherit;\n color: inherit;\n white-space: pre-wrap;\n background-color: transparent;\n border-radius: 0;\n }\n}","//*// BOOTSTRAP GRID //*//\n\n//*// This is exactly BOOTSTRAP GRID, replace it for your system\n\n\n\n// Container widths\n.container {\n .container-fixed();\n\n @media (min-width: @plone-screen-sm-min) {\n width: @plone-container-sm;\n }\n @media (min-width: @plone-screen-md-min) {\n width: @plone-container-md;\n }\n @media (min-width: @plone-screen-lg-min) {\n width: @plone-container-lg;\n }\n}\n\n\n// Fluid container\n.container-fluid {\n .container-fixed();\n}\n\n\n// Row\n.row {\n .clearfix();\n .make-row();\n}\n\n\n// Columns\n.make-grid-columns();\n\n\n// Extra small grid\n.make-grid(xs);\n\n\n// Small grid\n@media (min-width: @plone-screen-sm-min) {\n .make-grid(sm);\n}\n\n\n// Medium grid\n@media (min-width: @plone-screen-md-min) {\n .make-grid(md);\n}\n\n\n// Large grid\n@media (min-width: @plone-screen-lg-min) {\n .make-grid(lg);\n}\n\n\n// toolbar needs to match grid \n#edit-zone.plone-toolbar-top .plone-toolbar-container {\n .container-fixed(); \n @media (min-width: @plone-screen-sm-min) {\n width: @plone-container-sm;\n }\n @media (min-width: @plone-screen-md-min) {\n width: @plone-container-md;\n }\n @media (min-width: @plone-screen-lg-min) {\n width: @plone-container-lg;\n }\n margin-top: 0;\n margin-bottom: 0;\n height: 50px;\n}\n#edit-zone.plone-toolbar-top.compressed .plone-toolbar-container {width: auto;}","//*// BOOTSTRAP GRID MIXIN //*//\n\n//*// This is exactly BOOTSTRAP GRID, replace it for your system\n\n\n\n\n\n\n\n// Grid system\n//\n// Generate semantic grid columns with these mixins.\n\n// Centered container element\n.container-fixed(@gutter: @plone-grid-gutter-width) {\n margin-right: auto;\n margin-left: auto;\n padding-left: (@gutter / 2);\n padding-right: (@gutter / 2);\n &:extend(.clearfix all);\n}\n\n// Creates a wrapper for a series of columns\n.make-row(@gutter: @plone-grid-gutter-width) {\n margin-left: (@gutter / -2);\n margin-right: (@gutter / -2);\n &:extend(.clearfix all);\n}\n\n// Generate the extra small columns\n.make-xs-column(@columns; @gutter: @plone-grid-gutter-width) {\n position: relative;\n float: left;\n width: percentage((@columns / @plone-grid-columns));\n min-height: 1px;\n padding-left: (@gutter / 2);\n padding-right: (@gutter / 2);\n}\n.make-xs-column-offset(@columns) {\n margin-left: percentage((@columns / @plone-grid-columns));\n}\n.make-xs-column-push(@columns) {\n left: percentage((@columns / @plone-grid-columns));\n}\n.make-xs-column-pull(@columns) {\n right: percentage((@columns / @plone-grid-columns));\n}\n\n// Generate the small columns\n.make-sm-column(@columns; @gutter: @plone-grid-gutter-width) {\n position: relative;\n min-height: 1px;\n padding-left: (@gutter / 2);\n padding-right: (@gutter / 2);\n\n @media (min-width: @plone-screen-sm-min) {\n float: left;\n width: percentage((@columns / @plone-grid-columns));\n }\n}\n.make-sm-column-offset(@columns) {\n @media (min-width: @plone-screen-sm-min) {\n margin-left: percentage((@columns / @plone-grid-columns));\n }\n}\n.make-sm-column-push(@columns) {\n @media (min-width: @plone-screen-sm-min) {\n left: percentage((@columns / @plone-grid-columns));\n }\n}\n.make-sm-column-pull(@columns) {\n @media (min-width: @plone-screen-sm-min) {\n right: percentage((@columns / @plone-grid-columns));\n }\n}\n\n// Generate the medium columns\n.make-md-column(@columns; @gutter: @plone-grid-gutter-width) {\n position: relative;\n min-height: 1px;\n padding-left: (@gutter / 2);\n padding-right: (@gutter / 2);\n\n @media (min-width: @plone-screen-md-min) {\n float: left;\n width: percentage((@columns / @plone-grid-columns));\n }\n}\n.make-md-column-offset(@columns) {\n @media (min-width: @plone-screen-md-min) {\n margin-left: percentage((@columns / @plone-grid-columns));\n }\n}\n.make-md-column-push(@columns) {\n @media (min-width: @plone-screen-md-min) {\n left: percentage((@columns / @plone-grid-columns));\n }\n}\n.make-md-column-pull(@columns) {\n @media (min-width: @plone-screen-md-min) {\n right: percentage((@columns / @plone-grid-columns));\n }\n}\n\n// Generate the large columns\n.make-lg-column(@columns; @gutter: @plone-grid-gutter-width) {\n position: relative;\n min-height: 1px;\n padding-left: (@gutter / 2);\n padding-right: (@gutter / 2);\n\n @media (min-width: @plone-screen-lg-min) {\n float: left;\n width: percentage((@columns / @plone-grid-columns));\n }\n}\n.make-lg-column-offset(@columns) {\n @media (min-width: @plone-screen-lg-min) {\n margin-left: percentage((@columns / @plone-grid-columns));\n }\n}\n.make-lg-column-push(@columns) {\n @media (min-width: @plone-screen-lg-min) {\n left: percentage((@columns / @plone-grid-columns));\n }\n}\n.make-lg-column-pull(@columns) {\n @media (min-width: @plone-screen-lg-min) {\n right: percentage((@columns / @plone-grid-columns));\n }\n}","//*// MIXIN CLEARFIX //*//\n\n.clearfix() {\n &:before,\n &:after {\n content: \" \"; // 1\n display: table; // 2\n }\n &:after {\n clear: both;\n }\n}","//*// BOOTSTRAP GRID MIXIN FRAMEWORK //*//\n\n//*// This is exactly BOOTSTRAP GRID, replace it for your system\n\n\n\n\n\n\n\n// Framework grid generation\n//\n// Used only by Bootstrap to generate the correct number of grid classes given\n// any value of `@grid-columns`.\n\n.make-grid-columns() {\n // Common styles for all sizes of grid columns, widths 1-12\n .col(@index) when (@index = 1) { // initial\n @item: ~\".col-xs-@{index}, .col-sm-@{index}, .col-md-@{index}, .col-lg-@{index}\";\n .col((@index + 1), @item);\n }\n .col(@index, @list) when (@index =< @plone-grid-columns) { // general; \"=<\" isn't a typo\n @item: ~\".col-xs-@{index}, .col-sm-@{index}, .col-md-@{index}, .col-lg-@{index}\";\n .col((@index + 1), ~\"@{list}, @{item}\");\n }\n .col(@index, @list) when (@index > @plone-grid-columns) { // terminal\n @{list} {\n position: relative;\n // Prevent columns from collapsing when empty\n min-height: 1px;\n // Inner gutter via padding\n padding-left: (@plone-grid-gutter-width / 2);\n padding-right: (@plone-grid-gutter-width / 2);\n }\n }\n .col(1); // kickstart it\n}\n\n.float-grid-columns(@class) {\n .col(@index) when (@index = 1) { // initial\n @item: ~\".col-@{class}-@{index}\";\n .col((@index + 1), @item);\n }\n .col(@index, @list) when (@index =< @plone-grid-columns) { // general\n @item: ~\".col-@{class}-@{index}\";\n .col((@index + 1), ~\"@{list}, @{item}\");\n }\n .col(@index, @list) when (@index > @plone-grid-columns) { // terminal\n @{list} {\n float: left;\n }\n }\n .col(1); // kickstart it\n}\n\n.calc-grid-column(@index, @class, @type) when (@type = width) and (@index > 0) {\n .col-@{class}-@{index} {\n width: percentage((@index / @plone-grid-columns));\n }\n}\n.calc-grid-column(@index, @class, @type) when (@type = push) and (@index > 0) {\n .col-@{class}-push-@{index} {\n left: percentage((@index / @plone-grid-columns));\n }\n}\n.calc-grid-column(@index, @class, @type) when (@type = push) and (@index = 0) {\n .col-@{class}-push-0 {\n left: auto;\n }\n}\n.calc-grid-column(@index, @class, @type) when (@type = pull) and (@index > 0) {\n .col-@{class}-pull-@{index} {\n right: percentage((@index / @plone-grid-columns));\n }\n}\n.calc-grid-column(@index, @class, @type) when (@type = pull) and (@index = 0) {\n .col-@{class}-pull-0 {\n right: auto;\n }\n}\n.calc-grid-column(@index, @class, @type) when (@type = offset) {\n .col-@{class}-offset-@{index} {\n margin-left: percentage((@index / @plone-grid-columns));\n }\n}\n\n// Basic looping in LESS\n.loop-grid-columns(@index, @class, @type) when (@index >= 0) {\n .calc-grid-column(@index, @class, @type);\n // next iteration\n .loop-grid-columns((@index - 1), @class, @type);\n}\n\n// Create grid for specific class\n.make-grid(@class) {\n .float-grid-columns(@class);\n .loop-grid-columns(@plone-grid-columns, @class, width);\n .loop-grid-columns(@plone-grid-columns, @class, pull);\n .loop-grid-columns(@plone-grid-columns, @class, push);\n .loop-grid-columns(@plone-grid-columns, @class, offset);\n}\n","//*// TABLES //*//\n\n//*// Tables\ntable { max-width: 100%; background-color: @plone-table-bg; border-radius: @plone-border-radius-base; font-weight: @plone-font-weight-regular; color: @plone-gray;}\nth { text-align: left; color: @plone-gray-dark;}\n\n//*// listing table plone class\n.listing {\n width: 100%;\n margin-bottom: @plone-line-height-computed;\n // Cells\n > thead,\n > tbody,\n > tfoot {\n > tr {\n > th,\n > td {\n padding: @plone-table-cell-padding;\n line-height: @plone-line-height-base;\n vertical-align: top;\n border-top: 0 solid @plone-table-border-color;\n border-collapse: collapse;\n }\n }\n }\n // Bottom align for column headings\n > thead > tr > th {\n vertical-align: bottom;\n border-bottom: 1px solid @plone-table-border-color;\n }\n // Remove top border from thead by default\n > caption + thead,\n > colgroup + thead,\n > thead:first-child {\n > tr:first-child {\n > th,\n > td {\n border-top: 0;\n }\n }\n }\n // Account for multiple tbody instances\n > tbody + tbody {\n border-top: 2px solid @plone-table-border-color;\n }\n\n // Nesting\n .listing {\n background-color: @plone-body-bg;\n }\n}\n\n//*// invisible grid table plone class\n.invisible-grid {\n width: 100%;\n margin-bottom: @plone-line-height-computed;\n border: 0;\n background: transparent;\n // Cells\n > thead,\n > tbody,\n > tfoot {\n > tr {\n > th,\n > td {\n border: 0;\n }\n }\n }\n}\n\n// Zebra-striping\n.listing {\n > tbody > tr:nth-child(odd) {\n > td,\n > th {\n background-color: @plone-table-bg-accent;\n }\n }\n}\n\n//we need to add a class on div parent element of the table to ensure all possible options for responsive tables.\n//as default has-table uses it to scroll horizontally table\n.plone-has-table {\n @media screen and (max-width: @plone-screen-xs-max) {\n width: 100%;\n margin-bottom: (@plone-line-height-computed * 0.75);\n overflow-y: hidden;\n overflow-x: scroll;\n -ms-overflow-style: -ms-autohiding-scrollbar;\n border: 1px solid @plone-table-border-color;\n border-radius: @plone-border-radius-base;\n -webkit-overflow-scrolling: touch;\n position: relative;\n // scroll marker, it appears when we have active the mobile class\n &:after {content:\"⟷\"; position:fixed; color:@plone-gray-lighter; margin-top:-3px}\n // Tighten up spacing\n > .listing {\n margin-bottom: 0;\n\n // Ensure the content doesn't wrap\n > thead,\n > tbody,\n > tfoot {\n > tr {\n > th,\n > td {\n white-space: nowrap;\n }\n }\n }\n }\n }\n}\n\n// Most of this is pulled out of twitter bootstrap styles\n// https://raw.githubusercontent.com/twbs/bootstrap/master/less/tables.less\n\n\ntable {\n width: 100%;\n max-width: 100%;\n border: 1px solid @plone-table-border-color;\n // Cells\n > thead,\n > tbody,\n > tfoot {\n > tr {\n > th,\n > td {\n vertical-align: top;\n border-top: 1px solid @plone-table-border-color;\n }\n }\n }\n // Bottom align for column headings\n > thead > tr > th {\n vertical-align: bottom;\n border-bottom: 2px solid @plone-table-border-color;\n }\n // Remove top border from thead by default\n > caption + thead,\n > colgroup + thead,\n > thead:first-child {\n > tr:first-child {\n > th,\n > td {\n border-top: 0;\n }\n }\n }\n // Account for multiple tbody instances\n > tbody + tbody {\n border-top: 2px solid @plone-table-border-color;\n }\n\n > thead,\n > tbody,\n > tfoot {\n > tr {\n > th,\n > td {\n border: 1px solid @plone-table-border-color;\n }\n }\n }\n > thead > tr {\n > th,\n > td {\n // This used to be a mismatched property value.\n // I think this is the intention but am not to sure.\n border-bottom: 1px solid @plone-table-border-color;\n }\n }\n}\n\n// Table cell sizing\n//\n// Reset default table behavior\n\ntable col[class*=\"col-\"] {\n position: static; // Prevent border hiding in Firefox and IE9-11 (see https://github.com/twbs/bootstrap/issues/11623)\n float: none;\n display: table-column;\n}\ntable {\n td,\n th {\n &[class*=\"col-\"] {\n position: static; // Prevent border hiding in Firefox and IE9-11 (see https://github.com/twbs/bootstrap/issues/11623)\n float: none;\n display: table-cell;\n }\n }\n}","//*// FORMS //*//\n\n// Normalize non-controls\n// Restyle and baseline non-control form elements.\nfieldset {\n padding: 0;\n margin: 0;\n border: 0;\n // Chrome and Firefox set a `min-width: -webkit-min-content;` on fieldsets,\n // so we reset that to ensure it behaves more like a standard block element.\n // See https://github.com/twbs/bootstrap/issues/12359.\n min-width: 0;\n}\n\nlegend {\n display: block;\n width: 100%;\n padding: 0;\n margin-bottom: @plone-line-height-computed;\n font-size: (@plone-font-size-base * 1.5);\n line-height: inherit;\n color: @plone-legend-color;\n border: 0;\n border-bottom: 1px solid @plone-legend-border-color;\n font-weight: @plone-font-weight-light;\n}\n\nlabel {\n display: inline-block;\n max-width: 100%; // Force IE8 to wrap long content (see https://github.com/twbs/bootstrap/issues/13141)\n margin-bottom: @plone-padding-base-vertical;\n font-weight: bold;\n}\n\n\n// Normalize form controls\n//\n// While most of our form styles require extra classes, some basic normalization\n// is required to ensure optimum display with or without those classes to better\n// address browser inconsistencies.\n// Override content-box in Normalize (* isn't specific enough)\ninput[type=\"search\"] {\n .box-sizing(border-box);\n}\n\n// Position radios and checkboxes better\ninput[type=\"radio\"],\ninput[type=\"checkbox\"] {\n margin: 4px 0 0;\n margin-top: 1px \\9; // IE8-9\n line-height: normal;\n}\n\n// Set the height of file controls to match text inputs\ninput[type=\"file\"] {\n display: block;\n}\n\n// Make range inputs behave like textual form controls\ninput[type=\"range\"] {\n display: block;\n width: 100%;\n}\n\n// Make multiple select elements height not fixed\nselect[multiple],\nselect[size] {\n height: auto;\n min-width: 10em;\n}\nselect[size=\"1\"] {\n height: @plone-input-height-base;\n}\n\n// Focus for file, radio, and checkbox\ninput[type=\"file\"]:focus,\ninput[type=\"radio\"]:focus,\ninput[type=\"checkbox\"]:focus {\n .tab-focus();\n}\n\n// Adjust output element\noutput {\n display: block;\n padding-top: (@plone-padding-base-vertical + 1);\n font-size: @plone-font-size-base;\n line-height: @plone-line-height-base;\n color: @plone-input-color;\n}\n\n/*.form-control,*/ input[type=\"text\"], input[type=\"email\"], input[type=\"password\"], textarea, select {\n display: block;\n width: 100%;\n height: @plone-input-height-base; // Make inputs at least the height of their button counterpart (base line-height + padding + border)\n padding: @plone-padding-base-vertical @plone-padding-base-horizontal;\n font-size: @plone-font-size-base;\n line-height: @plone-line-height-base;\n color: @plone-input-color;\n background-color: @plone-input-bg;\n background-image: none; // Reset unusual Firefox-on-Android default style; see https://github.com/necolas/normalize.css/issues/214\n border: 1px solid @plone-input-border;\n border-radius: @plone-input-border-radius;\n .box-shadow(inset 0 1px 1px rgba(0,0,0,.075));\n .transition(~\"border-color ease-in-out .15s, box-shadow ease-in-out .15s\");\n\n // Customize the `:focus` state to imitate native WebKit styles.\n .form-control-focus();\n\n // Placeholder\n .placeholder();\n\n // Disabled and read-only inputs\n //\n // HTML5 says that controls under a fieldset > legend:first-child won't be\n // disabled if the fieldset is disabled. Due to implementation difficulty, we\n // don't honor that edge case; we style them as disabled anyway.\n &[disabled],\n &[readonly],\n fieldset[disabled] & {\n cursor: not-allowed;\n background-color: @plone-input-bg-disabled;\n opacity: 1; // iOS fix for unreadable disabled content\n }\n}\n// Reset height for `textarea`s\ntextarea {\n min-height: 9em;\n min-width: 10em;\n resize: vertical; //as default, only vertical resize\n\n &[name='form.widgets.IRichText.text'] {\n min-height: 12em;\n font-family: @plone-font-family-monospace; // when typing without richtext editor\n }\n}\n\n// Search inputs in iOS\n//\n// This overrides the extra rounded corners on search inputs in iOS so that our\n// `.form-control` class can properly style them. Note that this cannot simply\n// be added to `.form-control` as it's not specific enough. For details, see\n// https://github.com/twbs/bootstrap/issues/11586.\n\ninput[type=\"search\"] {\n -webkit-appearance: none;\n}\n\n\n// Special styles for iOS temporal inputs\n//\n// In Mobile Safari, setting `display: block` on temporal inputs causes the\n// text within the input to become vertically misaligned.\n// As a workaround, we set a pixel line-height that matches the\n// given height of the input. Since this fucks up everything else, we have to\n// appropriately reset it for Internet Explorer and the size variations.\n\ninput[type=\"date\"],\ninput[type=\"time\"],\ninput[type=\"datetime-local\"],\ninput[type=\"month\"] {\n line-height: @plone-input-height-base;\n // IE8+ misaligns the text within date inputs, so we reset\n line-height: @plone-line-height-base ~\"\\0\";\n}\n\n// Apply same disabled cursor tweak as for inputs\ninput[type=\"radio\"],\ninput[type=\"checkbox\"] {\n &[disabled],\n fieldset[disabled] & {\n cursor: not-allowed;\n }\n}\n\n//*// Form field\n.field {\n margin-bottom: 15px;\n // each option in a multi-checkbox field should be on a separate line\n span.option {\n display: block;\n }\n}\n\n.field.error {\n .form-control-validation(@plone-state-error-text; @plone-state-error-text; @plone-state-error-bg);\n background: lighten(@plone-state-error-bg,20%);\n .box-shadow(0 0 0 5px lighten(@plone-state-error-bg,20%));\n > label, div.error {\n color: @plone-toolbar-private-color;\n }\n div.error {\n padding-left: 30px;\n font-weight: @plone-font-weight-regular;\n &:before {\n background-color: @plone-alert-error-bullet; content:\"×\";\n font-size:@plone-font-size-base;\n font-weight: @plone-font-weight-regular;\n margin-left: -30px;\n margin-right: 5px;\n display: inline-block;\n border-radius: 20px;\n text-align:center;\n color:rgba(255, 255, 255, 0.9);\n width:16px;\n height:16px;\n line-height: 16px; //IE fix\n text-shadow: 0 -1px rgba(0,0,0,.5);\n top: -1px;\n position: relative;\n }\n }\n input,textarea,select {\n border-color: @plone-toolbar-private-color;\n &:focus {\n .box-shadow(0 0 8px lighten(@plone-toolbar-private-color,40%) );\n }\n }\n}\n\n.formHelp {\n //display: block; if want all helps to be block. As default span.formHelp inline and div.formHelp block\n margin-top: 0;\n margin-bottom: 0;\n color: lighten(@plone-text-color, 10%);\n font-weight: @plone-font-weight-regular;\n font-style: italic;\n}\n\n.formControls {\n border-top: 1px solid @plone-gray-lighter;\n background: @plone-portlet-footer-bg;\n padding: @plone-padding-base-horizontal;\n box-shadow: inset 0 10px 10px -10px rgba(0,0,0,.05);\n}\n// don't show formControls in modal body,\n// because the actual controls get moved to the footer\n.plone-modal-body .formControls {\n border: none;\n background: transparent;\n padding: 0;\n box-shadow: none;\n}\n\n//*// Required\nlabel .required {\n &:after{\n color: @plone-toolbar-private-color;\n content:\"•\";\n font-size: 200%;\n line-height: 0;\n position: relative;\n top: 7px;\n margin-left: -4px;\n }\n}\n\n//*// Input + Submit groups (manual because we still have no standard for this)\n.searchField.portlet-search-gadget,\n#sharing-user-group-search,\n#select-rules {width: 100%; display: inline-block;}\n\n.searchField.portlet-search-gadget + .searchButton,\n#sharing-user-group-search + #sharing-search-button,\n#select-rules + input {position: relative; float:right;margin-top: -@plone-input-height-base;}\n\n\n\n//*// Highlighted search\n#search-results li {margin: @plone-padding-base-horizontal 0;\n .croppedDescription {margin-bottom: 0;}\n}\n.highlightedSearchTerm {\n background: #fea;\n box-shadow: 0 0 1px 1px #fea;\n}\n.search-date-options > div, .search-type-options > div {\ndisplay: inline-block;\nmargin-right: 12px;\n}\n.optionsToggle label {font-weight: 300; color:@plone-gray;}\n\n.ordered-selection-field{\n td {\n vertical-align: middle;\n text-align: center;\n }\n td button{\n float: left;\n margin-left: 2rem;\n }\n}\n\n.folder-factories{\n list-style:none;\n}\n\n//*// Correct input + label on plone structure widgets\n.widget input + label {\n display: inline;\n}\n","//*// MIXIN FORMS //*//\n\n// Form validation states\n//\n// Used in forms.less to generate the form validation CSS for warnings, errors,\n// and successes.\n\n.form-control-validation(@plone-text-color: #555; @plone-border-color: #ccc; @plone-background-color: #f5f5f5) {\n // Color the label and help text\n .help-block,\n .control-label,\n .radio,\n .checkbox,\n .radio-inline,\n .checkbox-inline {\n color: @plone-text-color;\n }\n // Set the border and box shadow on specific inputs to match\n .form-control {\n border-color: @plone-border-color;\n .box-shadow(inset 0 1px 1px rgba(0,0,0,.075)); // Redeclare so transitions work\n &:focus {\n border-color: darken(@plone-border-color, 10%);\n @plone-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px lighten(@plone-border-color, 20%);\n .box-shadow(@plone-shadow);\n }\n }\n // Set validation states also for addons\n .input-group-addon {\n color: @plone-text-color;\n border-color: @plone-border-color;\n background-color: @plone-background-color;\n }\n // Optional feedback icon\n .form-control-feedback {\n color: @plone-text-color;\n }\n}\n\n\n// Form control focus state\n//\n// Generate a customized focus state and for any input with the specified color,\n// which defaults to the `@input-border-focus` variable.\n//\n// We highly encourage you to not customize the default value, but instead use\n// this to tweak colors on an as-needed basis. This aesthetic change is based on\n// WebKit's default styles, but applicable to a wider range of browsers. Its\n// usability and accessibility should be taken into account with any change.\n//\n// Example usage: change the default blue border and shadow to white for better\n// contrast against a dark gray background.\n.form-control-focus(@plone-color: @plone-input-border-focus) {\n @plone-color-rgba: rgba(red(@plone-color), green(@plone-color), blue(@plone-color), .6);\n &:focus {\n border-color: @plone-color;\n outline: 0;\n .box-shadow(~\"inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px @{plone-color-rgba}\");\n }\n}\n\n// Form control sizing\n//\n// Relative text size, padding, and border-radii changes for form controls. For\n// horizontal sizing, wrap controls in the predefined grid classes. `` background color\n@plone-input-bg: #fff;\n//** `` background color\n@plone-input-bg-disabled: @plone-table-border-color;\n//** Text color for ``s\n@plone-input-color: @plone-gray;\n//** `` border color\n@plone-input-border: #ccc;\n//** `` border radius\n@plone-input-border-radius: @plone-border-radius-base;\n//** Border color for inputs on focus\n@plone-input-border-focus: @plone-portlet-list-bullet;\n//** Placeholder text color\n@plone-input-color-placeholder: @plone-gray-light;\n//** Default `.form-control` height\n@plone-input-height-base: (@plone-line-height-computed + (@plone-padding-base-vertical * 2) + 2);\n//** Large `.form-control` height\n@plone-input-height-large: (ceil(@plone-font-size-large * @plone-line-height-large) + (@plone-padding-large-vertical * 2) + 2);\n//** Small `.form-control` height\n@plone-input-height-small: (floor(@plone-font-size-small * @plone-line-height-small) + (@plone-padding-small-vertical * 2) + 2);\n@plone-legend-color: @plone-gray-dark;\n@plone-legend-border-color: #e5e5e5;\n\n//** Background color for textual input addons\n@plone-input-group-addon-bg: @plone-gray-lighter;\n//** Border color for textual input addons\n@plone-input-group-addon-border-color: @plone-input-border;\n\n\n\n//*// ALERTS\n@plone-alert-icon-size:\t\t\t\t\t\t\t20px;\n@plone-alert-padding:\t\t\t\t\t\t\t15px;\n\t@plone-alert-border-radius:\t\t\t\t\t4px;\n\t@plone-alert-link-font-weight:\t\t\t\t@plone-font-weight-regular; //it depends on your font-family\n@plone-alert-info-bg:\t\t\t\t\t\t@plone-state-info-bg;\n\t@plone-alert-info-text:\t\t\t\t\t\t@plone-state-info-text; //the text on alert is black with opacity to use the same color and match the bg.\n\t@plone-alert-info-border:\t\t\t\t\t@plone-state-info-border;\n\t@plone-alert-info-bullet:\t\t\t\t\t@plone-state-info-bullet;\n@plone-alert-warning-bg:\t\t\t\t\t@plone-state-warning-bg;\n\t@plone-alert-warning-text:\t\t\t\t\t@plone-state-warning-text;\n\t@plone-alert-warning-border:\t\t\t\t@plone-state-warning-border;\n\t@plone-alert-warning-bullet:\t\t\t\t@plone-state-warning-bullet;\n@plone-alert-error-bg:\t\t\t\t\t\t@plone-state-error-bg;\n\t@plone-alert-error-text:\t\t\t\t\t@plone-state-error-text;\n\t@plone-alert-error-border:\t\t\t\t\t@plone-state-error-border;\n\t@plone-alert-error-bullet:\t\t\t\t\t@plone-state-error-bullet;\n\n\n\n//*// PORTLETS\n@plone-border-base:\t\t\t\t\t\t\t1px solid;\n@plone-portlet-header-bg:\t\t\t\t\t#f2f1f1;\n@plone-portlet-header-color:\t\t\t\t@plone-gray;\n@plone-portlet-content-bg:\t\t\t\t\t#fff;\n@plone-portlet-footer-bg:\t\t\t\t\t#fcfcfd;\n@plone-portlet-border:\t\t\t\t\t\t@plone-border-base #e5e5e5;\n@plone-portlet-contrast-bg:\t\t\t\t\t#e5e5e5;\n@plone-portlet-event-bullet:\t\t\t\t#dbecfe;\n@plone-portlet-list-bullet:\t\t\t\t\t#64bee8;\n@plone-portlet-list-hover-bg:\t\t\t\t#fcfcfd;\n@plone-portlet-list-small-text:\t\t\t\t@plone-gray;\n\n\n\n//*// THUMBS\n//** Padding around the thumbnail image\n@plone-thumbnail-padding: 4px;\n//** Thumbnail background color\n@plone-thumbnail-bg: @plone-body-bg;\n//** Thumbnail border color\n@plone-thumbnail-border: #ddd;\n//** Thumbnail border radius\n@plone-thumbnail-border-radius: @plone-border-radius-base;\n//** Custom text color for thumbnail captions\n@plone-thumbnail-caption-color: @plone-text-color;\n//** Padding around the thumbnail caption\n@plone-thumbnail-caption-padding: 9px;\n\n\n\n//*// BREADCRUMBS\n@plone-breadcrumb-padding-vertical: 8px;\n@plone-breadcrumb-padding-horizontal: 15px;\n//** Breadcrumb background color\n@plone-breadcrumb-bg: darken(@plone-portlet-header-bg,5%);\n//** Breadcrumb text color\n@plone-breadcrumb-color: @plone-gray-lighter;\n//** Text color of current page in the breadcrumb\n@plone-breadcrumb-active-color: @plone-gray-light;\n\n\n//*// SITE NAV\n@plone-sitenav-height: 50px;\n\t@plone-sitenav-margin-bottom: @plone-line-height-computed;\n\t@plone-sitenav-border-radius: @plone-border-radius-base;\n\t@plone-sitenav-padding-horizontal: floor((@plone-grid-gutter-width / 2));\n\t@plone-sitenav-padding-vertical: ((@plone-sitenav-height - @plone-line-height-computed) / 2);\n\t@plone-sitenav-collapse-max-height: 340px;\n\t@plone-sitenav-link-padding: 10px 15px;\n\t@plone-sitenav-link-hover-bg: #7099bf;\n\t@plone-sitenav-bg: \t\t\t @plone-link-color;\n\t@plone-sitenav-hover-bg: \t\t\t @plone-link-color;\n\n//*// PAGINATION\n@plone-pagination-color: @plone-link-color;\n\t@plone-pagination-bg: @plone-portlet-content-bg;\n\t@plone-pagination-border: @plone-portlet-border;\n@plone-pagination-hover-color: @plone-link-hover-color;\n\t@plone-pagination-hover-bg: @plone-portlet-header-bg;\n\t@plone-pagination-hover-border: @plone-portlet-border;\n@plone-pagination-active-color: @plone-portlet-content-bg;\n\t@plone-pagination-active-bg: @plone-link-color;\n\t@plone-pagination-active-border: @plone-border-base @plone-link-color;\n@plone-pagination-disabled-color: @plone-gray-lighter;\n\t@plone-pagination-disabled-bg: @plone-portlet-footer-bg;\n\t@plone-pagination-disabled-border: @plone-portlet-border;\n\n\n\n//*// CODE\n@plone-code-color: #c7254e;\n\t@plone-code-bg: #f9f2f4;\n@plone-kbd-color: #fff;\n\t@plone-kbd-bg: #333;\n@plone-pre-bg: #f5f5f5;\n\t@plone-pre-color: @plone-gray-dark;\n\t@plone-pre-border-color: #ccc;\n\t@plone-pre-scrollable-max-height: 340px;\n\n\n\n//*// TYPE\n//** Text muted color\n@plone-text-discreet: @plone-gray;\n//** Abbreviations and acronyms border color\n@plone-abbr-border-color: @plone-gray-light;\n//** Headings small color\n@plone-headings-small-color: @plone-gray-light;\n//** Blockquote small color\n@plone-blockquote-small-color: @plone-gray-light;\n//** Blockquote font size\n@plone-blockquote-font-size: (@plone-font-size-base * 1.25);\n//** Blockquote border color\n@plone-blockquote-border-color: @plone-gray-lighter;\n//** Page header border color\n@plone-page-header-border-color: @plone-gray-lighter;\n\n\n\n//*// MISC\n//** Horizontal line color.\n@plone-hr-border: @plone-gray-lighter;\n//** Horizontal offset for forms and lists.\n@plone-component-offset-horizontal: 180px;\n\n\n//*// END\n","//*// MIXIN TAB FOCUS //*//\n\n.tab-focus() {\n // Default\n outline: thin dotted;\n // WebKit\n outline: 5px auto -webkit-focus-ring-color;\n outline-offset: -2px;\n}\n\n.placeholder(@plone-color: @plone-input-color-placeholder) {\n &::-moz-placeholder { color: @plone-color; // Firefox\n opacity: 1; } // See https://github.com/twbs/bootstrap/pull/11526\n &:-ms-input-placeholder { color: @plone-color; } // Internet Explorer 10+\n &::-webkit-input-placeholder { color: @plone-color; } // Safari and Chrome\n}","//*// TYPE //*//\n\n//*// Body //*//\nbody { word-wrap: break-word; }\n\n//*// Headings\nh1, h2, h3, h4, h5, h6 {\n font-family: @plone-headings-font-family;\n font-weight: @plone-headings-font-weight;\n line-height: @plone-headings-line-height;\n color: @plone-headings-color;\n}\n\nh1, h2, h3 {\n margin-top: @plone-line-height-computed;\n margin-bottom: (@plone-line-height-computed / 2);\n a:hover, a:focus { text-decoration: none; border-bottom: 2px @plone-link-hover-color solid; }\n}\nh4, h5, h6 {\n margin-top: (@plone-line-height-computed / 2);\n margin-bottom: (@plone-line-height-computed / 2);\n}\n\nh1 { font-size: @plone-font-size-h1; }\nh2 { font-size: @plone-font-size-h2; }\nh3 { font-size: @plone-font-size-h3; }\nh4 { font-size: @plone-font-size-h4; }\nh5 { font-size: @plone-font-size-h5; }\nh6 { font-size: @plone-font-size-h6; }\n\n//*// Body text\np { margin: 0 0 (@plone-line-height-computed / 2); }\n\n.documentDescription {\n font-size: @plone-font-size-h4;\n font-weight: @plone-font-weight-bold;\n color: @plone-text-discreet;\n margin-bottom: 10px;\n}\n\n//*// Emphasis & misc\nsmall { font-size: 85%; }\ncite { font-style: normal; }\nmark { background-color: @plone-state-warning-bg; padding: .2em; }\n.discreet { color: @plone-text-discreet; font-weight: @plone-font-weight-regular;}\n.documentByLine {color: @plone-text-discreet; font-weight: @plone-font-weight-regular; margin-bottom: (@plone-line-height-computed / 2); }\n\n//*// Page header\n.documentFirstHeading {\n padding-bottom: ((@plone-line-height-computed / 2) - 1);\n margin: 0 0 (@plone-line-height-computed / 2);\n border-bottom: 1px solid @plone-page-header-border-color;\n}\n\n//*// Lists\nul,\nol {\n margin-top: 0;\n margin-bottom: (@plone-line-height-computed / 2);\n ul,\n ol {\n margin-bottom: 0;\n }\n}\n\ndl {\n margin-top: 0; // Remove browser default\n margin-bottom: @plone-line-height-computed;\n}\n dt, dd { line-height: @plone-line-height-base; }\n dt { font-weight: bold;}\n dd { margin-left: 0; }\n\n//*// Misc\nabbr[title], abbr[data-original-title] /*tooltip bootstrap plugin, just in case*/ {\n cursor: help;\n border-bottom: 1px dotted @plone-abbr-border-color;\n}\n\n//*// Addresses\naddress {\n margin-bottom: @plone-line-height-computed;\n font-style: normal;\n line-height: @plone-line-height-base;\n}\n\n\n//*// Floats\n.pull-right {\n float: right !important;\n}\n.pull-left {\n float: left !important;\n}\n","//*// CODE //*//\n\n//*// Inline codes\ncode,\nkbd,\npre,\nsamp {\n font-family: @plone-font-family-monospace;\n}\n\ncode {\n padding: 2px 4px;\n font-size: 90%;\n color: @plone-code-color;\n background-color: @plone-code-bg;\n border-radius: @plone-border-radius-base;\n}\n\nkbd {\n padding: 2px 4px;\n font-size: 90%;\n color: @plone-kbd-color;\n background-color: @plone-kbd-bg;\n border-radius: @plone-border-radius-small;\n box-shadow: inset 0 -1px 0 rgba(0,0,0,.25);\n}\n\n//*// Block code\npre {\n display: block;\n padding: round((@plone-line-height-computed - 1) / 2);\n margin: 0 0 (@plone-line-height-computed / 2);\n font-size: (@plone-font-size-base - 1); // 14px to 13px\n line-height: @plone-line-height-base;\n word-break: break-all;\n word-wrap: break-word;\n color: @plone-pre-color;\n background-color: @plone-pre-bg;\n border: 1px solid @plone-pre-border-color;\n border-radius: @plone-border-radius-base;\n\n // Account for some code outputs that place code tags in pre tags, not used in Plone as default\n code {\n padding: 0;\n font-size: inherit;\n color: inherit;\n white-space: pre-wrap;\n background-color: transparent;\n border-radius: 0;\n }\n}","//*// BOOTSTRAP GRID //*//\n\n//*// This is exactly BOOTSTRAP GRID, replace it for your system\n\n\n\n// Container widths\n.container {\n .container-fixed();\n\n @media (min-width: @plone-screen-sm-min) {\n width: @plone-container-sm;\n }\n @media (min-width: @plone-screen-md-min) {\n width: @plone-container-md;\n }\n @media (min-width: @plone-screen-lg-min) {\n width: @plone-container-lg;\n }\n}\n\n\n// Fluid container\n.container-fluid {\n .container-fixed();\n}\n\n\n// Row\n.row {\n .clearfix();\n .make-row();\n}\n\n\n// Columns\n.make-grid-columns();\n\n\n// Extra small grid\n.make-grid(xs);\n\n\n// Small grid\n@media (min-width: @plone-screen-sm-min) {\n .make-grid(sm);\n}\n\n\n// Medium grid\n@media (min-width: @plone-screen-md-min) {\n .make-grid(md);\n}\n\n\n// Large grid\n@media (min-width: @plone-screen-lg-min) {\n .make-grid(lg);\n}\n\n\n// toolbar needs to match grid \n#edit-zone.plone-toolbar-top .plone-toolbar-container {\n .container-fixed(); \n @media (min-width: @plone-screen-sm-min) {\n width: @plone-container-sm;\n }\n @media (min-width: @plone-screen-md-min) {\n width: @plone-container-md;\n }\n @media (min-width: @plone-screen-lg-min) {\n width: @plone-container-lg;\n }\n margin-top: 0;\n margin-bottom: 0;\n height: 50px;\n}\n#edit-zone.plone-toolbar-top.compressed .plone-toolbar-container {width: auto;}","//*// BOOTSTRAP GRID MIXIN //*//\n\n//*// This is exactly BOOTSTRAP GRID, replace it for your system\n\n\n\n\n\n\n\n// Grid system\n//\n// Generate semantic grid columns with these mixins.\n\n// Centered container element\n.container-fixed(@gutter: @plone-grid-gutter-width) {\n margin-right: auto;\n margin-left: auto;\n padding-left: (@gutter / 2);\n padding-right: (@gutter / 2);\n &:extend(.clearfix all);\n}\n\n// Creates a wrapper for a series of columns\n.make-row(@gutter: @plone-grid-gutter-width) {\n margin-left: (@gutter / -2);\n margin-right: (@gutter / -2);\n &:extend(.clearfix all);\n}\n\n// Generate the extra small columns\n.make-xs-column(@columns; @gutter: @plone-grid-gutter-width) {\n position: relative;\n float: left;\n width: percentage((@columns / @plone-grid-columns));\n min-height: 1px;\n padding-left: (@gutter / 2);\n padding-right: (@gutter / 2);\n}\n.make-xs-column-offset(@columns) {\n margin-left: percentage((@columns / @plone-grid-columns));\n}\n.make-xs-column-push(@columns) {\n left: percentage((@columns / @plone-grid-columns));\n}\n.make-xs-column-pull(@columns) {\n right: percentage((@columns / @plone-grid-columns));\n}\n\n// Generate the small columns\n.make-sm-column(@columns; @gutter: @plone-grid-gutter-width) {\n position: relative;\n min-height: 1px;\n padding-left: (@gutter / 2);\n padding-right: (@gutter / 2);\n\n @media (min-width: @plone-screen-sm-min) {\n float: left;\n width: percentage((@columns / @plone-grid-columns));\n }\n}\n.make-sm-column-offset(@columns) {\n @media (min-width: @plone-screen-sm-min) {\n margin-left: percentage((@columns / @plone-grid-columns));\n }\n}\n.make-sm-column-push(@columns) {\n @media (min-width: @plone-screen-sm-min) {\n left: percentage((@columns / @plone-grid-columns));\n }\n}\n.make-sm-column-pull(@columns) {\n @media (min-width: @plone-screen-sm-min) {\n right: percentage((@columns / @plone-grid-columns));\n }\n}\n\n// Generate the medium columns\n.make-md-column(@columns; @gutter: @plone-grid-gutter-width) {\n position: relative;\n min-height: 1px;\n padding-left: (@gutter / 2);\n padding-right: (@gutter / 2);\n\n @media (min-width: @plone-screen-md-min) {\n float: left;\n width: percentage((@columns / @plone-grid-columns));\n }\n}\n.make-md-column-offset(@columns) {\n @media (min-width: @plone-screen-md-min) {\n margin-left: percentage((@columns / @plone-grid-columns));\n }\n}\n.make-md-column-push(@columns) {\n @media (min-width: @plone-screen-md-min) {\n left: percentage((@columns / @plone-grid-columns));\n }\n}\n.make-md-column-pull(@columns) {\n @media (min-width: @plone-screen-md-min) {\n right: percentage((@columns / @plone-grid-columns));\n }\n}\n\n// Generate the large columns\n.make-lg-column(@columns; @gutter: @plone-grid-gutter-width) {\n position: relative;\n min-height: 1px;\n padding-left: (@gutter / 2);\n padding-right: (@gutter / 2);\n\n @media (min-width: @plone-screen-lg-min) {\n float: left;\n width: percentage((@columns / @plone-grid-columns));\n }\n}\n.make-lg-column-offset(@columns) {\n @media (min-width: @plone-screen-lg-min) {\n margin-left: percentage((@columns / @plone-grid-columns));\n }\n}\n.make-lg-column-push(@columns) {\n @media (min-width: @plone-screen-lg-min) {\n left: percentage((@columns / @plone-grid-columns));\n }\n}\n.make-lg-column-pull(@columns) {\n @media (min-width: @plone-screen-lg-min) {\n right: percentage((@columns / @plone-grid-columns));\n }\n}","//*// MIXIN CLEARFIX //*//\n\n.clearfix() {\n &:before,\n &:after {\n content: \" \"; // 1\n display: table; // 2\n }\n &:after {\n clear: both;\n }\n}","//*// BOOTSTRAP GRID MIXIN FRAMEWORK //*//\n\n//*// This is exactly BOOTSTRAP GRID, replace it for your system\n\n\n\n\n\n\n\n// Framework grid generation\n//\n// Used only by Bootstrap to generate the correct number of grid classes given\n// any value of `@grid-columns`.\n\n.make-grid-columns() {\n // Common styles for all sizes of grid columns, widths 1-12\n .col(@index) when (@index = 1) { // initial\n @item: ~\".col-xs-@{index}, .col-sm-@{index}, .col-md-@{index}, .col-lg-@{index}\";\n .col((@index + 1), @item);\n }\n .col(@index, @list) when (@index =< @plone-grid-columns) { // general; \"=<\" isn't a typo\n @item: ~\".col-xs-@{index}, .col-sm-@{index}, .col-md-@{index}, .col-lg-@{index}\";\n .col((@index + 1), ~\"@{list}, @{item}\");\n }\n .col(@index, @list) when (@index > @plone-grid-columns) { // terminal\n @{list} {\n position: relative;\n // Prevent columns from collapsing when empty\n min-height: 1px;\n // Inner gutter via padding\n padding-left: (@plone-grid-gutter-width / 2);\n padding-right: (@plone-grid-gutter-width / 2);\n }\n }\n .col(1); // kickstart it\n}\n\n.float-grid-columns(@class) {\n .col(@index) when (@index = 1) { // initial\n @item: ~\".col-@{class}-@{index}\";\n .col((@index + 1), @item);\n }\n .col(@index, @list) when (@index =< @plone-grid-columns) { // general\n @item: ~\".col-@{class}-@{index}\";\n .col((@index + 1), ~\"@{list}, @{item}\");\n }\n .col(@index, @list) when (@index > @plone-grid-columns) { // terminal\n @{list} {\n float: left;\n }\n }\n .col(1); // kickstart it\n}\n\n.calc-grid-column(@index, @class, @type) when (@type = width) and (@index > 0) {\n .col-@{class}-@{index} {\n width: percentage((@index / @plone-grid-columns));\n }\n}\n.calc-grid-column(@index, @class, @type) when (@type = push) and (@index > 0) {\n .col-@{class}-push-@{index} {\n left: percentage((@index / @plone-grid-columns));\n }\n}\n.calc-grid-column(@index, @class, @type) when (@type = push) and (@index = 0) {\n .col-@{class}-push-0 {\n left: auto;\n }\n}\n.calc-grid-column(@index, @class, @type) when (@type = pull) and (@index > 0) {\n .col-@{class}-pull-@{index} {\n right: percentage((@index / @plone-grid-columns));\n }\n}\n.calc-grid-column(@index, @class, @type) when (@type = pull) and (@index = 0) {\n .col-@{class}-pull-0 {\n right: auto;\n }\n}\n.calc-grid-column(@index, @class, @type) when (@type = offset) {\n .col-@{class}-offset-@{index} {\n margin-left: percentage((@index / @plone-grid-columns));\n }\n}\n\n// Basic looping in LESS\n.loop-grid-columns(@index, @class, @type) when (@index >= 0) {\n .calc-grid-column(@index, @class, @type);\n // next iteration\n .loop-grid-columns((@index - 1), @class, @type);\n}\n\n// Create grid for specific class\n.make-grid(@class) {\n .float-grid-columns(@class);\n .loop-grid-columns(@plone-grid-columns, @class, width);\n .loop-grid-columns(@plone-grid-columns, @class, pull);\n .loop-grid-columns(@plone-grid-columns, @class, push);\n .loop-grid-columns(@plone-grid-columns, @class, offset);\n}\n","//*// TABLES //*//\n\n//*// Tables\ntable { max-width: 100%; background-color: @plone-table-bg; border-radius: @plone-border-radius-base; font-weight: @plone-font-weight-regular; color: @plone-gray;}\nth { text-align: left; color: @plone-gray-dark;}\n\n//*// listing table plone class\n.listing {\n width: 100%;\n margin-bottom: @plone-line-height-computed;\n // Cells\n > thead,\n > tbody,\n > tfoot {\n > tr {\n > th,\n > td {\n padding: @plone-table-cell-padding;\n line-height: @plone-line-height-base;\n vertical-align: top;\n border-top: 0 solid @plone-table-border-color;\n border-collapse: collapse;\n }\n }\n }\n // Bottom align for column headings\n > thead > tr > th {\n vertical-align: bottom;\n border-bottom: 1px solid @plone-table-border-color;\n }\n // Remove top border from thead by default\n > caption + thead,\n > colgroup + thead,\n > thead:first-child {\n > tr:first-child {\n > th,\n > td {\n border-top: 0;\n }\n }\n }\n // Account for multiple tbody instances\n > tbody + tbody {\n border-top: 2px solid @plone-table-border-color;\n }\n\n // Nesting\n .listing {\n background-color: @plone-body-bg;\n }\n}\n\n//*// invisible grid table plone class\n.invisible-grid {\n width: 100%;\n margin-bottom: @plone-line-height-computed;\n border: 0;\n background: transparent;\n // Cells\n > thead,\n > tbody,\n > tfoot {\n > tr {\n > th,\n > td {\n border: 0;\n }\n }\n }\n}\n\n// Zebra-striping\n.listing {\n > tbody > tr:nth-child(odd) {\n > td,\n > th {\n background-color: @plone-table-bg-accent;\n }\n }\n}\n\n//we need to add a class on div parent element of the table to ensure all possible options for responsive tables.\n//as default has-table uses it to scroll horizontally table\n.plone-has-table {\n @media screen and (max-width: @plone-screen-xs-max) {\n width: 100%;\n margin-bottom: (@plone-line-height-computed * 0.75);\n overflow-y: hidden;\n overflow-x: scroll;\n -ms-overflow-style: -ms-autohiding-scrollbar;\n border: 1px solid @plone-table-border-color;\n border-radius: @plone-border-radius-base;\n -webkit-overflow-scrolling: touch;\n position: relative;\n // scroll marker, it appears when we have active the mobile class\n &:after {content:\"⟷\"; position:fixed; color:@plone-gray-lighter; margin-top:-3px}\n // Tighten up spacing\n > .listing {\n margin-bottom: 0;\n\n // Ensure the content doesn't wrap\n > thead,\n > tbody,\n > tfoot {\n > tr {\n > th,\n > td {\n white-space: nowrap;\n }\n }\n }\n }\n }\n}\n\n// Most of this is pulled out of twitter bootstrap styles\n// https://raw.githubusercontent.com/twbs/bootstrap/master/less/tables.less\n\n\ntable {\n width: 100%;\n max-width: 100%;\n border: 1px solid @plone-table-border-color;\n // Cells\n > thead,\n > tbody,\n > tfoot {\n > tr {\n > th,\n > td {\n vertical-align: top;\n border-top: 1px solid @plone-table-border-color;\n }\n }\n }\n // Bottom align for column headings\n > thead > tr > th {\n vertical-align: bottom;\n border-bottom: 2px solid @plone-table-border-color;\n }\n // Remove top border from thead by default\n > caption + thead,\n > colgroup + thead,\n > thead:first-child {\n > tr:first-child {\n > th,\n > td {\n border-top: 0;\n }\n }\n }\n // Account for multiple tbody instances\n > tbody + tbody {\n border-top: 2px solid @plone-table-border-color;\n }\n\n > thead,\n > tbody,\n > tfoot {\n > tr {\n > th,\n > td {\n border: 1px solid @plone-table-border-color;\n }\n }\n }\n > thead > tr {\n > th,\n > td {\n // This used to be a mismatched property value.\n // I think this is the intention but am not to sure.\n border-bottom: 1px solid @plone-table-border-color;\n }\n }\n}\n\n// Table cell sizing\n//\n// Reset default table behavior\n\ntable col[class*=\"col-\"] {\n position: static; // Prevent border hiding in Firefox and IE9-11 (see https://github.com/twbs/bootstrap/issues/11623)\n float: none;\n display: table-column;\n}\ntable {\n td,\n th {\n &[class*=\"col-\"] {\n position: static; // Prevent border hiding in Firefox and IE9-11 (see https://github.com/twbs/bootstrap/issues/11623)\n float: none;\n display: table-cell;\n }\n }\n}","//*// FORMS //*//\n\n// Normalize non-controls\n// Restyle and baseline non-control form elements.\nfieldset {\n padding: 0;\n margin: 0;\n border: 0;\n // Chrome and Firefox set a `min-width: -webkit-min-content;` on fieldsets,\n // so we reset that to ensure it behaves more like a standard block element.\n // See https://github.com/twbs/bootstrap/issues/12359.\n min-width: 0;\n}\n\nlegend {\n display: block;\n width: 100%;\n padding: 0;\n margin-bottom: @plone-line-height-computed;\n font-size: (@plone-font-size-base * 1.5);\n line-height: inherit;\n color: @plone-legend-color;\n border: 0;\n border-bottom: 1px solid @plone-legend-border-color;\n font-weight: @plone-font-weight-light;\n}\n\nlabel {\n display: inline-block;\n max-width: 100%; // Force IE8 to wrap long content (see https://github.com/twbs/bootstrap/issues/13141)\n margin-bottom: @plone-padding-base-vertical;\n font-weight: bold;\n}\n\n\n// Normalize form controls\n//\n// While most of our form styles require extra classes, some basic normalization\n// is required to ensure optimum display with or without those classes to better\n// address browser inconsistencies.\n// Override content-box in Normalize (* isn't specific enough)\ninput[type=\"search\"] {\n .box-sizing(border-box);\n}\n\n// Position radios and checkboxes better\ninput[type=\"radio\"],\ninput[type=\"checkbox\"] {\n margin: 4px 0 0;\n margin-top: 1px \\9; // IE8-9\n line-height: normal;\n}\n\n// Set the height of file controls to match text inputs\ninput[type=\"file\"] {\n display: block;\n}\n\n// Make range inputs behave like textual form controls\ninput[type=\"range\"] {\n display: block;\n width: 100%;\n}\n\n// Make multiple select elements height not fixed\nselect[multiple],\nselect[size] {\n height: auto;\n min-width: 10em;\n}\nselect[size=\"1\"] {\n height: @plone-input-height-base;\n}\n\n// Focus for file, radio, and checkbox\ninput[type=\"file\"]:focus,\ninput[type=\"radio\"]:focus,\ninput[type=\"checkbox\"]:focus {\n .tab-focus();\n}\n\n// Adjust output element\noutput {\n display: block;\n padding-top: (@plone-padding-base-vertical + 1);\n font-size: @plone-font-size-base;\n line-height: @plone-line-height-base;\n color: @plone-input-color;\n}\n\n/*.form-control,*/ input[type=\"text\"], input[type=\"email\"], input[type=\"password\"], textarea, select {\n display: block;\n width: 100%;\n height: @plone-input-height-base; // Make inputs at least the height of their button counterpart (base line-height + padding + border)\n padding: @plone-padding-base-vertical @plone-padding-base-horizontal;\n font-size: @plone-font-size-base;\n line-height: @plone-line-height-base;\n color: @plone-input-color;\n background-color: @plone-input-bg;\n background-image: none; // Reset unusual Firefox-on-Android default style; see https://github.com/necolas/normalize.css/issues/214\n border: 1px solid @plone-input-border;\n border-radius: @plone-input-border-radius;\n .box-shadow(inset 0 1px 1px rgba(0,0,0,.075));\n .transition(~\"border-color ease-in-out .15s, box-shadow ease-in-out .15s\");\n\n // Customize the `:focus` state to imitate native WebKit styles.\n .form-control-focus();\n\n // Placeholder\n .placeholder();\n\n // Disabled and read-only inputs\n //\n // HTML5 says that controls under a fieldset > legend:first-child won't be\n // disabled if the fieldset is disabled. Due to implementation difficulty, we\n // don't honor that edge case; we style them as disabled anyway.\n &[disabled],\n &[readonly],\n fieldset[disabled] & {\n cursor: not-allowed;\n background-color: @plone-input-bg-disabled;\n opacity: 1; // iOS fix for unreadable disabled content\n }\n}\n// Reset height for `textarea`s\ntextarea {\n min-height: 9em;\n min-width: 10em;\n resize: vertical; //as default, only vertical resize\n\n &[name='form.widgets.IRichText.text'] {\n min-height: 12em;\n font-family: @plone-font-family-monospace; // when typing without richtext editor\n }\n}\n\n// Search inputs in iOS\n//\n// This overrides the extra rounded corners on search inputs in iOS so that our\n// `.form-control` class can properly style them. Note that this cannot simply\n// be added to `.form-control` as it's not specific enough. For details, see\n// https://github.com/twbs/bootstrap/issues/11586.\n\ninput[type=\"search\"] {\n -webkit-appearance: none;\n}\n\n\n// Special styles for iOS temporal inputs\n//\n// In Mobile Safari, setting `display: block` on temporal inputs causes the\n// text within the input to become vertically misaligned.\n// As a workaround, we set a pixel line-height that matches the\n// given height of the input. Since this fucks up everything else, we have to\n// appropriately reset it for Internet Explorer and the size variations.\n\ninput[type=\"date\"],\ninput[type=\"time\"],\ninput[type=\"datetime-local\"],\ninput[type=\"month\"] {\n line-height: @plone-input-height-base;\n // IE8+ misaligns the text within date inputs, so we reset\n line-height: @plone-line-height-base ~\"\\0\";\n}\n\n// Apply same disabled cursor tweak as for inputs\ninput[type=\"radio\"],\ninput[type=\"checkbox\"] {\n &[disabled],\n fieldset[disabled] & {\n cursor: not-allowed;\n }\n}\n\n//*// Form field\n.field {\n margin-bottom: 15px;\n // each option in a multi-checkbox field should be on a separate line\n span.option {\n display: block;\n }\n}\n\n.field.error {\n .form-control-validation(@plone-state-error-text; @plone-state-error-text; @plone-state-error-bg);\n background: lighten(@plone-state-error-bg,20%);\n .box-shadow(0 0 0 5px lighten(@plone-state-error-bg,20%));\n > label, div.error {\n color: @plone-toolbar-private-color;\n }\n div.error {\n padding-left: 30px;\n font-weight: @plone-font-weight-regular;\n &:before {\n background-color: @plone-alert-error-bullet; content:\"×\";\n font-size:@plone-font-size-base;\n font-weight: @plone-font-weight-regular;\n margin-left: -30px;\n margin-right: 5px;\n display: inline-block;\n border-radius: 20px;\n text-align:center;\n color:rgba(255, 255, 255, 0.9);\n width:16px;\n height:16px;\n line-height: 16px; //IE fix\n text-shadow: 0 -1px rgba(0,0,0,.5);\n top: -1px;\n position: relative;\n }\n }\n input,textarea,select {\n border-color: @plone-toolbar-private-color;\n &:focus {\n .box-shadow(0 0 8px lighten(@plone-toolbar-private-color,40%) );\n }\n }\n}\n\n.formHelp {\n //display: block; if want all helps to be block. As default span.formHelp inline and div.formHelp block\n margin-top: 0;\n margin-bottom: 0;\n color: lighten(@plone-text-color, 10%);\n font-weight: @plone-font-weight-regular;\n font-style: italic;\n}\n\n.formControls {\n border-top: 1px solid @plone-gray-lighter;\n background: @plone-portlet-footer-bg;\n padding: @plone-padding-base-horizontal;\n box-shadow: inset 0 10px 10px -10px rgba(0,0,0,.05);\n}\n// don't show formControls in modal body,\n// because the actual controls get moved to the footer\n.plone-modal-body .formControls {\n border: none;\n background: transparent;\n padding: 0;\n box-shadow: none;\n}\n\n//*// Required\nlabel .required {\n &:after{\n color: @plone-toolbar-private-color;\n content:\"•\";\n font-size: 200%;\n line-height: 0;\n position: relative;\n top: 7px;\n margin-left: -4px;\n }\n}\n\n//*// Input + Submit groups (manual because we still have no standard for this)\n.searchField.portlet-search-gadget,\n#sharing-user-group-search,\n#select-rules {width: 100%; display: inline-block;}\n\n.searchField.portlet-search-gadget + .searchButton,\n#sharing-user-group-search + #sharing-search-button,\n#select-rules + input {position: relative; float:right;margin-top: -@plone-input-height-base;}\n\n\n\n//*// Highlighted search\n#search-results li {margin: @plone-padding-base-horizontal 0;\n .croppedDescription {margin-bottom: 0;}\n}\n.highlightedSearchTerm {\n background: #fea;\n box-shadow: 0 0 1px 1px #fea;\n}\n.search-date-options > div, .search-type-options > div {\ndisplay: inline-block;\nmargin-right: 12px;\n}\n.optionsToggle label {font-weight: 300; color:@plone-gray;}\n\n.ordered-selection-field{\n td {\n vertical-align: middle;\n text-align: center;\n }\n td button{\n float: left;\n margin-left: 2rem;\n }\n}\n\n.folder-factories{\n list-style:none;\n}\n\n//*// Correct input + label on plone structure widgets\n.widget input + label {\n display: inline;\n}\n","//*// MIXIN FORMS //*//\n\n// Form validation states\n//\n// Used in forms.less to generate the form validation CSS for warnings, errors,\n// and successes.\n\n.form-control-validation(@plone-text-color: #555; @plone-border-color: #ccc; @plone-background-color: #f5f5f5) {\n // Color the label and help text\n .help-block,\n .control-label,\n .radio,\n .checkbox,\n .radio-inline,\n .checkbox-inline {\n color: @plone-text-color;\n }\n // Set the border and box shadow on specific inputs to match\n .form-control {\n border-color: @plone-border-color;\n .box-shadow(inset 0 1px 1px rgba(0,0,0,.075)); // Redeclare so transitions work\n &:focus {\n border-color: darken(@plone-border-color, 10%);\n @plone-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px lighten(@plone-border-color, 20%);\n .box-shadow(@plone-shadow);\n }\n }\n // Set validation states also for addons\n .input-group-addon {\n color: @plone-text-color;\n border-color: @plone-border-color;\n background-color: @plone-background-color;\n }\n // Optional feedback icon\n .form-control-feedback {\n color: @plone-text-color;\n }\n}\n\n\n// Form control focus state\n//\n// Generate a customized focus state and for any input with the specified color,\n// which defaults to the `@input-border-focus` variable.\n//\n// We highly encourage you to not customize the default value, but instead use\n// this to tweak colors on an as-needed basis. This aesthetic change is based on\n// WebKit's default styles, but applicable to a wider range of browsers. Its\n// usability and accessibility should be taken into account with any change.\n//\n// Example usage: change the default blue border and shadow to white for better\n// contrast against a dark gray background.\n.form-control-focus(@plone-color: @plone-input-border-focus) {\n @plone-color-rgba: rgba(red(@plone-color), green(@plone-color), blue(@plone-color), .6);\n &:focus {\n border-color: @plone-color;\n outline: 0;\n .box-shadow(~\"inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px @{plone-color-rgba}\");\n }\n}\n\n// Form control sizing\n//\n// Relative text size, padding, and border-radii changes for form controls. For\n// horizontal sizing, wrap controls in the predefined grid classes. `` background color\n@plone-input-bg: #fff;\n//** `` background color\n@plone-input-bg-disabled: @plone-table-border-color;\n//** Text color for ``s\n@plone-input-color: @plone-gray;\n//** `` border color\n@plone-input-border: #ccc;\n//** `` border radius\n@plone-input-border-radius: @plone-border-radius-base;\n//** Border color for inputs on focus\n@plone-input-border-focus: @plone-portlet-list-bullet;\n//** Placeholder text color\n@plone-input-color-placeholder: @plone-gray-light;\n//** Default `.form-control` height\n@plone-input-height-base: (@plone-line-height-computed + (@plone-padding-base-vertical * 2) + 2);\n//** Large `.form-control` height\n@plone-input-height-large: (ceil(@plone-font-size-large * @plone-line-height-large) + (@plone-padding-large-vertical * 2) + 2);\n//** Small `.form-control` height\n@plone-input-height-small: (floor(@plone-font-size-small * @plone-line-height-small) + (@plone-padding-small-vertical * 2) + 2);\n@plone-legend-color: @plone-gray-dark;\n@plone-legend-border-color: #e5e5e5;\n\n//** Background color for textual input addons\n@plone-input-group-addon-bg: @plone-gray-lighter;\n//** Border color for textual input addons\n@plone-input-group-addon-border-color: @plone-input-border;\n\n\n\n//*// ALERTS\n@plone-alert-icon-size:\t\t\t\t\t\t\t20px;\n@plone-alert-padding:\t\t\t\t\t\t\t15px;\n\t@plone-alert-border-radius:\t\t\t\t\t4px;\n\t@plone-alert-link-font-weight:\t\t\t\t@plone-font-weight-regular; //it depends on your font-family\n@plone-alert-info-bg:\t\t\t\t\t\t@plone-state-info-bg;\n\t@plone-alert-info-text:\t\t\t\t\t\t@plone-state-info-text; //the text on alert is black with opacity to use the same color and match the bg.\n\t@plone-alert-info-border:\t\t\t\t\t@plone-state-info-border;\n\t@plone-alert-info-bullet:\t\t\t\t\t@plone-state-info-bullet;\n@plone-alert-warning-bg:\t\t\t\t\t@plone-state-warning-bg;\n\t@plone-alert-warning-text:\t\t\t\t\t@plone-state-warning-text;\n\t@plone-alert-warning-border:\t\t\t\t@plone-state-warning-border;\n\t@plone-alert-warning-bullet:\t\t\t\t@plone-state-warning-bullet;\n@plone-alert-error-bg:\t\t\t\t\t\t@plone-state-error-bg;\n\t@plone-alert-error-text:\t\t\t\t\t@plone-state-error-text;\n\t@plone-alert-error-border:\t\t\t\t\t@plone-state-error-border;\n\t@plone-alert-error-bullet:\t\t\t\t\t@plone-state-error-bullet;\n\n\n\n//*// PORTLETS\n@plone-border-base:\t\t\t\t\t\t\t1px solid;\n@plone-portlet-header-bg:\t\t\t\t\t#f2f1f1;\n@plone-portlet-header-color:\t\t\t\t@plone-gray;\n@plone-portlet-content-bg:\t\t\t\t\t#fff;\n@plone-portlet-footer-bg:\t\t\t\t\t#fcfcfd;\n@plone-portlet-border:\t\t\t\t\t\t@plone-border-base #e5e5e5;\n@plone-portlet-contrast-bg:\t\t\t\t\t#e5e5e5;\n@plone-portlet-event-bullet:\t\t\t\t#dbecfe;\n@plone-portlet-list-bullet:\t\t\t\t\t#64bee8;\n@plone-portlet-list-hover-bg:\t\t\t\t#fcfcfd;\n@plone-portlet-list-small-text:\t\t\t\t@plone-gray;\n\n\n\n//*// THUMBS\n//** Padding around the thumbnail image\n@plone-thumbnail-padding: 4px;\n//** Thumbnail background color\n@plone-thumbnail-bg: @plone-body-bg;\n//** Thumbnail border color\n@plone-thumbnail-border: #ddd;\n//** Thumbnail border radius\n@plone-thumbnail-border-radius: @plone-border-radius-base;\n//** Custom text color for thumbnail captions\n@plone-thumbnail-caption-color: @plone-text-color;\n//** Padding around the thumbnail caption\n@plone-thumbnail-caption-padding: 9px;\n\n\n\n//*// BREADCRUMBS\n@plone-breadcrumb-padding-vertical: 8px;\n@plone-breadcrumb-padding-horizontal: 15px;\n//** Breadcrumb background color\n@plone-breadcrumb-bg: darken(@plone-portlet-header-bg,5%);\n//** Breadcrumb text color\n@plone-breadcrumb-color: @plone-gray-lighter;\n//** Text color of current page in the breadcrumb\n@plone-breadcrumb-active-color: @plone-gray-light;\n\n\n//*// SITE NAV\n@plone-sitenav-height: 50px;\n\t@plone-sitenav-margin-bottom: @plone-line-height-computed;\n\t@plone-sitenav-border-radius: @plone-border-radius-base;\n\t@plone-sitenav-padding-horizontal: floor((@plone-grid-gutter-width / 2));\n\t@plone-sitenav-padding-vertical: ((@plone-sitenav-height - @plone-line-height-computed) / 2);\n\t@plone-sitenav-collapse-max-height: 340px;\n\t@plone-sitenav-link-padding: 10px 15px;\n\t@plone-sitenav-link-hover-bg: #7099bf;\n\t@plone-sitenav-bg: \t\t\t @plone-link-color;\n\t@plone-sitenav-hover-bg: \t\t\t @plone-link-color;\n\n//*// PAGINATION\n@plone-pagination-color: @plone-link-color;\n\t@plone-pagination-bg: @plone-portlet-content-bg;\n\t@plone-pagination-border: @plone-portlet-border;\n@plone-pagination-hover-color: @plone-link-hover-color;\n\t@plone-pagination-hover-bg: @plone-portlet-header-bg;\n\t@plone-pagination-hover-border: @plone-portlet-border;\n@plone-pagination-active-color: @plone-portlet-content-bg;\n\t@plone-pagination-active-bg: @plone-link-color;\n\t@plone-pagination-active-border: @plone-border-base @plone-link-color;\n@plone-pagination-disabled-color: @plone-gray-lighter;\n\t@plone-pagination-disabled-bg: @plone-portlet-footer-bg;\n\t@plone-pagination-disabled-border: @plone-portlet-border;\n\n\n\n//*// CODE\n@plone-code-color: #c7254e;\n\t@plone-code-bg: #f9f2f4;\n@plone-kbd-color: #fff;\n\t@plone-kbd-bg: #333;\n@plone-pre-bg: #f5f5f5;\n\t@plone-pre-color: @plone-gray-dark;\n\t@plone-pre-border-color: #ccc;\n\t@plone-pre-scrollable-max-height: 340px;\n\n\n\n//*// TYPE\n//** Text muted color\n@plone-text-discreet: @plone-gray;\n//** Abbreviations and acronyms border color\n@plone-abbr-border-color: @plone-gray-light;\n//** Headings small color\n@plone-headings-small-color: @plone-gray-light;\n//** Blockquote small color\n@plone-blockquote-small-color: @plone-gray-light;\n//** Blockquote font size\n@plone-blockquote-font-size: (@plone-font-size-base * 1.25);\n//** Blockquote border color\n@plone-blockquote-border-color: @plone-gray-lighter;\n//** Page header border color\n@plone-page-header-border-color: @plone-gray-lighter;\n\n\n\n//*// MISC\n//** Horizontal line color.\n@plone-hr-border: @plone-gray-lighter;\n//** Horizontal offset for forms and lists.\n@plone-component-offset-horizontal: 180px;\n\n\n//*// END\n","//*// MIXIN TAB FOCUS //*//\n\n.tab-focus() {\n // Default\n outline: thin dotted;\n // WebKit\n outline: 5px auto -webkit-focus-ring-color;\n outline-offset: -2px;\n}\n\n.placeholder(@plone-color: @plone-input-color-placeholder) {\n &::-moz-placeholder { color: @plone-color; // Firefox\n opacity: 1; } // See https://github.com/twbs/bootstrap/pull/11526\n &:-ms-input-placeholder { color: @plone-color; } // Internet Explorer 10+\n &::-webkit-input-placeholder { color: @plone-color; } // Safari and Chrome\n}","//*// TYPE //*//\n\n//*// Body //*//\nbody { word-wrap: break-word; }\n\n//*// Headings\nh1, h2, h3, h4, h5, h6 {\n font-family: @plone-headings-font-family;\n font-weight: @plone-headings-font-weight;\n line-height: @plone-headings-line-height;\n color: @plone-headings-color;\n}\n\nh1, h2, h3 {\n margin-top: @plone-line-height-computed;\n margin-bottom: (@plone-line-height-computed / 2);\n a:hover, a:focus { text-decoration: none; border-bottom: 2px @plone-link-hover-color solid; }\n}\nh4, h5, h6 {\n margin-top: (@plone-line-height-computed / 2);\n margin-bottom: (@plone-line-height-computed / 2);\n}\n\nh1 { font-size: @plone-font-size-h1; }\nh2 { font-size: @plone-font-size-h2; }\nh3 { font-size: @plone-font-size-h3; }\nh4 { font-size: @plone-font-size-h4; }\nh5 { font-size: @plone-font-size-h5; }\nh6 { font-size: @plone-font-size-h6; }\n\n//*// Body text\np { margin: 0 0 (@plone-line-height-computed / 2); }\n\n.documentDescription {\n font-size: @plone-font-size-h4;\n font-weight: @plone-font-weight-bold;\n color: @plone-text-discreet;\n margin-bottom: 10px;\n}\n\n//*// Emphasis & misc\nsmall { font-size: 85%; }\ncite { font-style: normal; }\nmark { background-color: @plone-state-warning-bg; padding: .2em; }\n.discreet { color: @plone-text-discreet; font-weight: @plone-font-weight-regular;}\n.documentByLine {color: @plone-text-discreet; font-weight: @plone-font-weight-regular; margin-bottom: (@plone-line-height-computed / 2); }\n\n//*// Page header\n.documentFirstHeading {\n padding-bottom: ((@plone-line-height-computed / 2) - 1);\n margin: 0 0 (@plone-line-height-computed / 2);\n border-bottom: 1px solid @plone-page-header-border-color;\n}\n\n//*// Lists\nul,\nol {\n margin-top: 0;\n margin-bottom: (@plone-line-height-computed / 2);\n ul,\n ol {\n margin-bottom: 0;\n }\n}\n\ndl {\n margin-top: 0; // Remove browser default\n margin-bottom: @plone-line-height-computed;\n}\n dt, dd { line-height: @plone-line-height-base; }\n dt { font-weight: bold;}\n dd { margin-left: 0; }\n\n//*// Misc\nabbr[title], abbr[data-original-title] /*tooltip bootstrap plugin, just in case*/ {\n cursor: help;\n border-bottom: 1px dotted @plone-abbr-border-color;\n}\n\n//*// Addresses\naddress {\n margin-bottom: @plone-line-height-computed;\n font-style: normal;\n line-height: @plone-line-height-base;\n}\n\n\n//*// Floats\n.pull-right {\n float: right !important;\n}\n.pull-left {\n float: left !important;\n}\n","//*// CODE //*//\n\n//*// Inline codes\ncode,\nkbd,\npre,\nsamp {\n font-family: @plone-font-family-monospace;\n}\n\ncode {\n padding: 2px 4px;\n font-size: 90%;\n color: @plone-code-color;\n background-color: @plone-code-bg;\n border-radius: @plone-border-radius-base;\n}\n\nkbd {\n padding: 2px 4px;\n font-size: 90%;\n color: @plone-kbd-color;\n background-color: @plone-kbd-bg;\n border-radius: @plone-border-radius-small;\n box-shadow: inset 0 -1px 0 rgba(0,0,0,.25);\n}\n\n//*// Block code\npre {\n display: block;\n padding: round((@plone-line-height-computed - 1) / 2);\n margin: 0 0 (@plone-line-height-computed / 2);\n font-size: (@plone-font-size-base - 1); // 14px to 13px\n line-height: @plone-line-height-base;\n word-break: break-all;\n word-wrap: break-word;\n color: @plone-pre-color;\n background-color: @plone-pre-bg;\n border: 1px solid @plone-pre-border-color;\n border-radius: @plone-border-radius-base;\n\n // Account for some code outputs that place code tags in pre tags, not used in Plone as default\n code {\n padding: 0;\n font-size: inherit;\n color: inherit;\n white-space: pre-wrap;\n background-color: transparent;\n border-radius: 0;\n }\n}","//*// BOOTSTRAP GRID //*//\n\n//*// This is exactly BOOTSTRAP GRID, replace it for your system\n\n\n\n// Container widths\n.container {\n .container-fixed();\n\n @media (min-width: @plone-screen-sm-min) {\n width: @plone-container-sm;\n }\n @media (min-width: @plone-screen-md-min) {\n width: @plone-container-md;\n }\n @media (min-width: @plone-screen-lg-min) {\n width: @plone-container-lg;\n }\n}\n\n\n// Fluid container\n.container-fluid {\n .container-fixed();\n}\n\n\n// Row\n.row {\n .clearfix();\n .make-row();\n}\n\n\n// Columns\n.make-grid-columns();\n\n\n// Extra small grid\n.make-grid(xs);\n\n\n// Small grid\n@media (min-width: @plone-screen-sm-min) {\n .make-grid(sm);\n}\n\n\n// Medium grid\n@media (min-width: @plone-screen-md-min) {\n .make-grid(md);\n}\n\n\n// Large grid\n@media (min-width: @plone-screen-lg-min) {\n .make-grid(lg);\n}\n\n\n// toolbar needs to match grid \n#edit-zone.plone-toolbar-top .plone-toolbar-container {\n .container-fixed(); \n @media (min-width: @plone-screen-sm-min) {\n width: @plone-container-sm;\n }\n @media (min-width: @plone-screen-md-min) {\n width: @plone-container-md;\n }\n @media (min-width: @plone-screen-lg-min) {\n width: @plone-container-lg;\n }\n margin-top: 0;\n margin-bottom: 0;\n height: 50px;\n}\n#edit-zone.plone-toolbar-top.compressed .plone-toolbar-container {width: auto;}","//*// BOOTSTRAP GRID MIXIN //*//\n\n//*// This is exactly BOOTSTRAP GRID, replace it for your system\n\n\n\n\n\n\n\n// Grid system\n//\n// Generate semantic grid columns with these mixins.\n\n// Centered container element\n.container-fixed(@gutter: @plone-grid-gutter-width) {\n margin-right: auto;\n margin-left: auto;\n padding-left: (@gutter / 2);\n padding-right: (@gutter / 2);\n &:extend(.clearfix all);\n}\n\n// Creates a wrapper for a series of columns\n.make-row(@gutter: @plone-grid-gutter-width) {\n margin-left: (@gutter / -2);\n margin-right: (@gutter / -2);\n &:extend(.clearfix all);\n}\n\n// Generate the extra small columns\n.make-xs-column(@columns; @gutter: @plone-grid-gutter-width) {\n position: relative;\n float: left;\n width: percentage((@columns / @plone-grid-columns));\n min-height: 1px;\n padding-left: (@gutter / 2);\n padding-right: (@gutter / 2);\n}\n.make-xs-column-offset(@columns) {\n margin-left: percentage((@columns / @plone-grid-columns));\n}\n.make-xs-column-push(@columns) {\n left: percentage((@columns / @plone-grid-columns));\n}\n.make-xs-column-pull(@columns) {\n right: percentage((@columns / @plone-grid-columns));\n}\n\n// Generate the small columns\n.make-sm-column(@columns; @gutter: @plone-grid-gutter-width) {\n position: relative;\n min-height: 1px;\n padding-left: (@gutter / 2);\n padding-right: (@gutter / 2);\n\n @media (min-width: @plone-screen-sm-min) {\n float: left;\n width: percentage((@columns / @plone-grid-columns));\n }\n}\n.make-sm-column-offset(@columns) {\n @media (min-width: @plone-screen-sm-min) {\n margin-left: percentage((@columns / @plone-grid-columns));\n }\n}\n.make-sm-column-push(@columns) {\n @media (min-width: @plone-screen-sm-min) {\n left: percentage((@columns / @plone-grid-columns));\n }\n}\n.make-sm-column-pull(@columns) {\n @media (min-width: @plone-screen-sm-min) {\n right: percentage((@columns / @plone-grid-columns));\n }\n}\n\n// Generate the medium columns\n.make-md-column(@columns; @gutter: @plone-grid-gutter-width) {\n position: relative;\n min-height: 1px;\n padding-left: (@gutter / 2);\n padding-right: (@gutter / 2);\n\n @media (min-width: @plone-screen-md-min) {\n float: left;\n width: percentage((@columns / @plone-grid-columns));\n }\n}\n.make-md-column-offset(@columns) {\n @media (min-width: @plone-screen-md-min) {\n margin-left: percentage((@columns / @plone-grid-columns));\n }\n}\n.make-md-column-push(@columns) {\n @media (min-width: @plone-screen-md-min) {\n left: percentage((@columns / @plone-grid-columns));\n }\n}\n.make-md-column-pull(@columns) {\n @media (min-width: @plone-screen-md-min) {\n right: percentage((@columns / @plone-grid-columns));\n }\n}\n\n// Generate the large columns\n.make-lg-column(@columns; @gutter: @plone-grid-gutter-width) {\n position: relative;\n min-height: 1px;\n padding-left: (@gutter / 2);\n padding-right: (@gutter / 2);\n\n @media (min-width: @plone-screen-lg-min) {\n float: left;\n width: percentage((@columns / @plone-grid-columns));\n }\n}\n.make-lg-column-offset(@columns) {\n @media (min-width: @plone-screen-lg-min) {\n margin-left: percentage((@columns / @plone-grid-columns));\n }\n}\n.make-lg-column-push(@columns) {\n @media (min-width: @plone-screen-lg-min) {\n left: percentage((@columns / @plone-grid-columns));\n }\n}\n.make-lg-column-pull(@columns) {\n @media (min-width: @plone-screen-lg-min) {\n right: percentage((@columns / @plone-grid-columns));\n }\n}","//*// MIXIN CLEARFIX //*//\n\n.clearfix() {\n &:before,\n &:after {\n content: \" \"; // 1\n display: table; // 2\n }\n &:after {\n clear: both;\n }\n}","//*// BOOTSTRAP GRID MIXIN FRAMEWORK //*//\n\n//*// This is exactly BOOTSTRAP GRID, replace it for your system\n\n\n\n\n\n\n\n// Framework grid generation\n//\n// Used only by Bootstrap to generate the correct number of grid classes given\n// any value of `@grid-columns`.\n\n.make-grid-columns() {\n // Common styles for all sizes of grid columns, widths 1-12\n .col(@index) when (@index = 1) { // initial\n @item: ~\".col-xs-@{index}, .col-sm-@{index}, .col-md-@{index}, .col-lg-@{index}\";\n .col((@index + 1), @item);\n }\n .col(@index, @list) when (@index =< @plone-grid-columns) { // general; \"=<\" isn't a typo\n @item: ~\".col-xs-@{index}, .col-sm-@{index}, .col-md-@{index}, .col-lg-@{index}\";\n .col((@index + 1), ~\"@{list}, @{item}\");\n }\n .col(@index, @list) when (@index > @plone-grid-columns) { // terminal\n @{list} {\n position: relative;\n // Prevent columns from collapsing when empty\n min-height: 1px;\n // Inner gutter via padding\n padding-left: (@plone-grid-gutter-width / 2);\n padding-right: (@plone-grid-gutter-width / 2);\n }\n }\n .col(1); // kickstart it\n}\n\n.float-grid-columns(@class) {\n .col(@index) when (@index = 1) { // initial\n @item: ~\".col-@{class}-@{index}\";\n .col((@index + 1), @item);\n }\n .col(@index, @list) when (@index =< @plone-grid-columns) { // general\n @item: ~\".col-@{class}-@{index}\";\n .col((@index + 1), ~\"@{list}, @{item}\");\n }\n .col(@index, @list) when (@index > @plone-grid-columns) { // terminal\n @{list} {\n float: left;\n }\n }\n .col(1); // kickstart it\n}\n\n.calc-grid-column(@index, @class, @type) when (@type = width) and (@index > 0) {\n .col-@{class}-@{index} {\n width: percentage((@index / @plone-grid-columns));\n }\n}\n.calc-grid-column(@index, @class, @type) when (@type = push) and (@index > 0) {\n .col-@{class}-push-@{index} {\n left: percentage((@index / @plone-grid-columns));\n }\n}\n.calc-grid-column(@index, @class, @type) when (@type = push) and (@index = 0) {\n .col-@{class}-push-0 {\n left: auto;\n }\n}\n.calc-grid-column(@index, @class, @type) when (@type = pull) and (@index > 0) {\n .col-@{class}-pull-@{index} {\n right: percentage((@index / @plone-grid-columns));\n }\n}\n.calc-grid-column(@index, @class, @type) when (@type = pull) and (@index = 0) {\n .col-@{class}-pull-0 {\n right: auto;\n }\n}\n.calc-grid-column(@index, @class, @type) when (@type = offset) {\n .col-@{class}-offset-@{index} {\n margin-left: percentage((@index / @plone-grid-columns));\n }\n}\n\n// Basic looping in LESS\n.loop-grid-columns(@index, @class, @type) when (@index >= 0) {\n .calc-grid-column(@index, @class, @type);\n // next iteration\n .loop-grid-columns((@index - 1), @class, @type);\n}\n\n// Create grid for specific class\n.make-grid(@class) {\n .float-grid-columns(@class);\n .loop-grid-columns(@plone-grid-columns, @class, width);\n .loop-grid-columns(@plone-grid-columns, @class, pull);\n .loop-grid-columns(@plone-grid-columns, @class, push);\n .loop-grid-columns(@plone-grid-columns, @class, offset);\n}\n","//*// TABLES //*//\n\n//*// Tables\ntable { max-width: 100%; background-color: @plone-table-bg; border-radius: @plone-border-radius-base; font-weight: @plone-font-weight-regular; color: @plone-gray;}\nth { text-align: left; color: @plone-gray-dark;}\n\n//*// listing table plone class\n.listing {\n width: 100%;\n margin-bottom: @plone-line-height-computed;\n // Cells\n > thead,\n > tbody,\n > tfoot {\n > tr {\n > th,\n > td {\n padding: @plone-table-cell-padding;\n line-height: @plone-line-height-base;\n vertical-align: top;\n border-top: 0 solid @plone-table-border-color;\n border-collapse: collapse;\n }\n }\n }\n // Bottom align for column headings\n > thead > tr > th {\n vertical-align: bottom;\n border-bottom: 1px solid @plone-table-border-color;\n }\n // Remove top border from thead by default\n > caption + thead,\n > colgroup + thead,\n > thead:first-child {\n > tr:first-child {\n > th,\n > td {\n border-top: 0;\n }\n }\n }\n // Account for multiple tbody instances\n > tbody + tbody {\n border-top: 2px solid @plone-table-border-color;\n }\n\n // Nesting\n .listing {\n background-color: @plone-body-bg;\n }\n}\n\n//*// invisible grid table plone class\n.invisible-grid {\n width: 100%;\n margin-bottom: @plone-line-height-computed;\n border: 0;\n background: transparent;\n // Cells\n > thead,\n > tbody,\n > tfoot {\n > tr {\n > th,\n > td {\n border: 0;\n }\n }\n }\n}\n\n// Zebra-striping\n.listing {\n > tbody > tr:nth-child(odd) {\n > td,\n > th {\n background-color: @plone-table-bg-accent;\n }\n }\n}\n\n//we need to add a class on div parent element of the table to ensure all possible options for responsive tables.\n//as default has-table uses it to scroll horizontally table\n.plone-has-table {\n @media screen and (max-width: @plone-screen-xs-max) {\n width: 100%;\n margin-bottom: (@plone-line-height-computed * 0.75);\n overflow-y: hidden;\n overflow-x: scroll;\n -ms-overflow-style: -ms-autohiding-scrollbar;\n border: 1px solid @plone-table-border-color;\n border-radius: @plone-border-radius-base;\n -webkit-overflow-scrolling: touch;\n position: relative;\n // scroll marker, it appears when we have active the mobile class\n &:after {content:\"⟷\"; position:fixed; color:@plone-gray-lighter; margin-top:-3px}\n // Tighten up spacing\n > .listing {\n margin-bottom: 0;\n\n // Ensure the content doesn't wrap\n > thead,\n > tbody,\n > tfoot {\n > tr {\n > th,\n > td {\n white-space: nowrap;\n }\n }\n }\n }\n }\n}\n\n// Most of this is pulled out of twitter bootstrap styles\n// https://raw.githubusercontent.com/twbs/bootstrap/master/less/tables.less\n\n\ntable {\n width: 100%;\n max-width: 100%;\n border: 1px solid @plone-table-border-color;\n // Cells\n > thead,\n > tbody,\n > tfoot {\n > tr {\n > th,\n > td {\n vertical-align: top;\n border-top: 1px solid @plone-table-border-color;\n }\n }\n }\n // Bottom align for column headings\n > thead > tr > th {\n vertical-align: bottom;\n border-bottom: 2px solid @plone-table-border-color;\n }\n // Remove top border from thead by default\n > caption + thead,\n > colgroup + thead,\n > thead:first-child {\n > tr:first-child {\n > th,\n > td {\n border-top: 0;\n }\n }\n }\n // Account for multiple tbody instances\n > tbody + tbody {\n border-top: 2px solid @plone-table-border-color;\n }\n\n > thead,\n > tbody,\n > tfoot {\n > tr {\n > th,\n > td {\n border: 1px solid @plone-table-border-color;\n }\n }\n }\n > thead > tr {\n > th,\n > td {\n // This used to be a mismatched property value.\n // I think this is the intention but am not to sure.\n border-bottom: 1px solid @plone-table-border-color;\n }\n }\n}\n\n// Table cell sizing\n//\n// Reset default table behavior\n\ntable col[class*=\"col-\"] {\n position: static; // Prevent border hiding in Firefox and IE9-11 (see https://github.com/twbs/bootstrap/issues/11623)\n float: none;\n display: table-column;\n}\ntable {\n td,\n th {\n &[class*=\"col-\"] {\n position: static; // Prevent border hiding in Firefox and IE9-11 (see https://github.com/twbs/bootstrap/issues/11623)\n float: none;\n display: table-cell;\n }\n }\n}","//*// FORMS //*//\n\n// Normalize non-controls\n// Restyle and baseline non-control form elements.\nfieldset {\n padding: 0;\n margin: 0;\n border: 0;\n // Chrome and Firefox set a `min-width: -webkit-min-content;` on fieldsets,\n // so we reset that to ensure it behaves more like a standard block element.\n // See https://github.com/twbs/bootstrap/issues/12359.\n min-width: 0;\n}\n\nlegend {\n display: block;\n width: 100%;\n padding: 0;\n margin-bottom: @plone-line-height-computed;\n font-size: (@plone-font-size-base * 1.5);\n line-height: inherit;\n color: @plone-legend-color;\n border: 0;\n border-bottom: 1px solid @plone-legend-border-color;\n font-weight: @plone-font-weight-light;\n}\n\nlabel {\n display: inline-block;\n max-width: 100%; // Force IE8 to wrap long content (see https://github.com/twbs/bootstrap/issues/13141)\n margin-bottom: @plone-padding-base-vertical;\n font-weight: bold;\n}\n\n\n// Normalize form controls\n//\n// While most of our form styles require extra classes, some basic normalization\n// is required to ensure optimum display with or without those classes to better\n// address browser inconsistencies.\n// Override content-box in Normalize (* isn't specific enough)\ninput[type=\"search\"] {\n .box-sizing(border-box);\n}\n\n// Position radios and checkboxes better\ninput[type=\"radio\"],\ninput[type=\"checkbox\"] {\n margin: 4px 0 0;\n margin-top: 1px \\9; // IE8-9\n line-height: normal;\n}\n\n// Set the height of file controls to match text inputs\ninput[type=\"file\"] {\n display: block;\n}\n\n// Make range inputs behave like textual form controls\ninput[type=\"range\"] {\n display: block;\n width: 100%;\n}\n\n// Make multiple select elements height not fixed\nselect[multiple],\nselect[size] {\n height: auto;\n min-width: 10em;\n}\nselect[size=\"1\"] {\n height: @plone-input-height-base;\n}\n\n// Focus for file, radio, and checkbox\ninput[type=\"file\"]:focus,\ninput[type=\"radio\"]:focus,\ninput[type=\"checkbox\"]:focus {\n .tab-focus();\n}\n\n// Adjust output element\noutput {\n display: block;\n padding-top: (@plone-padding-base-vertical + 1);\n font-size: @plone-font-size-base;\n line-height: @plone-line-height-base;\n color: @plone-input-color;\n}\n\n/*.form-control,*/ input[type=\"text\"], input[type=\"email\"], input[type=\"password\"], textarea, select {\n display: block;\n width: 100%;\n height: @plone-input-height-base; // Make inputs at least the height of their button counterpart (base line-height + padding + border)\n padding: @plone-padding-base-vertical @plone-padding-base-horizontal;\n font-size: @plone-font-size-base;\n line-height: @plone-line-height-base;\n color: @plone-input-color;\n background-color: @plone-input-bg;\n background-image: none; // Reset unusual Firefox-on-Android default style; see https://github.com/necolas/normalize.css/issues/214\n border: 1px solid @plone-input-border;\n border-radius: @plone-input-border-radius;\n .box-shadow(inset 0 1px 1px rgba(0,0,0,.075));\n .transition(~\"border-color ease-in-out .15s, box-shadow ease-in-out .15s\");\n\n // Customize the `:focus` state to imitate native WebKit styles.\n .form-control-focus();\n\n // Placeholder\n .placeholder();\n\n // Disabled and read-only inputs\n //\n // HTML5 says that controls under a fieldset > legend:first-child won't be\n // disabled if the fieldset is disabled. Due to implementation difficulty, we\n // don't honor that edge case; we style them as disabled anyway.\n &[disabled],\n &[readonly],\n fieldset[disabled] & {\n cursor: not-allowed;\n background-color: @plone-input-bg-disabled;\n opacity: 1; // iOS fix for unreadable disabled content\n }\n}\n// Reset height for `textarea`s\ntextarea {\n min-height: 9em;\n min-width: 10em;\n resize: vertical; //as default, only vertical resize\n\n &[name='form.widgets.IRichText.text'] {\n min-height: 12em;\n font-family: @plone-font-family-monospace; // when typing without richtext editor\n }\n}\n\n// Search inputs in iOS\n//\n// This overrides the extra rounded corners on search inputs in iOS so that our\n// `.form-control` class can properly style them. Note that this cannot simply\n// be added to `.form-control` as it's not specific enough. For details, see\n// https://github.com/twbs/bootstrap/issues/11586.\n\ninput[type=\"search\"] {\n -webkit-appearance: none;\n}\n\n\n// Special styles for iOS temporal inputs\n//\n// In Mobile Safari, setting `display: block` on temporal inputs causes the\n// text within the input to become vertically misaligned.\n// As a workaround, we set a pixel line-height that matches the\n// given height of the input. Since this fucks up everything else, we have to\n// appropriately reset it for Internet Explorer and the size variations.\n\ninput[type=\"date\"],\ninput[type=\"time\"],\ninput[type=\"datetime-local\"],\ninput[type=\"month\"] {\n line-height: @plone-input-height-base;\n // IE8+ misaligns the text within date inputs, so we reset\n line-height: @plone-line-height-base ~\"\\0\";\n}\n\n// Apply same disabled cursor tweak as for inputs\ninput[type=\"radio\"],\ninput[type=\"checkbox\"] {\n &[disabled],\n fieldset[disabled] & {\n cursor: not-allowed;\n }\n}\n\n//*// Form field\n.field {\n margin-bottom: 15px;\n // each option in a multi-checkbox field should be on a separate line\n span.option {\n display: block;\n }\n}\n\n.field.error {\n .form-control-validation(@plone-state-error-text; @plone-state-error-text; @plone-state-error-bg);\n background: lighten(@plone-state-error-bg,20%);\n .box-shadow(0 0 0 5px lighten(@plone-state-error-bg,20%));\n > label, div.error {\n color: @plone-toolbar-private-color;\n }\n div.error {\n padding-left: 30px;\n font-weight: @plone-font-weight-regular;\n &:before {\n background-color: @plone-alert-error-bullet; content:\"×\";\n font-size:@plone-font-size-base;\n font-weight: @plone-font-weight-regular;\n margin-left: -30px;\n margin-right: 5px;\n display: inline-block;\n border-radius: 20px;\n text-align:center;\n color:rgba(255, 255, 255, 0.9);\n width:16px;\n height:16px;\n line-height: 16px; //IE fix\n text-shadow: 0 -1px rgba(0,0,0,.5);\n top: -1px;\n position: relative;\n }\n }\n input,textarea,select {\n border-color: @plone-toolbar-private-color;\n &:focus {\n .box-shadow(0 0 8px lighten(@plone-toolbar-private-color,40%) );\n }\n }\n}\n\n.formHelp {\n //display: block; if want all helps to be block. As default span.formHelp inline and div.formHelp block\n margin-top: 0;\n margin-bottom: 0;\n color: lighten(@plone-text-color, 10%);\n font-weight: @plone-font-weight-regular;\n font-style: italic;\n}\n\n.formControls {\n border-top: 1px solid @plone-gray-lighter;\n background: @plone-portlet-footer-bg;\n padding: @plone-padding-base-horizontal;\n box-shadow: inset 0 10px 10px -10px rgba(0,0,0,.05);\n}\n// don't show formControls in modal body,\n// because the actual controls get moved to the footer\n.plone-modal-body .formControls {\n border: none;\n background: transparent;\n padding: 0;\n box-shadow: none;\n}\n\n//*// Required\nlabel .required {\n &:after{\n color: @plone-toolbar-private-color;\n content:\"•\";\n font-size: 200%;\n line-height: 0;\n position: relative;\n top: 7px;\n margin-left: -4px;\n }\n}\n\n//*// Input + Submit groups (manual because we still have no standard for this)\n.searchField.portlet-search-gadget,\n#sharing-user-group-search,\n#select-rules {width: 100%; display: inline-block;}\n\n.searchField.portlet-search-gadget + .searchButton,\n#sharing-user-group-search + #sharing-search-button,\n#select-rules + input {position: relative; float:right;margin-top: -@plone-input-height-base;}\n\n\n\n//*// Highlighted search\n#search-results li {margin: @plone-padding-base-horizontal 0;\n .croppedDescription {margin-bottom: 0;}\n}\n.highlightedSearchTerm {\n background: #fea;\n box-shadow: 0 0 1px 1px #fea;\n}\n.search-date-options > div, .search-type-options > div {\ndisplay: inline-block;\nmargin-right: 12px;\n}\n.optionsToggle label {font-weight: 300; color:@plone-gray;}\n\n.ordered-selection-field{\n td {\n vertical-align: middle;\n text-align: center;\n }\n td button{\n float: left;\n margin-left: 2rem;\n }\n}\n\n.folder-factories{\n list-style:none;\n}\n\n//*// Correct input + label on plone structure widgets\n.widget input + label {\n display: inline;\n}\n","//*// MIXIN FORMS //*//\n\n// Form validation states\n//\n// Used in forms.less to generate the form validation CSS for warnings, errors,\n// and successes.\n\n.form-control-validation(@plone-text-color: #555; @plone-border-color: #ccc; @plone-background-color: #f5f5f5) {\n // Color the label and help text\n .help-block,\n .control-label,\n .radio,\n .checkbox,\n .radio-inline,\n .checkbox-inline {\n color: @plone-text-color;\n }\n // Set the border and box shadow on specific inputs to match\n .form-control {\n border-color: @plone-border-color;\n .box-shadow(inset 0 1px 1px rgba(0,0,0,.075)); // Redeclare so transitions work\n &:focus {\n border-color: darken(@plone-border-color, 10%);\n @plone-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px lighten(@plone-border-color, 20%);\n .box-shadow(@plone-shadow);\n }\n }\n // Set validation states also for addons\n .input-group-addon {\n color: @plone-text-color;\n border-color: @plone-border-color;\n background-color: @plone-background-color;\n }\n // Optional feedback icon\n .form-control-feedback {\n color: @plone-text-color;\n }\n}\n\n\n// Form control focus state\n//\n// Generate a customized focus state and for any input with the specified color,\n// which defaults to the `@input-border-focus` variable.\n//\n// We highly encourage you to not customize the default value, but instead use\n// this to tweak colors on an as-needed basis. This aesthetic change is based on\n// WebKit's default styles, but applicable to a wider range of browsers. Its\n// usability and accessibility should be taken into account with any change.\n//\n// Example usage: change the default blue border and shadow to white for better\n// contrast against a dark gray background.\n.form-control-focus(@plone-color: @plone-input-border-focus) {\n @plone-color-rgba: rgba(red(@plone-color), green(@plone-color), blue(@plone-color), .6);\n &:focus {\n border-color: @plone-color;\n outline: 0;\n .box-shadow(~\"inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px @{plone-color-rgba}\");\n }\n}\n\n// Form control sizing\n//\n// Relative text size, padding, and border-radii changes for form controls. For\n// horizontal sizing, wrap controls in the predefined grid classes. `` background color\n@plone-input-bg: #fff;\n//** `` background color\n@plone-input-bg-disabled: @plone-table-border-color;\n//** Text color for ``s\n@plone-input-color: @plone-gray;\n//** `` border color\n@plone-input-border: #ccc;\n//** `` border radius\n@plone-input-border-radius: @plone-border-radius-base;\n//** Border color for inputs on focus\n@plone-input-border-focus: @plone-portlet-list-bullet;\n//** Placeholder text color\n@plone-input-color-placeholder: @plone-gray-light;\n//** Default `.form-control` height\n@plone-input-height-base: (@plone-line-height-computed + (@plone-padding-base-vertical * 2) + 2);\n//** Large `.form-control` height\n@plone-input-height-large: (ceil(@plone-font-size-large * @plone-line-height-large) + (@plone-padding-large-vertical * 2) + 2);\n//** Small `.form-control` height\n@plone-input-height-small: (floor(@plone-font-size-small * @plone-line-height-small) + (@plone-padding-small-vertical * 2) + 2);\n@plone-legend-color: @plone-gray-dark;\n@plone-legend-border-color: #e5e5e5;\n\n//** Background color for textual input addons\n@plone-input-group-addon-bg: @plone-gray-lighter;\n//** Border color for textual input addons\n@plone-input-group-addon-border-color: @plone-input-border;\n\n\n\n//*// ALERTS\n@plone-alert-icon-size:\t\t\t\t\t\t\t20px;\n@plone-alert-padding:\t\t\t\t\t\t\t15px;\n\t@plone-alert-border-radius:\t\t\t\t\t4px;\n\t@plone-alert-link-font-weight:\t\t\t\t@plone-font-weight-regular; //it depends on your font-family\n@plone-alert-info-bg:\t\t\t\t\t\t@plone-state-info-bg;\n\t@plone-alert-info-text:\t\t\t\t\t\t@plone-state-info-text; //the text on alert is black with opacity to use the same color and match the bg.\n\t@plone-alert-info-border:\t\t\t\t\t@plone-state-info-border;\n\t@plone-alert-info-bullet:\t\t\t\t\t@plone-state-info-bullet;\n@plone-alert-warning-bg:\t\t\t\t\t@plone-state-warning-bg;\n\t@plone-alert-warning-text:\t\t\t\t\t@plone-state-warning-text;\n\t@plone-alert-warning-border:\t\t\t\t@plone-state-warning-border;\n\t@plone-alert-warning-bullet:\t\t\t\t@plone-state-warning-bullet;\n@plone-alert-error-bg:\t\t\t\t\t\t@plone-state-error-bg;\n\t@plone-alert-error-text:\t\t\t\t\t@plone-state-error-text;\n\t@plone-alert-error-border:\t\t\t\t\t@plone-state-error-border;\n\t@plone-alert-error-bullet:\t\t\t\t\t@plone-state-error-bullet;\n\n\n\n//*// PORTLETS\n@plone-border-base:\t\t\t\t\t\t\t1px solid;\n@plone-portlet-header-bg:\t\t\t\t\t#f2f1f1;\n@plone-portlet-header-color:\t\t\t\t@plone-gray;\n@plone-portlet-content-bg:\t\t\t\t\t#fff;\n@plone-portlet-footer-bg:\t\t\t\t\t#fcfcfd;\n@plone-portlet-border:\t\t\t\t\t\t@plone-border-base #e5e5e5;\n@plone-portlet-contrast-bg:\t\t\t\t\t#e5e5e5;\n@plone-portlet-event-bullet:\t\t\t\t#dbecfe;\n@plone-portlet-list-bullet:\t\t\t\t\t#64bee8;\n@plone-portlet-list-hover-bg:\t\t\t\t#fcfcfd;\n@plone-portlet-list-small-text:\t\t\t\t@plone-gray;\n\n\n\n//*// THUMBS\n//** Padding around the thumbnail image\n@plone-thumbnail-padding: 4px;\n//** Thumbnail background color\n@plone-thumbnail-bg: @plone-body-bg;\n//** Thumbnail border color\n@plone-thumbnail-border: #ddd;\n//** Thumbnail border radius\n@plone-thumbnail-border-radius: @plone-border-radius-base;\n//** Custom text color for thumbnail captions\n@plone-thumbnail-caption-color: @plone-text-color;\n//** Padding around the thumbnail caption\n@plone-thumbnail-caption-padding: 9px;\n\n\n\n//*// BREADCRUMBS\n@plone-breadcrumb-padding-vertical: 8px;\n@plone-breadcrumb-padding-horizontal: 15px;\n//** Breadcrumb background color\n@plone-breadcrumb-bg: darken(@plone-portlet-header-bg,5%);\n//** Breadcrumb text color\n@plone-breadcrumb-color: @plone-gray-lighter;\n//** Text color of current page in the breadcrumb\n@plone-breadcrumb-active-color: @plone-gray-light;\n\n\n//*// SITE NAV\n@plone-sitenav-height: 50px;\n\t@plone-sitenav-margin-bottom: @plone-line-height-computed;\n\t@plone-sitenav-border-radius: @plone-border-radius-base;\n\t@plone-sitenav-padding-horizontal: floor((@plone-grid-gutter-width / 2));\n\t@plone-sitenav-padding-vertical: ((@plone-sitenav-height - @plone-line-height-computed) / 2);\n\t@plone-sitenav-collapse-max-height: 340px;\n\t@plone-sitenav-link-padding: 10px 15px;\n\t@plone-sitenav-link-hover-bg: #7099bf;\n\t@plone-sitenav-bg: \t\t\t @plone-link-color;\n\t@plone-sitenav-hover-bg: \t\t\t @plone-link-color;\n\n//*// PAGINATION\n@plone-pagination-color: @plone-link-color;\n\t@plone-pagination-bg: @plone-portlet-content-bg;\n\t@plone-pagination-border: @plone-portlet-border;\n@plone-pagination-hover-color: @plone-link-hover-color;\n\t@plone-pagination-hover-bg: @plone-portlet-header-bg;\n\t@plone-pagination-hover-border: @plone-portlet-border;\n@plone-pagination-active-color: @plone-portlet-content-bg;\n\t@plone-pagination-active-bg: @plone-link-color;\n\t@plone-pagination-active-border: @plone-border-base @plone-link-color;\n@plone-pagination-disabled-color: @plone-gray-lighter;\n\t@plone-pagination-disabled-bg: @plone-portlet-footer-bg;\n\t@plone-pagination-disabled-border: @plone-portlet-border;\n\n\n\n//*// CODE\n@plone-code-color: #c7254e;\n\t@plone-code-bg: #f9f2f4;\n@plone-kbd-color: #fff;\n\t@plone-kbd-bg: #333;\n@plone-pre-bg: #f5f5f5;\n\t@plone-pre-color: @plone-gray-dark;\n\t@plone-pre-border-color: #ccc;\n\t@plone-pre-scrollable-max-height: 340px;\n\n\n\n//*// TYPE\n//** Text muted color\n@plone-text-discreet: @plone-gray;\n//** Abbreviations and acronyms border color\n@plone-abbr-border-color: @plone-gray-light;\n//** Headings small color\n@plone-headings-small-color: @plone-gray-light;\n//** Blockquote small color\n@plone-blockquote-small-color: @plone-gray-light;\n//** Blockquote font size\n@plone-blockquote-font-size: (@plone-font-size-base * 1.25);\n//** Blockquote border color\n@plone-blockquote-border-color: @plone-gray-lighter;\n//** Page header border color\n@plone-page-header-border-color: @plone-gray-lighter;\n\n\n\n//*// MISC\n//** Horizontal line color.\n@plone-hr-border: @plone-gray-lighter;\n//** Horizontal offset for forms and lists.\n@plone-component-offset-horizontal: 180px;\n\n\n//*// END\n","//*// MIXIN TAB FOCUS //*//\n\n.tab-focus() {\n // Default\n outline: thin dotted;\n // WebKit\n outline: 5px auto -webkit-focus-ring-color;\n outline-offset: -2px;\n}\n\n.placeholder(@plone-color: @plone-input-color-placeholder) {\n &::-moz-placeholder { color: @plone-color; // Firefox\n opacity: 1; } // See https://github.com/twbs/bootstrap/pull/11526\n &:-ms-input-placeholder { color: @plone-color; } // Internet Explorer 10+\n &::-webkit-input-placeholder { color: @plone-color; } // Safari and Chrome\n}","//*// TYPE //*//\n\n//*// Body //*//\nbody { word-wrap: break-word; }\n\n//*// Headings\nh1, h2, h3, h4, h5, h6 {\n font-family: @plone-headings-font-family;\n font-weight: @plone-headings-font-weight;\n line-height: @plone-headings-line-height;\n color: @plone-headings-color;\n}\n\nh1, h2, h3 {\n margin-top: @plone-line-height-computed;\n margin-bottom: (@plone-line-height-computed / 2);\n a:hover, a:focus { text-decoration: none; border-bottom: 2px @plone-link-hover-color solid; }\n}\nh4, h5, h6 {\n margin-top: (@plone-line-height-computed / 2);\n margin-bottom: (@plone-line-height-computed / 2);\n}\n\nh1 { font-size: @plone-font-size-h1; }\nh2 { font-size: @plone-font-size-h2; }\nh3 { font-size: @plone-font-size-h3; }\nh4 { font-size: @plone-font-size-h4; }\nh5 { font-size: @plone-font-size-h5; }\nh6 { font-size: @plone-font-size-h6; }\n\n//*// Body text\np { margin: 0 0 (@plone-line-height-computed / 2); }\n\n.documentDescription {\n font-size: @plone-font-size-h4;\n font-weight: @plone-font-weight-bold;\n color: @plone-text-discreet;\n margin-bottom: 10px;\n}\n\n//*// Emphasis & misc\nsmall { font-size: 85%; }\ncite { font-style: normal; }\nmark { background-color: @plone-state-warning-bg; padding: .2em; }\n.discreet { color: @plone-text-discreet; font-weight: @plone-font-weight-regular;}\n.documentByLine {color: @plone-text-discreet; font-weight: @plone-font-weight-regular; margin-bottom: (@plone-line-height-computed / 2); }\n\n//*// Page header\n.documentFirstHeading {\n padding-bottom: ((@plone-line-height-computed / 2) - 1);\n margin: 0 0 (@plone-line-height-computed / 2);\n border-bottom: 1px solid @plone-page-header-border-color;\n}\n\n//*// Lists\nul,\nol {\n margin-top: 0;\n margin-bottom: (@plone-line-height-computed / 2);\n ul,\n ol {\n margin-bottom: 0;\n }\n}\n\ndl {\n margin-top: 0; // Remove browser default\n margin-bottom: @plone-line-height-computed;\n}\n dt, dd { line-height: @plone-line-height-base; }\n dt { font-weight: bold;}\n dd { margin-left: 0; }\n\n//*// Misc\nabbr[title], abbr[data-original-title] /*tooltip bootstrap plugin, just in case*/ {\n cursor: help;\n border-bottom: 1px dotted @plone-abbr-border-color;\n}\n\n//*// Addresses\naddress {\n margin-bottom: @plone-line-height-computed;\n font-style: normal;\n line-height: @plone-line-height-base;\n}\n\n\n//*// Floats\n.pull-right {\n float: right !important;\n}\n.pull-left {\n float: left !important;\n}\n","//*// CODE //*//\n\n//*// Inline codes\ncode,\nkbd,\npre,\nsamp {\n font-family: @plone-font-family-monospace;\n}\n\ncode {\n padding: 2px 4px;\n font-size: 90%;\n color: @plone-code-color;\n background-color: @plone-code-bg;\n border-radius: @plone-border-radius-base;\n}\n\nkbd {\n padding: 2px 4px;\n font-size: 90%;\n color: @plone-kbd-color;\n background-color: @plone-kbd-bg;\n border-radius: @plone-border-radius-small;\n box-shadow: inset 0 -1px 0 rgba(0,0,0,.25);\n}\n\n//*// Block code\npre {\n display: block;\n padding: round((@plone-line-height-computed - 1) / 2);\n margin: 0 0 (@plone-line-height-computed / 2);\n font-size: (@plone-font-size-base - 1); // 14px to 13px\n line-height: @plone-line-height-base;\n word-break: break-all;\n word-wrap: break-word;\n color: @plone-pre-color;\n background-color: @plone-pre-bg;\n border: 1px solid @plone-pre-border-color;\n border-radius: @plone-border-radius-base;\n\n // Account for some code outputs that place code tags in pre tags, not used in Plone as default\n code {\n padding: 0;\n font-size: inherit;\n color: inherit;\n white-space: pre-wrap;\n background-color: transparent;\n border-radius: 0;\n }\n}","//*// BOOTSTRAP GRID //*//\n\n//*// This is exactly BOOTSTRAP GRID, replace it for your system\n\n\n\n// Container widths\n.container {\n .container-fixed();\n\n @media (min-width: @plone-screen-sm-min) {\n width: @plone-container-sm;\n }\n @media (min-width: @plone-screen-md-min) {\n width: @plone-container-md;\n }\n @media (min-width: @plone-screen-lg-min) {\n width: @plone-container-lg;\n }\n}\n\n\n// Fluid container\n.container-fluid {\n .container-fixed();\n}\n\n\n// Row\n.row {\n .clearfix();\n .make-row();\n}\n\n\n// Columns\n.make-grid-columns();\n\n\n// Extra small grid\n.make-grid(xs);\n\n\n// Small grid\n@media (min-width: @plone-screen-sm-min) {\n .make-grid(sm);\n}\n\n\n// Medium grid\n@media (min-width: @plone-screen-md-min) {\n .make-grid(md);\n}\n\n\n// Large grid\n@media (min-width: @plone-screen-lg-min) {\n .make-grid(lg);\n}\n\n\n// toolbar needs to match grid \n#edit-zone.plone-toolbar-top .plone-toolbar-container {\n .container-fixed(); \n @media (min-width: @plone-screen-sm-min) {\n width: @plone-container-sm;\n }\n @media (min-width: @plone-screen-md-min) {\n width: @plone-container-md;\n }\n @media (min-width: @plone-screen-lg-min) {\n width: @plone-container-lg;\n }\n margin-top: 0;\n margin-bottom: 0;\n height: 50px;\n}\n#edit-zone.plone-toolbar-top.compressed .plone-toolbar-container {width: auto;}","//*// BOOTSTRAP GRID MIXIN //*//\n\n//*// This is exactly BOOTSTRAP GRID, replace it for your system\n\n\n\n\n\n\n\n// Grid system\n//\n// Generate semantic grid columns with these mixins.\n\n// Centered container element\n.container-fixed(@gutter: @plone-grid-gutter-width) {\n margin-right: auto;\n margin-left: auto;\n padding-left: (@gutter / 2);\n padding-right: (@gutter / 2);\n &:extend(.clearfix all);\n}\n\n// Creates a wrapper for a series of columns\n.make-row(@gutter: @plone-grid-gutter-width) {\n margin-left: (@gutter / -2);\n margin-right: (@gutter / -2);\n &:extend(.clearfix all);\n}\n\n// Generate the extra small columns\n.make-xs-column(@columns; @gutter: @plone-grid-gutter-width) {\n position: relative;\n float: left;\n width: percentage((@columns / @plone-grid-columns));\n min-height: 1px;\n padding-left: (@gutter / 2);\n padding-right: (@gutter / 2);\n}\n.make-xs-column-offset(@columns) {\n margin-left: percentage((@columns / @plone-grid-columns));\n}\n.make-xs-column-push(@columns) {\n left: percentage((@columns / @plone-grid-columns));\n}\n.make-xs-column-pull(@columns) {\n right: percentage((@columns / @plone-grid-columns));\n}\n\n// Generate the small columns\n.make-sm-column(@columns; @gutter: @plone-grid-gutter-width) {\n position: relative;\n min-height: 1px;\n padding-left: (@gutter / 2);\n padding-right: (@gutter / 2);\n\n @media (min-width: @plone-screen-sm-min) {\n float: left;\n width: percentage((@columns / @plone-grid-columns));\n }\n}\n.make-sm-column-offset(@columns) {\n @media (min-width: @plone-screen-sm-min) {\n margin-left: percentage((@columns / @plone-grid-columns));\n }\n}\n.make-sm-column-push(@columns) {\n @media (min-width: @plone-screen-sm-min) {\n left: percentage((@columns / @plone-grid-columns));\n }\n}\n.make-sm-column-pull(@columns) {\n @media (min-width: @plone-screen-sm-min) {\n right: percentage((@columns / @plone-grid-columns));\n }\n}\n\n// Generate the medium columns\n.make-md-column(@columns; @gutter: @plone-grid-gutter-width) {\n position: relative;\n min-height: 1px;\n padding-left: (@gutter / 2);\n padding-right: (@gutter / 2);\n\n @media (min-width: @plone-screen-md-min) {\n float: left;\n width: percentage((@columns / @plone-grid-columns));\n }\n}\n.make-md-column-offset(@columns) {\n @media (min-width: @plone-screen-md-min) {\n margin-left: percentage((@columns / @plone-grid-columns));\n }\n}\n.make-md-column-push(@columns) {\n @media (min-width: @plone-screen-md-min) {\n left: percentage((@columns / @plone-grid-columns));\n }\n}\n.make-md-column-pull(@columns) {\n @media (min-width: @plone-screen-md-min) {\n right: percentage((@columns / @plone-grid-columns));\n }\n}\n\n// Generate the large columns\n.make-lg-column(@columns; @gutter: @plone-grid-gutter-width) {\n position: relative;\n min-height: 1px;\n padding-left: (@gutter / 2);\n padding-right: (@gutter / 2);\n\n @media (min-width: @plone-screen-lg-min) {\n float: left;\n width: percentage((@columns / @plone-grid-columns));\n }\n}\n.make-lg-column-offset(@columns) {\n @media (min-width: @plone-screen-lg-min) {\n margin-left: percentage((@columns / @plone-grid-columns));\n }\n}\n.make-lg-column-push(@columns) {\n @media (min-width: @plone-screen-lg-min) {\n left: percentage((@columns / @plone-grid-columns));\n }\n}\n.make-lg-column-pull(@columns) {\n @media (min-width: @plone-screen-lg-min) {\n right: percentage((@columns / @plone-grid-columns));\n }\n}","//*// MIXIN CLEARFIX //*//\n\n.clearfix() {\n &:before,\n &:after {\n content: \" \"; // 1\n display: table; // 2\n }\n &:after {\n clear: both;\n }\n}","//*// BOOTSTRAP GRID MIXIN FRAMEWORK //*//\n\n//*// This is exactly BOOTSTRAP GRID, replace it for your system\n\n\n\n\n\n\n\n// Framework grid generation\n//\n// Used only by Bootstrap to generate the correct number of grid classes given\n// any value of `@grid-columns`.\n\n.make-grid-columns() {\n // Common styles for all sizes of grid columns, widths 1-12\n .col(@index) when (@index = 1) { // initial\n @item: ~\".col-xs-@{index}, .col-sm-@{index}, .col-md-@{index}, .col-lg-@{index}\";\n .col((@index + 1), @item);\n }\n .col(@index, @list) when (@index =< @plone-grid-columns) { // general; \"=<\" isn't a typo\n @item: ~\".col-xs-@{index}, .col-sm-@{index}, .col-md-@{index}, .col-lg-@{index}\";\n .col((@index + 1), ~\"@{list}, @{item}\");\n }\n .col(@index, @list) when (@index > @plone-grid-columns) { // terminal\n @{list} {\n position: relative;\n // Prevent columns from collapsing when empty\n min-height: 1px;\n // Inner gutter via padding\n padding-left: (@plone-grid-gutter-width / 2);\n padding-right: (@plone-grid-gutter-width / 2);\n }\n }\n .col(1); // kickstart it\n}\n\n.float-grid-columns(@class) {\n .col(@index) when (@index = 1) { // initial\n @item: ~\".col-@{class}-@{index}\";\n .col((@index + 1), @item);\n }\n .col(@index, @list) when (@index =< @plone-grid-columns) { // general\n @item: ~\".col-@{class}-@{index}\";\n .col((@index + 1), ~\"@{list}, @{item}\");\n }\n .col(@index, @list) when (@index > @plone-grid-columns) { // terminal\n @{list} {\n float: left;\n }\n }\n .col(1); // kickstart it\n}\n\n.calc-grid-column(@index, @class, @type) when (@type = width) and (@index > 0) {\n .col-@{class}-@{index} {\n width: percentage((@index / @plone-grid-columns));\n }\n}\n.calc-grid-column(@index, @class, @type) when (@type = push) and (@index > 0) {\n .col-@{class}-push-@{index} {\n left: percentage((@index / @plone-grid-columns));\n }\n}\n.calc-grid-column(@index, @class, @type) when (@type = push) and (@index = 0) {\n .col-@{class}-push-0 {\n left: auto;\n }\n}\n.calc-grid-column(@index, @class, @type) when (@type = pull) and (@index > 0) {\n .col-@{class}-pull-@{index} {\n right: percentage((@index / @plone-grid-columns));\n }\n}\n.calc-grid-column(@index, @class, @type) when (@type = pull) and (@index = 0) {\n .col-@{class}-pull-0 {\n right: auto;\n }\n}\n.calc-grid-column(@index, @class, @type) when (@type = offset) {\n .col-@{class}-offset-@{index} {\n margin-left: percentage((@index / @plone-grid-columns));\n }\n}\n\n// Basic looping in LESS\n.loop-grid-columns(@index, @class, @type) when (@index >= 0) {\n .calc-grid-column(@index, @class, @type);\n // next iteration\n .loop-grid-columns((@index - 1), @class, @type);\n}\n\n// Create grid for specific class\n.make-grid(@class) {\n .float-grid-columns(@class);\n .loop-grid-columns(@plone-grid-columns, @class, width);\n .loop-grid-columns(@plone-grid-columns, @class, pull);\n .loop-grid-columns(@plone-grid-columns, @class, push);\n .loop-grid-columns(@plone-grid-columns, @class, offset);\n}\n","//*// TABLES //*//\n\n//*// Tables\ntable { max-width: 100%; background-color: @plone-table-bg; border-radius: @plone-border-radius-base; font-weight: @plone-font-weight-regular; color: @plone-gray;}\nth { text-align: left; color: @plone-gray-dark;}\n\n//*// listing table plone class\n.listing {\n width: 100%;\n margin-bottom: @plone-line-height-computed;\n // Cells\n > thead,\n > tbody,\n > tfoot {\n > tr {\n > th,\n > td {\n padding: @plone-table-cell-padding;\n line-height: @plone-line-height-base;\n vertical-align: top;\n border-top: 0 solid @plone-table-border-color;\n border-collapse: collapse;\n }\n }\n }\n // Bottom align for column headings\n > thead > tr > th {\n vertical-align: bottom;\n border-bottom: 1px solid @plone-table-border-color;\n }\n // Remove top border from thead by default\n > caption + thead,\n > colgroup + thead,\n > thead:first-child {\n > tr:first-child {\n > th,\n > td {\n border-top: 0;\n }\n }\n }\n // Account for multiple tbody instances\n > tbody + tbody {\n border-top: 2px solid @plone-table-border-color;\n }\n\n // Nesting\n .listing {\n background-color: @plone-body-bg;\n }\n}\n\n//*// invisible grid table plone class\n.invisible-grid {\n width: 100%;\n margin-bottom: @plone-line-height-computed;\n border: 0;\n background: transparent;\n // Cells\n > thead,\n > tbody,\n > tfoot {\n > tr {\n > th,\n > td {\n border: 0;\n }\n }\n }\n}\n\n// Zebra-striping\n.listing {\n > tbody > tr:nth-child(odd) {\n > td,\n > th {\n background-color: @plone-table-bg-accent;\n }\n }\n}\n\n//we need to add a class on div parent element of the table to ensure all possible options for responsive tables.\n//as default has-table uses it to scroll horizontally table\n.plone-has-table {\n @media screen and (max-width: @plone-screen-xs-max) {\n width: 100%;\n margin-bottom: (@plone-line-height-computed * 0.75);\n overflow-y: hidden;\n overflow-x: scroll;\n -ms-overflow-style: -ms-autohiding-scrollbar;\n border: 1px solid @plone-table-border-color;\n border-radius: @plone-border-radius-base;\n -webkit-overflow-scrolling: touch;\n position: relative;\n // scroll marker, it appears when we have active the mobile class\n &:after {content:\"⟷\"; position:fixed; color:@plone-gray-lighter; margin-top:-3px}\n // Tighten up spacing\n > .listing {\n margin-bottom: 0;\n\n // Ensure the content doesn't wrap\n > thead,\n > tbody,\n > tfoot {\n > tr {\n > th,\n > td {\n white-space: nowrap;\n }\n }\n }\n }\n }\n}\n\n// Most of this is pulled out of twitter bootstrap styles\n// https://raw.githubusercontent.com/twbs/bootstrap/master/less/tables.less\n\n\ntable {\n width: 100%;\n max-width: 100%;\n border: 1px solid @plone-table-border-color;\n // Cells\n > thead,\n > tbody,\n > tfoot {\n > tr {\n > th,\n > td {\n vertical-align: top;\n border-top: 1px solid @plone-table-border-color;\n }\n }\n }\n // Bottom align for column headings\n > thead > tr > th {\n vertical-align: bottom;\n border-bottom: 2px solid @plone-table-border-color;\n }\n // Remove top border from thead by default\n > caption + thead,\n > colgroup + thead,\n > thead:first-child {\n > tr:first-child {\n > th,\n > td {\n border-top: 0;\n }\n }\n }\n // Account for multiple tbody instances\n > tbody + tbody {\n border-top: 2px solid @plone-table-border-color;\n }\n\n > thead,\n > tbody,\n > tfoot {\n > tr {\n > th,\n > td {\n border: 1px solid @plone-table-border-color;\n }\n }\n }\n > thead > tr {\n > th,\n > td {\n // This used to be a mismatched property value.\n // I think this is the intention but am not to sure.\n border-bottom: 1px solid @plone-table-border-color;\n }\n }\n}\n\n// Table cell sizing\n//\n// Reset default table behavior\n\ntable col[class*=\"col-\"] {\n position: static; // Prevent border hiding in Firefox and IE9-11 (see https://github.com/twbs/bootstrap/issues/11623)\n float: none;\n display: table-column;\n}\ntable {\n td,\n th {\n &[class*=\"col-\"] {\n position: static; // Prevent border hiding in Firefox and IE9-11 (see https://github.com/twbs/bootstrap/issues/11623)\n float: none;\n display: table-cell;\n }\n }\n}","//*// FORMS //*//\n\n// Normalize non-controls\n// Restyle and baseline non-control form elements.\nfieldset {\n padding: 0;\n margin: 0;\n border: 0;\n // Chrome and Firefox set a `min-width: -webkit-min-content;` on fieldsets,\n // so we reset that to ensure it behaves more like a standard block element.\n // See https://github.com/twbs/bootstrap/issues/12359.\n min-width: 0;\n}\n\nlegend {\n display: block;\n width: 100%;\n padding: 0;\n margin-bottom: @plone-line-height-computed;\n font-size: (@plone-font-size-base * 1.5);\n line-height: inherit;\n color: @plone-legend-color;\n border: 0;\n border-bottom: 1px solid @plone-legend-border-color;\n font-weight: @plone-font-weight-light;\n}\n\nlabel {\n display: inline-block;\n max-width: 100%; // Force IE8 to wrap long content (see https://github.com/twbs/bootstrap/issues/13141)\n margin-bottom: @plone-padding-base-vertical;\n font-weight: bold;\n}\n\n\n// Normalize form controls\n//\n// While most of our form styles require extra classes, some basic normalization\n// is required to ensure optimum display with or without those classes to better\n// address browser inconsistencies.\n// Override content-box in Normalize (* isn't specific enough)\ninput[type=\"search\"] {\n .box-sizing(border-box);\n}\n\n// Position radios and checkboxes better\ninput[type=\"radio\"],\ninput[type=\"checkbox\"] {\n margin: 4px 0 0;\n margin-top: 1px \\9; // IE8-9\n line-height: normal;\n}\n\n// Set the height of file controls to match text inputs\ninput[type=\"file\"] {\n display: block;\n}\n\n// Make range inputs behave like textual form controls\ninput[type=\"range\"] {\n display: block;\n width: 100%;\n}\n\n// Make multiple select elements height not fixed\nselect[multiple],\nselect[size] {\n height: auto;\n min-width: 10em;\n}\nselect[size=\"1\"] {\n height: @plone-input-height-base;\n}\n\n// Focus for file, radio, and checkbox\ninput[type=\"file\"]:focus,\ninput[type=\"radio\"]:focus,\ninput[type=\"checkbox\"]:focus {\n .tab-focus();\n}\n\n// Adjust output element\noutput {\n display: block;\n padding-top: (@plone-padding-base-vertical + 1);\n font-size: @plone-font-size-base;\n line-height: @plone-line-height-base;\n color: @plone-input-color;\n}\n\n/*.form-control,*/ input[type=\"text\"], input[type=\"email\"], input[type=\"password\"], textarea, select {\n display: block;\n width: 100%;\n height: @plone-input-height-base; // Make inputs at least the height of their button counterpart (base line-height + padding + border)\n padding: @plone-padding-base-vertical @plone-padding-base-horizontal;\n font-size: @plone-font-size-base;\n line-height: @plone-line-height-base;\n color: @plone-input-color;\n background-color: @plone-input-bg;\n background-image: none; // Reset unusual Firefox-on-Android default style; see https://github.com/necolas/normalize.css/issues/214\n border: 1px solid @plone-input-border;\n border-radius: @plone-input-border-radius;\n .box-shadow(inset 0 1px 1px rgba(0,0,0,.075));\n .transition(~\"border-color ease-in-out .15s, box-shadow ease-in-out .15s\");\n\n // Customize the `:focus` state to imitate native WebKit styles.\n .form-control-focus();\n\n // Placeholder\n .placeholder();\n\n // Disabled and read-only inputs\n //\n // HTML5 says that controls under a fieldset > legend:first-child won't be\n // disabled if the fieldset is disabled. Due to implementation difficulty, we\n // don't honor that edge case; we style them as disabled anyway.\n &[disabled],\n &[readonly],\n fieldset[disabled] & {\n cursor: not-allowed;\n background-color: @plone-input-bg-disabled;\n opacity: 1; // iOS fix for unreadable disabled content\n }\n}\n// Reset height for `textarea`s\ntextarea {\n min-height: 9em;\n min-width: 10em;\n resize: vertical; //as default, only vertical resize\n\n &[name='form.widgets.IRichText.text'] {\n min-height: 12em;\n font-family: @plone-font-family-monospace; // when typing without richtext editor\n }\n}\n\n// Search inputs in iOS\n//\n// This overrides the extra rounded corners on search inputs in iOS so that our\n// `.form-control` class can properly style them. Note that this cannot simply\n// be added to `.form-control` as it's not specific enough. For details, see\n// https://github.com/twbs/bootstrap/issues/11586.\n\ninput[type=\"search\"] {\n -webkit-appearance: none;\n}\n\n\n// Special styles for iOS temporal inputs\n//\n// In Mobile Safari, setting `display: block` on temporal inputs causes the\n// text within the input to become vertically misaligned.\n// As a workaround, we set a pixel line-height that matches the\n// given height of the input. Since this fucks up everything else, we have to\n// appropriately reset it for Internet Explorer and the size variations.\n\ninput[type=\"date\"],\ninput[type=\"time\"],\ninput[type=\"datetime-local\"],\ninput[type=\"month\"] {\n line-height: @plone-input-height-base;\n // IE8+ misaligns the text within date inputs, so we reset\n line-height: @plone-line-height-base ~\"\\0\";\n}\n\n// Apply same disabled cursor tweak as for inputs\ninput[type=\"radio\"],\ninput[type=\"checkbox\"] {\n &[disabled],\n fieldset[disabled] & {\n cursor: not-allowed;\n }\n}\n\n//*// Form field\n.field {\n margin-bottom: 15px;\n // each option in a multi-checkbox field should be on a separate line\n span.option {\n display: block;\n }\n}\n\n.field.error {\n .form-control-validation(@plone-state-error-text; @plone-state-error-text; @plone-state-error-bg);\n background: lighten(@plone-state-error-bg,20%);\n .box-shadow(0 0 0 5px lighten(@plone-state-error-bg,20%));\n > label, div.error {\n color: @plone-toolbar-private-color;\n }\n div.error {\n padding-left: 30px;\n font-weight: @plone-font-weight-regular;\n &:before {\n background-color: @plone-alert-error-bullet; content:\"×\";\n font-size:@plone-font-size-base;\n font-weight: @plone-font-weight-regular;\n margin-left: -30px;\n margin-right: 5px;\n display: inline-block;\n border-radius: 20px;\n text-align:center;\n color:rgba(255, 255, 255, 0.9);\n width:16px;\n height:16px;\n line-height: 16px; //IE fix\n text-shadow: 0 -1px rgba(0,0,0,.5);\n top: -1px;\n position: relative;\n }\n }\n input,textarea,select {\n border-color: @plone-toolbar-private-color;\n &:focus {\n .box-shadow(0 0 8px lighten(@plone-toolbar-private-color,40%) );\n }\n }\n}\n\n.formHelp {\n //display: block; if want all helps to be block. As default span.formHelp inline and div.formHelp block\n margin-top: 0;\n margin-bottom: 0;\n color: lighten(@plone-text-color, 10%);\n font-weight: @plone-font-weight-regular;\n font-style: italic;\n}\n\n.formControls {\n border-top: 1px solid @plone-gray-lighter;\n background: @plone-portlet-footer-bg;\n padding: @plone-padding-base-horizontal;\n box-shadow: inset 0 10px 10px -10px rgba(0,0,0,.05);\n}\n// don't show formControls in modal body,\n// because the actual controls get moved to the footer\n.plone-modal-body .formControls {\n border: none;\n background: transparent;\n padding: 0;\n box-shadow: none;\n}\n\n//*// Required\nlabel .required {\n &:after{\n color: @plone-toolbar-private-color;\n content:\"•\";\n font-size: 200%;\n line-height: 0;\n position: relative;\n top: 7px;\n margin-left: -4px;\n }\n}\n\n//*// Input + Submit groups (manual because we still have no standard for this)\n.searchField.portlet-search-gadget,\n#sharing-user-group-search,\n#select-rules {width: 100%; display: inline-block;}\n\n.searchField.portlet-search-gadget + .searchButton,\n#sharing-user-group-search + #sharing-search-button,\n#select-rules + input {position: relative; float:right;margin-top: -@plone-input-height-base;}\n\n\n\n//*// Highlighted search\n#search-results li {margin: @plone-padding-base-horizontal 0;\n .croppedDescription {margin-bottom: 0;}\n}\n.highlightedSearchTerm {\n background: #fea;\n box-shadow: 0 0 1px 1px #fea;\n}\n.search-date-options > div, .search-type-options > div {\ndisplay: inline-block;\nmargin-right: 12px;\n}\n.optionsToggle label {font-weight: 300; color:@plone-gray;}\n\n.ordered-selection-field{\n td {\n vertical-align: middle;\n text-align: center;\n }\n td button{\n float: left;\n margin-left: 2rem;\n }\n}\n\n.folder-factories{\n list-style:none;\n}\n\n//*// Correct input + label on plone structure widgets\n.widget input + label {\n display: inline;\n}\n","//*// MIXIN FORMS //*//\n\n// Form validation states\n//\n// Used in forms.less to generate the form validation CSS for warnings, errors,\n// and successes.\n\n.form-control-validation(@plone-text-color: #555; @plone-border-color: #ccc; @plone-background-color: #f5f5f5) {\n // Color the label and help text\n .help-block,\n .control-label,\n .radio,\n .checkbox,\n .radio-inline,\n .checkbox-inline {\n color: @plone-text-color;\n }\n // Set the border and box shadow on specific inputs to match\n .form-control {\n border-color: @plone-border-color;\n .box-shadow(inset 0 1px 1px rgba(0,0,0,.075)); // Redeclare so transitions work\n &:focus {\n border-color: darken(@plone-border-color, 10%);\n @plone-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px lighten(@plone-border-color, 20%);\n .box-shadow(@plone-shadow);\n }\n }\n // Set validation states also for addons\n .input-group-addon {\n color: @plone-text-color;\n border-color: @plone-border-color;\n background-color: @plone-background-color;\n }\n // Optional feedback icon\n .form-control-feedback {\n color: @plone-text-color;\n }\n}\n\n\n// Form control focus state\n//\n// Generate a customized focus state and for any input with the specified color,\n// which defaults to the `@input-border-focus` variable.\n//\n// We highly encourage you to not customize the default value, but instead use\n// this to tweak colors on an as-needed basis. This aesthetic change is based on\n// WebKit's default styles, but applicable to a wider range of browsers. Its\n// usability and accessibility should be taken into account with any change.\n//\n// Example usage: change the default blue border and shadow to white for better\n// contrast against a dark gray background.\n.form-control-focus(@plone-color: @plone-input-border-focus) {\n @plone-color-rgba: rgba(red(@plone-color), green(@plone-color), blue(@plone-color), .6);\n &:focus {\n border-color: @plone-color;\n outline: 0;\n .box-shadow(~\"inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px @{plone-color-rgba}\");\n }\n}\n\n// Form control sizing\n//\n// Relative text size, padding, and border-radii changes for form controls. For\n// horizontal sizing, wrap controls in the predefined grid classes. `` background color\n@plone-input-bg: #fff;\n//** `` background color\n@plone-input-bg-disabled: @plone-table-border-color;\n//** Text color for ``s\n@plone-input-color: @plone-gray;\n//** `` border color\n@plone-input-border: #ccc;\n//** `` border radius\n@plone-input-border-radius: @plone-border-radius-base;\n//** Border color for inputs on focus\n@plone-input-border-focus: @plone-portlet-list-bullet;\n//** Placeholder text color\n@plone-input-color-placeholder: @plone-gray-light;\n//** Default `.form-control` height\n@plone-input-height-base: (@plone-line-height-computed + (@plone-padding-base-vertical * 2) + 2);\n//** Large `.form-control` height\n@plone-input-height-large: (ceil(@plone-font-size-large * @plone-line-height-large) + (@plone-padding-large-vertical * 2) + 2);\n//** Small `.form-control` height\n@plone-input-height-small: (floor(@plone-font-size-small * @plone-line-height-small) + (@plone-padding-small-vertical * 2) + 2);\n@plone-legend-color: @plone-gray-dark;\n@plone-legend-border-color: #e5e5e5;\n\n//** Background color for textual input addons\n@plone-input-group-addon-bg: @plone-gray-lighter;\n//** Border color for textual input addons\n@plone-input-group-addon-border-color: @plone-input-border;\n\n\n\n//*// ALERTS\n@plone-alert-icon-size:\t\t\t\t\t\t\t20px;\n@plone-alert-padding:\t\t\t\t\t\t\t15px;\n\t@plone-alert-border-radius:\t\t\t\t\t4px;\n\t@plone-alert-link-font-weight:\t\t\t\t@plone-font-weight-regular; //it depends on your font-family\n@plone-alert-info-bg:\t\t\t\t\t\t@plone-state-info-bg;\n\t@plone-alert-info-text:\t\t\t\t\t\t@plone-state-info-text; //the text on alert is black with opacity to use the same color and match the bg.\n\t@plone-alert-info-border:\t\t\t\t\t@plone-state-info-border;\n\t@plone-alert-info-bullet:\t\t\t\t\t@plone-state-info-bullet;\n@plone-alert-warning-bg:\t\t\t\t\t@plone-state-warning-bg;\n\t@plone-alert-warning-text:\t\t\t\t\t@plone-state-warning-text;\n\t@plone-alert-warning-border:\t\t\t\t@plone-state-warning-border;\n\t@plone-alert-warning-bullet:\t\t\t\t@plone-state-warning-bullet;\n@plone-alert-error-bg:\t\t\t\t\t\t@plone-state-error-bg;\n\t@plone-alert-error-text:\t\t\t\t\t@plone-state-error-text;\n\t@plone-alert-error-border:\t\t\t\t\t@plone-state-error-border;\n\t@plone-alert-error-bullet:\t\t\t\t\t@plone-state-error-bullet;\n\n\n\n//*// PORTLETS\n@plone-border-base:\t\t\t\t\t\t\t1px solid;\n@plone-portlet-header-bg:\t\t\t\t\t#f2f1f1;\n@plone-portlet-header-color:\t\t\t\t@plone-gray;\n@plone-portlet-content-bg:\t\t\t\t\t#fff;\n@plone-portlet-footer-bg:\t\t\t\t\t#fcfcfd;\n@plone-portlet-border:\t\t\t\t\t\t@plone-border-base #e5e5e5;\n@plone-portlet-contrast-bg:\t\t\t\t\t#e5e5e5;\n@plone-portlet-event-bullet:\t\t\t\t#dbecfe;\n@plone-portlet-list-bullet:\t\t\t\t\t#64bee8;\n@plone-portlet-list-hover-bg:\t\t\t\t#fcfcfd;\n@plone-portlet-list-small-text:\t\t\t\t@plone-gray;\n\n\n\n//*// THUMBS\n//** Padding around the thumbnail image\n@plone-thumbnail-padding: 4px;\n//** Thumbnail background color\n@plone-thumbnail-bg: @plone-body-bg;\n//** Thumbnail border color\n@plone-thumbnail-border: #ddd;\n//** Thumbnail border radius\n@plone-thumbnail-border-radius: @plone-border-radius-base;\n//** Custom text color for thumbnail captions\n@plone-thumbnail-caption-color: @plone-text-color;\n//** Padding around the thumbnail caption\n@plone-thumbnail-caption-padding: 9px;\n\n\n\n//*// BREADCRUMBS\n@plone-breadcrumb-padding-vertical: 8px;\n@plone-breadcrumb-padding-horizontal: 15px;\n//** Breadcrumb background color\n@plone-breadcrumb-bg: darken(@plone-portlet-header-bg,5%);\n//** Breadcrumb text color\n@plone-breadcrumb-color: @plone-gray-lighter;\n//** Text color of current page in the breadcrumb\n@plone-breadcrumb-active-color: @plone-gray-light;\n\n\n//*// SITE NAV\n@plone-sitenav-height: 50px;\n\t@plone-sitenav-margin-bottom: @plone-line-height-computed;\n\t@plone-sitenav-border-radius: @plone-border-radius-base;\n\t@plone-sitenav-padding-horizontal: floor((@plone-grid-gutter-width / 2));\n\t@plone-sitenav-padding-vertical: ((@plone-sitenav-height - @plone-line-height-computed) / 2);\n\t@plone-sitenav-collapse-max-height: 340px;\n\t@plone-sitenav-link-padding: 10px 15px;\n\t@plone-sitenav-link-hover-bg: #7099bf;\n\t@plone-sitenav-bg: \t\t\t @plone-link-color;\n\t@plone-sitenav-hover-bg: \t\t\t @plone-link-color;\n\n//*// PAGINATION\n@plone-pagination-color: @plone-link-color;\n\t@plone-pagination-bg: @plone-portlet-content-bg;\n\t@plone-pagination-border: @plone-portlet-border;\n@plone-pagination-hover-color: @plone-link-hover-color;\n\t@plone-pagination-hover-bg: @plone-portlet-header-bg;\n\t@plone-pagination-hover-border: @plone-portlet-border;\n@plone-pagination-active-color: @plone-portlet-content-bg;\n\t@plone-pagination-active-bg: @plone-link-color;\n\t@plone-pagination-active-border: @plone-border-base @plone-link-color;\n@plone-pagination-disabled-color: @plone-gray-lighter;\n\t@plone-pagination-disabled-bg: @plone-portlet-footer-bg;\n\t@plone-pagination-disabled-border: @plone-portlet-border;\n\n\n\n//*// CODE\n@plone-code-color: #c7254e;\n\t@plone-code-bg: #f9f2f4;\n@plone-kbd-color: #fff;\n\t@plone-kbd-bg: #333;\n@plone-pre-bg: #f5f5f5;\n\t@plone-pre-color: @plone-gray-dark;\n\t@plone-pre-border-color: #ccc;\n\t@plone-pre-scrollable-max-height: 340px;\n\n\n\n//*// TYPE\n//** Text muted color\n@plone-text-discreet: @plone-gray;\n//** Abbreviations and acronyms border color\n@plone-abbr-border-color: @plone-gray-light;\n//** Headings small color\n@plone-headings-small-color: @plone-gray-light;\n//** Blockquote small color\n@plone-blockquote-small-color: @plone-gray-light;\n//** Blockquote font size\n@plone-blockquote-font-size: (@plone-font-size-base * 1.25);\n//** Blockquote border color\n@plone-blockquote-border-color: @plone-gray-lighter;\n//** Page header border color\n@plone-page-header-border-color: @plone-gray-lighter;\n\n\n\n//*// MISC\n//** Horizontal line color.\n@plone-hr-border: @plone-gray-lighter;\n//** Horizontal offset for forms and lists.\n@plone-component-offset-horizontal: 180px;\n\n\n//*// END\n","//*// MIXIN TAB FOCUS //*//\n\n.tab-focus() {\n // Default\n outline: thin dotted;\n // WebKit\n outline: 5px auto -webkit-focus-ring-color;\n outline-offset: -2px;\n}\n\n.placeholder(@plone-color: @plone-input-color-placeholder) {\n &::-moz-placeholder { color: @plone-color; // Firefox\n opacity: 1; } // See https://github.com/twbs/bootstrap/pull/11526\n &:-ms-input-placeholder { color: @plone-color; } // Internet Explorer 10+\n &::-webkit-input-placeholder { color: @plone-color; } // Safari and Chrome\n}","//*// TYPE //*//\n\n//*// Body //*//\nbody { word-wrap: break-word; }\n\n//*// Headings\nh1, h2, h3, h4, h5, h6 {\n font-family: @plone-headings-font-family;\n font-weight: @plone-headings-font-weight;\n line-height: @plone-headings-line-height;\n color: @plone-headings-color;\n}\n\nh1, h2, h3 {\n margin-top: @plone-line-height-computed;\n margin-bottom: (@plone-line-height-computed / 2);\n a:hover, a:focus { text-decoration: none; border-bottom: 2px @plone-link-hover-color solid; }\n}\nh4, h5, h6 {\n margin-top: (@plone-line-height-computed / 2);\n margin-bottom: (@plone-line-height-computed / 2);\n}\n\nh1 { font-size: @plone-font-size-h1; }\nh2 { font-size: @plone-font-size-h2; }\nh3 { font-size: @plone-font-size-h3; }\nh4 { font-size: @plone-font-size-h4; }\nh5 { font-size: @plone-font-size-h5; }\nh6 { font-size: @plone-font-size-h6; }\n\n//*// Body text\np { margin: 0 0 (@plone-line-height-computed / 2); }\n\n.documentDescription {\n font-size: @plone-font-size-h4;\n font-weight: @plone-font-weight-bold;\n color: @plone-text-discreet;\n margin-bottom: 10px;\n}\n\n//*// Emphasis & misc\nsmall { font-size: 85%; }\ncite { font-style: normal; }\nmark { background-color: @plone-state-warning-bg; padding: .2em; }\n.discreet { color: @plone-text-discreet; font-weight: @plone-font-weight-regular;}\n.documentByLine {color: @plone-text-discreet; font-weight: @plone-font-weight-regular; margin-bottom: (@plone-line-height-computed / 2); }\n\n//*// Page header\n.documentFirstHeading {\n padding-bottom: ((@plone-line-height-computed / 2) - 1);\n margin: 0 0 (@plone-line-height-computed / 2);\n border-bottom: 1px solid @plone-page-header-border-color;\n}\n\n//*// Lists\nul,\nol {\n margin-top: 0;\n margin-bottom: (@plone-line-height-computed / 2);\n ul,\n ol {\n margin-bottom: 0;\n }\n}\n\ndl {\n margin-top: 0; // Remove browser default\n margin-bottom: @plone-line-height-computed;\n}\n dt, dd { line-height: @plone-line-height-base; }\n dt { font-weight: bold;}\n dd { margin-left: 0; }\n\n//*// Misc\nabbr[title], abbr[data-original-title] /*tooltip bootstrap plugin, just in case*/ {\n cursor: help;\n border-bottom: 1px dotted @plone-abbr-border-color;\n}\n\n//*// Addresses\naddress {\n margin-bottom: @plone-line-height-computed;\n font-style: normal;\n line-height: @plone-line-height-base;\n}\n\n\n//*// Floats\n.pull-right {\n float: right !important;\n}\n.pull-left {\n float: left !important;\n}\n","//*// CODE //*//\n\n//*// Inline codes\ncode,\nkbd,\npre,\nsamp {\n font-family: @plone-font-family-monospace;\n}\n\ncode {\n padding: 2px 4px;\n font-size: 90%;\n color: @plone-code-color;\n background-color: @plone-code-bg;\n border-radius: @plone-border-radius-base;\n}\n\nkbd {\n padding: 2px 4px;\n font-size: 90%;\n color: @plone-kbd-color;\n background-color: @plone-kbd-bg;\n border-radius: @plone-border-radius-small;\n box-shadow: inset 0 -1px 0 rgba(0,0,0,.25);\n}\n\n//*// Block code\npre {\n display: block;\n padding: round((@plone-line-height-computed - 1) / 2);\n margin: 0 0 (@plone-line-height-computed / 2);\n font-size: (@plone-font-size-base - 1); // 14px to 13px\n line-height: @plone-line-height-base;\n word-break: break-all;\n word-wrap: break-word;\n color: @plone-pre-color;\n background-color: @plone-pre-bg;\n border: 1px solid @plone-pre-border-color;\n border-radius: @plone-border-radius-base;\n\n // Account for some code outputs that place code tags in pre tags, not used in Plone as default\n code {\n padding: 0;\n font-size: inherit;\n color: inherit;\n white-space: pre-wrap;\n background-color: transparent;\n border-radius: 0;\n }\n}","//*// BOOTSTRAP GRID //*//\n\n//*// This is exactly BOOTSTRAP GRID, replace it for your system\n\n\n\n// Container widths\n.container {\n .container-fixed();\n\n @media (min-width: @plone-screen-sm-min) {\n width: @plone-container-sm;\n }\n @media (min-width: @plone-screen-md-min) {\n width: @plone-container-md;\n }\n @media (min-width: @plone-screen-lg-min) {\n width: @plone-container-lg;\n }\n}\n\n\n// Fluid container\n.container-fluid {\n .container-fixed();\n}\n\n\n// Row\n.row {\n .clearfix();\n .make-row();\n}\n\n\n// Columns\n.make-grid-columns();\n\n\n// Extra small grid\n.make-grid(xs);\n\n\n// Small grid\n@media (min-width: @plone-screen-sm-min) {\n .make-grid(sm);\n}\n\n\n// Medium grid\n@media (min-width: @plone-screen-md-min) {\n .make-grid(md);\n}\n\n\n// Large grid\n@media (min-width: @plone-screen-lg-min) {\n .make-grid(lg);\n}\n\n\n// toolbar needs to match grid \n#edit-zone.plone-toolbar-top .plone-toolbar-container {\n .container-fixed(); \n @media (min-width: @plone-screen-sm-min) {\n width: @plone-container-sm;\n }\n @media (min-width: @plone-screen-md-min) {\n width: @plone-container-md;\n }\n @media (min-width: @plone-screen-lg-min) {\n width: @plone-container-lg;\n }\n margin-top: 0;\n margin-bottom: 0;\n height: 50px;\n}\n#edit-zone.plone-toolbar-top.compressed .plone-toolbar-container {width: auto;}","//*// BOOTSTRAP GRID MIXIN //*//\n\n//*// This is exactly BOOTSTRAP GRID, replace it for your system\n\n\n\n\n\n\n\n// Grid system\n//\n// Generate semantic grid columns with these mixins.\n\n// Centered container element\n.container-fixed(@gutter: @plone-grid-gutter-width) {\n margin-right: auto;\n margin-left: auto;\n padding-left: (@gutter / 2);\n padding-right: (@gutter / 2);\n &:extend(.clearfix all);\n}\n\n// Creates a wrapper for a series of columns\n.make-row(@gutter: @plone-grid-gutter-width) {\n margin-left: (@gutter / -2);\n margin-right: (@gutter / -2);\n &:extend(.clearfix all);\n}\n\n// Generate the extra small columns\n.make-xs-column(@columns; @gutter: @plone-grid-gutter-width) {\n position: relative;\n float: left;\n width: percentage((@columns / @plone-grid-columns));\n min-height: 1px;\n padding-left: (@gutter / 2);\n padding-right: (@gutter / 2);\n}\n.make-xs-column-offset(@columns) {\n margin-left: percentage((@columns / @plone-grid-columns));\n}\n.make-xs-column-push(@columns) {\n left: percentage((@columns / @plone-grid-columns));\n}\n.make-xs-column-pull(@columns) {\n right: percentage((@columns / @plone-grid-columns));\n}\n\n// Generate the small columns\n.make-sm-column(@columns; @gutter: @plone-grid-gutter-width) {\n position: relative;\n min-height: 1px;\n padding-left: (@gutter / 2);\n padding-right: (@gutter / 2);\n\n @media (min-width: @plone-screen-sm-min) {\n float: left;\n width: percentage((@columns / @plone-grid-columns));\n }\n}\n.make-sm-column-offset(@columns) {\n @media (min-width: @plone-screen-sm-min) {\n margin-left: percentage((@columns / @plone-grid-columns));\n }\n}\n.make-sm-column-push(@columns) {\n @media (min-width: @plone-screen-sm-min) {\n left: percentage((@columns / @plone-grid-columns));\n }\n}\n.make-sm-column-pull(@columns) {\n @media (min-width: @plone-screen-sm-min) {\n right: percentage((@columns / @plone-grid-columns));\n }\n}\n\n// Generate the medium columns\n.make-md-column(@columns; @gutter: @plone-grid-gutter-width) {\n position: relative;\n min-height: 1px;\n padding-left: (@gutter / 2);\n padding-right: (@gutter / 2);\n\n @media (min-width: @plone-screen-md-min) {\n float: left;\n width: percentage((@columns / @plone-grid-columns));\n }\n}\n.make-md-column-offset(@columns) {\n @media (min-width: @plone-screen-md-min) {\n margin-left: percentage((@columns / @plone-grid-columns));\n }\n}\n.make-md-column-push(@columns) {\n @media (min-width: @plone-screen-md-min) {\n left: percentage((@columns / @plone-grid-columns));\n }\n}\n.make-md-column-pull(@columns) {\n @media (min-width: @plone-screen-md-min) {\n right: percentage((@columns / @plone-grid-columns));\n }\n}\n\n// Generate the large columns\n.make-lg-column(@columns; @gutter: @plone-grid-gutter-width) {\n position: relative;\n min-height: 1px;\n padding-left: (@gutter / 2);\n padding-right: (@gutter / 2);\n\n @media (min-width: @plone-screen-lg-min) {\n float: left;\n width: percentage((@columns / @plone-grid-columns));\n }\n}\n.make-lg-column-offset(@columns) {\n @media (min-width: @plone-screen-lg-min) {\n margin-left: percentage((@columns / @plone-grid-columns));\n }\n}\n.make-lg-column-push(@columns) {\n @media (min-width: @plone-screen-lg-min) {\n left: percentage((@columns / @plone-grid-columns));\n }\n}\n.make-lg-column-pull(@columns) {\n @media (min-width: @plone-screen-lg-min) {\n right: percentage((@columns / @plone-grid-columns));\n }\n}","//*// MIXIN CLEARFIX //*//\n\n.clearfix() {\n &:before,\n &:after {\n content: \" \"; // 1\n display: table; // 2\n }\n &:after {\n clear: both;\n }\n}","//*// BOOTSTRAP GRID MIXIN FRAMEWORK //*//\n\n//*// This is exactly BOOTSTRAP GRID, replace it for your system\n\n\n\n\n\n\n\n// Framework grid generation\n//\n// Used only by Bootstrap to generate the correct number of grid classes given\n// any value of `@grid-columns`.\n\n.make-grid-columns() {\n // Common styles for all sizes of grid columns, widths 1-12\n .col(@index) when (@index = 1) { // initial\n @item: ~\".col-xs-@{index}, .col-sm-@{index}, .col-md-@{index}, .col-lg-@{index}\";\n .col((@index + 1), @item);\n }\n .col(@index, @list) when (@index =< @plone-grid-columns) { // general; \"=<\" isn't a typo\n @item: ~\".col-xs-@{index}, .col-sm-@{index}, .col-md-@{index}, .col-lg-@{index}\";\n .col((@index + 1), ~\"@{list}, @{item}\");\n }\n .col(@index, @list) when (@index > @plone-grid-columns) { // terminal\n @{list} {\n position: relative;\n // Prevent columns from collapsing when empty\n min-height: 1px;\n // Inner gutter via padding\n padding-left: (@plone-grid-gutter-width / 2);\n padding-right: (@plone-grid-gutter-width / 2);\n }\n }\n .col(1); // kickstart it\n}\n\n.float-grid-columns(@class) {\n .col(@index) when (@index = 1) { // initial\n @item: ~\".col-@{class}-@{index}\";\n .col((@index + 1), @item);\n }\n .col(@index, @list) when (@index =< @plone-grid-columns) { // general\n @item: ~\".col-@{class}-@{index}\";\n .col((@index + 1), ~\"@{list}, @{item}\");\n }\n .col(@index, @list) when (@index > @plone-grid-columns) { // terminal\n @{list} {\n float: left;\n }\n }\n .col(1); // kickstart it\n}\n\n.calc-grid-column(@index, @class, @type) when (@type = width) and (@index > 0) {\n .col-@{class}-@{index} {\n width: percentage((@index / @plone-grid-columns));\n }\n}\n.calc-grid-column(@index, @class, @type) when (@type = push) and (@index > 0) {\n .col-@{class}-push-@{index} {\n left: percentage((@index / @plone-grid-columns));\n }\n}\n.calc-grid-column(@index, @class, @type) when (@type = push) and (@index = 0) {\n .col-@{class}-push-0 {\n left: auto;\n }\n}\n.calc-grid-column(@index, @class, @type) when (@type = pull) and (@index > 0) {\n .col-@{class}-pull-@{index} {\n right: percentage((@index / @plone-grid-columns));\n }\n}\n.calc-grid-column(@index, @class, @type) when (@type = pull) and (@index = 0) {\n .col-@{class}-pull-0 {\n right: auto;\n }\n}\n.calc-grid-column(@index, @class, @type) when (@type = offset) {\n .col-@{class}-offset-@{index} {\n margin-left: percentage((@index / @plone-grid-columns));\n }\n}\n\n// Basic looping in LESS\n.loop-grid-columns(@index, @class, @type) when (@index >= 0) {\n .calc-grid-column(@index, @class, @type);\n // next iteration\n .loop-grid-columns((@index - 1), @class, @type);\n}\n\n// Create grid for specific class\n.make-grid(@class) {\n .float-grid-columns(@class);\n .loop-grid-columns(@plone-grid-columns, @class, width);\n .loop-grid-columns(@plone-grid-columns, @class, pull);\n .loop-grid-columns(@plone-grid-columns, @class, push);\n .loop-grid-columns(@plone-grid-columns, @class, offset);\n}\n","//*// TABLES //*//\n\n//*// Tables\ntable { max-width: 100%; background-color: @plone-table-bg; border-radius: @plone-border-radius-base; font-weight: @plone-font-weight-regular; color: @plone-gray;}\nth { text-align: left; color: @plone-gray-dark;}\n\n//*// listing table plone class\n.listing {\n width: 100%;\n margin-bottom: @plone-line-height-computed;\n // Cells\n > thead,\n > tbody,\n > tfoot {\n > tr {\n > th,\n > td {\n padding: @plone-table-cell-padding;\n line-height: @plone-line-height-base;\n vertical-align: top;\n border-top: 0 solid @plone-table-border-color;\n border-collapse: collapse;\n }\n }\n }\n // Bottom align for column headings\n > thead > tr > th {\n vertical-align: bottom;\n border-bottom: 1px solid @plone-table-border-color;\n }\n // Remove top border from thead by default\n > caption + thead,\n > colgroup + thead,\n > thead:first-child {\n > tr:first-child {\n > th,\n > td {\n border-top: 0;\n }\n }\n }\n // Account for multiple tbody instances\n > tbody + tbody {\n border-top: 2px solid @plone-table-border-color;\n }\n\n // Nesting\n .listing {\n background-color: @plone-body-bg;\n }\n}\n\n//*// invisible grid table plone class\n.invisible-grid {\n width: 100%;\n margin-bottom: @plone-line-height-computed;\n border: 0;\n background: transparent;\n // Cells\n > thead,\n > tbody,\n > tfoot {\n > tr {\n > th,\n > td {\n border: 0;\n }\n }\n }\n}\n\n// Zebra-striping\n.listing {\n > tbody > tr:nth-child(odd) {\n > td,\n > th {\n background-color: @plone-table-bg-accent;\n }\n }\n}\n\n//we need to add a class on div parent element of the table to ensure all possible options for responsive tables.\n//as default has-table uses it to scroll horizontally table\n.plone-has-table {\n @media screen and (max-width: @plone-screen-xs-max) {\n width: 100%;\n margin-bottom: (@plone-line-height-computed * 0.75);\n overflow-y: hidden;\n overflow-x: scroll;\n -ms-overflow-style: -ms-autohiding-scrollbar;\n border: 1px solid @plone-table-border-color;\n border-radius: @plone-border-radius-base;\n -webkit-overflow-scrolling: touch;\n position: relative;\n // scroll marker, it appears when we have active the mobile class\n &:after {content:\"⟷\"; position:fixed; color:@plone-gray-lighter; margin-top:-3px}\n // Tighten up spacing\n > .listing {\n margin-bottom: 0;\n\n // Ensure the content doesn't wrap\n > thead,\n > tbody,\n > tfoot {\n > tr {\n > th,\n > td {\n white-space: nowrap;\n }\n }\n }\n }\n }\n}\n\n// Most of this is pulled out of twitter bootstrap styles\n// https://raw.githubusercontent.com/twbs/bootstrap/master/less/tables.less\n\n\ntable {\n width: 100%;\n max-width: 100%;\n border: 1px solid @plone-table-border-color;\n // Cells\n > thead,\n > tbody,\n > tfoot {\n > tr {\n > th,\n > td {\n vertical-align: top;\n border-top: 1px solid @plone-table-border-color;\n }\n }\n }\n // Bottom align for column headings\n > thead > tr > th {\n vertical-align: bottom;\n border-bottom: 2px solid @plone-table-border-color;\n }\n // Remove top border from thead by default\n > caption + thead,\n > colgroup + thead,\n > thead:first-child {\n > tr:first-child {\n > th,\n > td {\n border-top: 0;\n }\n }\n }\n // Account for multiple tbody instances\n > tbody + tbody {\n border-top: 2px solid @plone-table-border-color;\n }\n\n > thead,\n > tbody,\n > tfoot {\n > tr {\n > th,\n > td {\n border: 1px solid @plone-table-border-color;\n }\n }\n }\n > thead > tr {\n > th,\n > td {\n // This used to be a mismatched property value.\n // I think this is the intention but am not to sure.\n border-bottom: 1px solid @plone-table-border-color;\n }\n }\n}\n\n// Table cell sizing\n//\n// Reset default table behavior\n\ntable col[class*=\"col-\"] {\n position: static; // Prevent border hiding in Firefox and IE9-11 (see https://github.com/twbs/bootstrap/issues/11623)\n float: none;\n display: table-column;\n}\ntable {\n td,\n th {\n &[class*=\"col-\"] {\n position: static; // Prevent border hiding in Firefox and IE9-11 (see https://github.com/twbs/bootstrap/issues/11623)\n float: none;\n display: table-cell;\n }\n }\n}","//*// FORMS //*//\n\n// Normalize non-controls\n// Restyle and baseline non-control form elements.\nfieldset {\n padding: 0;\n margin: 0;\n border: 0;\n // Chrome and Firefox set a `min-width: -webkit-min-content;` on fieldsets,\n // so we reset that to ensure it behaves more like a standard block element.\n // See https://github.com/twbs/bootstrap/issues/12359.\n min-width: 0;\n}\n\nlegend {\n display: block;\n width: 100%;\n padding: 0;\n margin-bottom: @plone-line-height-computed;\n font-size: (@plone-font-size-base * 1.5);\n line-height: inherit;\n color: @plone-legend-color;\n border: 0;\n border-bottom: 1px solid @plone-legend-border-color;\n font-weight: @plone-font-weight-light;\n}\n\nlabel {\n display: inline-block;\n max-width: 100%; // Force IE8 to wrap long content (see https://github.com/twbs/bootstrap/issues/13141)\n margin-bottom: @plone-padding-base-vertical;\n font-weight: bold;\n}\n\n\n// Normalize form controls\n//\n// While most of our form styles require extra classes, some basic normalization\n// is required to ensure optimum display with or without those classes to better\n// address browser inconsistencies.\n// Override content-box in Normalize (* isn't specific enough)\ninput[type=\"search\"] {\n .box-sizing(border-box);\n}\n\n// Position radios and checkboxes better\ninput[type=\"radio\"],\ninput[type=\"checkbox\"] {\n margin: 4px 0 0;\n margin-top: 1px \\9; // IE8-9\n line-height: normal;\n}\n\n// Set the height of file controls to match text inputs\ninput[type=\"file\"] {\n display: block;\n}\n\n// Make range inputs behave like textual form controls\ninput[type=\"range\"] {\n display: block;\n width: 100%;\n}\n\n// Make multiple select elements height not fixed\nselect[multiple],\nselect[size] {\n height: auto;\n min-width: 10em;\n}\nselect[size=\"1\"] {\n height: @plone-input-height-base;\n}\n\n// Focus for file, radio, and checkbox\ninput[type=\"file\"]:focus,\ninput[type=\"radio\"]:focus,\ninput[type=\"checkbox\"]:focus {\n .tab-focus();\n}\n\n// Adjust output element\noutput {\n display: block;\n padding-top: (@plone-padding-base-vertical + 1);\n font-size: @plone-font-size-base;\n line-height: @plone-line-height-base;\n color: @plone-input-color;\n}\n\n/*.form-control,*/ input[type=\"text\"], input[type=\"email\"], input[type=\"password\"], textarea, select {\n display: block;\n width: 100%;\n height: @plone-input-height-base; // Make inputs at least the height of their button counterpart (base line-height + padding + border)\n padding: @plone-padding-base-vertical @plone-padding-base-horizontal;\n font-size: @plone-font-size-base;\n line-height: @plone-line-height-base;\n color: @plone-input-color;\n background-color: @plone-input-bg;\n background-image: none; // Reset unusual Firefox-on-Android default style; see https://github.com/necolas/normalize.css/issues/214\n border: 1px solid @plone-input-border;\n border-radius: @plone-input-border-radius;\n .box-shadow(inset 0 1px 1px rgba(0,0,0,.075));\n .transition(~\"border-color ease-in-out .15s, box-shadow ease-in-out .15s\");\n\n // Customize the `:focus` state to imitate native WebKit styles.\n .form-control-focus();\n\n // Placeholder\n .placeholder();\n\n // Disabled and read-only inputs\n //\n // HTML5 says that controls under a fieldset > legend:first-child won't be\n // disabled if the fieldset is disabled. Due to implementation difficulty, we\n // don't honor that edge case; we style them as disabled anyway.\n &[disabled],\n &[readonly],\n fieldset[disabled] & {\n cursor: not-allowed;\n background-color: @plone-input-bg-disabled;\n opacity: 1; // iOS fix for unreadable disabled content\n }\n}\n// Reset height for `textarea`s\ntextarea {\n min-height: 9em;\n min-width: 10em;\n resize: vertical; //as default, only vertical resize\n\n &[name='form.widgets.IRichText.text'] {\n min-height: 12em;\n font-family: @plone-font-family-monospace; // when typing without richtext editor\n }\n}\n\n// Search inputs in iOS\n//\n// This overrides the extra rounded corners on search inputs in iOS so that our\n// `.form-control` class can properly style them. Note that this cannot simply\n// be added to `.form-control` as it's not specific enough. For details, see\n// https://github.com/twbs/bootstrap/issues/11586.\n\ninput[type=\"search\"] {\n -webkit-appearance: none;\n}\n\n\n// Special styles for iOS temporal inputs\n//\n// In Mobile Safari, setting `display: block` on temporal inputs causes the\n// text within the input to become vertically misaligned.\n// As a workaround, we set a pixel line-height that matches the\n// given height of the input. Since this fucks up everything else, we have to\n// appropriately reset it for Internet Explorer and the size variations.\n\ninput[type=\"date\"],\ninput[type=\"time\"],\ninput[type=\"datetime-local\"],\ninput[type=\"month\"] {\n line-height: @plone-input-height-base;\n // IE8+ misaligns the text within date inputs, so we reset\n line-height: @plone-line-height-base ~\"\\0\";\n}\n\n// Apply same disabled cursor tweak as for inputs\ninput[type=\"radio\"],\ninput[type=\"checkbox\"] {\n &[disabled],\n fieldset[disabled] & {\n cursor: not-allowed;\n }\n}\n\n//*// Form field\n.field {\n margin-bottom: 15px;\n // each option in a multi-checkbox field should be on a separate line\n span.option {\n display: block;\n }\n}\n\n.field.error {\n .form-control-validation(@plone-state-error-text; @plone-state-error-text; @plone-state-error-bg);\n background: lighten(@plone-state-error-bg,20%);\n .box-shadow(0 0 0 5px lighten(@plone-state-error-bg,20%));\n > label, div.error {\n color: @plone-toolbar-private-color;\n }\n div.error {\n padding-left: 30px;\n font-weight: @plone-font-weight-regular;\n &:before {\n background-color: @plone-alert-error-bullet; content:\"×\";\n font-size:@plone-font-size-base;\n font-weight: @plone-font-weight-regular;\n margin-left: -30px;\n margin-right: 5px;\n display: inline-block;\n border-radius: 20px;\n text-align:center;\n color:rgba(255, 255, 255, 0.9);\n width:16px;\n height:16px;\n line-height: 16px; //IE fix\n text-shadow: 0 -1px rgba(0,0,0,.5);\n top: -1px;\n position: relative;\n }\n }\n input,textarea,select {\n border-color: @plone-toolbar-private-color;\n &:focus {\n .box-shadow(0 0 8px lighten(@plone-toolbar-private-color,40%) );\n }\n }\n}\n\n.formHelp {\n //display: block; if want all helps to be block. As default span.formHelp inline and div.formHelp block\n margin-top: 0;\n margin-bottom: 0;\n color: lighten(@plone-text-color, 10%);\n font-weight: @plone-font-weight-regular;\n font-style: italic;\n}\n\n.formControls {\n border-top: 1px solid @plone-gray-lighter;\n background: @plone-portlet-footer-bg;\n padding: @plone-padding-base-horizontal;\n box-shadow: inset 0 10px 10px -10px rgba(0,0,0,.05);\n}\n// don't show formControls in modal body,\n// because the actual controls get moved to the footer\n.plone-modal-body .formControls {\n border: none;\n background: transparent;\n padding: 0;\n box-shadow: none;\n}\n\n//*// Required\nlabel .required {\n &:after{\n color: @plone-toolbar-private-color;\n content:\"•\";\n font-size: 200%;\n line-height: 0;\n position: relative;\n top: 7px;\n margin-left: -4px;\n }\n}\n\n//*// Input + Submit groups (manual because we still have no standard for this)\n.searchField.portlet-search-gadget,\n#sharing-user-group-search,\n#select-rules {width: 100%; display: inline-block;}\n\n.searchField.portlet-search-gadget + .searchButton,\n#sharing-user-group-search + #sharing-search-button,\n#select-rules + input {position: relative; float:right;margin-top: -@plone-input-height-base;}\n\n\n\n//*// Highlighted search\n#search-results li {margin: @plone-padding-base-horizontal 0;\n .croppedDescription {margin-bottom: 0;}\n}\n.highlightedSearchTerm {\n background: #fea;\n box-shadow: 0 0 1px 1px #fea;\n}\n.search-date-options > div, .search-type-options > div {\ndisplay: inline-block;\nmargin-right: 12px;\n}\n.optionsToggle label {font-weight: 300; color:@plone-gray;}\n\n.ordered-selection-field{\n td {\n vertical-align: middle;\n text-align: center;\n }\n td button{\n float: left;\n margin-left: 2rem;\n }\n}\n\n.folder-factories{\n list-style:none;\n}\n\n//*// Correct input + label on plone structure widgets\n.widget input + label {\n display: inline;\n}\n","//*// MIXIN FORMS //*//\n\n// Form validation states\n//\n// Used in forms.less to generate the form validation CSS for warnings, errors,\n// and successes.\n\n.form-control-validation(@plone-text-color: #555; @plone-border-color: #ccc; @plone-background-color: #f5f5f5) {\n // Color the label and help text\n .help-block,\n .control-label,\n .radio,\n .checkbox,\n .radio-inline,\n .checkbox-inline {\n color: @plone-text-color;\n }\n // Set the border and box shadow on specific inputs to match\n .form-control {\n border-color: @plone-border-color;\n .box-shadow(inset 0 1px 1px rgba(0,0,0,.075)); // Redeclare so transitions work\n &:focus {\n border-color: darken(@plone-border-color, 10%);\n @plone-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px lighten(@plone-border-color, 20%);\n .box-shadow(@plone-shadow);\n }\n }\n // Set validation states also for addons\n .input-group-addon {\n color: @plone-text-color;\n border-color: @plone-border-color;\n background-color: @plone-background-color;\n }\n // Optional feedback icon\n .form-control-feedback {\n color: @plone-text-color;\n }\n}\n\n\n// Form control focus state\n//\n// Generate a customized focus state and for any input with the specified color,\n// which defaults to the `@input-border-focus` variable.\n//\n// We highly encourage you to not customize the default value, but instead use\n// this to tweak colors on an as-needed basis. This aesthetic change is based on\n// WebKit's default styles, but applicable to a wider range of browsers. Its\n// usability and accessibility should be taken into account with any change.\n//\n// Example usage: change the default blue border and shadow to white for better\n// contrast against a dark gray background.\n.form-control-focus(@plone-color: @plone-input-border-focus) {\n @plone-color-rgba: rgba(red(@plone-color), green(@plone-color), blue(@plone-color), .6);\n &:focus {\n border-color: @plone-color;\n outline: 0;\n .box-shadow(~\"inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px @{plone-color-rgba}\");\n }\n}\n\n// Form control sizing\n//\n// Relative text size, padding, and border-radii changes for form controls. For\n// horizontal sizing, wrap controls in the predefined grid classes. `` background color\n@plone-input-bg: #fff;\n//** `` background color\n@plone-input-bg-disabled: @plone-table-border-color;\n//** Text color for ``s\n@plone-input-color: @plone-gray;\n//** `` border color\n@plone-input-border: #ccc;\n//** `` border radius\n@plone-input-border-radius: @plone-border-radius-base;\n//** Border color for inputs on focus\n@plone-input-border-focus: @plone-portlet-list-bullet;\n//** Placeholder text color\n@plone-input-color-placeholder: @plone-gray-light;\n//** Default `.form-control` height\n@plone-input-height-base: (@plone-line-height-computed + (@plone-padding-base-vertical * 2) + 2);\n//** Large `.form-control` height\n@plone-input-height-large: (ceil(@plone-font-size-large * @plone-line-height-large) + (@plone-padding-large-vertical * 2) + 2);\n//** Small `.form-control` height\n@plone-input-height-small: (floor(@plone-font-size-small * @plone-line-height-small) + (@plone-padding-small-vertical * 2) + 2);\n@plone-legend-color: @plone-gray-dark;\n@plone-legend-border-color: #e5e5e5;\n\n//** Background color for textual input addons\n@plone-input-group-addon-bg: @plone-gray-lighter;\n//** Border color for textual input addons\n@plone-input-group-addon-border-color: @plone-input-border;\n\n\n\n//*// ALERTS\n@plone-alert-icon-size:\t\t\t\t\t\t\t20px;\n@plone-alert-padding:\t\t\t\t\t\t\t15px;\n\t@plone-alert-border-radius:\t\t\t\t\t4px;\n\t@plone-alert-link-font-weight:\t\t\t\t@plone-font-weight-regular; //it depends on your font-family\n@plone-alert-info-bg:\t\t\t\t\t\t@plone-state-info-bg;\n\t@plone-alert-info-text:\t\t\t\t\t\t@plone-state-info-text; //the text on alert is black with opacity to use the same color and match the bg.\n\t@plone-alert-info-border:\t\t\t\t\t@plone-state-info-border;\n\t@plone-alert-info-bullet:\t\t\t\t\t@plone-state-info-bullet;\n@plone-alert-warning-bg:\t\t\t\t\t@plone-state-warning-bg;\n\t@plone-alert-warning-text:\t\t\t\t\t@plone-state-warning-text;\n\t@plone-alert-warning-border:\t\t\t\t@plone-state-warning-border;\n\t@plone-alert-warning-bullet:\t\t\t\t@plone-state-warning-bullet;\n@plone-alert-error-bg:\t\t\t\t\t\t@plone-state-error-bg;\n\t@plone-alert-error-text:\t\t\t\t\t@plone-state-error-text;\n\t@plone-alert-error-border:\t\t\t\t\t@plone-state-error-border;\n\t@plone-alert-error-bullet:\t\t\t\t\t@plone-state-error-bullet;\n\n\n\n//*// PORTLETS\n@plone-border-base:\t\t\t\t\t\t\t1px solid;\n@plone-portlet-header-bg:\t\t\t\t\t#f2f1f1;\n@plone-portlet-header-color:\t\t\t\t@plone-gray;\n@plone-portlet-content-bg:\t\t\t\t\t#fff;\n@plone-portlet-footer-bg:\t\t\t\t\t#fcfcfd;\n@plone-portlet-border:\t\t\t\t\t\t@plone-border-base #e5e5e5;\n@plone-portlet-contrast-bg:\t\t\t\t\t#e5e5e5;\n@plone-portlet-event-bullet:\t\t\t\t#dbecfe;\n@plone-portlet-list-bullet:\t\t\t\t\t#64bee8;\n@plone-portlet-list-hover-bg:\t\t\t\t#fcfcfd;\n@plone-portlet-list-small-text:\t\t\t\t@plone-gray;\n\n\n\n//*// THUMBS\n//** Padding around the thumbnail image\n@plone-thumbnail-padding: 4px;\n//** Thumbnail background color\n@plone-thumbnail-bg: @plone-body-bg;\n//** Thumbnail border color\n@plone-thumbnail-border: #ddd;\n//** Thumbnail border radius\n@plone-thumbnail-border-radius: @plone-border-radius-base;\n//** Custom text color for thumbnail captions\n@plone-thumbnail-caption-color: @plone-text-color;\n//** Padding around the thumbnail caption\n@plone-thumbnail-caption-padding: 9px;\n\n\n\n//*// BREADCRUMBS\n@plone-breadcrumb-padding-vertical: 8px;\n@plone-breadcrumb-padding-horizontal: 15px;\n//** Breadcrumb background color\n@plone-breadcrumb-bg: darken(@plone-portlet-header-bg,5%);\n//** Breadcrumb text color\n@plone-breadcrumb-color: @plone-gray-lighter;\n//** Text color of current page in the breadcrumb\n@plone-breadcrumb-active-color: @plone-gray-light;\n\n\n//*// SITE NAV\n@plone-sitenav-height: 50px;\n\t@plone-sitenav-margin-bottom: @plone-line-height-computed;\n\t@plone-sitenav-border-radius: @plone-border-radius-base;\n\t@plone-sitenav-padding-horizontal: floor((@plone-grid-gutter-width / 2));\n\t@plone-sitenav-padding-vertical: ((@plone-sitenav-height - @plone-line-height-computed) / 2);\n\t@plone-sitenav-collapse-max-height: 340px;\n\t@plone-sitenav-link-padding: 10px 15px;\n\t@plone-sitenav-link-hover-bg: #7099bf;\n\t@plone-sitenav-bg: \t\t\t @plone-link-color;\n\t@plone-sitenav-hover-bg: \t\t\t @plone-link-color;\n\n//*// PAGINATION\n@plone-pagination-color: @plone-link-color;\n\t@plone-pagination-bg: @plone-portlet-content-bg;\n\t@plone-pagination-border: @plone-portlet-border;\n@plone-pagination-hover-color: @plone-link-hover-color;\n\t@plone-pagination-hover-bg: @plone-portlet-header-bg;\n\t@plone-pagination-hover-border: @plone-portlet-border;\n@plone-pagination-active-color: @plone-portlet-content-bg;\n\t@plone-pagination-active-bg: @plone-link-color;\n\t@plone-pagination-active-border: @plone-border-base @plone-link-color;\n@plone-pagination-disabled-color: @plone-gray-lighter;\n\t@plone-pagination-disabled-bg: @plone-portlet-footer-bg;\n\t@plone-pagination-disabled-border: @plone-portlet-border;\n\n\n\n//*// CODE\n@plone-code-color: #c7254e;\n\t@plone-code-bg: #f9f2f4;\n@plone-kbd-color: #fff;\n\t@plone-kbd-bg: #333;\n@plone-pre-bg: #f5f5f5;\n\t@plone-pre-color: @plone-gray-dark;\n\t@plone-pre-border-color: #ccc;\n\t@plone-pre-scrollable-max-height: 340px;\n\n\n\n//*// TYPE\n//** Text muted color\n@plone-text-discreet: @plone-gray;\n//** Abbreviations and acronyms border color\n@plone-abbr-border-color: @plone-gray-light;\n//** Headings small color\n@plone-headings-small-color: @plone-gray-light;\n//** Blockquote small color\n@plone-blockquote-small-color: @plone-gray-light;\n//** Blockquote font size\n@plone-blockquote-font-size: (@plone-font-size-base * 1.25);\n//** Blockquote border color\n@plone-blockquote-border-color: @plone-gray-lighter;\n//** Page header border color\n@plone-page-header-border-color: @plone-gray-lighter;\n\n\n\n//*// MISC\n//** Horizontal line color.\n@plone-hr-border: @plone-gray-lighter;\n//** Horizontal offset for forms and lists.\n@plone-component-offset-horizontal: 180px;\n\n\n//*// END\n","//*// MIXIN TAB FOCUS //*//\n\n.tab-focus() {\n // Default\n outline: thin dotted;\n // WebKit\n outline: 5px auto -webkit-focus-ring-color;\n outline-offset: -2px;\n}\n\n.placeholder(@plone-color: @plone-input-color-placeholder) {\n &::-moz-placeholder { color: @plone-color; // Firefox\n opacity: 1; } // See https://github.com/twbs/bootstrap/pull/11526\n &:-ms-input-placeholder { color: @plone-color; } // Internet Explorer 10+\n &::-webkit-input-placeholder { color: @plone-color; } // Safari and Chrome\n}","//*// TYPE //*//\n\n//*// Body //*//\nbody { word-wrap: break-word; }\n\n//*// Headings\nh1, h2, h3, h4, h5, h6 {\n font-family: @plone-headings-font-family;\n font-weight: @plone-headings-font-weight;\n line-height: @plone-headings-line-height;\n color: @plone-headings-color;\n}\n\nh1, h2, h3 {\n margin-top: @plone-line-height-computed;\n margin-bottom: (@plone-line-height-computed / 2);\n a:hover, a:focus { text-decoration: none; border-bottom: 2px @plone-link-hover-color solid; }\n}\nh4, h5, h6 {\n margin-top: (@plone-line-height-computed / 2);\n margin-bottom: (@plone-line-height-computed / 2);\n}\n\nh1 { font-size: @plone-font-size-h1; }\nh2 { font-size: @plone-font-size-h2; }\nh3 { font-size: @plone-font-size-h3; }\nh4 { font-size: @plone-font-size-h4; }\nh5 { font-size: @plone-font-size-h5; }\nh6 { font-size: @plone-font-size-h6; }\n\n//*// Body text\np { margin: 0 0 (@plone-line-height-computed / 2); }\n\n.documentDescription {\n font-size: @plone-font-size-h4;\n font-weight: @plone-font-weight-bold;\n color: @plone-text-discreet;\n margin-bottom: 10px;\n}\n\n//*// Emphasis & misc\nsmall { font-size: 85%; }\ncite { font-style: normal; }\nmark { background-color: @plone-state-warning-bg; padding: .2em; }\n.discreet { color: @plone-text-discreet; font-weight: @plone-font-weight-regular;}\n.documentByLine {color: @plone-text-discreet; font-weight: @plone-font-weight-regular; margin-bottom: (@plone-line-height-computed / 2); }\n\n//*// Page header\n.documentFirstHeading {\n padding-bottom: ((@plone-line-height-computed / 2) - 1);\n margin: 0 0 (@plone-line-height-computed / 2);\n border-bottom: 1px solid @plone-page-header-border-color;\n}\n\n//*// Lists\nul,\nol {\n margin-top: 0;\n margin-bottom: (@plone-line-height-computed / 2);\n ul,\n ol {\n margin-bottom: 0;\n }\n}\n\ndl {\n margin-top: 0; // Remove browser default\n margin-bottom: @plone-line-height-computed;\n}\n dt, dd { line-height: @plone-line-height-base; }\n dt { font-weight: bold;}\n dd { margin-left: 0; }\n\n//*// Misc\nabbr[title], abbr[data-original-title] /*tooltip bootstrap plugin, just in case*/ {\n cursor: help;\n border-bottom: 1px dotted @plone-abbr-border-color;\n}\n\n//*// Addresses\naddress {\n margin-bottom: @plone-line-height-computed;\n font-style: normal;\n line-height: @plone-line-height-base;\n}\n\n\n//*// Floats\n.pull-right {\n float: right !important;\n}\n.pull-left {\n float: left !important;\n}\n","//*// CODE //*//\n\n//*// Inline codes\ncode,\nkbd,\npre,\nsamp {\n font-family: @plone-font-family-monospace;\n}\n\ncode {\n padding: 2px 4px;\n font-size: 90%;\n color: @plone-code-color;\n background-color: @plone-code-bg;\n border-radius: @plone-border-radius-base;\n}\n\nkbd {\n padding: 2px 4px;\n font-size: 90%;\n color: @plone-kbd-color;\n background-color: @plone-kbd-bg;\n border-radius: @plone-border-radius-small;\n box-shadow: inset 0 -1px 0 rgba(0,0,0,.25);\n}\n\n//*// Block code\npre {\n display: block;\n padding: round((@plone-line-height-computed - 1) / 2);\n margin: 0 0 (@plone-line-height-computed / 2);\n font-size: (@plone-font-size-base - 1); // 14px to 13px\n line-height: @plone-line-height-base;\n word-break: break-all;\n word-wrap: break-word;\n color: @plone-pre-color;\n background-color: @plone-pre-bg;\n border: 1px solid @plone-pre-border-color;\n border-radius: @plone-border-radius-base;\n\n // Account for some code outputs that place code tags in pre tags, not used in Plone as default\n code {\n padding: 0;\n font-size: inherit;\n color: inherit;\n white-space: pre-wrap;\n background-color: transparent;\n border-radius: 0;\n }\n}","//*// BOOTSTRAP GRID //*//\n\n//*// This is exactly BOOTSTRAP GRID, replace it for your system\n\n\n\n// Container widths\n.container {\n .container-fixed();\n\n @media (min-width: @plone-screen-sm-min) {\n width: @plone-container-sm;\n }\n @media (min-width: @plone-screen-md-min) {\n width: @plone-container-md;\n }\n @media (min-width: @plone-screen-lg-min) {\n width: @plone-container-lg;\n }\n}\n\n\n// Fluid container\n.container-fluid {\n .container-fixed();\n}\n\n\n// Row\n.row {\n .clearfix();\n .make-row();\n}\n\n\n// Columns\n.make-grid-columns();\n\n\n// Extra small grid\n.make-grid(xs);\n\n\n// Small grid\n@media (min-width: @plone-screen-sm-min) {\n .make-grid(sm);\n}\n\n\n// Medium grid\n@media (min-width: @plone-screen-md-min) {\n .make-grid(md);\n}\n\n\n// Large grid\n@media (min-width: @plone-screen-lg-min) {\n .make-grid(lg);\n}\n\n\n// toolbar needs to match grid \n#edit-zone.plone-toolbar-top .plone-toolbar-container {\n .container-fixed(); \n @media (min-width: @plone-screen-sm-min) {\n width: @plone-container-sm;\n }\n @media (min-width: @plone-screen-md-min) {\n width: @plone-container-md;\n }\n @media (min-width: @plone-screen-lg-min) {\n width: @plone-container-lg;\n }\n margin-top: 0;\n margin-bottom: 0;\n height: 50px;\n}\n#edit-zone.plone-toolbar-top.compressed .plone-toolbar-container {width: auto;}","//*// BOOTSTRAP GRID MIXIN //*//\n\n//*// This is exactly BOOTSTRAP GRID, replace it for your system\n\n\n\n\n\n\n\n// Grid system\n//\n// Generate semantic grid columns with these mixins.\n\n// Centered container element\n.container-fixed(@gutter: @plone-grid-gutter-width) {\n margin-right: auto;\n margin-left: auto;\n padding-left: (@gutter / 2);\n padding-right: (@gutter / 2);\n &:extend(.clearfix all);\n}\n\n// Creates a wrapper for a series of columns\n.make-row(@gutter: @plone-grid-gutter-width) {\n margin-left: (@gutter / -2);\n margin-right: (@gutter / -2);\n &:extend(.clearfix all);\n}\n\n// Generate the extra small columns\n.make-xs-column(@columns; @gutter: @plone-grid-gutter-width) {\n position: relative;\n float: left;\n width: percentage((@columns / @plone-grid-columns));\n min-height: 1px;\n padding-left: (@gutter / 2);\n padding-right: (@gutter / 2);\n}\n.make-xs-column-offset(@columns) {\n margin-left: percentage((@columns / @plone-grid-columns));\n}\n.make-xs-column-push(@columns) {\n left: percentage((@columns / @plone-grid-columns));\n}\n.make-xs-column-pull(@columns) {\n right: percentage((@columns / @plone-grid-columns));\n}\n\n// Generate the small columns\n.make-sm-column(@columns; @gutter: @plone-grid-gutter-width) {\n position: relative;\n min-height: 1px;\n padding-left: (@gutter / 2);\n padding-right: (@gutter / 2);\n\n @media (min-width: @plone-screen-sm-min) {\n float: left;\n width: percentage((@columns / @plone-grid-columns));\n }\n}\n.make-sm-column-offset(@columns) {\n @media (min-width: @plone-screen-sm-min) {\n margin-left: percentage((@columns / @plone-grid-columns));\n }\n}\n.make-sm-column-push(@columns) {\n @media (min-width: @plone-screen-sm-min) {\n left: percentage((@columns / @plone-grid-columns));\n }\n}\n.make-sm-column-pull(@columns) {\n @media (min-width: @plone-screen-sm-min) {\n right: percentage((@columns / @plone-grid-columns));\n }\n}\n\n// Generate the medium columns\n.make-md-column(@columns; @gutter: @plone-grid-gutter-width) {\n position: relative;\n min-height: 1px;\n padding-left: (@gutter / 2);\n padding-right: (@gutter / 2);\n\n @media (min-width: @plone-screen-md-min) {\n float: left;\n width: percentage((@columns / @plone-grid-columns));\n }\n}\n.make-md-column-offset(@columns) {\n @media (min-width: @plone-screen-md-min) {\n margin-left: percentage((@columns / @plone-grid-columns));\n }\n}\n.make-md-column-push(@columns) {\n @media (min-width: @plone-screen-md-min) {\n left: percentage((@columns / @plone-grid-columns));\n }\n}\n.make-md-column-pull(@columns) {\n @media (min-width: @plone-screen-md-min) {\n right: percentage((@columns / @plone-grid-columns));\n }\n}\n\n// Generate the large columns\n.make-lg-column(@columns; @gutter: @plone-grid-gutter-width) {\n position: relative;\n min-height: 1px;\n padding-left: (@gutter / 2);\n padding-right: (@gutter / 2);\n\n @media (min-width: @plone-screen-lg-min) {\n float: left;\n width: percentage((@columns / @plone-grid-columns));\n }\n}\n.make-lg-column-offset(@columns) {\n @media (min-width: @plone-screen-lg-min) {\n margin-left: percentage((@columns / @plone-grid-columns));\n }\n}\n.make-lg-column-push(@columns) {\n @media (min-width: @plone-screen-lg-min) {\n left: percentage((@columns / @plone-grid-columns));\n }\n}\n.make-lg-column-pull(@columns) {\n @media (min-width: @plone-screen-lg-min) {\n right: percentage((@columns / @plone-grid-columns));\n }\n}","//*// MIXIN CLEARFIX //*//\n\n.clearfix() {\n &:before,\n &:after {\n content: \" \"; // 1\n display: table; // 2\n }\n &:after {\n clear: both;\n }\n}","//*// BOOTSTRAP GRID MIXIN FRAMEWORK //*//\n\n//*// This is exactly BOOTSTRAP GRID, replace it for your system\n\n\n\n\n\n\n\n// Framework grid generation\n//\n// Used only by Bootstrap to generate the correct number of grid classes given\n// any value of `@grid-columns`.\n\n.make-grid-columns() {\n // Common styles for all sizes of grid columns, widths 1-12\n .col(@index) when (@index = 1) { // initial\n @item: ~\".col-xs-@{index}, .col-sm-@{index}, .col-md-@{index}, .col-lg-@{index}\";\n .col((@index + 1), @item);\n }\n .col(@index, @list) when (@index =< @plone-grid-columns) { // general; \"=<\" isn't a typo\n @item: ~\".col-xs-@{index}, .col-sm-@{index}, .col-md-@{index}, .col-lg-@{index}\";\n .col((@index + 1), ~\"@{list}, @{item}\");\n }\n .col(@index, @list) when (@index > @plone-grid-columns) { // terminal\n @{list} {\n position: relative;\n // Prevent columns from collapsing when empty\n min-height: 1px;\n // Inner gutter via padding\n padding-left: (@plone-grid-gutter-width / 2);\n padding-right: (@plone-grid-gutter-width / 2);\n }\n }\n .col(1); // kickstart it\n}\n\n.float-grid-columns(@class) {\n .col(@index) when (@index = 1) { // initial\n @item: ~\".col-@{class}-@{index}\";\n .col((@index + 1), @item);\n }\n .col(@index, @list) when (@index =< @plone-grid-columns) { // general\n @item: ~\".col-@{class}-@{index}\";\n .col((@index + 1), ~\"@{list}, @{item}\");\n }\n .col(@index, @list) when (@index > @plone-grid-columns) { // terminal\n @{list} {\n float: left;\n }\n }\n .col(1); // kickstart it\n}\n\n.calc-grid-column(@index, @class, @type) when (@type = width) and (@index > 0) {\n .col-@{class}-@{index} {\n width: percentage((@index / @plone-grid-columns));\n }\n}\n.calc-grid-column(@index, @class, @type) when (@type = push) and (@index > 0) {\n .col-@{class}-push-@{index} {\n left: percentage((@index / @plone-grid-columns));\n }\n}\n.calc-grid-column(@index, @class, @type) when (@type = push) and (@index = 0) {\n .col-@{class}-push-0 {\n left: auto;\n }\n}\n.calc-grid-column(@index, @class, @type) when (@type = pull) and (@index > 0) {\n .col-@{class}-pull-@{index} {\n right: percentage((@index / @plone-grid-columns));\n }\n}\n.calc-grid-column(@index, @class, @type) when (@type = pull) and (@index = 0) {\n .col-@{class}-pull-0 {\n right: auto;\n }\n}\n.calc-grid-column(@index, @class, @type) when (@type = offset) {\n .col-@{class}-offset-@{index} {\n margin-left: percentage((@index / @plone-grid-columns));\n }\n}\n\n// Basic looping in LESS\n.loop-grid-columns(@index, @class, @type) when (@index >= 0) {\n .calc-grid-column(@index, @class, @type);\n // next iteration\n .loop-grid-columns((@index - 1), @class, @type);\n}\n\n// Create grid for specific class\n.make-grid(@class) {\n .float-grid-columns(@class);\n .loop-grid-columns(@plone-grid-columns, @class, width);\n .loop-grid-columns(@plone-grid-columns, @class, pull);\n .loop-grid-columns(@plone-grid-columns, @class, push);\n .loop-grid-columns(@plone-grid-columns, @class, offset);\n}\n","//*// TABLES //*//\n\n//*// Tables\ntable { max-width: 100%; background-color: @plone-table-bg; border-radius: @plone-border-radius-base; font-weight: @plone-font-weight-regular; color: @plone-gray;}\nth { text-align: left; color: @plone-gray-dark;}\n\n//*// listing table plone class\n.listing {\n width: 100%;\n margin-bottom: @plone-line-height-computed;\n // Cells\n > thead,\n > tbody,\n > tfoot {\n > tr {\n > th,\n > td {\n padding: @plone-table-cell-padding;\n line-height: @plone-line-height-base;\n vertical-align: top;\n border-top: 0 solid @plone-table-border-color;\n border-collapse: collapse;\n }\n }\n }\n // Bottom align for column headings\n > thead > tr > th {\n vertical-align: bottom;\n border-bottom: 1px solid @plone-table-border-color;\n }\n // Remove top border from thead by default\n > caption + thead,\n > colgroup + thead,\n > thead:first-child {\n > tr:first-child {\n > th,\n > td {\n border-top: 0;\n }\n }\n }\n // Account for multiple tbody instances\n > tbody + tbody {\n border-top: 2px solid @plone-table-border-color;\n }\n\n // Nesting\n .listing {\n background-color: @plone-body-bg;\n }\n}\n\n//*// invisible grid table plone class\n.invisible-grid {\n width: 100%;\n margin-bottom: @plone-line-height-computed;\n border: 0;\n background: transparent;\n // Cells\n > thead,\n > tbody,\n > tfoot {\n > tr {\n > th,\n > td {\n border: 0;\n }\n }\n }\n}\n\n// Zebra-striping\n.listing {\n > tbody > tr:nth-child(odd) {\n > td,\n > th {\n background-color: @plone-table-bg-accent;\n }\n }\n}\n\n//we need to add a class on div parent element of the table to ensure all possible options for responsive tables.\n//as default has-table uses it to scroll horizontally table\n.plone-has-table {\n @media screen and (max-width: @plone-screen-xs-max) {\n width: 100%;\n margin-bottom: (@plone-line-height-computed * 0.75);\n overflow-y: hidden;\n overflow-x: scroll;\n -ms-overflow-style: -ms-autohiding-scrollbar;\n border: 1px solid @plone-table-border-color;\n border-radius: @plone-border-radius-base;\n -webkit-overflow-scrolling: touch;\n position: relative;\n // scroll marker, it appears when we have active the mobile class\n &:after {content:\"⟷\"; position:fixed; color:@plone-gray-lighter; margin-top:-3px}\n // Tighten up spacing\n > .listing {\n margin-bottom: 0;\n\n // Ensure the content doesn't wrap\n > thead,\n > tbody,\n > tfoot {\n > tr {\n > th,\n > td {\n white-space: nowrap;\n }\n }\n }\n }\n }\n}\n\n// Most of this is pulled out of twitter bootstrap styles\n// https://raw.githubusercontent.com/twbs/bootstrap/master/less/tables.less\n\n\ntable {\n width: 100%;\n max-width: 100%;\n border: 1px solid @plone-table-border-color;\n // Cells\n > thead,\n > tbody,\n > tfoot {\n > tr {\n > th,\n > td {\n vertical-align: top;\n border-top: 1px solid @plone-table-border-color;\n }\n }\n }\n // Bottom align for column headings\n > thead > tr > th {\n vertical-align: bottom;\n border-bottom: 2px solid @plone-table-border-color;\n }\n // Remove top border from thead by default\n > caption + thead,\n > colgroup + thead,\n > thead:first-child {\n > tr:first-child {\n > th,\n > td {\n border-top: 0;\n }\n }\n }\n // Account for multiple tbody instances\n > tbody + tbody {\n border-top: 2px solid @plone-table-border-color;\n }\n\n > thead,\n > tbody,\n > tfoot {\n > tr {\n > th,\n > td {\n border: 1px solid @plone-table-border-color;\n }\n }\n }\n > thead > tr {\n > th,\n > td {\n // This used to be a mismatched property value.\n // I think this is the intention but am not to sure.\n border-bottom: 1px solid @plone-table-border-color;\n }\n }\n}\n\n// Table cell sizing\n//\n// Reset default table behavior\n\ntable col[class*=\"col-\"] {\n position: static; // Prevent border hiding in Firefox and IE9-11 (see https://github.com/twbs/bootstrap/issues/11623)\n float: none;\n display: table-column;\n}\ntable {\n td,\n th {\n &[class*=\"col-\"] {\n position: static; // Prevent border hiding in Firefox and IE9-11 (see https://github.com/twbs/bootstrap/issues/11623)\n float: none;\n display: table-cell;\n }\n }\n}","//*// FORMS //*//\n\n// Normalize non-controls\n// Restyle and baseline non-control form elements.\nfieldset {\n padding: 0;\n margin: 0;\n border: 0;\n // Chrome and Firefox set a `min-width: -webkit-min-content;` on fieldsets,\n // so we reset that to ensure it behaves more like a standard block element.\n // See https://github.com/twbs/bootstrap/issues/12359.\n min-width: 0;\n}\n\nlegend {\n display: block;\n width: 100%;\n padding: 0;\n margin-bottom: @plone-line-height-computed;\n font-size: (@plone-font-size-base * 1.5);\n line-height: inherit;\n color: @plone-legend-color;\n border: 0;\n border-bottom: 1px solid @plone-legend-border-color;\n font-weight: @plone-font-weight-light;\n}\n\nlabel {\n display: inline-block;\n max-width: 100%; // Force IE8 to wrap long content (see https://github.com/twbs/bootstrap/issues/13141)\n margin-bottom: @plone-padding-base-vertical;\n font-weight: bold;\n}\n\n\n// Normalize form controls\n//\n// While most of our form styles require extra classes, some basic normalization\n// is required to ensure optimum display with or without those classes to better\n// address browser inconsistencies.\n// Override content-box in Normalize (* isn't specific enough)\ninput[type=\"search\"] {\n .box-sizing(border-box);\n}\n\n// Position radios and checkboxes better\ninput[type=\"radio\"],\ninput[type=\"checkbox\"] {\n margin: 4px 0 0;\n margin-top: 1px \\9; // IE8-9\n line-height: normal;\n}\n\n// Set the height of file controls to match text inputs\ninput[type=\"file\"] {\n display: block;\n}\n\n// Make range inputs behave like textual form controls\ninput[type=\"range\"] {\n display: block;\n width: 100%;\n}\n\n// Make multiple select elements height not fixed\nselect[multiple],\nselect[size] {\n height: auto;\n min-width: 10em;\n}\nselect[size=\"1\"] {\n height: @plone-input-height-base;\n}\n\n// Focus for file, radio, and checkbox\ninput[type=\"file\"]:focus,\ninput[type=\"radio\"]:focus,\ninput[type=\"checkbox\"]:focus {\n .tab-focus();\n}\n\n// Adjust output element\noutput {\n display: block;\n padding-top: (@plone-padding-base-vertical + 1);\n font-size: @plone-font-size-base;\n line-height: @plone-line-height-base;\n color: @plone-input-color;\n}\n\n/*.form-control,*/ input[type=\"text\"], input[type=\"email\"], input[type=\"password\"], textarea, select {\n display: block;\n width: 100%;\n height: @plone-input-height-base; // Make inputs at least the height of their button counterpart (base line-height + padding + border)\n padding: @plone-padding-base-vertical @plone-padding-base-horizontal;\n font-size: @plone-font-size-base;\n line-height: @plone-line-height-base;\n color: @plone-input-color;\n background-color: @plone-input-bg;\n background-image: none; // Reset unusual Firefox-on-Android default style; see https://github.com/necolas/normalize.css/issues/214\n border: 1px solid @plone-input-border;\n border-radius: @plone-input-border-radius;\n .box-shadow(inset 0 1px 1px rgba(0,0,0,.075));\n .transition(~\"border-color ease-in-out .15s, box-shadow ease-in-out .15s\");\n\n // Customize the `:focus` state to imitate native WebKit styles.\n .form-control-focus();\n\n // Placeholder\n .placeholder();\n\n // Disabled and read-only inputs\n //\n // HTML5 says that controls under a fieldset > legend:first-child won't be\n // disabled if the fieldset is disabled. Due to implementation difficulty, we\n // don't honor that edge case; we style them as disabled anyway.\n &[disabled],\n &[readonly],\n fieldset[disabled] & {\n cursor: not-allowed;\n background-color: @plone-input-bg-disabled;\n opacity: 1; // iOS fix for unreadable disabled content\n }\n}\n// Reset height for `textarea`s\ntextarea {\n min-height: 9em;\n min-width: 10em;\n resize: vertical; //as default, only vertical resize\n\n &[name='form.widgets.IRichText.text'] {\n min-height: 12em;\n font-family: @plone-font-family-monospace; // when typing without richtext editor\n }\n}\n\n// Search inputs in iOS\n//\n// This overrides the extra rounded corners on search inputs in iOS so that our\n// `.form-control` class can properly style them. Note that this cannot simply\n// be added to `.form-control` as it's not specific enough. For details, see\n// https://github.com/twbs/bootstrap/issues/11586.\n\ninput[type=\"search\"] {\n -webkit-appearance: none;\n}\n\n\n// Special styles for iOS temporal inputs\n//\n// In Mobile Safari, setting `display: block` on temporal inputs causes the\n// text within the input to become vertically misaligned.\n// As a workaround, we set a pixel line-height that matches the\n// given height of the input. Since this fucks up everything else, we have to\n// appropriately reset it for Internet Explorer and the size variations.\n\ninput[type=\"date\"],\ninput[type=\"time\"],\ninput[type=\"datetime-local\"],\ninput[type=\"month\"] {\n line-height: @plone-input-height-base;\n // IE8+ misaligns the text within date inputs, so we reset\n line-height: @plone-line-height-base ~\"\\0\";\n}\n\n// Apply same disabled cursor tweak as for inputs\ninput[type=\"radio\"],\ninput[type=\"checkbox\"] {\n &[disabled],\n fieldset[disabled] & {\n cursor: not-allowed;\n }\n}\n\n//*// Form field\n.field {\n margin-bottom: 15px;\n // each option in a multi-checkbox field should be on a separate line\n span.option {\n display: block;\n }\n}\n\n.field.error {\n .form-control-validation(@plone-state-error-text; @plone-state-error-text; @plone-state-error-bg);\n background: lighten(@plone-state-error-bg,20%);\n .box-shadow(0 0 0 5px lighten(@plone-state-error-bg,20%));\n > label, div.error {\n color: @plone-toolbar-private-color;\n }\n div.error {\n padding-left: 30px;\n font-weight: @plone-font-weight-regular;\n &:before {\n background-color: @plone-alert-error-bullet; content:\"×\";\n font-size:@plone-font-size-base;\n font-weight: @plone-font-weight-regular;\n margin-left: -30px;\n margin-right: 5px;\n display: inline-block;\n border-radius: 20px;\n text-align:center;\n color:rgba(255, 255, 255, 0.9);\n width:16px;\n height:16px;\n line-height: 16px; //IE fix\n text-shadow: 0 -1px rgba(0,0,0,.5);\n top: -1px;\n position: relative;\n }\n }\n input,textarea,select {\n border-color: @plone-toolbar-private-color;\n &:focus {\n .box-shadow(0 0 8px lighten(@plone-toolbar-private-color,40%) );\n }\n }\n}\n\n.formHelp {\n //display: block; if want all helps to be block. As default span.formHelp inline and div.formHelp block\n margin-top: 0;\n margin-bottom: 0;\n color: lighten(@plone-text-color, 10%);\n font-weight: @plone-font-weight-regular;\n font-style: italic;\n}\n\n.formControls {\n border-top: 1px solid @plone-gray-lighter;\n background: @plone-portlet-footer-bg;\n padding: @plone-padding-base-horizontal;\n box-shadow: inset 0 10px 10px -10px rgba(0,0,0,.05);\n}\n// don't show formControls in modal body,\n// because the actual controls get moved to the footer\n.plone-modal-body .formControls {\n border: none;\n background: transparent;\n padding: 0;\n box-shadow: none;\n}\n\n//*// Required\nlabel .required {\n &:after{\n color: @plone-toolbar-private-color;\n content:\"•\";\n font-size: 200%;\n line-height: 0;\n position: relative;\n top: 7px;\n margin-left: -4px;\n }\n}\n\n//*// Input + Submit groups (manual because we still have no standard for this)\n.searchField.portlet-search-gadget,\n#sharing-user-group-search,\n#select-rules {width: 100%; display: inline-block;}\n\n.searchField.portlet-search-gadget + .searchButton,\n#sharing-user-group-search + #sharing-search-button,\n#select-rules + input {position: relative; float:right;margin-top: -@plone-input-height-base;}\n\n\n\n//*// Highlighted search\n#search-results li {margin: @plone-padding-base-horizontal 0;\n .croppedDescription {margin-bottom: 0;}\n}\n.highlightedSearchTerm {\n background: #fea;\n box-shadow: 0 0 1px 1px #fea;\n}\n.search-date-options > div, .search-type-options > div {\ndisplay: inline-block;\nmargin-right: 12px;\n}\n.optionsToggle label {font-weight: 300; color:@plone-gray;}\n\n.ordered-selection-field{\n td {\n vertical-align: middle;\n text-align: center;\n }\n td button{\n float: left;\n margin-left: 2rem;\n }\n}\n\n.folder-factories{\n list-style:none;\n}\n\n//*// Correct input + label on plone structure widgets\n.widget input + label {\n display: inline;\n}\n","//*// MIXIN FORMS //*//\n\n// Form validation states\n//\n// Used in forms.less to generate the form validation CSS for warnings, errors,\n// and successes.\n\n.form-control-validation(@plone-text-color: #555; @plone-border-color: #ccc; @plone-background-color: #f5f5f5) {\n // Color the label and help text\n .help-block,\n .control-label,\n .radio,\n .checkbox,\n .radio-inline,\n .checkbox-inline {\n color: @plone-text-color;\n }\n // Set the border and box shadow on specific inputs to match\n .form-control {\n border-color: @plone-border-color;\n .box-shadow(inset 0 1px 1px rgba(0,0,0,.075)); // Redeclare so transitions work\n &:focus {\n border-color: darken(@plone-border-color, 10%);\n @plone-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px lighten(@plone-border-color, 20%);\n .box-shadow(@plone-shadow);\n }\n }\n // Set validation states also for addons\n .input-group-addon {\n color: @plone-text-color;\n border-color: @plone-border-color;\n background-color: @plone-background-color;\n }\n // Optional feedback icon\n .form-control-feedback {\n color: @plone-text-color;\n }\n}\n\n\n// Form control focus state\n//\n// Generate a customized focus state and for any input with the specified color,\n// which defaults to the `@input-border-focus` variable.\n//\n// We highly encourage you to not customize the default value, but instead use\n// this to tweak colors on an as-needed basis. This aesthetic change is based on\n// WebKit's default styles, but applicable to a wider range of browsers. Its\n// usability and accessibility should be taken into account with any change.\n//\n// Example usage: change the default blue border and shadow to white for better\n// contrast against a dark gray background.\n.form-control-focus(@plone-color: @plone-input-border-focus) {\n @plone-color-rgba: rgba(red(@plone-color), green(@plone-color), blue(@plone-color), .6);\n &:focus {\n border-color: @plone-color;\n outline: 0;\n .box-shadow(~\"inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px @{plone-color-rgba}\");\n }\n}\n\n// Form control sizing\n//\n// Relative text size, padding, and border-radii changes for form controls. For\n// horizontal sizing, wrap controls in the predefined grid classes. `