<!DOCTYPE HTML>
<html lang="en-gb" dir="ltr"  data-config='{"twitter":0,"plusone":0,"facebook":0,"style":"News"}'>

<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
	<base href="http://medipurpose.com/blog" />
	<meta name="keywords" content="medical product, medical device" />
	<meta http-equiv="content-type" content="text/html; charset=utf-8" />
	<meta name="description" content="MediPurpose develops, manufactures and distributes medical products and medical devices." />
	<meta name="generator" content="Joomla! - Open Source Content Management" />
	<title>Blog - MediPurpose™</title>
	<link href="/blog/feed/rss/blog?format=feed" rel="alternate" type="application/rss+xml" title="RSS 2.0" />
	<link href="/blog/feed/atom/blog?format=feed" rel="alternate" type="application/atom+xml" title="Atom 1.0" />
	<link href="/index.php?option=com_ajax&plugin=arkbootstrap&format=json" rel="stylesheet" type="text/css" />
	<link href="/index.php?option=com_ajax&plugin=arktypography&format=json" rel="stylesheet" type="text/css" />
	<link href="/media/zoo/applications/blog/templates/pure/assets/css/zoo.css?ver=20161031" rel="stylesheet" type="text/css" />
	<link href="/modules/mod_zoocategory/tmpl/flatlist/style.css?ver=20161031" rel="stylesheet" type="text/css" />
	<link href="/modules/mod_zooitem/tmpl/list/style.css?ver=20161031" rel="stylesheet" type="text/css" />
	<link href="http://www.medipurpose.com/media/editors/arkeditor/css/squeezebox.css" rel="stylesheet" type="text/css" />
	<script src="/media/jui/js/jquery.min.js" type="text/javascript"></script>
	<script src="/media/jui/js/jquery-noconflict.js" type="text/javascript"></script>
	<script src="/media/jui/js/jquery-migrate.min.js" type="text/javascript"></script>
	<script src="/media/zoo/assets/js/responsive.js?ver=20161031" type="text/javascript"></script>
	<script src="/components/com_zoo/assets/js/default.js?ver=20161031" type="text/javascript"></script>
	<script src="/media/jui/js/bootstrap.min.js" type="text/javascript"></script>
	<script src="http://www.medipurpose.com/media/editors/arkeditor/js/jquery.easing.min.js" type="text/javascript"></script>
	<script src="http://www.medipurpose.com/media/editors/arkeditor/js/squeezebox.min.js" type="text/javascript"></script>
	<script src="/media/widgetkit/uikit-51280a20.js" type="text/javascript"></script>
	<script src="/media/widgetkit/wk-scripts-cb4835b3.js" type="text/javascript"></script>
	<script type="text/javascript">
(function()
				{
					if(typeof jQuery == 'undefined')
						return;
					
					jQuery(function($)
					{
						if($.fn.squeezeBox)
						{
							$( 'a.modal' ).squeezeBox({ parse: 'rel' });
				
							$( 'img.modal' ).each( function( i, el )
							{
								$(el).squeezeBox({
									handler: 'image',
									url: $( el ).attr( 'src' )
								});
							})
						}
						else if(typeof(SqueezeBox) !== 'undefined')
						{
							$( 'img.modal' ).each( function( i, el )
							{
								SqueezeBox.assign( el, 
								{
									handler: 'image',
									url: $( el ).attr( 'src' )
								});
							});
						}
						
						function jModalClose() 
						{
							if(typeof(SqueezeBox) == 'object')
								SqueezeBox.close();
							else
								ARK.squeezeBox.close();
						}
					
					});
				})();
	</script>

<link rel="apple-touch-icon-precomposed" href="/templates/yoo_eat/apple_touch_icon.png">
<style data-file="bootstrap.css"></style>
<style data-file="theme.css"></style>
<link rel="stylesheet" href="/templates/yoo_eat/css/custom.css">
<script src="/templates/yoo_eat/warp/vendor/uikit/js/uikit.js"></script>
<script src="/templates/yoo_eat/warp/vendor/uikit/js/components/autocomplete.js"></script>
<script src="/templates/yoo_eat/warp/vendor/uikit/js/components/search.js"></script>
<script src="/templates/yoo_eat/warp/vendor/uikit/js/components/sticky.js"></script>
<script src="/templates/yoo_eat/warp/vendor/uikit/js/components/tooltip.js"></script>
<script src="/templates/yoo_eat/warp/js/social.js"></script>
<script src="/templates/yoo_eat/js/theme.js"></script>
<script>var less = { env: "development" }, files = [{"target":"bootstrap.css","source":"\/\/ Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http:\/\/www.yootheme.com\/license) *\/\n\n\/\/\n\/\/ Loads Bootstrap\n\/\/\n\/\/ ========================================================================\n\n\n\/\/ Load Bootstrap default (bootstrap.less)\n\/\/ ========================================================================\n\n\/\/\n\/\/ Reset CSS\n\/\/ Adapted from http:\/\/github.com\/necolas\/normalize.css\n\/\/ --------------------------------------------------\n\n\n\/\/ Display in IE6-9 and FF3\n\/\/ -------------------------\n\narticle,\naside,\ndetails,\nfigcaption,\nfigure,\nfooter,\nheader,\nhgroup,\nnav,\nsection {\n  display: block;\n}\n\n\/\/ Display block in IE6-9 and FF3\n\/\/ -------------------------\n\naudio,\ncanvas,\nvideo {\n  display: inline-block;\n  *display: inline;\n  *zoom: 1;\n}\n\n\/\/ Prevents modern browsers from displaying 'audio' without controls\n\/\/ -------------------------\n\naudio:not([controls]) {\n    display: none;\n}\n\n\/\/ Base settings\n\/\/ -------------------------\n\nhtml {\n  font-size: 100%;\n  -webkit-text-size-adjust: 100%;\n      -ms-text-size-adjust: 100%;\n}\n\/\/ Focus states\na:focus {\n  .tab-focus();\n}\n\/\/ Hover & Active\na:hover,\na:active {\n  outline: 0;\n}\n\n\/\/ Prevents sub and sup affecting line-height in all browsers\n\/\/ -------------------------\n\nsub,\nsup {\n  position: relative;\n  font-size: 75%;\n  line-height: 0;\n  vertical-align: baseline;\n}\nsup {\n  top: -0.5em;\n}\nsub {\n  bottom: -0.25em;\n}\n\n\/\/ Img border in a's and image quality\n\/\/ -------------------------\n\nimg {\n  \/* Responsive images (ensure images don't scale beyond their parents) *\/\n  max-width: 100%; \/* Part 1: Set a maxium relative to the parent *\/\n  width: auto\\9; \/* IE7-8 need help adjusting responsive images *\/\n  height: auto; \/* Part 2: Scale the height according to the width, otherwise you get stretching *\/\n\n  vertical-align: middle;\n  border: 0;\n  -ms-interpolation-mode: bicubic;\n}\n\n\/\/ Prevent max-width from affecting Google Maps\n#map_canvas img,\n.google-maps img,\n.gm-style img {\n  max-width: none;\n}\n\n\/\/ Forms\n\/\/ -------------------------\n\n\/\/ Font size in all browsers, margin changes, misc consistency\nbutton,\ninput,\nselect,\ntextarea {\n  margin: 0;\n  font-size: 100%;\n  vertical-align: middle;\n}\nbutton,\ninput {\n  *overflow: visible; \/\/ Inner spacing ie IE6\/7\n  line-height: normal; \/\/ FF3\/4 have !important on line-height in UA stylesheet\n}\nbutton::-moz-focus-inner,\ninput::-moz-focus-inner { \/\/ Inner padding and border oddities in FF3\/4\n  padding: 0;\n  border: 0;\n}\nbutton,\nhtml input[type=\"button\"], \/\/ Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` and `video` controls.\ninput[type=\"reset\"],\ninput[type=\"submit\"] {\n    -webkit-appearance: button; \/\/ Corrects inability to style clickable `input` types in iOS.\n    cursor: pointer; \/\/ Improves usability and consistency of cursor style between image-type `input` and others.\n}\nlabel,\nselect,\nbutton,\ninput[type=\"button\"],\ninput[type=\"reset\"],\ninput[type=\"submit\"],\ninput[type=\"radio\"],\ninput[type=\"checkbox\"] {\n    cursor: pointer; \/\/ Improves usability and consistency of cursor style between image-type `input` and others.\n}\ninput[type=\"search\"] { \/\/ Appearance in Safari\/Chrome\n  .box-sizing(content-box);\n  -webkit-appearance: textfield;\n}\ninput[type=\"search\"]::-webkit-search-decoration,\ninput[type=\"search\"]::-webkit-search-cancel-button {\n  -webkit-appearance: none; \/\/ Inner-padding issues in Chrome OSX, Safari 5\n}\ntextarea {\n  overflow: auto; \/\/ Remove vertical scrollbar in IE6-9\n  vertical-align: top; \/\/ Readability and alignment cross-browser\n}\n\n\n\/\/ Printing\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  .ir a:after,\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  @page {\n    margin: 0.5cm;\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\n\/\/\n\/\/ Variables\n\/\/ --------------------------------------------------\n\n\n\/\/ Global values\n\/\/ --------------------------------------------------\n\n\n\/\/ Grays\n\/\/ -------------------------\n@black:                 #000;\n@grayDarker:            #222;\n@grayDark:              #333;\n@gray:                  #555;\n@grayLight:             #999;\n@grayLighter:           #eee;\n@white:                 #fff;\n\n\n\/\/ Accent colors\n\/\/ -------------------------\n@blue:                  #049cdb;\n@blueDark:              #0064cd;\n@green:                 #46a546;\n@red:                   #9d261d;\n@yellow:                #ffc40d;\n@orange:                #f89406;\n@pink:                  #c3325f;\n@purple:                #7a43b6;\n\n\n\/\/ Scaffolding\n\/\/ -------------------------\n@bodyBackground:        @white;\n@textColor:             @grayDark;\n\n\n\/\/ Links\n\/\/ -------------------------\n@linkColor:             #08c;\n@linkColorHover:        darken(@linkColor, 15%);\n\n\n\/\/ Typography\n\/\/ -------------------------\n@sansFontFamily:        \"Helvetica Neue\", Helvetica, Arial, sans-serif;\n@serifFontFamily:       Georgia, \"Times New Roman\", Times, serif;\n@monoFontFamily:        Monaco, Menlo, Consolas, \"Courier New\", monospace;\n\n@baseFontSize:          14px;\n@baseFontFamily:        @sansFontFamily;\n@baseLineHeight:        20px;\n@altFontFamily:         @serifFontFamily;\n\n@headingsFontFamily:    inherit; \/\/ empty to use BS default, @baseFontFamily\n@headingsFontWeight:    bold;    \/\/ instead of browser default, bold\n@headingsColor:         inherit; \/\/ empty to use BS default, @textColor\n\n\n\/\/ Component sizing\n\/\/ -------------------------\n\/\/ Based on 14px font-size and 20px line-height\n\n@fontSizeLarge:         @baseFontSize * 1.25; \/\/ ~18px\n@fontSizeSmall:         @baseFontSize * 0.85; \/\/ ~12px\n@fontSizeMini:          @baseFontSize * 0.75; \/\/ ~11px\n\n@paddingLarge:          11px 19px; \/\/ 44px\n@paddingSmall:          2px 10px;  \/\/ 26px\n@paddingMini:           0 6px;   \/\/ 22px\n\n@baseBorderRadius:      4px;\n@borderRadiusLarge:     6px;\n@borderRadiusSmall:     3px;\n\n\n\/\/ Tables\n\/\/ -------------------------\n@tableBackground:                   transparent; \/\/ overall background-color\n@tableBackgroundAccent:             #f9f9f9; \/\/ for striping\n@tableBackgroundHover:              #f5f5f5; \/\/ for hover\n@tableBorder:                       #ddd; \/\/ table and cell border\n\n\/\/ Buttons\n\/\/ -------------------------\n@btnBackground:                     @white;\n@btnBackgroundHighlight:            darken(@white, 10%);\n@btnBorder:                         #ccc;\n\n@btnPrimaryBackground:              @linkColor;\n@btnPrimaryBackgroundHighlight:     spin(@btnPrimaryBackground, 20%);\n\n@btnInfoBackground:                 #5bc0de;\n@btnInfoBackgroundHighlight:        #2f96b4;\n\n@btnSuccessBackground:              #62c462;\n@btnSuccessBackgroundHighlight:     #51a351;\n\n@btnWarningBackground:              lighten(@orange, 15%);\n@btnWarningBackgroundHighlight:     @orange;\n\n@btnDangerBackground:               #ee5f5b;\n@btnDangerBackgroundHighlight:      #bd362f;\n\n@btnInverseBackground:              #444;\n@btnInverseBackgroundHighlight:     @grayDarker;\n\n\n\/\/ Forms\n\/\/ -------------------------\n@inputBackground:               @white;\n@inputBorder:                   #ccc;\n@inputBorderRadius:             @baseBorderRadius;\n@inputDisabledBackground:       @grayLighter;\n@formActionsBackground:         #f5f5f5;\n@inputHeight:                   @baseLineHeight + 10px; \/\/ base line-height + 8px vertical padding + 2px top\/bottom border\n\n\n\/\/ Dropdowns\n\/\/ -------------------------\n@dropdownBackground:            @white;\n@dropdownBorder:                rgba(0,0,0,.2);\n@dropdownDividerTop:            #e5e5e5;\n@dropdownDividerBottom:         @white;\n\n@dropdownLinkColor:             @grayDark;\n@dropdownLinkColorHover:        @white;\n@dropdownLinkColorActive:       @white;\n\n@dropdownLinkBackgroundActive:  @linkColor;\n@dropdownLinkBackgroundHover:   @dropdownLinkBackgroundActive;\n\n\n\n\/\/ COMPONENT VARIABLES\n\/\/ --------------------------------------------------\n\n\n\/\/ Z-index master list\n\/\/ -------------------------\n\/\/ Used for a bird's eye view of components dependent on the z-axis\n\/\/ Try to avoid customizing these :)\n@zindexDropdown:          1000;\n@zindexTooltip:           1030;\n@zindexFixedNavbar:       1030;\n@zindexModalBackdrop:     1040;\n@zindexModal:             1050;\n@zindexPopover:           1060;\n\n\/\/ Sprite icons path\n\/\/ -------------------------\n@iconSpritePath:          \"..\/img\/glyphicons-halflings.png\";\n@iconWhiteSpritePath:     \"..\/img\/glyphicons-halflings-white.png\";\n\n\n\/\/ Input placeholder text color\n\/\/ -------------------------\n@placeholderText:         @grayLight;\n\n\n\/\/ Hr border color\n\/\/ -------------------------\n@hrBorder:                @grayLighter;\n\n\n\/\/ Horizontal forms & lists\n\/\/ -------------------------\n@horizontalComponentOffset:       180px;\n\n\n\/\/ Wells\n\/\/ -------------------------\n@wellBackground:                  #f5f5f5;\n\n\n\/\/ Navbar\n\/\/ -------------------------\n@navbarCollapseWidth:             979px;\n@navbarCollapseDesktopWidth:      @navbarCollapseWidth + 1;\n\n@navbarHeight:                    40px;\n@navbarBackgroundHighlight:       #ffffff;\n@navbarBackground:                darken(@navbarBackgroundHighlight, 5%);\n@navbarBorder:                    darken(@navbarBackground, 12%);\n\n@navbarText:                      #777;\n@navbarLinkColor:                 #777;\n@navbarLinkColorHover:            @grayDark;\n@navbarLinkColorActive:           @gray;\n@navbarLinkBackgroundHover:       transparent;\n@navbarLinkBackgroundActive:      darken(@navbarBackground, 5%);\n\n@navbarBrandColor:                @navbarLinkColor;\n\n\/\/ Inverted navbar\n@navbarInverseBackground:                #111111;\n@navbarInverseBackgroundHighlight:       #222222;\n@navbarInverseBorder:                    #252525;\n\n@navbarInverseText:                      @grayLight;\n@navbarInverseLinkColor:                 @grayLight;\n@navbarInverseLinkColorHover:            @white;\n@navbarInverseLinkColorActive:           @navbarInverseLinkColorHover;\n@navbarInverseLinkBackgroundHover:       transparent;\n@navbarInverseLinkBackgroundActive:      @navbarInverseBackground;\n\n@navbarInverseSearchBackground:          lighten(@navbarInverseBackground, 25%);\n@navbarInverseSearchBackgroundFocus:     @white;\n@navbarInverseSearchBorder:              @navbarInverseBackground;\n@navbarInverseSearchPlaceholderColor:    #ccc;\n\n@navbarInverseBrandColor:                @navbarInverseLinkColor;\n\n\n\/\/ Pagination\n\/\/ -------------------------\n@paginationBackground:                #fff;\n@paginationBorder:                    #ddd;\n@paginationActiveBackground:          #f5f5f5;\n\n\n\/\/ Hero unit\n\/\/ -------------------------\n@heroUnitBackground:              @grayLighter;\n@heroUnitHeadingColor:            inherit;\n@heroUnitLeadColor:               inherit;\n\n\n\/\/ Form states and alerts\n\/\/ -------------------------\n@warningText:             #c09853;\n@warningBackground:       #fcf8e3;\n@warningBorder:           darken(spin(@warningBackground, -10), 3%);\n\n@errorText:               #b94a48;\n@errorBackground:         #f2dede;\n@errorBorder:             darken(spin(@errorBackground, -10), 3%);\n\n@successText:             #468847;\n@successBackground:       #dff0d8;\n@successBorder:           darken(spin(@successBackground, -10), 5%);\n\n@infoText:                #3a87ad;\n@infoBackground:          #d9edf7;\n@infoBorder:              darken(spin(@infoBackground, -10), 7%);\n\n\n\/\/ Tooltips and popovers\n\/\/ -------------------------\n@tooltipColor:            #fff;\n@tooltipBackground:       #000;\n@tooltipArrowWidth:       5px;\n@tooltipArrowColor:       @tooltipBackground;\n\n@popoverBackground:       #fff;\n@popoverArrowWidth:       10px;\n@popoverArrowColor:       #fff;\n@popoverTitleBackground:  darken(@popoverBackground, 3%);\n\n\/\/ Special enhancement for popovers\n@popoverArrowOuterWidth:  @popoverArrowWidth + 1;\n@popoverArrowOuterColor:  rgba(0,0,0,.25);\n\n\n\n\/\/ GRID\n\/\/ --------------------------------------------------\n\n\n\/\/ Default 940px grid\n\/\/ -------------------------\n@gridColumns:             12;\n@gridColumnWidth:         60px;\n@gridGutterWidth:         20px;\n@gridRowWidth:            (@gridColumns * @gridColumnWidth) + (@gridGutterWidth * (@gridColumns - 1));\n\n\/\/ 1200px min\n@gridColumnWidth1200:     70px;\n@gridGutterWidth1200:     30px;\n@gridRowWidth1200:        (@gridColumns * @gridColumnWidth1200) + (@gridGutterWidth1200 * (@gridColumns - 1));\n\n\/\/ 768px-979px\n@gridColumnWidth768:      42px;\n@gridGutterWidth768:      20px;\n@gridRowWidth768:         (@gridColumns * @gridColumnWidth768) + (@gridGutterWidth768 * (@gridColumns - 1));\n\n\n\/\/ Fluid grid\n\/\/ -------------------------\n@fluidGridColumnWidth:    percentage(@gridColumnWidth\/@gridRowWidth);\n@fluidGridGutterWidth:    percentage(@gridGutterWidth\/@gridRowWidth);\n\n\/\/ 1200px min\n@fluidGridColumnWidth1200:     percentage(@gridColumnWidth1200\/@gridRowWidth1200);\n@fluidGridGutterWidth1200:     percentage(@gridGutterWidth1200\/@gridRowWidth1200);\n\n\/\/ 768px-979px\n@fluidGridColumnWidth768:      percentage(@gridColumnWidth768\/@gridRowWidth768);\n@fluidGridGutterWidth768:      percentage(@gridGutterWidth768\/@gridRowWidth768);\n\n\/\/\n\/\/ Mixins\n\/\/ --------------------------------------------------\n\n\n\/\/ UTILITY MIXINS\n\/\/ --------------------------------------------------\n\n\/\/ Clearfix\n\/\/ --------\n\/\/ For clearing floats like a boss h5bp.com\/q\n.clearfix {\n  *zoom: 1;\n  &:before,\n  &:after {\n    display: table;\n    content: \"\";\n    \/\/ Fixes Opera\/contenteditable bug:\n    \/\/ http:\/\/nicolasgallagher.com\/micro-clearfix-hack\/#comment-36952\n    line-height: 0;\n  }\n  &:after {\n    clear: both;\n  }\n}\n\n\/\/ Webkit-style focus\n\/\/ ------------------\n.tab-focus() {\n  \/\/ Default\n  outline: thin dotted #333;\n  \/\/ Webkit\n  outline: 5px auto -webkit-focus-ring-color;\n  outline-offset: -2px;\n}\n\n\/\/ Center-align a block level element\n\/\/ ----------------------------------\n.center-block() {\n  display: block;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n\/\/ IE7 inline-block\n\/\/ ----------------\n.ie7-inline-block() {\n  *display: inline; \/* IE7 inline-block hack *\/\n  *zoom: 1;\n}\n\n\/\/ IE7 likes to collapse whitespace on either side of the inline-block elements.\n\/\/ Ems because we're attempting to match the width of a space character. Left\n\/\/ version is for form buttons, which typically come after other elements, and\n\/\/ right version is for icons, which come before. Applying both is ok, but it will\n\/\/ mean that space between those elements will be .6em (~2 space characters) in IE7,\n\/\/ instead of the 1 space in other browsers.\n.ie7-restore-left-whitespace() {\n  *margin-left: .3em;\n\n  &:first-child {\n    *margin-left: 0;\n  }\n}\n\n.ie7-restore-right-whitespace() {\n  *margin-right: .3em;\n}\n\n\/\/ Sizing shortcuts\n\/\/ -------------------------\n.size(@height, @width) {\n  width: @width;\n  height: @height;\n}\n.square(@size) {\n  .size(@size, @size);\n}\n\n\/\/ Placeholder text\n\/\/ -------------------------\n.placeholder(@color: @placeholderText) {\n  &:-moz-placeholder {\n    color: @color;\n  }\n  &:-ms-input-placeholder {\n    color: @color;\n  }\n  &::-webkit-input-placeholder {\n    color: @color;\n  }\n}\n\n\/\/ Text overflow\n\/\/ -------------------------\n\/\/ Requires inline-block or block for proper styling\n.text-overflow() {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n\/\/ CSS image replacement\n\/\/ -------------------------\n\/\/ Source: https:\/\/github.com\/h5bp\/html5-boilerplate\/commit\/aa0396eae757\n.hide-text {\n  font: 0\/0 a;\n  color: transparent;\n  text-shadow: none;\n  background-color: transparent;\n  border: 0;\n}\n\n\n\/\/ FONTS\n\/\/ --------------------------------------------------\n\n#font {\n  #family {\n    .serif() {\n      font-family: @serifFontFamily;\n    }\n    .sans-serif() {\n      font-family: @sansFontFamily;\n    }\n    .monospace() {\n      font-family: @monoFontFamily;\n    }\n  }\n  .shorthand(@size: @baseFontSize, @weight: normal, @lineHeight: @baseLineHeight) {\n    font-size: @size;\n    font-weight: @weight;\n    line-height: @lineHeight;\n  }\n  .serif(@size: @baseFontSize, @weight: normal, @lineHeight: @baseLineHeight) {\n    #font > #family > .serif;\n    #font > .shorthand(@size, @weight, @lineHeight);\n  }\n  .sans-serif(@size: @baseFontSize, @weight: normal, @lineHeight: @baseLineHeight) {\n    #font > #family > .sans-serif;\n    #font > .shorthand(@size, @weight, @lineHeight);\n  }\n  .monospace(@size: @baseFontSize, @weight: normal, @lineHeight: @baseLineHeight) {\n    #font > #family > .monospace;\n    #font > .shorthand(@size, @weight, @lineHeight);\n  }\n}\n\n\n\/\/ FORMS\n\/\/ --------------------------------------------------\n\n\/\/ Block level inputs\n.input-block-level {\n  display: block;\n  width: 100%;\n  min-height: @inputHeight; \/\/ Make inputs at least the height of their button counterpart (base line-height + padding + border)\n  .box-sizing(border-box); \/\/ Makes inputs behave like true block-level elements\n}\n\n\n\n\/\/ Mixin for form field states\n.formFieldState(@textColor: #555, @borderColor: #ccc, @backgroundColor: #f5f5f5) {\n  \/\/ Set the text color\n  .control-label,\n  .help-block,\n  .help-inline {\n    color: @textColor;\n  }\n  \/\/ Style inputs accordingly\n  .checkbox,\n  .radio,\n  input,\n  select,\n  textarea {\n    color: @textColor;\n  }\n  input,\n  select,\n  textarea {\n    border-color: @borderColor;\n    .box-shadow(inset 0 1px 1px rgba(0,0,0,.075)); \/\/ Redeclare so transitions work\n    &:focus {\n      border-color: darken(@borderColor, 10%);\n      @shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px lighten(@borderColor, 20%);\n      .box-shadow(@shadow);\n    }\n  }\n  \/\/ Give a small background color for input-prepend\/-append\n  .input-prepend .add-on,\n  .input-append .add-on {\n    color: @textColor;\n    background-color: @backgroundColor;\n    border-color: @textColor;\n  }\n}\n\n\n\n\/\/ CSS3 PROPERTIES\n\/\/ --------------------------------------------------\n\n\/\/ Border Radius\n.border-radius(@radius) {\n  -webkit-border-radius: @radius;\n     -moz-border-radius: @radius;\n          border-radius: @radius;\n}\n\n\/\/ Single Corner Border Radius\n.border-top-left-radius(@radius) {\n  -webkit-border-top-left-radius: @radius;\n      -moz-border-radius-topleft: @radius;\n          border-top-left-radius: @radius;\n}\n.border-top-right-radius(@radius) {\n  -webkit-border-top-right-radius: @radius;\n      -moz-border-radius-topright: @radius;\n          border-top-right-radius: @radius;\n}\n.border-bottom-right-radius(@radius) {\n  -webkit-border-bottom-right-radius: @radius;\n      -moz-border-radius-bottomright: @radius;\n          border-bottom-right-radius: @radius;\n}\n.border-bottom-left-radius(@radius) {\n  -webkit-border-bottom-left-radius: @radius;\n      -moz-border-radius-bottomleft: @radius;\n          border-bottom-left-radius: @radius;\n}\n\n\/\/ Single Side Border Radius\n.border-top-radius(@radius) {\n  .border-top-right-radius(@radius);\n  .border-top-left-radius(@radius);\n}\n.border-right-radius(@radius) {\n  .border-top-right-radius(@radius);\n  .border-bottom-right-radius(@radius);\n}\n.border-bottom-radius(@radius) {\n  .border-bottom-right-radius(@radius);\n  .border-bottom-left-radius(@radius);\n}\n.border-left-radius(@radius) {\n  .border-top-left-radius(@radius);\n  .border-bottom-left-radius(@radius);\n}\n\n\/\/ Drop shadows\n.box-shadow(@shadow) {\n  -webkit-box-shadow: @shadow;\n     -moz-box-shadow: @shadow;\n          box-shadow: @shadow;\n}\n\n\/\/ Transitions\n.transition(@transition) {\n  -webkit-transition: @transition;\n     -moz-transition: @transition;\n       -o-transition: @transition;\n          transition: @transition;\n}\n.transition-delay(@transition-delay) {\n  -webkit-transition-delay: @transition-delay;\n     -moz-transition-delay: @transition-delay;\n       -o-transition-delay: @transition-delay;\n          transition-delay: @transition-delay;\n}\n.transition-duration(@transition-duration) {\n  -webkit-transition-duration: @transition-duration;\n     -moz-transition-duration: @transition-duration;\n       -o-transition-duration: @transition-duration;\n          transition-duration: @transition-duration;\n}\n\n\/\/ Transformations\n.rotate(@degrees) {\n  -webkit-transform: rotate(@degrees);\n     -moz-transform: rotate(@degrees);\n      -ms-transform: rotate(@degrees);\n       -o-transform: rotate(@degrees);\n          transform: rotate(@degrees);\n}\n.scale(@ratio) {\n  -webkit-transform: scale(@ratio);\n     -moz-transform: scale(@ratio);\n      -ms-transform: scale(@ratio);\n       -o-transform: scale(@ratio);\n          transform: scale(@ratio);\n}\n.translate(@x, @y) {\n  -webkit-transform: translate(@x, @y);\n     -moz-transform: translate(@x, @y);\n      -ms-transform: translate(@x, @y);\n       -o-transform: translate(@x, @y);\n          transform: translate(@x, @y);\n}\n.skew(@x, @y) {\n  -webkit-transform: skew(@x, @y);\n     -moz-transform: skew(@x, @y);\n      -ms-transform: skewX(@x) skewY(@y); \/\/ See https:\/\/github.com\/twitter\/bootstrap\/issues\/4885\n       -o-transform: skew(@x, @y);\n          transform: skew(@x, @y);\n  -webkit-backface-visibility: hidden; \/\/ See https:\/\/github.com\/twitter\/bootstrap\/issues\/5319\n}\n.translate3d(@x, @y, @z) {\n  -webkit-transform: translate3d(@x, @y, @z);\n     -moz-transform: translate3d(@x, @y, @z);\n       -o-transform: translate3d(@x, @y, @z);\n          transform: translate3d(@x, @y, @z);\n}\n\n\/\/ Backface visibility\n\/\/ Prevent browsers from flickering when using CSS 3D transforms.\n\/\/ Default value is `visible`, but can be changed to `hidden\n\/\/ See git pull https:\/\/github.com\/dannykeane\/bootstrap.git backface-visibility for examples\n.backface-visibility(@visibility){\n\t-webkit-backface-visibility: @visibility;\n\t   -moz-backface-visibility: @visibility;\n\t        backface-visibility: @visibility;\n}\n\n\/\/ Background clipping\n\/\/ Heads up: FF 3.6 and under need \"padding\" instead of \"padding-box\"\n.background-clip(@clip) {\n  -webkit-background-clip: @clip;\n     -moz-background-clip: @clip;\n          background-clip: @clip;\n}\n\n\/\/ Background sizing\n.background-size(@size) {\n  -webkit-background-size: @size;\n     -moz-background-size: @size;\n       -o-background-size: @size;\n          background-size: @size;\n}\n\n\n\/\/ Box sizing\n.box-sizing(@boxmodel) {\n  -webkit-box-sizing: @boxmodel;\n     -moz-box-sizing: @boxmodel;\n          box-sizing: @boxmodel;\n}\n\n\/\/ User select\n\/\/ For selecting text on the page\n.user-select(@select) {\n  -webkit-user-select: @select;\n     -moz-user-select: @select;\n      -ms-user-select: @select;\n       -o-user-select: @select;\n          user-select: @select;\n}\n\n\/\/ Resize anything\n.resizable(@direction) {\n  resize: @direction; \/\/ Options: horizontal, vertical, both\n  overflow: auto; \/\/ Safari fix\n}\n\n\/\/ CSS3 Content Columns\n.content-columns(@columnCount, @columnGap: @gridGutterWidth) {\n  -webkit-column-count: @columnCount;\n     -moz-column-count: @columnCount;\n          column-count: @columnCount;\n  -webkit-column-gap: @columnGap;\n     -moz-column-gap: @columnGap;\n          column-gap: @columnGap;\n}\n\n\/\/ Optional hyphenation\n.hyphens(@mode: auto) {\n  word-wrap: break-word;\n  -webkit-hyphens: @mode;\n     -moz-hyphens: @mode;\n      -ms-hyphens: @mode;\n       -o-hyphens: @mode;\n          hyphens: @mode;\n}\n\n\/\/ Opacity\n.opacity(@opacity) {\n  opacity: @opacity \/ 100;\n  filter: ~\"alpha(opacity=@{opacity})\";\n}\n\n\n\n\/\/ BACKGROUNDS\n\/\/ --------------------------------------------------\n\n\/\/ Add an alphatransparency value to any background or border color (via Elyse Holladay)\n#translucent {\n  .background(@color: @white, @alpha: 1) {\n    background-color: hsla(hue(@color), saturation(@color), lightness(@color), @alpha);\n  }\n  .border(@color: @white, @alpha: 1) {\n    border-color: hsla(hue(@color), saturation(@color), lightness(@color), @alpha);\n    .background-clip(padding-box);\n  }\n}\n\n\/\/ Gradient Bar Colors for buttons and alerts\n.gradientBar(@primaryColor, @secondaryColor, @textColor: #fff, @textShadow: 0 -1px 0 rgba(0,0,0,.25)) {\n  color: @textColor;\n  text-shadow: @textShadow;\n  #gradient > .vertical(@primaryColor, @secondaryColor);\n  border-color: @secondaryColor @secondaryColor darken(@secondaryColor, 15%);\n  \/\/ No idea why this is here, as it makes the border grey instead of the given colors\n  \/\/ border-color: rgba(0,0,0,.1) rgba(0,0,0,.1) fadein(rgba(0,0,0,.1), 15%);\n}\n\n\/\/ Gradients\n#gradient {\n  .horizontal(@startColor: #555, @endColor: #333) {\n    background-color: @endColor;\n    background-image: -moz-linear-gradient(left, @startColor, @endColor); \/\/ FF 3.6+\n    background-image: -webkit-gradient(linear, 0 0, 100% 0, from(@startColor), to(@endColor)); \/\/ Safari 4+, Chrome 2+\n    background-image: -webkit-linear-gradient(left, @startColor, @endColor); \/\/ Safari 5.1+, Chrome 10+\n    background-image: -o-linear-gradient(left, @startColor, @endColor); \/\/ Opera 11.10\n    background-image: linear-gradient(to right, @startColor, @endColor); \/\/ Standard, IE10\n    background-repeat: repeat-x;\n    filter: e(%(\"progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=1)\",argb(@startColor),argb(@endColor))); \/\/ IE9 and down\n  }\n  .vertical(@startColor: #555, @endColor: #333) {\n    background-color: mix(@startColor, @endColor, 60%);\n    background-image: -moz-linear-gradient(top, @startColor, @endColor); \/\/ FF 3.6+\n    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(@startColor), to(@endColor)); \/\/ Safari 4+, Chrome 2+\n    background-image: -webkit-linear-gradient(top, @startColor, @endColor); \/\/ Safari 5.1+, Chrome 10+\n    background-image: -o-linear-gradient(top, @startColor, @endColor); \/\/ Opera 11.10\n    background-image: linear-gradient(to bottom, @startColor, @endColor); \/\/ Standard, IE10\n    background-repeat: repeat-x;\n    filter: e(%(\"progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)\",argb(@startColor),argb(@endColor))); \/\/ IE9 and down\n  }\n  .directional(@startColor: #555, @endColor: #333, @deg: 45deg) {\n    background-color: @endColor;\n    background-repeat: repeat-x;\n    background-image: -moz-linear-gradient(@deg, @startColor, @endColor); \/\/ FF 3.6+\n    background-image: -webkit-linear-gradient(@deg, @startColor, @endColor); \/\/ Safari 5.1+, Chrome 10+\n    background-image: -o-linear-gradient(@deg, @startColor, @endColor); \/\/ Opera 11.10\n    background-image: linear-gradient(@deg, @startColor, @endColor); \/\/ Standard, IE10\n  }\n  .horizontal-three-colors(@startColor: #00b3ee, @midColor: #7a43b6, @colorStop: 50%, @endColor: #c3325f) {\n    background-color: mix(@midColor, @endColor, 80%);\n    background-image: -webkit-gradient(left, linear, 0 0, 0 100%, from(@startColor), color-stop(@colorStop, @midColor), to(@endColor));\n    background-image: -webkit-linear-gradient(left, @startColor, @midColor @colorStop, @endColor);\n    background-image: -moz-linear-gradient(left, @startColor, @midColor @colorStop, @endColor);\n    background-image: -o-linear-gradient(left, @startColor, @midColor @colorStop, @endColor);\n    background-image: linear-gradient(to right, @startColor, @midColor @colorStop, @endColor);\n    background-repeat: no-repeat;\n    filter: e(%(\"progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)\",argb(@startColor),argb(@endColor))); \/\/ IE9 and down, gets no color-stop at all for proper fallback\n  }\n\n  .vertical-three-colors(@startColor: #00b3ee, @midColor: #7a43b6, @colorStop: 50%, @endColor: #c3325f) {\n    background-color: mix(@midColor, @endColor, 80%);\n    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(@startColor), color-stop(@colorStop, @midColor), to(@endColor));\n    background-image: -webkit-linear-gradient(@startColor, @midColor @colorStop, @endColor);\n    background-image: -moz-linear-gradient(top, @startColor, @midColor @colorStop, @endColor);\n    background-image: -o-linear-gradient(@startColor, @midColor @colorStop, @endColor);\n    background-image: linear-gradient(@startColor, @midColor @colorStop, @endColor);\n    background-repeat: no-repeat;\n    filter: e(%(\"progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)\",argb(@startColor),argb(@endColor))); \/\/ IE9 and down, gets no color-stop at all for proper fallback\n  }\n  .radial(@innerColor: #555, @outerColor: #333) {\n    background-color: @outerColor;\n    background-image: -webkit-gradient(radial, center center, 0, center center, 460, from(@innerColor), to(@outerColor));\n    background-image: -webkit-radial-gradient(circle, @innerColor, @outerColor);\n    background-image: -moz-radial-gradient(circle, @innerColor, @outerColor);\n    background-image: -o-radial-gradient(circle, @innerColor, @outerColor);\n    \/\/ > Joomla JUI\n    \/* Joomla JUI NOTE: makes radial gradient IE 10+, also confirmed in Bootstrap, https:\/\/github.com\/twbs\/bootstrap\/issues\/7462 *\/\n    background-image: radial-gradient(circle, @innerColor, @outerColor);\n    \/\/ < Joomla JUI\n    background-repeat: no-repeat;\n  }\n  .striped(@color: #555, @angle: 45deg) {\n    background-color: @color;\n    background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(.25, rgba(255,255,255,.15)), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, rgba(255,255,255,.15)), color-stop(.75, rgba(255,255,255,.15)), color-stop(.75, transparent), to(transparent));\n    background-image: -webkit-linear-gradient(@angle, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent);\n    background-image: -moz-linear-gradient(@angle, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent);\n    background-image: -o-linear-gradient(@angle, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent);\n    background-image: linear-gradient(@angle, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent);\n  }\n}\n\/\/ Reset filters for IE\n.reset-filter() {\n  filter: e(%(\"progid:DXImageTransform.Microsoft.gradient(enabled = false)\"));\n}\n\n\n\n\/\/ COMPONENT MIXINS\n\/\/ --------------------------------------------------\n\n\/\/ Horizontal dividers\n\/\/ -------------------------\n\/\/ Dividers (basically an hr) within dropdowns and nav lists\n.nav-divider(@top: #e5e5e5, @bottom: @white) {\n  \/\/ IE7 needs a set width since we gave a height. Restricting just\n  \/\/ to IE7 to keep the 1px left\/right space in other browsers.\n  \/\/ It is unclear where IE is getting the extra space that we need\n  \/\/ to negative-margin away, but so it goes.\n  *width: 100%;\n  height: 1px;\n  margin: ((@baseLineHeight \/ 2) - 1) 1px; \/\/ 8px 1px\n  *margin: -5px 0 5px;\n  overflow: hidden;\n  background-color: @top;\n  border-bottom: 1px solid @bottom;\n}\n\n\/\/ Button backgrounds\n\/\/ ------------------\n.buttonBackground(@startColor, @endColor, @textColor: #fff, @textShadow: 0 -1px 0 rgba(0,0,0,.25)) {\n  \/\/ gradientBar will set the background to a pleasing blend of these, to support IE<=9\n  .gradientBar(@startColor, @endColor, @textColor, @textShadow);\n  *background-color: @endColor; \/* Darken IE7 buttons by default so they stand out more given they won't have borders *\/\n  .reset-filter();\n\n  \/\/ in these cases the gradient won't cover the background, so we override\n  &:hover, &:focus, &:active, &.active, &.disabled, &[disabled] {\n    color: @textColor;\n    background-color: @endColor;\n    *background-color: darken(@endColor, 5%);\n  }\n\n  \/\/ IE 7 + 8 can't handle box-shadow to show active, so we darken a bit ourselves\n  &:active,\n  &.active {\n    background-color: darken(@endColor, 10%) e(\"\\9\");\n  }\n}\n\n\/\/ Navbar vertical align\n\/\/ -------------------------\n\/\/ Vertically center elements in the navbar.\n\/\/ Example: an element has a height of 30px, so write out `.navbarVerticalAlign(30px);` to calculate the appropriate top margin.\n.navbarVerticalAlign(@elementHeight) {\n  margin-top: (@navbarHeight - @elementHeight) \/ 2;\n}\n\n\n\n\/\/ Grid System\n\/\/ -----------\n\n\/\/ Centered container element\n.container-fixed() {\n  margin-right: auto;\n  margin-left: auto;\n  .clearfix();\n}\n\n\/\/ Table columns\n.tableColumns(@columnSpan: 1) {\n  float: none; \/\/ undo default grid column styles\n  width: ((@gridColumnWidth) * @columnSpan) + (@gridGutterWidth * (@columnSpan - 1)) - 16; \/\/ 16 is total padding on left and right of table cells\n  margin-left: 0; \/\/ undo default grid column styles\n}\n\n\/\/ Make a Grid\n\/\/ Use .makeRow and .makeColumn to assign semantic layouts grid system behavior\n.makeRow() {\n  margin-left: @gridGutterWidth * -1;\n  .clearfix();\n}\n.makeColumn(@columns: 1, @offset: 0) {\n  float: left;\n  margin-left: (@gridColumnWidth * @offset) + (@gridGutterWidth * (@offset - 1)) + (@gridGutterWidth * 2);\n  width: (@gridColumnWidth * @columns) + (@gridGutterWidth * (@columns - 1));\n}\n\n\/\/ The Grid\n#grid {\n\n  .core (@gridColumnWidth, @gridGutterWidth) {\n\n    .spanX (@index) when (@index > 0) {\n      .span@{index} { .span(@index); }\n      .spanX(@index - 1);\n    }\n    .spanX (0) {}\n\n    .offsetX (@index) when (@index > 0) {\n      .offset@{index} { .offset(@index); }\n      .offsetX(@index - 1);\n    }\n    .offsetX (0) {}\n\n    .offset (@columns) {\n      margin-left: (@gridColumnWidth * @columns) + (@gridGutterWidth * (@columns + 1));\n    }\n\n    .span (@columns) {\n      width: (@gridColumnWidth * @columns) + (@gridGutterWidth * (@columns - 1));\n    }\n\n    .row {\n      margin-left: @gridGutterWidth * -1;\n      .clearfix();\n    }\n\n    [class*=\"span\"] {\n      float: left;\n      min-height: 1px; \/\/ prevent collapsing columns\n      margin-left: @gridGutterWidth;\n    }\n\n    \/\/ Set the container width, and override it for fixed navbars in media queries\n    .container,\n    .navbar-static-top .container,\n    .navbar-fixed-top .container,\n    .navbar-fixed-bottom .container { .span(@gridColumns); }\n\n    \/\/ generate .spanX and .offsetX\n    .spanX (@gridColumns);\n    .offsetX (@gridColumns);\n\n  }\n\n  .fluid (@fluidGridColumnWidth, @fluidGridGutterWidth) {\n\n    .spanX (@index) when (@index > 0) {\n      .span@{index} { .span(@index); }\n      .spanX(@index - 1);\n    }\n    .spanX (0) {}\n\n    .offsetX (@index) when (@index > 0) {\n      .offset@{index} { .offset(@index); }\n      .offset@{index}:first-child { .offsetFirstChild(@index); }\n      .offsetX(@index - 1);\n    }\n    .offsetX (0) {}\n\n    .offset (@columns) {\n      margin-left: (@fluidGridColumnWidth * @columns) + (@fluidGridGutterWidth * (@columns - 1)) + (@fluidGridGutterWidth*2);\n  \t  *margin-left: (@fluidGridColumnWidth * @columns) + (@fluidGridGutterWidth * (@columns - 1)) - (.5 \/ @gridRowWidth * 100 * 1%) + (@fluidGridGutterWidth*2) - (.5 \/ @gridRowWidth * 100 * 1%);\n    }\n\n    .offsetFirstChild (@columns) {\n      margin-left: (@fluidGridColumnWidth * @columns) + (@fluidGridGutterWidth * (@columns - 1)) + (@fluidGridGutterWidth);\n      *margin-left: (@fluidGridColumnWidth * @columns) + (@fluidGridGutterWidth * (@columns - 1)) - (.5 \/ @gridRowWidth * 100 * 1%) + @fluidGridGutterWidth - (.5 \/ @gridRowWidth * 100 * 1%);\n    }\n\n    .span (@columns) {\n      width: (@fluidGridColumnWidth * @columns) + (@fluidGridGutterWidth * (@columns - 1));\n      *width: (@fluidGridColumnWidth * @columns) + (@fluidGridGutterWidth * (@columns - 1)) - (.5 \/ @gridRowWidth * 100 * 1%);\n    }\n\n    .row-fluid {\n      width: 100%;\n      .clearfix();\n      [class*=\"span\"] {\n        .input-block-level();\n        float: left;\n        margin-left: @fluidGridGutterWidth;\n        *margin-left: @fluidGridGutterWidth - (.5 \/ @gridRowWidth * 100 * 1%);\n      }\n      [class*=\"span\"]:first-child {\n        margin-left: 0;\n      }\n\n      \/\/ Space grid-sized controls properly if multiple per line\n      .controls-row [class*=\"span\"] + [class*=\"span\"] {\n        margin-left: @fluidGridGutterWidth;\n      }\n\n      \/\/ generate .spanX and .offsetX\n      .spanX (@gridColumns);\n      .offsetX (@gridColumns);\n    }\n\n  }\n\n  .input(@gridColumnWidth, @gridGutterWidth) {\n\n    .spanX (@index) when (@index > 0) {\n      input.span@{index}, textarea.span@{index}, .uneditable-input.span@{index} { .span(@index); }\n      .spanX(@index - 1);\n    }\n    .spanX (0) {}\n\n    .span(@columns) {\n      width: ((@gridColumnWidth) * @columns) + (@gridGutterWidth * (@columns - 1)) - 14;\n    }\n\n    input,\n    textarea,\n    .uneditable-input {\n      margin-left: 0; \/\/ override margin-left from core grid system\n    }\n\n    \/\/ Space grid-sized controls properly if multiple per line\n    .controls-row [class*=\"span\"] + [class*=\"span\"] {\n      margin-left: @gridGutterWidth;\n    }\n\n    \/\/ generate .spanX\n    .spanX (@gridColumns);\n\n  }\n}\n\n\/\/\n\/\/ Scaffolding\n\/\/ --------------------------------------------------\n\n\n\/\/ Body reset\n\/\/ -------------------------\n\nbody {\n  margin: 0;\n  font-family: @baseFontFamily;\n  font-size: @baseFontSize;\n  line-height: @baseLineHeight;\n  color: @textColor;\n  background-color: @bodyBackground;\n}\n\n\n\/\/ Links\n\/\/ -------------------------\n\na {\n  color: @linkColor;\n  text-decoration: none;\n}\na:hover,\na:focus {\n  color: @linkColorHover;\n  text-decoration: underline;\n}\n\n\n\/\/ Images\n\/\/ -------------------------\n\n\/\/ Rounded corners\n.img-rounded {\n  .border-radius(6px);\n}\n\n\/\/ Add polaroid-esque trim\n.img-polaroid {\n  padding: 4px;\n  background-color: #fff;\n  border: 1px solid #ccc;\n  border: 1px solid rgba(0,0,0,.2);\n  .box-shadow(0 1px 3px rgba(0,0,0,.1));\n}\n\n\/\/ Perfect circle\n.img-circle {\n  .border-radius(500px); \/\/ crank the border-radius so it works with most reasonably sized images\n}\n\n\/\/\n\/\/ Grid system\n\/\/ --------------------------------------------------\n\n\n\/\/ Fixed (940px)\n#grid > .core(@gridColumnWidth, @gridGutterWidth);\n\n\/\/ Fluid (940px)\n#grid > .fluid(@fluidGridColumnWidth, @fluidGridGutterWidth);\n\n\/\/ Reset utility classes due to specificity\n[class*=\"span\"].hide,\n.row-fluid [class*=\"span\"].hide {\n  display: none;\n}\n\n[class*=\"span\"].pull-right,\n.row-fluid [class*=\"span\"].pull-right {\n  float: right;\n}\n\n\/\/\n\/\/ Layouts\n\/\/ --------------------------------------------------\n\n\n\/\/ Container (centered, fixed-width layouts)\n.container {\n  .container-fixed();\n}\n\n\/\/ Fluid layouts (left aligned, with sidebar, min- & max-width content)\n.container-fluid {\n  padding-right: @gridGutterWidth;\n  padding-left: @gridGutterWidth;\n  .clearfix();\n}\n\/\/\n\/\/ Typography\n\/\/ --------------------------------------------------\n\n\n\/\/ Body text\n\/\/ -------------------------\n\np {\n  margin: 0 0 @baseLineHeight \/ 2;\n}\n.lead {\n  margin-bottom: @baseLineHeight;\n  font-size: @baseFontSize * 1.5;\n  font-weight: 200;\n  line-height: @baseLineHeight * 1.5;\n}\n\n\n\/\/ Emphasis & misc\n\/\/ -------------------------\n\n\/\/ Ex: 14px base font * 85% = about 12px\nsmall   { font-size: 85%; }\n\nstrong  { font-weight: bold; }\nem      { font-style: italic; }\ncite    { font-style: normal; }\n\n\/\/ Utility classes\n.muted               { color: @grayLight; }\na.muted:hover,\na.muted:focus        { color: darken(@grayLight, 10%); }\n\n.text-warning        { color: @warningText; }\na.text-warning:hover,\na.text-warning:focus { color: darken(@warningText, 10%); }\n\n.text-error          { color: @errorText; }\na.text-error:hover,\na.text-error:focus   { color: darken(@errorText, 10%); }\n\n.text-info           { color: @infoText; }\na.text-info:hover,\na.text-info:focus    { color: darken(@infoText, 10%); }\n\n.text-success        { color: @successText; }\na.text-success:hover,\na.text-success:focus { color: darken(@successText, 10%); }\n\n.text-left           { text-align: left; }\n.text-right          { text-align: right; }\n.text-center         { text-align: center; }\n\n\n\/\/ Headings\n\/\/ -------------------------\n\nh1, h2, h3, h4, h5, h6 {\n  margin: (@baseLineHeight \/ 2) 0;\n  font-family: @headingsFontFamily;\n  font-weight: @headingsFontWeight;\n  line-height: @baseLineHeight;\n  color: @headingsColor;\n  text-rendering: optimizelegibility; \/\/ Fix the character spacing for headings\n  small {\n    font-weight: normal;\n    line-height: 1;\n    color: @grayLight;\n  }\n}\n\nh1,\nh2,\nh3 { line-height: @baseLineHeight * 2; }\n\nh1 { font-size: @baseFontSize * 2.75; } \/\/ ~38px\nh2 { font-size: @baseFontSize * 2.25; } \/\/ ~32px\nh3 { font-size: @baseFontSize * 1.75; } \/\/ ~24px\nh4 { font-size: @baseFontSize * 1.25; } \/\/ ~18px\nh5 { font-size: @baseFontSize; }\nh6 { font-size: @baseFontSize * 0.85; } \/\/ ~12px\n\nh1 small { font-size: @baseFontSize * 1.75; } \/\/ ~24px\nh2 small { font-size: @baseFontSize * 1.25; } \/\/ ~18px\nh3 small { font-size: @baseFontSize; }\nh4 small { font-size: @baseFontSize; }\n\n\n\/\/ Page header\n\/\/ -------------------------\n\n.page-header {\n  padding-bottom: (@baseLineHeight \/ 2) - 1;\n  margin: @baseLineHeight 0 (@baseLineHeight * 1.5);\n  border-bottom: 1px solid @grayLighter;\n}\n\n\n\n\/\/ Lists\n\/\/ --------------------------------------------------\n\n\/\/ Unordered and Ordered lists\nul, ol {\n  padding: 0;\n  margin: 0 0 @baseLineHeight \/ 2 25px;\n}\nul ul,\nul ol,\nol ol,\nol ul {\n  margin-bottom: 0;\n}\nli {\n  line-height: @baseLineHeight;\n}\n\n\/\/ Remove default list styles\nul.unstyled,\nol.unstyled {\n  margin-left: 0;\n  list-style: none;\n}\n\n\/\/ Single-line list items\nul.inline,\nol.inline {\n  margin-left: 0;\n  list-style: none;\n  > li {\n    display: inline-block;\n    .ie7-inline-block();\n    padding-left: 5px;\n    padding-right: 5px;\n  }\n}\n\n\/\/ Description Lists\ndl {\n  margin-bottom: @baseLineHeight;\n}\ndt,\ndd {\n  line-height: @baseLineHeight;\n}\ndt {\n  font-weight: bold;\n}\ndd {\n  margin-left: @baseLineHeight \/ 2;\n}\n\/\/ Horizontal layout (like forms)\n.dl-horizontal {\n  .clearfix(); \/\/ Ensure dl clears floats if empty dd elements present\n  dt {\n    float: left;\n    width: @horizontalComponentOffset - 20;\n    clear: left;\n    text-align: right;\n    .text-overflow();\n  }\n  dd {\n    margin-left: @horizontalComponentOffset;\n  }\n}\n\n\/\/ MISC\n\/\/ ----\n\n\/\/ Horizontal rules\nhr {\n  margin: @baseLineHeight 0;\n  border: 0;\n  border-top: 1px solid @hrBorder;\n  border-bottom: 1px solid @white;\n}\n\n\/\/ Abbreviations and acronyms\nabbr[title],\n\/\/ Added data-* attribute to help out our tooltip plugin, per https:\/\/github.com\/twitter\/bootstrap\/issues\/5257\nabbr[data-original-title] {\n  cursor: help;\n  border-bottom: 1px dotted @grayLight;\n}\nabbr.initialism {\n  font-size: 90%;\n  text-transform: uppercase;\n}\n\n\/\/ Blockquotes\nblockquote {\n  padding: 0 0 0 15px;\n  margin: 0 0 @baseLineHeight;\n  border-left: 5px solid @grayLighter;\n  p {\n    margin-bottom: 0;\n    font-size: @baseFontSize * 1.25;\n    font-weight: 300;\n    line-height: 1.25;\n  }\n  small {\n    display: block;\n    line-height: @baseLineHeight;\n    color: @grayLight;\n    &:before {\n      content: '\\2014 \\00A0';\n    }\n  }\n\n  \/\/ Float right with text-align: right\n  &.pull-right {\n    float: right;\n    padding-right: 15px;\n    padding-left: 0;\n    border-right: 5px solid @grayLighter;\n    border-left: 0;\n    p,\n    small {\n      text-align: right;\n    }\n    small {\n      &:before {\n        content: '';\n      }\n      &:after {\n        content: '\\00A0 \\2014';\n      }\n    }\n  }\n}\n\n\/\/ Quotes\nq:before,\nq:after,\nblockquote:before,\nblockquote:after {\n  content: \"\";\n}\n\n\/\/ Addresses\naddress {\n  display: block;\n  margin-bottom: @baseLineHeight;\n  font-style: normal;\n  line-height: @baseLineHeight;\n}\n\n\/\/\n\/\/ Code (inline and blocK)\n\/\/ --------------------------------------------------\n\n\n\/\/ Inline and block code styles\ncode,\npre {\n  padding: 0 3px 2px;\n  #font > #family > .monospace;\n  font-size: @baseFontSize - 2;\n  color: @grayDark;\n  .border-radius(3px);\n}\n\n\/\/ Inline code\ncode {\n  padding: 2px 4px;\n  color: #d14;\n  background-color: #f7f7f9;\n  border: 1px solid #e1e1e8;\n  white-space: nowrap;\n}\n\n\/\/ Blocks of code\npre {\n  display: block;\n  padding: (@baseLineHeight - 1) \/ 2;\n  margin: 0 0 @baseLineHeight \/ 2;\n  font-size: @baseFontSize - 1; \/\/ 14px to 13px\n  line-height: @baseLineHeight;\n  word-break: break-all;\n  word-wrap: break-word;\n  white-space: pre;\n  white-space: pre-wrap;\n  background-color: #f5f5f5;\n  border: 1px solid #ccc; \/\/ fallback for IE7-8\n  border: 1px solid rgba(0,0,0,.15);\n  .border-radius(@baseBorderRadius);\n\n  \/\/ Make prettyprint styles more spaced out for readability\n  &.prettyprint {\n    margin-bottom: @baseLineHeight;\n  }\n\n  \/\/ Account for some code outputs that place code tags in pre tags\n  code {\n    padding: 0;\n    color: inherit;\n    white-space: pre;\n    white-space: pre-wrap;\n    background-color: transparent;\n    border: 0;\n  }\n}\n\n\/\/ Enable scrollable blocks of code\n.pre-scrollable {\n  max-height: 340px;\n  overflow-y: scroll;\n}\n\/\/\n\/\/ Forms\n\/\/ --------------------------------------------------\n\n\n\/\/ GENERAL STYLES\n\/\/ --------------\n\n\/\/ Make all forms have space below them\nform {\n  margin: 0 0 @baseLineHeight;\n}\n\nfieldset {\n  padding: 0;\n  margin: 0;\n  border: 0;\n}\n\n\/\/ Groups of fields with labels on top (legends)\nlegend {\n  display: block;\n  width: 100%;\n  padding: 0;\n  margin-bottom: @baseLineHeight;\n  font-size: @baseFontSize * 1.5;\n  line-height: @baseLineHeight * 2;\n  color: @grayDark;\n  border: 0;\n  border-bottom: 1px solid #e5e5e5;\n\n  \/\/ Small\n  small {\n    font-size: @baseLineHeight * .75;\n    color: @grayLight;\n  }\n}\n\n\/\/ Set font for forms\nlabel,\ninput,\nbutton,\nselect,\ntextarea {\n  #font > .shorthand(@baseFontSize,normal,@baseLineHeight); \/\/ Set size, weight, line-height here\n}\ninput,\nbutton,\nselect,\ntextarea {\n  font-family: @baseFontFamily; \/\/ And only set font-family here for those that need it (note the missing label element)\n}\n\n\/\/ Identify controls by their labels\nlabel {\n  display: block;\n  margin-bottom: 5px;\n}\n\n\/\/ Form controls\n\/\/ -------------------------\n\n\/\/ Shared size and type resets\nselect,\ntextarea,\ninput[type=\"text\"],\ninput[type=\"password\"],\ninput[type=\"datetime\"],\ninput[type=\"datetime-local\"],\ninput[type=\"date\"],\ninput[type=\"month\"],\ninput[type=\"time\"],\ninput[type=\"week\"],\ninput[type=\"number\"],\ninput[type=\"email\"],\ninput[type=\"url\"],\ninput[type=\"search\"],\ninput[type=\"tel\"],\ninput[type=\"color\"],\n.uneditable-input {\n  display: inline-block;\n  height: @baseLineHeight;\n  padding: 4px 6px;\n  margin-bottom: @baseLineHeight \/ 2;\n  font-size: @baseFontSize;\n  line-height: @baseLineHeight;\n  color: @gray;\n  .border-radius(@inputBorderRadius);\n  vertical-align: middle;\n}\n\n\/\/ Reset appearance properties for textual inputs and textarea\n\/\/ Declare width for legacy (can't be on input[type=*] selectors or it's too specific)\ninput,\ntextarea,\n.uneditable-input {\n  width: 206px; \/\/ plus 12px padding and 2px border\n}\n\/\/ Reset height since textareas have rows\ntextarea {\n  height: auto;\n}\n\/\/ Everything else\ntextarea,\ninput[type=\"text\"],\ninput[type=\"password\"],\ninput[type=\"datetime\"],\ninput[type=\"datetime-local\"],\ninput[type=\"date\"],\ninput[type=\"month\"],\ninput[type=\"time\"],\ninput[type=\"week\"],\ninput[type=\"number\"],\ninput[type=\"email\"],\ninput[type=\"url\"],\ninput[type=\"search\"],\ninput[type=\"tel\"],\ninput[type=\"color\"],\n.uneditable-input {\n  background-color: @inputBackground;\n  border: 1px solid @inputBorder;\n  .box-shadow(inset 0 1px 1px rgba(0,0,0,.075));\n  .transition(~\"border linear .2s, box-shadow linear .2s\");\n\n  \/\/ Focus state\n  &:focus {\n    border-color: rgba(82,168,236,.8);\n    outline: 0;\n    outline: thin dotted \\9; \/* IE6-9 *\/\n    .box-shadow(~\"inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6)\");\n  }\n}\n\n\/\/ Position radios and checkboxes better\ninput[type=\"radio\"],\ninput[type=\"checkbox\"] {\n  margin: 4px 0 0;\n  *margin-top: 0; \/* IE7 *\/\n  margin-top: 1px \\9; \/* IE8-9 *\/\n  line-height: normal;\n}\n\n\/\/ Reset width of input images, buttons, radios, checkboxes\ninput[type=\"file\"],\ninput[type=\"image\"],\ninput[type=\"submit\"],\ninput[type=\"reset\"],\ninput[type=\"button\"],\ninput[type=\"radio\"],\ninput[type=\"checkbox\"] {\n  width: auto; \/\/ Override of generic input selector\n}\n\n\/\/ Set the height of select and file controls to match text inputs\nselect,\ninput[type=\"file\"] {\n  height: @inputHeight; \/* In IE7, the height of the select element cannot be changed by height, only font-size *\/\n  *margin-top: 4px; \/* For IE7, add top margin to align select with labels *\/\n  line-height: @inputHeight;\n}\n\n\/\/ Make select elements obey height by applying a border\nselect {\n  width: 220px; \/\/ default input width + 10px of padding that doesn't get applied\n  border: 1px solid @inputBorder;\n  background-color: @inputBackground; \/\/ Chrome on Linux and Mobile Safari need background-color\n}\n\n\/\/ Make multiple select elements height not fixed\nselect[multiple],\nselect[size] {\n  height: auto;\n}\n\n\/\/ Focus for select, file, radio, and checkbox\nselect:focus,\ninput[type=\"file\"]:focus,\ninput[type=\"radio\"]:focus,\ninput[type=\"checkbox\"]:focus {\n  .tab-focus();\n}\n\n\n\/\/ Uneditable inputs\n\/\/ -------------------------\n\n\/\/ Make uneditable inputs look inactive\n.uneditable-input,\n.uneditable-textarea {\n  color: @grayLight;\n  background-color: darken(@inputBackground, 1%);\n  border-color: @inputBorder;\n  .box-shadow(inset 0 1px 2px rgba(0,0,0,.025));\n  cursor: not-allowed;\n}\n\n\/\/ For text that needs to appear as an input but should not be an input\n.uneditable-input {\n  overflow: hidden; \/\/ prevent text from wrapping, but still cut it off like an input does\n  white-space: nowrap;\n}\n\n\/\/ Make uneditable textareas behave like a textarea\n.uneditable-textarea {\n  width: auto;\n  height: auto;\n}\n\n\n\/\/ Placeholder\n\/\/ -------------------------\n\n\/\/ Placeholder text gets special styles because when browsers invalidate entire lines if it doesn't understand a selector\ninput,\ntextarea {\n  .placeholder();\n}\n\n\n\/\/ CHECKBOXES & RADIOS\n\/\/ -------------------\n\n\/\/ Indent the labels to position radios\/checkboxes as hanging\n.radio,\n.checkbox {\n  min-height: @baseLineHeight; \/\/ clear the floating input if there is no label text\n  padding-left: 20px;\n}\n.radio input[type=\"radio\"],\n.checkbox input[type=\"checkbox\"] {\n  float: left;\n  margin-left: -20px;\n}\n\n\/\/ Move the options list down to align with labels\n.controls > .radio:first-child,\n.controls > .checkbox:first-child {\n  padding-top: 5px; \/\/ has to be padding because margin collaspes\n}\n\n\/\/ Radios and checkboxes on same line\n\/\/ TODO v3: Convert .inline to .control-inline\n.radio.inline,\n.checkbox.inline {\n  display: inline-block;\n  padding-top: 5px;\n  margin-bottom: 0;\n  vertical-align: middle;\n}\n.radio.inline + .radio.inline,\n.checkbox.inline + .checkbox.inline {\n  margin-left: 10px; \/\/ space out consecutive inline controls\n}\n\n\n\n\/\/ INPUT SIZES\n\/\/ -----------\n\n\/\/ General classes for quick sizes\n.input-mini       { width: 60px; }\n.input-small      { width: 90px; }\n.input-medium     { width: 150px; }\n.input-large      { width: 210px; }\n.input-xlarge     { width: 270px; }\n.input-xxlarge    { width: 530px; }\n\n\/\/ Grid style input sizes\ninput[class*=\"span\"],\nselect[class*=\"span\"],\ntextarea[class*=\"span\"],\n.uneditable-input[class*=\"span\"],\n\/\/ Redeclare since the fluid row class is more specific\n.row-fluid input[class*=\"span\"],\n.row-fluid select[class*=\"span\"],\n.row-fluid textarea[class*=\"span\"],\n.row-fluid .uneditable-input[class*=\"span\"] {\n  float: none;\n  margin-left: 0;\n}\n\/\/ Ensure input-prepend\/append never wraps\n.input-append input[class*=\"span\"],\n.input-append .uneditable-input[class*=\"span\"],\n.input-prepend input[class*=\"span\"],\n.input-prepend .uneditable-input[class*=\"span\"],\n.row-fluid input[class*=\"span\"],\n.row-fluid select[class*=\"span\"],\n.row-fluid textarea[class*=\"span\"],\n.row-fluid .uneditable-input[class*=\"span\"],\n.row-fluid .input-prepend [class*=\"span\"],\n.row-fluid .input-append [class*=\"span\"] {\n  display: inline-block;\n}\n\n\n\n\/\/ GRID SIZING FOR INPUTS\n\/\/ ----------------------\n\n\/\/ Grid sizes\n#grid > .input(@gridColumnWidth, @gridGutterWidth);\n\n\/\/ Control row for multiple inputs per line\n.controls-row {\n  .clearfix(); \/\/ Clear the float from controls\n}\n\n\/\/ Float to collapse white-space for proper grid alignment\n.controls-row [class*=\"span\"],\n\/\/ Redeclare the fluid grid collapse since we undo the float for inputs\n.row-fluid .controls-row [class*=\"span\"] {\n  float: left;\n}\n\/\/ Explicity set top padding on all checkboxes\/radios, not just first-child\n.controls-row .checkbox[class*=\"span\"],\n.controls-row .radio[class*=\"span\"] {\n  padding-top: 5px;\n}\n\n\n\n\n\/\/ DISABLED STATE\n\/\/ --------------\n\n\/\/ Disabled and read-only inputs\ninput[disabled],\nselect[disabled],\ntextarea[disabled],\ninput[readonly],\nselect[readonly],\ntextarea[readonly] {\n  cursor: not-allowed;\n  background-color: @inputDisabledBackground;\n}\n\/\/ Explicitly reset the colors here\ninput[type=\"radio\"][disabled],\ninput[type=\"checkbox\"][disabled],\ninput[type=\"radio\"][readonly],\ninput[type=\"checkbox\"][readonly] {\n  background-color: transparent;\n}\n\n\n\n\n\/\/ FORM FIELD FEEDBACK STATES\n\/\/ --------------------------\n\n\/\/ Warning\n.control-group.warning {\n  .formFieldState(@warningText, @warningText, @warningBackground);\n}\n\/\/ Error\n.control-group.error {\n  .formFieldState(@errorText, @errorText, @errorBackground);\n}\n\/\/ Success\n.control-group.success {\n  .formFieldState(@successText, @successText, @successBackground);\n}\n\/\/ Success\n.control-group.info {\n  .formFieldState(@infoText, @infoText, @infoBackground);\n}\n\n\/\/ HTML5 invalid states\n\/\/ Shares styles with the .control-group.error above\ninput:focus:invalid,\ntextarea:focus:invalid,\nselect:focus:invalid {\n  color: #b94a48;\n  border-color: #ee5f5b;\n  &:focus {\n    border-color: darken(#ee5f5b, 10%);\n    @shadow: 0 0 6px lighten(#ee5f5b, 20%);\n    .box-shadow(@shadow);\n  }\n}\n\n\n\n\/\/ FORM ACTIONS\n\/\/ ------------\n\n.form-actions {\n  padding: (@baseLineHeight - 1) 20px @baseLineHeight;\n  margin-top: @baseLineHeight;\n  margin-bottom: @baseLineHeight;\n  background-color: @formActionsBackground;\n  border-top: 1px solid #e5e5e5;\n  .clearfix(); \/\/ Adding clearfix to allow for .pull-right button containers\n}\n\n\n\n\/\/ HELP TEXT\n\/\/ ---------\n\n.help-block,\n.help-inline {\n  color: lighten(@textColor, 15%); \/\/ lighten the text some for contrast\n}\n\n.help-block {\n  display: block; \/\/ account for any element using help-block\n  margin-bottom: @baseLineHeight \/ 2;\n}\n\n.help-inline {\n  display: inline-block;\n  .ie7-inline-block();\n  vertical-align: middle;\n  padding-left: 5px;\n}\n\n\n\n\/\/ INPUT GROUPS\n\/\/ ------------\n\n\/\/ Allow us to put symbols and text within the input field for a cleaner look\n.input-append,\n.input-prepend {\n  display: inline-block;\n  margin-bottom: @baseLineHeight \/ 2;\n  vertical-align: middle;\n  font-size: 0; \/\/ white space collapse hack\n  white-space: nowrap; \/\/ Prevent span and input from separating\n\n  \/\/ Reset the white space collapse hack\n  input,\n  select,\n  .uneditable-input,\n  .dropdown-menu,\n  .popover {\n    font-size: @baseFontSize;\n  }\n\n  input,\n  select,\n  .uneditable-input {\n    position: relative; \/\/ placed here by default so that on :focus we can place the input above the .add-on for full border and box-shadow goodness\n    margin-bottom: 0; \/\/ prevent bottom margin from screwing up alignment in stacked forms\n    *margin-left: 0;\n    vertical-align: top;\n    .border-radius(0 @inputBorderRadius @inputBorderRadius 0);\n    \/\/ Make input on top when focused so blue border and shadow always show\n    &:focus {\n      z-index: 2;\n    }\n  }\n  .add-on {\n    display: inline-block;\n    width: auto;\n    height: @baseLineHeight;\n    min-width: 16px;\n    padding: 4px 5px;\n    font-size: @baseFontSize;\n    font-weight: normal;\n    line-height: @baseLineHeight;\n    text-align: center;\n    text-shadow: 0 1px 0 @white;\n    background-color: @grayLighter;\n    border: 1px solid #ccc;\n  }\n  .add-on,\n  .btn,\n  .btn-group > .dropdown-toggle {\n    vertical-align: top;\n    .border-radius(0);\n  }\n  .active {\n    background-color: lighten(@green, 30);\n    border-color: @green;\n  }\n}\n\n.input-prepend {\n  .add-on,\n  .btn {\n    margin-right: -1px;\n  }\n  .add-on:first-child,\n  .btn:first-child {\n    \/\/ FYI, `.btn:first-child` accounts for a button group that's prepended\n    .border-radius(@inputBorderRadius 0 0 @inputBorderRadius);\n  }\n}\n\n.input-append {\n  input,\n  select,\n  .uneditable-input {\n    .border-radius(@inputBorderRadius 0 0 @inputBorderRadius);\n    + .btn-group .btn:last-child {\n      .border-radius(0 @inputBorderRadius @inputBorderRadius 0);\n    }\n  }\n  .add-on,\n  .btn,\n  .btn-group {\n    margin-left: -1px;\n  }\n  .add-on:last-child,\n  .btn:last-child,\n  .btn-group:last-child > .dropdown-toggle {\n    .border-radius(0 @inputBorderRadius @inputBorderRadius 0);\n  }\n}\n\n\/\/ Remove all border-radius for inputs with both prepend and append\n.input-prepend.input-append {\n  input,\n  select,\n  .uneditable-input {\n    .border-radius(0);\n    + .btn-group .btn {\n      .border-radius(0 @inputBorderRadius @inputBorderRadius 0);\n    }\n  }\n  .add-on:first-child,\n  .btn:first-child {\n    margin-right: -1px;\n    .border-radius(@inputBorderRadius 0 0 @inputBorderRadius);\n  }\n  .add-on:last-child,\n  .btn:last-child {\n    margin-left: -1px;\n    .border-radius(0 @inputBorderRadius @inputBorderRadius 0);\n  }\n  .btn-group:first-child {\n    margin-left: 0;\n  }\n}\n\n\n\n\n\/\/ SEARCH FORM\n\/\/ -----------\n\ninput.search-query {\n  padding-right: 14px;\n  padding-right: 4px \\9;\n  padding-left: 14px;\n  padding-left: 4px \\9; \/* IE7-8 doesn't have border-radius, so don't indent the padding *\/\n  margin-bottom: 0; \/\/ Remove the default margin on all inputs\n  .border-radius(15px);\n}\n\n\/* Allow for input prepend\/append in search forms *\/\n.form-search .input-append .search-query,\n.form-search .input-prepend .search-query {\n  .border-radius(0); \/\/ Override due to specificity\n}\n.form-search .input-append .search-query {\n  .border-radius(14px 0 0 14px);\n}\n.form-search .input-append .btn {\n  .border-radius(0 14px 14px 0);\n}\n.form-search .input-prepend .search-query {\n  .border-radius(0 14px 14px 0);\n}\n.form-search .input-prepend .btn {\n  .border-radius(14px 0 0 14px);\n}\n\n\n\n\n\/\/ HORIZONTAL & VERTICAL FORMS\n\/\/ ---------------------------\n\n\/\/ Common properties\n\/\/ -----------------\n\n.form-search,\n.form-inline,\n.form-horizontal {\n  input,\n  textarea,\n  select,\n  .help-inline,\n  .uneditable-input,\n  .input-prepend,\n  .input-append {\n    display: inline-block;\n    .ie7-inline-block();\n    margin-bottom: 0;\n    vertical-align: middle;\n  }\n  \/\/ Re-hide hidden elements due to specifity\n  .hide {\n    display: none;\n  }\n}\n.form-search label,\n.form-inline label,\n.form-search .btn-group,\n.form-inline .btn-group {\n  display: inline-block;\n}\n\/\/ Remove margin for input-prepend\/-append\n.form-search .input-append,\n.form-inline .input-append,\n.form-search .input-prepend,\n.form-inline .input-prepend {\n  margin-bottom: 0;\n}\n\/\/ Inline checkbox\/radio labels (remove padding on left)\n.form-search .radio,\n.form-search .checkbox,\n.form-inline .radio,\n.form-inline .checkbox {\n  padding-left: 0;\n  margin-bottom: 0;\n  vertical-align: middle;\n}\n\/\/ Remove float and margin, set to inline-block\n.form-search .radio input[type=\"radio\"],\n.form-search .checkbox input[type=\"checkbox\"],\n.form-inline .radio input[type=\"radio\"],\n.form-inline .checkbox input[type=\"checkbox\"] {\n  float: left;\n  margin-right: 3px;\n  margin-left: 0;\n}\n\n\n\/\/ Margin to space out fieldsets\n.control-group {\n  margin-bottom: @baseLineHeight \/ 2;\n}\n\n\/\/ Legend collapses margin, so next element is responsible for spacing\nlegend + .control-group {\n  margin-top: @baseLineHeight;\n  -webkit-margin-top-collapse: separate;\n}\n\n\/\/ Horizontal-specific styles\n\/\/ --------------------------\n\n.form-horizontal {\n  \/\/ Increase spacing between groups\n  .control-group {\n    margin-bottom: @baseLineHeight;\n    .clearfix();\n  }\n  \/\/ Float the labels left\n  .control-label {\n    float: left;\n    width: @horizontalComponentOffset - 20;\n    padding-top: 5px;\n    text-align: right;\n  }\n  \/\/ Move over all input controls and content\n  .controls {\n    \/\/ Super jank IE7 fix to ensure the inputs in .input-append and input-prepend\n    \/\/ don't inherit the margin of the parent, in this case .controls\n    *display: inline-block;\n    *padding-left: 20px;\n    margin-left: @horizontalComponentOffset;\n    *margin-left: 0;\n    &:first-child {\n      *padding-left: @horizontalComponentOffset;\n    }\n  }\n  \/\/ Remove bottom margin on block level help text since that's accounted for on .control-group\n  .help-block {\n    margin-bottom: 0;\n  }\n  \/\/ And apply it only to .help-block instances that follow a form control\n  input,\n  select,\n  textarea,\n  .uneditable-input,\n  .input-prepend,\n  .input-append {\n    + .help-block {\n      margin-top: @baseLineHeight \/ 2;\n    }\n  }\n  \/\/ Move over buttons in .form-actions to align with .controls\n  .form-actions {\n    padding-left: @horizontalComponentOffset;\n  }\n}\n\n\/*Fix for tooltips wrong positioning*\/\n.control-label .hasPopover,\n.control-label .hasTooltip {\n  display: inline-block;\n}\n\n\/* Field subform repeatable *\/\n.subform-repeatable-wrapper{\n\n\t.btn-group>.btn.button{\n\t\tmin-width: 0;\n\t}\n\n\t.ui-sortable-helper{\n\t\tbackground: @white;\n\t}\n\n\ttr.ui-sortable-helper{\n\t\tdisplay: table;\n\t}\n}\n\n\/\/\n\/\/ Tables\n\/\/ --------------------------------------------------\n\n\n\/\/ BASE TABLES\n\/\/ -----------------\n\ntable {\n  max-width: 100%;\n  background-color: @tableBackground;\n  border-collapse: collapse;\n  border-spacing: 0;\n}\n\n\/\/ BASELINE STYLES\n\/\/ ---------------\n\n.table {\n  width: 100%;\n  margin-bottom: @baseLineHeight;\n  \/\/ Cells\n  th,\n  td {\n    padding: 8px;\n    line-height: @baseLineHeight;\n    text-align: left;\n    vertical-align: top;\n    border-top: 1px solid @tableBorder;\n  }\n  th {\n    font-weight: bold;\n  }\n  \/\/ Bottom align for column headings\n  thead th {\n    vertical-align: bottom;\n  }\n  \/\/ Remove top border from thead by default\n  caption + thead tr:first-child th,\n  caption + thead tr:first-child td,\n  colgroup + thead tr:first-child th,\n  colgroup + thead tr:first-child td,\n  thead:first-child tr:first-child th,\n  thead:first-child tr:first-child td {\n    border-top: 0;\n  }\n  \/\/ Account for multiple tbody instances\n  tbody + tbody {\n    border-top: 2px solid @tableBorder;\n  }\n\n  \/\/ Nesting\n  .table {\n    background-color: @bodyBackground;\n  }\n}\n\n\n\n\/\/ CONDENSED TABLE W\/ HALF PADDING\n\/\/ -------------------------------\n\n.table-condensed {\n  th,\n  td {\n    padding: 4px 5px;\n  }\n}\n\n\n\/\/ BORDERED VERSION\n\/\/ ----------------\n\n.table-bordered {\n  border: 1px solid @tableBorder;\n  border-collapse: separate; \/\/ Done so we can round those corners!\n  *border-collapse: collapse; \/\/ IE7 can't round corners anyway\n  border-left: 0;\n  .border-radius(@baseBorderRadius);\n  th,\n  td {\n    border-left: 1px solid @tableBorder;\n  }\n  \/\/ Prevent a double border\n  caption + thead tr:first-child th,\n  caption + tbody tr:first-child th,\n  caption + tbody tr:first-child td,\n  colgroup + thead tr:first-child th,\n  colgroup + tbody tr:first-child th,\n  colgroup + tbody tr:first-child td,\n  thead:first-child tr:first-child th,\n  tbody:first-child tr:first-child th,\n  tbody:first-child tr:first-child td {\n    border-top: 0;\n  }\n  \/\/ For first th\/td in the first row in the first thead or tbody\n  thead:first-child tr:first-child > th:first-child,\n  tbody:first-child tr:first-child > td:first-child,\n  tbody:first-child tr:first-child > th:first-child {\n    .border-top-left-radius(@baseBorderRadius);\n  }\n  \/\/ For last th\/td in the first row in the first thead or tbody\n  thead:first-child tr:first-child > th:last-child,\n  tbody:first-child tr:first-child > td:last-child,\n  tbody:first-child tr:first-child > th:last-child {\n    .border-top-right-radius(@baseBorderRadius);\n  }\n  \/\/ For first th\/td (can be either) in the last row in the last thead, tbody, and tfoot\n  thead:last-child tr:last-child > th:first-child,\n  tbody:last-child tr:last-child > td:first-child,\n  tbody:last-child tr:last-child > th:first-child,\n  tfoot:last-child tr:last-child > td:first-child,\n  tfoot:last-child tr:last-child > th:first-child {\n    .border-bottom-left-radius(@baseBorderRadius);\n  }\n  \/\/ For last th\/td (can be either) in the last row in the last thead, tbody, and tfoot\n  thead:last-child tr:last-child > th:last-child,\n  tbody:last-child tr:last-child > td:last-child,\n  tbody:last-child tr:last-child > th:last-child,\n  tfoot:last-child tr:last-child > td:last-child,\n  tfoot:last-child tr:last-child > th:last-child {\n    .border-bottom-right-radius(@baseBorderRadius);\n  }\n\n  \/\/ Clear border-radius for first and last td in the last row in the last tbody for table with tfoot\n  tfoot + tbody:last-child tr:last-child td:first-child {\n    .border-bottom-left-radius(0);\n  }\n  tfoot + tbody:last-child tr:last-child td:last-child {\n    .border-bottom-right-radius(0);\n  }\n\n  \/\/ Special fixes to round the left border on the first td\/th\n  caption + thead tr:first-child th:first-child,\n  caption + tbody tr:first-child td:first-child,\n  colgroup + thead tr:first-child th:first-child,\n  colgroup + tbody tr:first-child td:first-child {\n    .border-top-left-radius(@baseBorderRadius);\n  }\n  caption + thead tr:first-child th:last-child,\n  caption + tbody tr:first-child td:last-child,\n  colgroup + thead tr:first-child th:last-child,\n  colgroup + tbody tr:first-child td:last-child {\n    .border-top-right-radius(@baseBorderRadius);\n  }\n\n}\n\n\n\n\n\/\/ ZEBRA-STRIPING\n\/\/ --------------\n\n\/\/ Default zebra-stripe styles (alternating gray and transparent backgrounds)\n.table-striped {\n  tbody {\n    > tr:nth-child(odd) > td,\n    > tr:nth-child(odd) > th {\n      background-color: @tableBackgroundAccent;\n    }\n  }\n}\n\n\n\/\/ HOVER EFFECT\n\/\/ ------------\n\/\/ Placed here since it has to come after the potential zebra striping\n.table-hover {\n  tbody {\n    tr:hover > td,\n    tr:hover > th {\n      background-color: @tableBackgroundHover;\n    }\n  }\n}\n\n\n\/\/ TABLE CELL SIZING\n\/\/ -----------------\n\n\/\/ Reset default grid behavior\ntable td[class*=\"span\"],\ntable th[class*=\"span\"],\n.row-fluid table td[class*=\"span\"],\n.row-fluid table th[class*=\"span\"] {\n  display: table-cell;\n  float: none; \/\/ undo default grid column styles\n  margin-left: 0; \/\/ undo default grid column styles\n}\n\n\/\/ Change the column widths to account for td\/th padding\n.table td,\n.table th {\n  &.span1     { .tableColumns(1); }\n  &.span2     { .tableColumns(2); }\n  &.span3     { .tableColumns(3); }\n  &.span4     { .tableColumns(4); }\n  &.span5     { .tableColumns(5); }\n  &.span6     { .tableColumns(6); }\n  &.span7     { .tableColumns(7); }\n  &.span8     { .tableColumns(8); }\n  &.span9     { .tableColumns(9); }\n  &.span10    { .tableColumns(10); }\n  &.span11    { .tableColumns(11); }\n  &.span12    { .tableColumns(12); }\n}\n\n\n\n\/\/ TABLE BACKGROUNDS\n\/\/ -----------------\n\/\/ Exact selectors below required to override .table-striped\n\n.table tbody tr {\n  &.success > td {\n    background-color: @successBackground;\n  }\n  &.error > td {\n    background-color: @errorBackground;\n  }\n  &.warning > td {\n    background-color: @warningBackground;\n  }\n  &.info > td {\n    background-color: @infoBackground;\n  }\n}\n\n\/\/ Hover states for .table-hover\n.table-hover tbody tr {\n  &.success:hover > td {\n    background-color: darken(@successBackground, 5%);\n  }\n  &.error:hover > td {\n    background-color: darken(@errorBackground, 5%);\n  }\n  &.warning:hover > td {\n    background-color: darken(@warningBackground, 5%);\n  }\n  &.info:hover > td {\n    background-color: darken(@infoBackground, 5%);\n  }\n}\n\n\/\/ @import \"..\/..\/..\/media\/jui\/less\/sprites.less\";\n\/\/\n\/\/ Dropdown menus\n\/\/ --------------------------------------------------\n\n\n\/\/ Use the .menu class on any <li> element within the topbar or ul.tabs and you'll get some superfancy dropdowns\n.dropup,\n.dropdown {\n  position: relative;\n}\n.dropdown-toggle {\n  \/\/ The caret makes the toggle a bit too tall in IE7\n  *margin-bottom: -3px;\n}\n.dropdown-toggle:active,\n.open .dropdown-toggle {\n  outline: 0;\n}\n\n\/\/ Dropdown arrow\/caret\n\/\/ --------------------\n.caret {\n  display: inline-block;\n  width: 0;\n  height: 0;\n  vertical-align: top;\n  border-top:   4px solid @black;\n  border-right: 4px solid transparent;\n  border-left:  4px solid transparent;\n  content: \"\";\n}\n\n\/\/ Place the caret\n.dropdown .caret {\n  margin-top: 8px;\n  margin-left: 2px;\n}\n\n\/\/ The dropdown menu (ul)\n\/\/ ----------------------\n.dropdown-menu {\n  position: absolute;\n  top: 100%;\n  left: 0;\n  z-index: @zindexDropdown;\n  display: none; \/\/ none by default, but block on \"open\" of the menu\n  float: left;\n  min-width: 160px;\n  padding: 5px 0;\n  margin: 2px 0 0; \/\/ override default ul\n  list-style: none;\n  background-color: @dropdownBackground;\n  border: 1px solid #ccc; \/\/ Fallback for IE7-8\n  border: 1px solid @dropdownBorder;\n  *border-right-width: 2px;\n  *border-bottom-width: 2px;\n  .border-radius(6px);\n  .box-shadow(0 5px 10px rgba(0,0,0,.2));\n  -webkit-background-clip: padding-box;\n     -moz-background-clip: padding;\n          background-clip: padding-box;\n\n  \/\/ Aligns the dropdown menu to right\n  &.pull-right {\n    right: 0;\n    left: auto;\n  }\n\n  \/\/ Dividers (basically an hr) within the dropdown\n  .divider {\n    .nav-divider(@dropdownDividerTop, @dropdownDividerBottom);\n  }\n\n  \/\/ Links within the dropdown menu\n  > li > a {\n    display: block;\n    padding: 3px 20px;\n    clear: both;\n    font-weight: normal;\n    line-height: @baseLineHeight;\n    color: @dropdownLinkColor;\n    white-space: nowrap;\n  }\n}\n\n\/\/ Hover\/Focus state\n\/\/ -----------\n.dropdown-menu > li > a:hover,\n.dropdown-menu > li > a:focus,\n.dropdown-submenu:hover > a,\n.dropdown-submenu:focus > a {\n  text-decoration: none;\n  color: @dropdownLinkColorHover;\n  #gradient > .vertical(@dropdownLinkBackgroundHover, darken(@dropdownLinkBackgroundHover, 5%));\n}\n\n\/\/ Active state\n\/\/ ------------\n.dropdown-menu > .active > a,\n.dropdown-menu > .active > a:hover,\n.dropdown-menu > .active > a:focus {\n  color: @dropdownLinkColorActive;\n  text-decoration: none;\n  outline: 0;\n  #gradient > .vertical(@dropdownLinkBackgroundActive, darken(@dropdownLinkBackgroundActive, 5%));\n}\n\n\/\/ Disabled state\n\/\/ --------------\n\/\/ Gray out text and ensure the hover\/focus state remains gray\n.dropdown-menu > .disabled > a,\n.dropdown-menu > .disabled > a:hover,\n.dropdown-menu > .disabled > a:focus {\n  color: @grayLight;\n}\n\/\/ Nuke hover\/focus effects\n.dropdown-menu > .disabled > a:hover,\n.dropdown-menu > .disabled > a:focus {\n  text-decoration: none;\n  background-color: transparent;\n  background-image: none; \/\/ Remove CSS gradient\n  .reset-filter();\n  cursor: default;\n}\n\n\/\/ Open state for the dropdown\n\/\/ ---------------------------\n.open {\n  \/\/ IE7's z-index only goes to the nearest positioned ancestor, which would\n  \/\/ make the menu appear below buttons that appeared later on the page\n  *z-index: @zindexDropdown;\n\n  & > .dropdown-menu {\n    display: block;\n  }\n}\n\n\/\/ Backdrop to catch body clicks on mobile, etc.\n\/\/ ---------------------------\n.dropdown-backdrop {\n  position: fixed;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  top: 0;\n  z-index: @zindexDropdown - 10;\n}\n\n\/\/ Right aligned dropdowns\n\/\/ ---------------------------\n.pull-right > .dropdown-menu {\n  right: 0;\n  left: auto;\n}\n\n\/\/ Allow for dropdowns to go bottom up (aka, dropup-menu)\n\/\/ ------------------------------------------------------\n\/\/ Just add .dropup after the standard .dropdown class and you're set, bro.\n\/\/ TODO: abstract this so that the navbar fixed styles are not placed here?\n.dropup,\n.navbar-fixed-bottom .dropdown {\n  \/\/ Reverse the caret\n  .caret {\n    border-top: 0;\n    border-bottom: 4px solid @black;\n    content: \"\";\n  }\n  \/\/ Different positioning for bottom up menu\n  .dropdown-menu {\n    top: auto;\n    bottom: 100%;\n    margin-bottom: 1px;\n  }\n}\n\n\/\/ Sub menus\n\/\/ ---------------------------\n.dropdown-submenu {\n  position: relative;\n}\n\/\/ Default dropdowns\n.dropdown-submenu > .dropdown-menu {\n  top: 0;\n  left: 100%;\n  margin-top: -6px;\n  margin-left: -1px;\n  .border-radius(6px 6px 6px 6px);\n}\n.dropdown-submenu:hover > .dropdown-menu {\n  display: block;\n}\n\n\/\/ Dropups\n.dropup .dropdown-submenu > .dropdown-menu {\n  top: auto;\n  bottom: 0;\n  margin-top: 0;\n  margin-bottom: -2px;\n  .border-radius(5px 5px 5px 0);\n}\n\n\/\/ Caret to indicate there is a submenu\n.dropdown-submenu > a:after {\n  display: block;\n  content: \" \";\n  float: right;\n  width: 0;\n  height: 0;\n  border-color: transparent;\n  border-style: solid;\n  border-width: 5px 0 5px 5px;\n  border-left-color: darken(@dropdownBackground, 20%);\n  margin-top: 5px;\n  margin-right: -10px;\n}\n.dropdown-submenu:hover > a:after {\n  border-left-color: @dropdownLinkColorHover;\n}\n\n\/\/ Left aligned submenus\n.dropdown-submenu.pull-left {\n  \/\/ Undo the float\n  \/\/ Yes, this is awkward since .pull-left adds a float, but it sticks to our conventions elsewhere.\n  float: none;\n\n  \/\/ Positioning the submenu\n  > .dropdown-menu {\n    left: -100%;\n    margin-left: 10px;\n    .border-radius(6px 0 6px 6px);\n  }\n}\n\n\/\/ Tweak nav headers\n\/\/ -----------------\n\/\/ Increase padding from 15px to 20px on sides\n.dropdown .dropdown-menu .nav-header {\n  padding-left: 20px;\n  padding-right: 20px;\n}\n\n\/\/ Typeahead\n\/\/ ---------\n.typeahead {\n  z-index: 1051;\n  margin-top: 2px; \/\/ give it some space to breathe\n  .border-radius(@baseBorderRadius);\n}\n\n\/\/\n\/\/ Wells\n\/\/ --------------------------------------------------\n\n\n\/\/ Base class\n.well {\n  min-height: 20px;\n  padding: 19px;\n  margin-bottom: 20px;\n  background-color: @wellBackground;\n  border: 1px solid darken(@wellBackground, 7%);\n  .border-radius(@baseBorderRadius);\n  .box-shadow(inset 0 1px 1px rgba(0,0,0,.05));\n  blockquote {\n    border-color: #ddd;\n    border-color: rgba(0,0,0,.15);\n  }\n}\n\n\/\/ Sizes\n.well-large {\n  padding: 24px;\n  .border-radius(@borderRadiusLarge);\n}\n.well-small {\n  padding: 9px;\n  .border-radius(@borderRadiusSmall);\n}\n\n\/\/\n\/\/ Component animations\n\/\/ --------------------------------------------------\n\n\n.fade {\n  opacity: 0;\n  .transition(opacity .15s linear);\n  &.in {\n    opacity: 1;\n  }\n}\n\n.collapse {\n  position: relative;\n  height: 0;\n  overflow: hidden;\n  .transition(height .35s ease);\n  &.in {\n    height: auto;\n  }\n}\n\n\/\/\n\/\/ Close icons\n\/\/ --------------------------------------------------\n\n\n.close {\n  float: right;\n  font-size: 20px;\n  font-weight: bold;\n  line-height: @baseLineHeight;\n  color: @black;\n  text-shadow: 0 1px 0 rgba(255,255,255,1);\n  .opacity(20);\n  &:hover,\n  &:focus {\n    color: @black;\n    text-decoration: none;\n    cursor: pointer;\n    .opacity(40);\n  }\n}\n\n\/\/ Additional properties for button version\n\/\/ iOS requires the button element instead of an anchor tag.\n\/\/ If you want the anchor version, it requires `href=\"#\"`.\nbutton.close {\n  padding: 3;\n  cursor: pointer;\n  background: transparent;\n  border: 0;\n  -webkit-appearance: none;\n}\n\n.alert-options {\n  float: right;\n  line-height: @baseLineHeight;\n  color: @black;\n  text-shadow: 0 1px 0 rgba(255,255,255,1);\n  .opacity(20);\n  &:hover,\n  &:focus {\n    color: @black;\n    text-decoration: none;\n    cursor: pointer;\n    .opacity(40);\n  }\n}\n\/\/\n\/\/ Buttons\n\/\/ --------------------------------------------------\n\n\n\/\/ Base styles\n\/\/ --------------------------------------------------\n\n\/\/ Core\n.btn {\n  display: inline-block;\n  .ie7-inline-block();\n  padding: 4px 12px;\n  margin-bottom: 0; \/\/ For input.btn\n  font-size: @baseFontSize;\n  line-height: @baseLineHeight;\n  text-align: center;\n  vertical-align: middle;\n  cursor: pointer;\n  .buttonBackground(@btnBackground, @btnBackgroundHighlight, @grayDark, 0 1px 1px rgba(255,255,255,.75));\n  border: 1px solid @btnBorder;\n  *border: 0; \/\/ Remove the border to prevent IE7's black border on input:focus\n  border-bottom-color: darken(@btnBorder, 10%);\n  .border-radius(@baseBorderRadius);\n  .ie7-restore-left-whitespace(); \/\/ Give IE7 some love\n  .box-shadow(~\"inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05)\");\n\n  \/\/ Hover\/focus state\n  &:hover,\n  &:focus {\n    color: @grayDark;\n    text-decoration: none;\n    background-position: 0 -15px;\n\n    \/\/ transition is only when going to hover\/focus, otherwise the background\n    \/\/ behind the gradient (there for IE<=9 fallback) gets mismatched\n    .transition(background-position .1s linear);\n  }\n\n  \/\/ Focus state for keyboard and accessibility\n  &:focus {\n    .tab-focus();\n  }\n\n  \/\/ Active state\n  &.active,\n  &:active {\n    background-image: none;\n    outline: 0;\n    .box-shadow(~\"inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05)\");\n  }\n\n  \/\/ Disabled state\n  &.disabled,\n  &[disabled] {\n    cursor: default;\n    background-image: none;\n    .opacity(65);\n    .box-shadow(none);\n  }\n\n}\n\n\n\n\/\/ Button Sizes\n\/\/ --------------------------------------------------\n\n\/\/ Large\n.btn-large {\n  padding: @paddingLarge;\n  font-size: @fontSizeLarge;\n  .border-radius(@borderRadiusLarge);\n}\n.btn-large [class^=\"icon-\"],\n.btn-large [class*=\" icon-\"] {\n  margin-top: 4px;\n}\n\n\/\/ Small\n.btn-small {\n  padding: @paddingSmall;\n  font-size: @fontSizeSmall;\n  .border-radius(@borderRadiusSmall);\n}\n.btn-small [class^=\"icon-\"],\n.btn-small [class*=\" icon-\"] {\n  margin-top: 0;\n}\n.btn-mini [class^=\"icon-\"],\n.btn-mini [class*=\" icon-\"] {\n  margin-top: -1px;\n}\n\n\/\/ Mini\n.btn-mini {\n  padding: @paddingMini;\n  font-size: @fontSizeMini;\n  .border-radius(@borderRadiusSmall);\n}\n\n\n\/\/ Block button\n\/\/ -------------------------\n\n.btn-block {\n  display: block;\n  width: 100%;\n  padding-left: 0;\n  padding-right: 0;\n  .box-sizing(border-box);\n}\n\n\/\/ Vertically space out multiple block buttons\n.btn-block + .btn-block {\n  margin-top: 5px;\n}\n\n\/\/ Specificity overrides\ninput[type=\"submit\"],\ninput[type=\"reset\"],\ninput[type=\"button\"] {\n  &.btn-block {\n    width: 100%;\n  }\n}\n\n\n\n\/\/ Alternate buttons\n\/\/ --------------------------------------------------\n\n\/\/ Provide *some* extra contrast for those who can get it\n.btn-primary.active,\n.btn-warning.active,\n.btn-danger.active,\n.btn-success.active,\n.btn-info.active,\n.btn-inverse.active {\n  color: rgba(255,255,255,.75);\n}\n\n\/\/ Set the backgrounds\n\/\/ -------------------------\n.btn-primary {\n  .buttonBackground(@btnPrimaryBackground, @btnPrimaryBackgroundHighlight);\n}\n\/\/ Warning appears are orange\n.btn-warning {\n  .buttonBackground(@btnWarningBackground, @btnWarningBackgroundHighlight);\n}\n\/\/ Danger and error appear as red\n.btn-danger {\n  .buttonBackground(@btnDangerBackground, @btnDangerBackgroundHighlight);\n}\n\/\/ Success appears as green\n.btn-success {\n  .buttonBackground(@btnSuccessBackground, @btnSuccessBackgroundHighlight);\n}\n\/\/ Info appears as a neutral blue\n.btn-info {\n  .buttonBackground(@btnInfoBackground, @btnInfoBackgroundHighlight);\n}\n\/\/ Inverse appears as dark gray\n.btn-inverse {\n  .buttonBackground(@btnInverseBackground, @btnInverseBackgroundHighlight);\n}\n\n\n\/\/ Cross-browser Jank\n\/\/ --------------------------------------------------\n\nbutton.btn,\ninput[type=\"submit\"].btn {\n\n  \/\/ Firefox 3.6 only I believe\n  &::-moz-focus-inner {\n    padding: 0;\n    border: 0;\n  }\n\n  \/\/ IE7 has some default padding on button controls\n  *padding-top: 3px;\n  *padding-bottom: 3px;\n\n  &.btn-large {\n    *padding-top: 7px;\n    *padding-bottom: 7px;\n  }\n  &.btn-small {\n    *padding-top: 3px;\n    *padding-bottom: 3px;\n  }\n  &.btn-mini {\n    *padding-top: 1px;\n    *padding-bottom: 1px;\n  }\n}\n\n\n\/\/ Link buttons\n\/\/ --------------------------------------------------\n\n\/\/ Make a button look and behave like a link\n.btn-link,\n.btn-link:active,\n.btn-link[disabled] {\n  background-color: transparent;\n  background-image: none;\n  .box-shadow(none);\n}\n.btn-link {\n  border-color: transparent;\n  cursor: pointer;\n  color: @linkColor;\n  .border-radius(0);\n}\n.btn-link:hover,\n.btn-link:focus {\n  color: @linkColorHover;\n  text-decoration: underline;\n  background-color: transparent;\n}\n.btn-link[disabled]:hover,\n.btn-link[disabled]:focus {\n  color: @grayDark;\n  text-decoration: none;\n}\n\n\/\/\n\/\/ Button groups\n\/\/ --------------------------------------------------\n\n\n\/\/ Make the div behave like a button\n.btn-group {\n  position: relative;\n  display: inline-block;\n  .ie7-inline-block();\n  font-size: 0; \/\/ remove as part 1 of font-size inline-block hack\n  vertical-align: middle; \/\/ match .btn alignment given font-size hack above\n  white-space: nowrap; \/\/ prevent buttons from wrapping when in tight spaces (e.g., the table on the tests page)\n  .ie7-restore-left-whitespace();\n}\n\n\/\/ Space out series of button groups\n.btn-group + .btn-group {\n  margin-left: 5px;\n}\n\n\/\/ Optional: Group multiple button groups together for a toolbar\n.btn-toolbar {\n  font-size: 0; \/\/ Hack to remove whitespace that results from using inline-block\n  margin-top: @baseLineHeight \/ 2;\n  margin-bottom: @baseLineHeight \/ 2;\n  > .btn + .btn,\n  > .btn-group + .btn,\n  > .btn + .btn-group {\n    margin-left: 5px;\n  }\n}\n\n\/\/ Float them, remove border radius, then re-add to first and last elements\n.btn-group > .btn {\n  position: relative;\n  .border-radius(0);\n}\n.btn-group > .btn + .btn {\n  margin-left: -1px;\n}\n.btn-group > .btn,\n.btn-group > .dropdown-menu,\n.btn-group > .popover {\n  font-size: @baseFontSize; \/\/ redeclare as part 2 of font-size inline-block hack\n}\n\n\/\/ Reset fonts for other sizes\n.btn-group > .btn-mini {\n  font-size: @fontSizeMini;\n}\n.btn-group > .btn-small {\n  font-size: @fontSizeSmall;\n}\n.btn-group > .btn-large {\n  font-size: @fontSizeLarge;\n}\n\n\/\/ Set corners individual because sometimes a single button can be in a .btn-group and we need :first-child and :last-child to both match\n.btn-group > .btn:first-child {\n  margin-left: 0;\n  .border-top-left-radius(@baseBorderRadius);\n  .border-bottom-left-radius(@baseBorderRadius);\n}\n\/\/ Need .dropdown-toggle since :last-child doesn't apply given a .dropdown-menu immediately after it\n.btn-group > .btn:last-child,\n.btn-group > .dropdown-toggle {\n  .border-top-right-radius(@baseBorderRadius);\n  .border-bottom-right-radius(@baseBorderRadius);\n}\n\/\/ Reset corners for large buttons\n.btn-group > .btn.large:first-child {\n  margin-left: 0;\n  .border-top-left-radius(@borderRadiusLarge);\n  .border-bottom-left-radius(@borderRadiusLarge);\n}\n.btn-group > .btn.large:last-child,\n.btn-group > .large.dropdown-toggle {\n  .border-top-right-radius(@borderRadiusLarge);\n  .border-bottom-right-radius(@borderRadiusLarge);\n}\n\n\/\/ On hover\/focus\/active, bring the proper btn to front\n.btn-group > .btn:hover,\n.btn-group > .btn:focus,\n.btn-group > .btn:active,\n.btn-group > .btn.active {\n  z-index: 2;\n}\n\n\/\/ On active and open, don't show outline\n.btn-group .dropdown-toggle:active,\n.btn-group.open .dropdown-toggle {\n  outline: 0;\n}\n\n\n\n\/\/ Split button dropdowns\n\/\/ ----------------------\n\n\/\/ Give the line between buttons some depth\n.btn-group > .btn + .dropdown-toggle {\n  padding-left: 8px;\n  padding-right: 8px;\n  .box-shadow(~\"inset 1px 0 0 rgba(255,255,255,.125), inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05)\");\n  *padding-top: 5px;\n  *padding-bottom: 5px;\n}\n.btn-group > .btn-mini + .dropdown-toggle {\n  padding-left: 5px;\n  padding-right: 5px;\n  *padding-top: 2px;\n  *padding-bottom: 2px;\n}\n.btn-group > .btn-small + .dropdown-toggle {\n  *padding-top: 5px;\n  *padding-bottom: 4px;\n}\n.btn-group > .btn-large + .dropdown-toggle {\n  padding-left: 12px;\n  padding-right: 12px;\n  *padding-top: 7px;\n  *padding-bottom: 7px;\n}\n\n.btn-group.open {\n\n  \/\/ The clickable button for toggling the menu\n  \/\/ Remove the gradient and set the same inset shadow as the :active state\n  .dropdown-toggle {\n    background-image: none;\n    .box-shadow(~\"inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05)\");\n  }\n\n  \/\/ Keep the hover's background when dropdown is open\n  .btn.dropdown-toggle {\n    background-color: @btnBackgroundHighlight;\n  }\n  .btn-primary.dropdown-toggle {\n    background-color: @btnPrimaryBackgroundHighlight;\n  }\n  .btn-warning.dropdown-toggle {\n    background-color: @btnWarningBackgroundHighlight;\n  }\n  .btn-danger.dropdown-toggle {\n    background-color: @btnDangerBackgroundHighlight;\n  }\n  .btn-success.dropdown-toggle {\n    background-color: @btnSuccessBackgroundHighlight;\n  }\n  .btn-info.dropdown-toggle {\n    background-color: @btnInfoBackgroundHighlight;\n  }\n  .btn-inverse.dropdown-toggle {\n    background-color: @btnInverseBackgroundHighlight;\n  }\n}\n\n\n\/\/ Reposition the caret\n.btn .caret {\n  margin-top: 8px;\n  margin-left: 0;\n}\n\/\/ Carets in other button sizes\n.btn-large .caret {\n  margin-top: 6px;\n}\n.btn-large .caret {\n  border-left-width:  5px;\n  border-right-width: 5px;\n  border-top-width:   5px;\n}\n.btn-mini .caret,\n.btn-small .caret {\n  margin-top: 8px;\n}\n\/\/ Upside down carets for .dropup\n.dropup .btn-large .caret {\n  border-bottom-width: 5px;\n}\n\n\n\n\/\/ Account for other colors\n.btn-primary,\n.btn-warning,\n.btn-danger,\n.btn-info,\n.btn-success,\n.btn-inverse {\n  .caret {\n    border-top-color: @white;\n    border-bottom-color: @white;\n  }\n}\n\n\n\n\/\/ Vertical button groups\n\/\/ ----------------------\n\n.btn-group-vertical {\n  display: inline-block; \/\/ makes buttons only take up the width they need\n  .ie7-inline-block();\n}\n.btn-group-vertical > .btn {\n  display: block;\n  float: none;\n  max-width: 100%;\n  .border-radius(0);\n}\n.btn-group-vertical > .btn + .btn {\n  margin-left: 0;\n  margin-top: -1px;\n}\n.btn-group-vertical > .btn:first-child {\n  .border-radius(@baseBorderRadius @baseBorderRadius 0 0);\n}\n.btn-group-vertical > .btn:last-child {\n  .border-radius(0 0 @baseBorderRadius @baseBorderRadius);\n}\n.btn-group-vertical > .btn-large:first-child {\n  .border-radius(@borderRadiusLarge @borderRadiusLarge 0 0);\n}\n.btn-group-vertical > .btn-large:last-child {\n  .border-radius(0 0 @borderRadiusLarge @borderRadiusLarge);\n}\n\n\/\/\n\/\/ Alerts\n\/\/ --------------------------------------------------\n\n\n\/\/ Base styles\n\/\/ -------------------------\n\n.alert {\n  padding: 8px 35px 8px 14px;\n  margin-bottom: @baseLineHeight;\n  text-shadow: 0 1px 0 rgba(255,255,255,.5);\n  background-color: @warningBackground;\n  border: 1px solid @warningBorder;\n  .border-radius(@baseBorderRadius);\n}\n.alert,\n.alert h4 {\n  \/\/ Specified for the h4 to prevent conflicts of changing @headingsColor\n  color: @warningText;\n}\n.alert h4 {\n  margin: 0 0 .5em;\n}\n\n\/\/ Adjust close link position\n.alert .close {\n  position: relative;\n  top: -2px;\n  right: -21px;\n  line-height: @baseLineHeight;\n}\n\n\n\/\/ Alternate styles\n\/\/ -------------------------\n\n.alert-success {\n  background-color: @successBackground;\n  border-color: @successBorder;\n  color: @successText;\n}\n.alert-success h4 {\n  color: @successText;\n}\n.alert-danger,\n.alert-error {\n  background-color: @errorBackground;\n  border-color: @errorBorder;\n  color: @errorText;\n}\n.alert-danger h4,\n.alert-error h4 {\n  color: @errorText;\n}\n.alert-info {\n  background-color: @infoBackground;\n  border-color: @infoBorder;\n  color: @infoText;\n}\n.alert-info h4 {\n  color: @infoText;\n}\n\n\n\/\/ Block alerts\n\/\/ -------------------------\n\n.alert-block {\n  padding-top: 14px;\n  padding-bottom: 14px;\n}\n.alert-block > p,\n.alert-block > ul {\n  margin-bottom: 0;\n}\n.alert-block p + p {\n  margin-top: 5px;\n}\n\n\/\/\n\/\/ Navs\n\/\/ --------------------------------------------------\n\n\n\/\/ BASE CLASS\n\/\/ ----------\n\n.nav {\n  margin-left: 0;\n  margin-bottom: @baseLineHeight;\n  list-style: none;\n}\n\n\/\/ Make links block level\n.nav > li > a {\n  display: block;\n}\n.nav > li > a:hover,\n.nav > li > a:focus {\n  text-decoration: none;\n  background-color: @grayLighter;\n}\n\n\/\/ Prevent IE8 from misplacing imgs\n\/\/ See https:\/\/github.com\/h5bp\/html5-boilerplate\/issues\/984#issuecomment-3985989\n.nav > li > a > img {\n  max-width: none;\n}\n\n\/\/ Redeclare pull classes because of specifity\n.nav > .pull-right {\n  float: right;\n}\n\n\/\/ Nav headers (for dropdowns and lists)\n.nav-header {\n  display: block;\n  padding: 3px 15px;\n  font-size: 11px;\n  font-weight: bold;\n  line-height: @baseLineHeight;\n  color: @grayLight;\n  text-shadow: 0 1px 0 rgba(255,255,255,.5);\n  text-transform: uppercase;\n}\n\/\/ Space them out when they follow another list item (link)\n.nav li + .nav-header {\n  margin-top: 9px;\n}\n\n\n\n\/\/ NAV LIST\n\/\/ --------\n\n.nav-list {\n  padding-left: 15px;\n  padding-right: 15px;\n  margin-bottom: 0;\n}\n.nav-list > li > a,\n.nav-list .nav-header {\n  margin-left:  -15px;\n  margin-right: -15px;\n  text-shadow: 0 1px 0 rgba(255,255,255,.5);\n}\n.nav-list > li > a {\n  padding: 3px 15px;\n}\n.nav-list > .active > a,\n.nav-list > .active > a:hover,\n.nav-list > .active > a:focus {\n  color: @white;\n  text-shadow: 0 -1px 0 rgba(0,0,0,.2);\n  background-color: @linkColor;\n}\n.nav-list [class^=\"icon-\"],\n.nav-list [class*=\" icon-\"] {\n  margin-right: 2px;\n}\n\/\/ Dividers (basically an hr) within the dropdown\n.nav-list .divider {\n  .nav-divider();\n}\n\n\n\n\/\/ TABS AND PILLS\n\/\/ -------------\n\n\/\/ Common styles\n.nav-tabs,\n.nav-pills {\n  .clearfix();\n}\n.nav-tabs > li,\n.nav-pills > li {\n  float: left;\n}\n.nav-tabs > li > a,\n.nav-pills > li > a {\n  padding-right: 12px;\n  padding-left: 12px;\n  margin-right: 2px;\n  line-height: 14px; \/\/ keeps the overall height an even number\n}\n\n\/\/ TABS\n\/\/ ----\n\n\/\/ Give the tabs something to sit on\n.nav-tabs {\n  border-bottom: 1px solid #ddd;\n}\n\/\/ Make the list-items overlay the bottom border\n.nav-tabs > li {\n  margin-bottom: -1px;\n}\n\/\/ Actual tabs (as links)\n.nav-tabs > li > a {\n  padding-top: 8px;\n  padding-bottom: 8px;\n  line-height: @baseLineHeight;\n  border: 1px solid transparent;\n  .border-radius(4px 4px 0 0);\n  &:hover,\n  &:focus {\n    border-color: @grayLighter @grayLighter #ddd;\n  }\n}\n\/\/ Active state, and it's :hover\/:focus to override normal :hover\/:focus\n.nav-tabs > .active > a,\n.nav-tabs > .active > a:hover,\n.nav-tabs > .active > a:focus {\n  color: @gray;\n  background-color: @bodyBackground;\n  border: 1px solid #ddd;\n  border-bottom-color: transparent;\n  cursor: default;\n}\n\n\n\/\/ PILLS\n\/\/ -----\n\n\/\/ Links rendered as pills\n.nav-pills > li > a {\n  padding-top: 8px;\n  padding-bottom: 8px;\n  margin-top: 2px;\n  margin-bottom: 2px;\n  .border-radius(5px);\n}\n\n\/\/ Active state\n.nav-pills > .active > a,\n.nav-pills > .active > a:hover,\n.nav-pills > .active > a:focus {\n  color: @white;\n  background-color: @linkColor;\n}\n\n\n\n\/\/ STACKED NAV\n\/\/ -----------\n\n\/\/ Stacked tabs and pills\n.nav-stacked > li {\n  float: none;\n}\n.nav-stacked > li > a {\n  margin-right: 0; \/\/ no need for the gap between nav items\n}\n\n\/\/ Tabs\n.nav-tabs.nav-stacked {\n  border-bottom: 0;\n}\n.nav-tabs.nav-stacked > li > a {\n  border: 1px solid #ddd;\n  .border-radius(0);\n}\n.nav-tabs.nav-stacked > li:first-child > a {\n  .border-top-radius(4px);\n}\n.nav-tabs.nav-stacked > li:last-child > a {\n  .border-bottom-radius(4px);\n}\n.nav-tabs.nav-stacked > li > a:hover,\n.nav-tabs.nav-stacked > li > a:focus {\n  border-color: #ddd;\n  z-index: 2;\n}\n\n\/\/ Pills\n.nav-pills.nav-stacked > li > a {\n  margin-bottom: 3px;\n}\n.nav-pills.nav-stacked > li:last-child > a {\n  margin-bottom: 1px; \/\/ decrease margin to match sizing of stacked tabs\n}\n\n\n\n\/\/ DROPDOWNS\n\/\/ ---------\n\n.nav-tabs .dropdown-menu {\n  .border-radius(0 0 6px 6px); \/\/ remove the top rounded corners here since there is a hard edge above the menu\n}\n.nav-pills .dropdown-menu {\n  .border-radius(6px); \/\/ make rounded corners match the pills\n}\n\n\/\/ Default dropdown links\n\/\/ -------------------------\n\/\/ Make carets use linkColor to start\n.nav .dropdown-toggle .caret {\n  border-top-color: @linkColor;\n  border-bottom-color: @linkColor;\n  margin-top: 6px;\n}\n.nav .dropdown-toggle:hover .caret,\n.nav .dropdown-toggle:focus .caret {\n  border-top-color: @linkColorHover;\n  border-bottom-color: @linkColorHover;\n}\n\/* move down carets for tabs *\/\n.nav-tabs .dropdown-toggle .caret {\n  margin-top: 8px;\n}\n\n\/\/ Active dropdown links\n\/\/ -------------------------\n.nav .active .dropdown-toggle .caret {\n  border-top-color: #fff;\n  border-bottom-color: #fff;\n}\n.nav-tabs .active .dropdown-toggle .caret {\n  border-top-color: @gray;\n  border-bottom-color: @gray;\n}\n\n\/\/ Active:hover\/:focus dropdown links\n\/\/ -------------------------\n.nav > .dropdown.active > a:hover,\n.nav > .dropdown.active > a:focus {\n  cursor: pointer;\n}\n\n\/\/ Open dropdowns\n\/\/ -------------------------\n.nav-tabs .open .dropdown-toggle,\n.nav-pills .open .dropdown-toggle,\n.nav > li.dropdown.open.active > a:hover,\n.nav > li.dropdown.open.active > a:focus {\n  color: @white;\n  background-color: @grayLight;\n  border-color: @grayLight;\n}\n.nav li.dropdown.open .caret,\n.nav li.dropdown.open.active .caret,\n.nav li.dropdown.open a:hover .caret,\n.nav li.dropdown.open a:focus .caret {\n  border-top-color: @white;\n  border-bottom-color: @white;\n  .opacity(100);\n}\n\n\/\/ Dropdowns in stacked tabs\n.tabs-stacked .open > a:hover,\n.tabs-stacked .open > a:focus {\n  border-color: @grayLight;\n}\n\n\n\n\/\/ TABBABLE\n\/\/ --------\n\n\n\/\/ COMMON STYLES\n\/\/ -------------\n\n\/\/ Clear any floats\n.tabbable {\n  .clearfix();\n}\n.tab-content {\n  overflow: auto; \/\/ prevent content from running below tabs\n}\n\n\/\/ Remove border on bottom, left, right\n.tabs-below > .nav-tabs,\n.tabs-right > .nav-tabs,\n.tabs-left > .nav-tabs {\n  border-bottom: 0;\n}\n\n\/\/ Show\/hide tabbable areas\n.tab-content > .tab-pane,\n.pill-content > .pill-pane {\n  display: none;\n}\n.tab-content > .active,\n.pill-content > .active {\n  display: block;\n}\n\n\n\/\/ BOTTOM\n\/\/ ------\n\n.tabs-below > .nav-tabs {\n  border-top: 1px solid #ddd;\n}\n.tabs-below > .nav-tabs > li {\n  margin-top: -1px;\n  margin-bottom: 0;\n}\n.tabs-below > .nav-tabs > li > a {\n  .border-radius(0 0 4px 4px);\n  &:hover,\n  &:focus {\n    border-bottom-color: transparent;\n    border-top-color: #ddd;\n  }\n}\n.tabs-below > .nav-tabs > .active > a,\n.tabs-below > .nav-tabs > .active > a:hover,\n.tabs-below > .nav-tabs > .active > a:focus {\n  border-color: transparent #ddd #ddd #ddd;\n}\n\n\/\/ LEFT & RIGHT\n\/\/ ------------\n\n\/\/ Common styles\n.tabs-left > .nav-tabs > li,\n.tabs-right > .nav-tabs > li {\n  float: none;\n}\n.tabs-left > .nav-tabs > li > a,\n.tabs-right > .nav-tabs > li > a {\n  min-width: 74px;\n  margin-right: 0;\n  margin-bottom: 3px;\n}\n\n\/\/ Tabs on the left\n.tabs-left > .nav-tabs {\n  float: left;\n  margin-right: 19px;\n  border-right: 1px solid #ddd;\n}\n.tabs-left > .nav-tabs > li > a {\n  margin-right: -1px;\n  .border-radius(4px 0 0 4px);\n}\n.tabs-left > .nav-tabs > li > a:hover,\n.tabs-left > .nav-tabs > li > a:focus {\n  border-color: @grayLighter #ddd @grayLighter @grayLighter;\n}\n.tabs-left > .nav-tabs .active > a,\n.tabs-left > .nav-tabs .active > a:hover,\n.tabs-left > .nav-tabs .active > a:focus {\n  border-color: #ddd transparent #ddd #ddd;\n  *border-right-color: @white;\n}\n\n\/\/ Tabs on the right\n.tabs-right > .nav-tabs {\n  float: right;\n  margin-left: 19px;\n  border-left: 1px solid #ddd;\n}\n.tabs-right > .nav-tabs > li > a {\n  margin-left: -1px;\n  .border-radius(0 4px 4px 0);\n}\n.tabs-right > .nav-tabs > li > a:hover,\n.tabs-right > .nav-tabs > li > a:focus {\n  border-color: @grayLighter @grayLighter @grayLighter #ddd;\n}\n.tabs-right > .nav-tabs .active > a,\n.tabs-right > .nav-tabs .active > a:hover,\n.tabs-right > .nav-tabs .active > a:focus {\n  border-color: #ddd #ddd #ddd transparent;\n  *border-left-color: @white;\n}\n\n\n\n\/\/ DISABLED STATES\n\/\/ ---------------\n\n\/\/ Gray out text\n.nav > .disabled > a {\n  color: @grayLight;\n}\n\/\/ Nuke hover\/focus effects\n.nav > .disabled > a:hover,\n.nav > .disabled > a:focus {\n  text-decoration: none;\n  background-color: transparent;\n  cursor: default;\n}\n\n\/\/\n\/\/ Navbars (Redux)\n\/\/ --------------------------------------------------\n\n\n\/\/ COMMON STYLES\n\/\/ -------------\n\n\/\/ Base class and wrapper\n.navbar {\n  overflow: visible;\n  margin-bottom: @baseLineHeight;\n\n  \/\/ Fix for IE7's bad z-indexing so dropdowns don't appear below content that follows the navbar\n  *position: relative;\n  *z-index: 2;\n}\n\n\/\/ Inner for background effects\n\/\/ Gradient is applied to its own element because overflow visible is not honored by IE when filter is present\n.navbar-inner {\n  min-height: @navbarHeight;\n  padding-left:  20px;\n  padding-right: 20px;\n  #gradient > .vertical(@navbarBackgroundHighlight, @navbarBackground);\n  border: 1px solid @navbarBorder;\n  .border-radius(@baseBorderRadius);\n  .box-shadow(0 1px 4px rgba(0,0,0,.065));\n\n  \/\/ Prevent floats from breaking the navbar\n  .clearfix();\n}\n\n\/\/ Set width to auto for default container\n\/\/ We then reset it for fixed navbars in the #gridSystem mixin\n.navbar .container {\n  width: auto;\n}\n\n\/\/ Override the default collapsed state\n.nav-collapse.collapse {\n  height: auto;\n  overflow: visible;\n}\n\n\n\/\/ Brand: website or project name\n\/\/ -------------------------\n.navbar .brand {\n  float: left;\n  display: block;\n  \/\/ Vertically center the text given @navbarHeight\n  padding: ((@navbarHeight - @baseLineHeight) \/ 2) 20px ((@navbarHeight - @baseLineHeight) \/ 2);\n  margin-left: -20px; \/\/ negative indent to left-align the text down the page\n  font-size: 20px;\n  font-weight: 200;\n  color: @navbarBrandColor;\n  text-shadow: 0 1px 0 @navbarBackgroundHighlight;\n  &:hover,\n  &:focus {\n    text-decoration: none;\n  }\n}\n\n\/\/ Plain text in topbar\n\/\/ -------------------------\n.navbar-text {\n  margin-bottom: 0;\n  line-height: @navbarHeight;\n  color: @navbarText;\n}\n\n\/\/ Janky solution for now to account for links outside the .nav\n\/\/ -------------------------\n.navbar-link {\n  color: @navbarLinkColor;\n  &:hover,\n  &:focus {\n    color: @navbarLinkColorHover;\n  }\n}\n\n\/\/ Dividers in navbar\n\/\/ -------------------------\n.navbar .divider-vertical {\n  height: @navbarHeight;\n  margin: 0 9px;\n  border-left: 1px solid @navbarBackground;\n  border-right: 1px solid @navbarBackgroundHighlight;\n}\n\n\/\/ Buttons in navbar\n\/\/ -------------------------\n.navbar .btn,\n.navbar .btn-group {\n  .navbarVerticalAlign(30px); \/\/ Vertically center in navbar\n}\n.navbar .btn-group .btn,\n.navbar .input-prepend .btn,\n.navbar .input-append .btn,\n.navbar .input-prepend .btn-group,\n.navbar .input-append .btn-group {\n  margin-top: 0; \/\/ then undo the margin here so we don't accidentally double it\n}\n\n\/\/ Navbar forms\n\/\/ -------------------------\n.navbar-form {\n  margin-bottom: 0; \/\/ remove default bottom margin\n  .clearfix();\n  input,\n  select,\n  .radio,\n  .checkbox {\n    .navbarVerticalAlign(30px); \/\/ Vertically center in navbar\n  }\n  input,\n  select,\n  .btn {\n    display: inline-block;\n    margin-bottom: 0;\n  }\n  input[type=\"image\"],\n  input[type=\"checkbox\"],\n  input[type=\"radio\"] {\n    margin-top: 3px;\n  }\n  .input-append,\n  .input-prepend {\n    margin-top: 5px;\n    white-space: nowrap; \/\/ preven two  items from separating within a .navbar-form that has .pull-left\n    input {\n      margin-top: 0; \/\/ remove the margin on top since it's on the parent\n    }\n  }\n}\n\n\/\/ Navbar search\n\/\/ -------------------------\n.navbar-search {\n  position: relative;\n  float: left;\n  .navbarVerticalAlign(30px); \/\/ Vertically center in navbar\n  margin-bottom: 0;\n  .search-query {\n    margin-bottom: 0;\n    padding: 4px 14px;\n    #font > .sans-serif(13px, normal, 1);\n    .border-radius(15px); \/\/ redeclare because of specificity of the type attribute\n  }\n}\n\n\n\n\/\/ Static navbar\n\/\/ -------------------------\n\n.navbar-static-top {\n  position: static;\n  margin-bottom: 0; \/\/ remove 18px margin for default navbar\n  .navbar-inner {\n    .border-radius(0);\n  }\n}\n\n\n\n\/\/ Fixed navbar\n\/\/ -------------------------\n\n\/\/ Shared (top\/bottom) styles\n.navbar-fixed-top,\n.navbar-fixed-bottom {\n  position: fixed;\n  right: 0;\n  left: 0;\n  z-index: @zindexFixedNavbar;\n  margin-bottom: 0; \/\/ remove 18px margin for default navbar\n}\n.navbar-fixed-top .navbar-inner,\n.navbar-static-top .navbar-inner {\n  border-width: 0 0 1px;\n}\n.navbar-fixed-bottom .navbar-inner {\n  border-width: 1px 0 0;\n}\n.navbar-fixed-top .navbar-inner,\n.navbar-fixed-bottom .navbar-inner {\n  padding-left:  0;\n  padding-right: 0;\n  .border-radius(0);\n}\n\n\/\/ Reset container width\n\/\/ Required here as we reset the width earlier on and the grid mixins don't override early enough\n.navbar-static-top .container,\n.navbar-fixed-top .container,\n.navbar-fixed-bottom .container {\n  #grid > .core > .span(@gridColumns);\n}\n\n\/\/ Fixed to top\n.navbar-fixed-top {\n  top: 0;\n}\n.navbar-fixed-top,\n.navbar-static-top {\n  .navbar-inner {\n    .box-shadow(~\"0 1px 10px rgba(0,0,0,.1)\");\n  }\n}\n\n\/\/ Fixed to bottom\n.navbar-fixed-bottom {\n  bottom: 0;\n  .navbar-inner {\n    .box-shadow(~\"0 -1px 10px rgba(0,0,0,.1)\");\n  }\n}\n\n\n\n\/\/ NAVIGATION\n\/\/ ----------\n\n.navbar .nav {\n  position: relative;\n  left: 0;\n  display: block;\n  float: left;\n  margin: 0 10px 0 0;\n}\n.navbar .nav.pull-right {\n  float: right; \/\/ redeclare due to specificity\n  margin-right: 0; \/\/ remove margin on float right nav\n}\n.navbar .nav > li {\n  float: left;\n}\n\n\/\/ Links\n.navbar .nav > li > a {\n  float: none;\n  \/\/ Vertically center the text given @navbarHeight\n  padding: ((@navbarHeight - @baseLineHeight) \/ 2) 15px ((@navbarHeight - @baseLineHeight) \/ 2);\n  color: @navbarLinkColor;\n  text-decoration: none;\n  text-shadow: 0 1px 0 @navbarBackgroundHighlight;\n}\n.navbar .nav .dropdown-toggle .caret {\n  margin-top: 8px;\n}\n\n\/\/ Hover\/focus\n.navbar .nav > li > a:focus,\n.navbar .nav > li > a:hover {\n  background-color: @navbarLinkBackgroundHover; \/\/ \"transparent\" is default to differentiate :hover\/:focus from .active\n  color: @navbarLinkColorHover;\n  text-decoration: none;\n}\n\n\/\/ a11y improvement\n.navbar .nav > li > a:focus {\n    outline: 2px solid rgb(94, 158, 214);\n}\n\n\/\/ Active nav items\n.navbar .nav > .active > a,\n.navbar .nav > .active > a:hover,\n.navbar .nav > .active > a:focus {\n  color: @navbarLinkColorActive;\n  text-decoration: none;\n  background-color: @navbarLinkBackgroundActive;\n  .box-shadow(inset 0 3px 8px rgba(0,0,0,.125));\n}\n\n\/\/ Navbar button for toggling navbar items in responsive layouts\n\/\/ These definitions need to come after '.navbar .btn'\n.navbar .btn-navbar {\n  display: none;\n  float: right;\n  padding: 7px 10px;\n  margin-left: 5px;\n  margin-right: 5px;\n  .buttonBackground(darken(@navbarBackgroundHighlight, 5%), darken(@navbarBackground, 5%));\n  .box-shadow(~\"inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.075)\");\n}\n.navbar .btn-navbar .icon-bar {\n  display: block;\n  width: 18px;\n  height: 2px;\n  background-color: #f5f5f5;\n  .border-radius(1px);\n  .box-shadow(0 1px 0 rgba(0,0,0,.25));\n}\n.btn-navbar .icon-bar + .icon-bar {\n  margin-top: 3px;\n}\n\n\n\n\/\/ Dropdown menus\n\/\/ --------------\n\n\/\/ Menu position and menu carets\n.navbar .nav > li > .dropdown-menu {\n  &:before {\n    content: '';\n    display: inline-block;\n    border-left:   7px solid transparent;\n    border-right:  7px solid transparent;\n    border-bottom: 7px solid #ccc;\n    border-bottom-color: @dropdownBorder;\n    position: absolute;\n    top: -7px;\n    left: 9px;\n  }\n  &:after {\n    content: '';\n    display: inline-block;\n    border-left:   6px solid transparent;\n    border-right:  6px solid transparent;\n    border-bottom: 6px solid @dropdownBackground;\n    position: absolute;\n    top: -6px;\n    left: 10px;\n  }\n}\n\/\/ Menu position and menu caret support for dropups via extra dropup class\n.navbar-fixed-bottom .nav > li > .dropdown-menu {\n  &:before {\n    border-top: 7px solid #ccc;\n    border-top-color: @dropdownBorder;\n    border-bottom: 0;\n    bottom: -7px;\n    top: auto;\n  }\n  &:after {\n    border-top: 6px solid @dropdownBackground;\n    border-bottom: 0;\n    bottom: -6px;\n    top: auto;\n  }\n}\n\n\/\/ Caret should match text color on hover\/focus\n.navbar .nav li.dropdown > a:hover .caret,\n.navbar .nav li.dropdown > a:focus .caret {\n  border-top-color: @navbarLinkColorHover;\n  border-bottom-color: @navbarLinkColorHover;\n}\n\n\/\/ Remove background color from open dropdown\n.navbar .nav li.dropdown.open > .dropdown-toggle,\n.navbar .nav li.dropdown.active > .dropdown-toggle,\n.navbar .nav li.dropdown.open.active > .dropdown-toggle {\n  background-color: @navbarLinkBackgroundActive;\n  color: @navbarLinkColorActive;\n}\n.navbar .nav li.dropdown > .dropdown-toggle .caret {\n  border-top-color: @navbarLinkColor;\n  border-bottom-color: @navbarLinkColor;\n}\n.navbar .nav li.dropdown.open > .dropdown-toggle .caret,\n.navbar .nav li.dropdown.active > .dropdown-toggle .caret,\n.navbar .nav li.dropdown.open.active > .dropdown-toggle .caret {\n  border-top-color: @navbarLinkColorActive;\n  border-bottom-color: @navbarLinkColorActive;\n}\n\n\/\/ Right aligned menus need alt position\n.navbar .pull-right > li > .dropdown-menu,\n.navbar .nav > li > .dropdown-menu.pull-right {\n  left: auto;\n  right: 0;\n  &:before {\n    left: auto;\n    right: 12px;\n  }\n  &:after {\n    left: auto;\n    right: 13px;\n  }\n  .dropdown-menu {\n    left: auto;\n    right: 100%;\n    margin-left: 0;\n    margin-right: -1px;\n    .border-radius(6px 0 6px 6px);\n  }\n}\n\n\n\/\/ Inverted navbar\n\/\/ -------------------------\n\n.navbar-inverse {\n\n  .navbar-inner {\n    #gradient > .vertical(@navbarInverseBackgroundHighlight, @navbarInverseBackground);\n    border-color: @navbarInverseBorder;\n  }\n\n  .brand,\n  .nav > li > a {\n    color: @navbarInverseLinkColor;\n    text-shadow: 0 -1px 0 rgba(0,0,0,.25);\n    &:hover,\n    &:focus {\n      color: @navbarInverseLinkColorHover;\n    }\n  }\n\n  .brand {\n    color: @navbarInverseBrandColor;\n  }\n\n  .navbar-text {\n    color: @navbarInverseText;\n  }\n\n  .nav > li > a:focus,\n  .nav > li > a:hover {\n    background-color: @navbarInverseLinkBackgroundHover;\n    color: @navbarInverseLinkColorHover;\n  }\n\n  .nav .active > a,\n  .nav .active > a:hover,\n  .nav .active > a:focus {\n    color: @navbarInverseLinkColorActive;\n    background-color: @navbarInverseLinkBackgroundActive;\n  }\n\n  \/\/ Inline text links\n  .navbar-link {\n    color: @navbarInverseLinkColor;\n    &:hover,\n    &:focus {\n      color: @navbarInverseLinkColorHover;\n    }\n  }\n\n  \/\/ Dividers in navbar\n  .divider-vertical {\n    border-left-color: @navbarInverseBackground;\n    border-right-color: @navbarInverseBackgroundHighlight;\n  }\n\n  \/\/ Dropdowns\n  .nav li.dropdown.open > .dropdown-toggle,\n  .nav li.dropdown.active > .dropdown-toggle,\n  .nav li.dropdown.open.active > .dropdown-toggle {\n    background-color: @navbarInverseLinkBackgroundActive;\n    color: @navbarInverseLinkColorActive;\n  }\n  .nav li.dropdown > a:hover .caret,\n  .nav li.dropdown > a:focus .caret {\n    border-top-color: @navbarInverseLinkColorActive;\n    border-bottom-color: @navbarInverseLinkColorActive;\n  }\n  .nav li.dropdown > .dropdown-toggle .caret {\n    border-top-color: @navbarInverseLinkColor;\n    border-bottom-color: @navbarInverseLinkColor;\n  }\n  .nav li.dropdown.open > .dropdown-toggle .caret,\n  .nav li.dropdown.active > .dropdown-toggle .caret,\n  .nav li.dropdown.open.active > .dropdown-toggle .caret {\n    border-top-color: @navbarInverseLinkColorActive;\n    border-bottom-color: @navbarInverseLinkColorActive;\n  }\n\n  \/\/ Navbar search\n  .navbar-search {\n    .search-query {\n      color: @white;\n      background-color: @navbarInverseSearchBackground;\n      border-color: @navbarInverseSearchBorder;\n      .box-shadow(~\"inset 0 1px 2px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.15)\");\n      .transition(none);\n      .placeholder(@navbarInverseSearchPlaceholderColor);\n\n      \/\/ Focus states (we use .focused since IE7-8 and down doesn't support :focus)\n      &:focus,\n      &.focused {\n        padding: 5px 15px;\n        color: @grayDark;\n        text-shadow: 0 1px 0 @white;\n        background-color: @navbarInverseSearchBackgroundFocus;\n        border: 0;\n        .box-shadow(0 0 3px rgba(0,0,0,.15));\n        outline: 0;\n      }\n    }\n  }\n\n  \/\/ Navbar collapse button\n  .btn-navbar {\n    .buttonBackground(darken(@navbarInverseBackgroundHighlight, 5%), darken(@navbarInverseBackground, 5%));\n  }\n\n}\n\n\/\/\n\/\/ Breadcrumbs\n\/\/ --------------------------------------------------\n\n\n.breadcrumb {\n  padding: 8px 15px;\n  margin: 0 0 @baseLineHeight;\n  list-style: none;\n  background-color: #f5f5f5;\n  .border-radius(@baseBorderRadius);\n  > li {\n    display: inline-block;\n    .ie7-inline-block();\n    text-shadow: 0 1px 0 @white;\n    > .divider {\n      padding: 0 5px;\n      color: #ccc;\n    }\n  }\n  > .active {\n    color: @grayLight;\n  }\n}\n\n\/\/\n\/\/ Pagination (multiple pages)\n\/\/ --------------------------------------------------\n\n\/\/ Space out pagination from surrounding content\n.pagination {\n  margin: @baseLineHeight 0;\n}\n\n.pagination ul {\n  \/\/ Allow for text-based alignment\n  display: inline-block;\n  .ie7-inline-block();\n  \/\/ Reset default ul styles\n  margin-left: 0;\n  margin-bottom: 0;\n  \/\/ Visuals\n  .border-radius(@baseBorderRadius);\n  .box-shadow(0 1px 2px rgba(0,0,0,.05));\n}\n.pagination ul > li {\n  display: inline; \/\/ Remove list-style and block-level defaults\n}\n.pagination ul > li > a,\n.pagination ul > li > span {\n  float: left; \/\/ Collapse white-space\n  padding: 4px 12px;\n  line-height: @baseLineHeight;\n  text-decoration: none;\n  background-color: @paginationBackground;\n  border: 1px solid @paginationBorder;\n  border-left-width: 0;\n}\n.pagination ul > li > a:hover,\n.pagination ul > li > a:focus,\n.pagination ul > .active > a,\n.pagination ul > .active > span {\n  background-color: @paginationActiveBackground;\n}\n.pagination ul > .active > a,\n.pagination ul > .active > span {\n  color: @grayLight;\n  cursor: default;\n}\n.pagination ul > .disabled > span,\n.pagination ul > .disabled > a,\n.pagination ul > .disabled > a:hover,\n.pagination ul > .disabled > a:focus {\n  color: @grayLight;\n  background-color: transparent;\n  cursor: default;\n}\n.pagination ul > li:first-child > a,\n.pagination ul > li:first-child > span {\n  border-left-width: 1px;\n  .border-left-radius(@baseBorderRadius);\n}\n.pagination ul > li:last-child > a,\n.pagination ul > li:last-child > span {\n  .border-right-radius(@baseBorderRadius);\n}\n\n\n\/\/ Alignment\n\/\/ --------------------------------------------------\n\n.pagination-centered {\n  text-align: center;\n}\n.pagination-right {\n  text-align: right;\n}\n\n\n\/\/ Sizing\n\/\/ --------------------------------------------------\n\n\/\/ Large\n.pagination-large {\n  ul > li > a,\n  ul > li > span {\n    padding: @paddingLarge;\n    font-size: @fontSizeLarge;\n  }\n  ul > li:first-child > a,\n  ul > li:first-child > span {\n    .border-left-radius(@borderRadiusLarge);\n  }\n  ul > li:last-child > a,\n  ul > li:last-child > span {\n    .border-right-radius(@borderRadiusLarge);\n  }\n}\n\n\/\/ Small and mini\n.pagination-mini,\n.pagination-small {\n  ul > li:first-child > a,\n  ul > li:first-child > span {\n    .border-left-radius(@borderRadiusSmall);\n  }\n  ul > li:last-child > a,\n  ul > li:last-child > span {\n    .border-right-radius(@borderRadiusSmall);\n  }\n}\n\n\/\/ Small\n.pagination-small {\n  ul > li > a,\n  ul > li > span {\n    padding: @paddingSmall;\n    font-size: @fontSizeSmall;\n  }\n}\n\/\/ Mini\n.pagination-mini {\n  ul > li > a,\n  ul > li > span {\n    padding: @paddingMini;\n    font-size: @fontSizeMini;\n  }\n}\n\n\/\/\n\/\/ Pager pagination\n\/\/ --------------------------------------------------\n\n\n.pager {\n  margin: @baseLineHeight 0;\n  list-style: none;\n  text-align: center;\n  .clearfix();\n}\n.pager li {\n  display: inline;\n}\n.pager li > a,\n.pager li > span {\n  display: inline-block;\n  padding: 5px 14px;\n  background-color: #fff;\n  border: 1px solid #ddd;\n  .border-radius(15px);\n}\n.pager li > a:hover,\n.pager li > a:focus {\n  text-decoration: none;\n  background-color: #f5f5f5;\n}\n.pager .next > a,\n.pager .next > span {\n  float: right;\n}\n.pager .previous > a,\n.pager .previous > span {\n  float: left;\n}\n.pager .disabled > a,\n.pager .disabled > a:hover,\n.pager .disabled > a:focus,\n.pager .disabled > span {\n  color: @grayLight;\n  background-color: #fff;\n  cursor: default;\n}\n\/\/\n\/\/ Modals\n\/\/ --------------------------------------------------\n\n\/* Joomla JUI NOTE: Original .modal definition has to be commented *\/\n\n\/\/ > Joomla JUI\n\/\/ Base modal\ndiv.modal {\n  position: fixed;\n  top: 5%;\n  left: 50%;\n  z-index: @zindexModal;\n  width: 80%;\n  margin-left: -40%;\n  background-color: @white;\n  border: 1px solid #999;\n  border: 1px solid rgba(0,0,0,.3);\n  *border: 1px solid #999; \/* IE6-7 *\/\n  .border-radius(6px);\n  .box-shadow(0 3px 7px rgba(0,0,0,0.3));\n  .background-clip(padding-box);\n  \/\/ Remove focus outline from opened modal\n  outline: none;\n\n  &.fade {\n    .transition(e('opacity .3s linear, top .3s ease-out'));\n    top: -25%;\n  }\n  &.fade.in { top: 5%; }\n}\n\/\/Modal for Batch views\n.modal-batch {\n  overflow-y: visible;\n}\n\/\/ Modal viewport dimensions\n.modal-body[class^=\"jviewport-height\"],\n.modal-body[class*=\"jviewport-height\"] {\n  max-height: none;\n}\n.jviewport-height {\n  &10 { height: 10vh; }\n  &20 { height: 20vh; }\n  &30 { height: 30vh; }\n  &40 { height: 40vh; }\n  &50 { height: 50vh; }\n  &60 { height: 60vh; }\n  &70 { height: 70vh; }\n  &80 { height: 80vh; }\n  &90 { height: 90vh; }\n  &100 { height: 100vh; }\n}\ndiv.modal.jviewport-width {\n  &10 { width: 10vw; margin-left: -5vw; }\n  &20 { width: 20vw; margin-left: -10vw; }\n  &30 { width: 30vw; margin-left: -15vw; }\n  &40 { width: 40vw; margin-left: -20vw; }\n  &50 { width: 50vw; margin-left: -25vw; }\n  &60 { width: 60vw; margin-left: -30vw; }\n  &70 { width: 70vw; margin-left: -35vw; }\n  &80 { width: 80vw; margin-left: -40vw; }\n  &90 { width: 90vw; margin-left: -45vw; }\n  &100 { width: 100vw; margin-left: -50vw; }\n}\n\/\/ < Joomla JUI\n\n\/\/\n\/\/ Modals\n\/\/ --------------------------------------------------\n\n\/\/ Background\n.modal-backdrop {\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  z-index: @zindexModalBackdrop;\n  background-color: @black;\n  \/\/ Fade for backdrop\n  &.fade { opacity: 0; }\n}\n\n.modal-backdrop,\n.modal-backdrop.fade.in {\n  .opacity(80);\n}\n\n\/\/ Base modal\n\/\/ > Joomla JUI\n\/\/ .modal REMOVED\n\/\/ < Joomla JUI\n\n.modal-header {\n  padding: 9px 15px;\n  border-bottom: 1px solid #eee;\n  \/\/ Close icon\n  .close { margin-top: 2px; }\n  \/\/ Heading\n  h3 {\n    margin: 0;\n    line-height: 30px;\n  }\n}\n\n\/\/ Body (where all modal content resides)\n.modal-body {\n  width: 98%;\n  position: relative;\n  max-height: 400px;\n  padding: 1%;\n}\n\/\/ Remove border and scrollbar from iframe modal\n.modal-body iframe {\n  width: 100%;\n  max-height: none;\n  border: 0 !important;\n}\n\/\/ Remove bottom margin if need be\n.modal-form {\n  margin-bottom: 0;\n}\n\n\/\/ Footer (for actions)\n.modal-footer {\n  padding: 14px 15px 15px;\n  margin-bottom: 0;\n  text-align: right; \/\/ right align buttons\n  background-color: #f5f5f5;\n  border-top: 1px solid #ddd;\n  .border-radius(0 0 6px 6px);\n  .box-shadow(inset 0 1px 0 @white);\n  .clearfix(); \/\/ clear it in case folks use .pull-* classes on buttons\n\n  \/\/ Properly space out buttons\n  .btn + .btn {\n    margin-left: 5px;\n    margin-bottom: 0; \/\/ account for input[type=\"submit\"] which gets the bottom margin like all other inputs\n  }\n  \/\/ but override that for button groups\n  .btn-group .btn + .btn {\n    margin-left: -1px;\n  }\n  \/\/ and override it for block buttons as well\n  .btn-block + .btn-block {\n    margin-left: 0;\n  }\n}\n\n\/\/\n\/\/ Tooltips\n\/\/ --------------------------------------------------\n\n\n\/\/ Base class\n.tooltip {\n  position: absolute;\n  z-index: @zindexTooltip;\n  display: block;\n  visibility: visible;\n  font-size: 11px;\n  line-height: 1.4;\n  .opacity(0);\n  &.in     { .opacity(80); }\n  &.top    { margin-top:  -3px; padding: 5px 0; }\n  &.right  { margin-left:  3px; padding: 0 5px; }\n  &.bottom { margin-top:   3px; padding: 5px 0; }\n  &.left   { margin-left: -3px; padding: 0 5px; }\n}\n\n\/\/ Wrapper for the tooltip content\n.tooltip-inner {\n  max-width: 200px;\n  padding: 8px;\n  color: @tooltipColor;\n  text-align: center;\n  text-decoration: none;\n  background-color: @tooltipBackground;\n  .border-radius(@baseBorderRadius);\n}\n\n\/\/ Arrows\n.tooltip-arrow {\n  position: absolute;\n  width: 0;\n  height: 0;\n  border-color: transparent;\n  border-style: solid;\n}\n.tooltip {\n  &.top .tooltip-arrow {\n    bottom: 0;\n    left: 50%;\n    margin-left: -@tooltipArrowWidth;\n    border-width: @tooltipArrowWidth @tooltipArrowWidth 0;\n    border-top-color: @tooltipArrowColor;\n  }\n  &.right .tooltip-arrow {\n    top: 50%;\n    left: 0;\n    margin-top: -@tooltipArrowWidth;\n    border-width: @tooltipArrowWidth @tooltipArrowWidth @tooltipArrowWidth 0;\n    border-right-color: @tooltipArrowColor;\n  }\n  &.left .tooltip-arrow {\n    top: 50%;\n    right: 0;\n    margin-top: -@tooltipArrowWidth;\n    border-width: @tooltipArrowWidth 0 @tooltipArrowWidth @tooltipArrowWidth;\n    border-left-color: @tooltipArrowColor;\n  }\n  &.bottom .tooltip-arrow {\n    top: 0;\n    left: 50%;\n    margin-left: -@tooltipArrowWidth;\n    border-width: 0 @tooltipArrowWidth @tooltipArrowWidth;\n    border-bottom-color: @tooltipArrowColor;\n  }\n}\n\n\/\/\n\/\/ Popovers\n\/\/ --------------------------------------------------\n\n\n.popover {\n  position: absolute;\n  top: 0;\n  left: 0;\n  z-index: @zindexPopover;\n  display: none;\n  max-width: 276px;\n  padding: 1px;\n  text-align: left; \/\/ Reset given new insertion method\n  background-color: @popoverBackground;\n  -webkit-background-clip: padding-box;\n     -moz-background-clip: padding;\n          background-clip: padding-box;\n  border: 1px solid #ccc;\n  border: 1px solid rgba(0,0,0,.2);\n  .border-radius(6px);\n  .box-shadow(0 5px 10px rgba(0,0,0,.2));\n\n  \/\/ Overrides for proper insertion\n  white-space: normal;\n\n  \/\/ Offset the popover to account for the popover arrow\n  &.top     { margin-top: -10px; }\n  &.right   { margin-left: 10px; }\n  &.bottom  { margin-top: 10px; }\n  &.left    { margin-left: -10px; }\n}\n\n.popover-title {\n  margin: 0; \/\/ reset heading margin\n  padding: 8px 14px;\n  font-size: 14px;\n  font-weight: normal;\n  line-height: 18px;\n  background-color: @popoverTitleBackground;\n  border-bottom: 1px solid darken(@popoverTitleBackground, 5%);\n  .border-radius(5px 5px 0 0);\n\n  &:empty {\n    display: none;\n  }\n}\n\n.popover-content {\n  padding: 9px 14px;\n}\n\n\/\/ Arrows\n\/\/\n\/\/ .arrow is outer, .arrow:after is inner\n\n.popover .arrow,\n.popover .arrow:after {\n  position: absolute;\n  display: block;\n  width: 0;\n  height: 0;\n  border-color: transparent;\n  border-style: solid;\n}\n.popover .arrow {\n  border-width: @popoverArrowOuterWidth;\n}\n.popover .arrow:after {\n  border-width: @popoverArrowWidth;\n  content: \"\";\n}\n\n.popover {\n  &.top .arrow {\n    left: 50%;\n    margin-left: -@popoverArrowOuterWidth;\n    border-bottom-width: 0;\n    border-top-color: #999; \/\/ IE8 fallback\n    border-top-color: @popoverArrowOuterColor;\n    bottom: -@popoverArrowOuterWidth;\n    &:after {\n      bottom: 1px;\n      margin-left: -@popoverArrowWidth;\n      border-bottom-width: 0;\n      border-top-color: @popoverArrowColor;\n    }\n  }\n  &.right .arrow {\n    top: 50%;\n    left: -@popoverArrowOuterWidth;\n    margin-top: -@popoverArrowOuterWidth;\n    border-left-width: 0;\n    border-right-color: #999; \/\/ IE8 fallback\n    border-right-color: @popoverArrowOuterColor;\n    &:after {\n      left: 1px;\n      bottom: -@popoverArrowWidth;\n      border-left-width: 0;\n      border-right-color: @popoverArrowColor;\n    }\n  }\n  &.bottom .arrow {\n    left: 50%;\n    margin-left: -@popoverArrowOuterWidth;\n    border-top-width: 0;\n    border-bottom-color: #999; \/\/ IE8 fallback\n    border-bottom-color: @popoverArrowOuterColor;\n    top: -@popoverArrowOuterWidth;\n    &:after {\n      top: 1px;\n      margin-left: -@popoverArrowWidth;\n      border-top-width: 0;\n      border-bottom-color: @popoverArrowColor;\n    }\n  }\n\n  &.left .arrow {\n    top: 50%;\n    right: -@popoverArrowOuterWidth;\n    margin-top: -@popoverArrowOuterWidth;\n    border-right-width: 0;\n    border-left-color: #999; \/\/ IE8 fallback\n    border-left-color: @popoverArrowOuterColor;\n    &:after {\n      right: 1px;\n      border-right-width: 0;\n      border-left-color: @popoverArrowColor;\n      bottom: -@popoverArrowWidth;\n    }\n  }\n\n}\n\n\/\/\n\/\/ Thumbnails\n\/\/ --------------------------------------------------\n\n\n\/\/ Note: `.thumbnails` and `.thumbnails > li` are overriden in responsive files\n\n\/\/ Make wrapper ul behave like the grid\n.thumbnails {\n  margin-left: -@gridGutterWidth;\n  list-style: none;\n  .clearfix();\n}\n\/\/ Fluid rows have no left margin\n.row-fluid .thumbnails {\n  margin-left: 0;\n}\n\n\/\/ Float li to make thumbnails appear in a row\n.thumbnails > li {\n  float: left; \/\/ Explicity set the float since we don't require .span* classes\n  margin-bottom: @baseLineHeight;\n  margin-left: @gridGutterWidth;\n}\n\n\/\/ The actual thumbnail (can be `a` or `div`)\n.thumbnail {\n  display: block;\n  padding: 4px;\n  line-height: @baseLineHeight;\n  border: 1px solid #ddd;\n  .border-radius(@baseBorderRadius);\n  .box-shadow(0 1px 3px rgba(0,0,0,.055));\n  .transition(all .2s ease-in-out);\n}\n\/\/ Add a hover\/focus state for linked versions only\na.thumbnail:hover,\na.thumbnail:focus {\n  border-color: @linkColor;\n  .box-shadow(0 1px 4px rgba(0,105,214,.25));\n}\n\n\/\/ Images and captions\n.thumbnail > img {\n  display: block;\n  max-width: 100%;\n  margin-left: auto;\n  margin-right: auto;\n}\n.thumbnail .caption {\n  padding: 9px;\n  color: @gray;\n}\n\n\/\/\n\/\/ Labels and badges\n\/\/ --------------------------------------------------\n\n\n\/\/ Base classes\n.label,\n.badge {\n  display: inline-block;\n  padding: 2px 4px;\n  font-size: @baseFontSize * .846;\n  font-weight: bold;\n  line-height: 14px; \/\/ ensure proper line-height if floated\n  color: @white;\n  vertical-align: baseline;\n  white-space: nowrap;\n  text-shadow: 0 -1px 0 rgba(0,0,0,.25);\n  background-color: @grayLight;\n}\n\/\/ Set unique padding and border-radii\n.label {\n  .border-radius(3px);\n}\n.badge {\n  padding-left: 9px;\n  padding-right: 9px;\n  .border-radius(9px);\n}\n\n\/\/ Empty labels\/badges collapse\n.label,\n.badge {\n  &:empty {\n    display: none;\n  }\n}\n\n\/\/ Hover\/focus state, but only for links\na {\n  &.label:hover,\n  &.label:focus,\n  &.badge:hover,\n  &.badge:focus {\n    color: @white;\n    text-decoration: none;\n    cursor: pointer;\n  }\n}\n\n\/\/ Colors\n\/\/ Only give background-color difference to links (and to simplify, we don't qualifty with `a` but [href] attribute)\n.label,\n.badge {\n  \/\/ Important (red)\n  &-important         { background-color: @errorText; }\n  &-important[href]   { background-color: darken(@errorText, 10%); }\n  \/\/ Warnings (orange)\n  &-warning           { background-color: @orange; }\n  &-warning[href]     { background-color: darken(@orange, 10%); }\n  \/\/ Success (green)\n  &-success           { background-color: @successText; }\n  &-success[href]     { background-color: darken(@successText, 10%); }\n  \/\/ Info (turquoise)\n  &-info              { background-color: @infoText; }\n  &-info[href]        { background-color: darken(@infoText, 10%); }\n  \/\/ Inverse (black)\n  &-inverse           { background-color: @grayDark; }\n  &-inverse[href]     { background-color: darken(@grayDark, 10%); }\n}\n\n\/\/ Quick fix for labels\/badges in buttons\n.btn {\n  .label,\n  .badge {\n    position: relative;\n    top: -1px;\n  }\n}\n.btn-mini {\n  .label,\n  .badge {\n    top: 0;\n  }\n}\n\n\/\/\n\/\/ Progress bars\n\/\/ --------------------------------------------------\n\n\n\/\/ ANIMATIONS\n\/\/ ----------\n\n\/\/ Webkit\n@-webkit-keyframes progress-bar-stripes {\n  from  { background-position: 40px 0; }\n  to    { background-position: 0 0; }\n}\n\n\/\/ Firefox\n@-moz-keyframes progress-bar-stripes {\n  from  { background-position: 40px 0; }\n  to    { background-position: 0 0; }\n}\n\n\/\/ IE9\n@-ms-keyframes progress-bar-stripes {\n  from  { background-position: 40px 0; }\n  to    { background-position: 0 0; }\n}\n\n\/\/ Opera\n@-o-keyframes progress-bar-stripes {\n  from  { background-position: 0 0; }\n  to    { background-position: 40px 0; }\n}\n\n\/\/ Spec\n@keyframes progress-bar-stripes {\n  from  { background-position: 40px 0; }\n  to    { background-position: 0 0; }\n}\n\n\n\n\/\/ THE BARS\n\/\/ --------\n\n\/\/ Outer container\n.progress {\n  overflow: hidden;\n  height: @baseLineHeight;\n  margin-bottom: @baseLineHeight;\n  #gradient > .vertical(#f5f5f5, #f9f9f9);\n  .box-shadow(inset 0 1px 2px rgba(0,0,0,.1));\n  .border-radius(@baseBorderRadius);\n}\n\n\/\/ Bar of progress\n.progress .bar {\n  width: 0%;\n  height: 100%;\n  color: @white;\n  float: left;\n  font-size: 12px;\n  text-align: center;\n  text-shadow: 0 -1px 0 rgba(0,0,0,.25);\n  #gradient > .vertical(#149bdf, #0480be);\n  .box-shadow(inset 0 -1px 0 rgba(0,0,0,.15));\n  .box-sizing(border-box);\n  .transition(width .6s ease);\n}\n.progress .bar + .bar {\n  .box-shadow(~\"inset 1px 0 0 rgba(0,0,0,.15), inset 0 -1px 0 rgba(0,0,0,.15)\");\n}\n\n\/\/ Striped bars\n.progress-striped .bar {\n  #gradient > .striped(#149bdf);\n  .background-size(40px 40px);\n}\n\n\/\/ Call animation for the active one\n.progress.active .bar {\n  -webkit-animation: progress-bar-stripes 2s linear infinite;\n     -moz-animation: progress-bar-stripes 2s linear infinite;\n      -ms-animation: progress-bar-stripes 2s linear infinite;\n       -o-animation: progress-bar-stripes 2s linear infinite;\n          animation: progress-bar-stripes 2s linear infinite;\n}\n\n\n\n\/\/ COLORS\n\/\/ ------\n\n\/\/ Danger (red)\n.progress-danger .bar, .progress .bar-danger {\n  #gradient > .vertical(#ee5f5b, #c43c35);\n}\n.progress-danger.progress-striped .bar, .progress-striped .bar-danger {\n  #gradient > .striped(#ee5f5b);\n}\n\n\/\/ Success (green)\n.progress-success .bar, .progress .bar-success {\n  #gradient > .vertical(#62c462, #57a957);\n}\n.progress-success.progress-striped .bar, .progress-striped .bar-success {\n  #gradient > .striped(#62c462);\n}\n\n\/\/ Info (teal)\n.progress-info .bar, .progress .bar-info {\n  #gradient > .vertical(#5bc0de, #339bb9);\n}\n.progress-info.progress-striped .bar, .progress-striped .bar-info {\n  #gradient > .striped(#5bc0de);\n}\n\n\/\/ Warning (orange)\n.progress-warning .bar, .progress .bar-warning {\n  #gradient > .vertical(lighten(@orange, 15%), @orange);\n}\n.progress-warning.progress-striped .bar, .progress-striped .bar-warning {\n  #gradient > .striped(lighten(@orange, 15%));\n}\n\n\/\/\n\/\/ Accordion\n\/\/ --------------------------------------------------\n\n\n\/\/ Parent container\n.accordion {\n  margin-bottom: @baseLineHeight;\n}\n\n\/\/ Group == heading + body\n.accordion-group {\n  margin-bottom: 2px;\n  border: 1px solid #e5e5e5;\n  .border-radius(@baseBorderRadius);\n}\n.accordion-heading {\n  border-bottom: 0;\n}\n.accordion-heading .accordion-toggle {\n  display: block;\n  padding: 8px 15px;\n}\n\n\/\/ General toggle styles\n.accordion-toggle {\n  cursor: pointer;\n}\n\n\/\/ Inner needs the styles because you can't animate properly with any styles on the element\n.accordion-inner {\n  padding: 9px 15px;\n  border-top: 1px solid #e5e5e5;\n}\n\n\/\/\n\/\/ Carousel\n\/\/ --------------------------------------------------\n\n\n.carousel {\n  position: relative;\n  margin-bottom: @baseLineHeight;\n  line-height: 1;\n}\n\n.carousel-inner {\n  overflow: hidden;\n  width: 100%;\n  position: relative;\n}\n\n.carousel-inner {\n\n  > .item {\n    display: none;\n    position: relative;\n    .transition(.6s ease-in-out left);\n\n    \/\/ Account for jankitude on images\n    > img,\n    > a > img {\n      display: block;\n      line-height: 1;\n    }\n  }\n\n  > .active,\n  > .next,\n  > .prev { display: block; }\n\n  > .active {\n    left: 0;\n  }\n\n  > .next,\n  > .prev {\n    position: absolute;\n    top: 0;\n    width: 100%;\n  }\n\n  > .next {\n    left: 100%;\n  }\n  > .prev {\n    left: -100%;\n  }\n  > .next.left,\n  > .prev.right {\n    left: 0;\n  }\n\n  > .active.left {\n    left: -100%;\n  }\n  > .active.right {\n    left: 100%;\n  }\n\n}\n\n\/\/ Left\/right controls for nav\n\/\/ ---------------------------\n\n.carousel-control {\n  position: absolute;\n  top: 40%;\n  left: 15px;\n  width: 40px;\n  height: 40px;\n  margin-top: -20px;\n  font-size: 60px;\n  font-weight: 100;\n  line-height: 30px;\n  color: @white;\n  text-align: center;\n  background: @grayDarker;\n  border: 3px solid @white;\n  .border-radius(23px);\n  .opacity(50);\n\n  \/\/ we can't have this transition here\n  \/\/ because webkit cancels the carousel\n  \/\/ animation if you trip this while\n  \/\/ in the middle of another animation\n  \/\/ ;_;\n  \/\/ .transition(opacity .2s linear);\n\n  \/\/ Reposition the right one\n  &.right {\n    left: auto;\n    right: 15px;\n  }\n\n  \/\/ Hover\/focus state\n  &:hover,\n  &:focus {\n    color: @white;\n    text-decoration: none;\n    .opacity(90);\n  }\n}\n\n\/\/ Carousel indicator pips\n\/\/ -----------------------------\n.carousel-indicators {\n  position: absolute;\n  top: 15px;\n  right: 15px;\n  z-index: 5;\n  margin: 0;\n  list-style: none;\n\n  li {\n    display: block;\n    float: left;\n    width: 10px;\n    height: 10px;\n    margin-left: 5px;\n    text-indent: -999px;\n    background-color: #ccc;\n    background-color: rgba(255,255,255,.25);\n    border-radius: 5px;\n  }\n  .active {\n    background-color: #fff;\n  }\n}\n\n\/\/ Caption for text below images\n\/\/ -----------------------------\n\n.carousel-caption {\n  position: absolute;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  padding: 15px;\n  background: @grayDark;\n  background: rgba(0,0,0,.75);\n}\n.carousel-caption h4,\n.carousel-caption p {\n  color: @white;\n  line-height: @baseLineHeight;\n}\n.carousel-caption h4 {\n  margin: 0 0 5px;\n}\n.carousel-caption p {\n  margin-bottom: 0;\n}\n\n\/\/\n\/\/ Hero unit\n\/\/ --------------------------------------------------\n\n\n.hero-unit {\n  padding: 60px;\n  margin-bottom: 30px;\n  font-size: 18px;\n  font-weight: 200;\n  line-height: @baseLineHeight * 1.5;\n  color: @heroUnitLeadColor;\n  background-color: @heroUnitBackground;\n  .border-radius(6px);\n  h1 {\n    margin-bottom: 0;\n    font-size: 60px;\n    line-height: 1;\n    color: @heroUnitHeadingColor;\n    letter-spacing: -1px;\n  }\n  li {\n    line-height: @baseLineHeight * 1.5; \/\/ Reset since we specify in type.less\n  }\n}\n\n\/\/\n\/\/ Utility classes\n\/\/ --------------------------------------------------\n\n\n\/\/ Quick floats\n.pull-right {\n  float: right;\n}\n.pull-left {\n  float: left;\n}\n\n\/\/ Toggling content\n.hide {\n  display: none;\n}\n.show {\n  display: block;\n}\n\n\/\/ Visibility\n.invisible {\n  visibility: hidden;\n}\n\n\/\/ For Affix plugin\n.affix {\n  position: fixed;\n}\n\n\n\/\/\n\/\/ Load Bootstrap responsive (responsive.less)\n\/\/\n\n\/\/\n\/\/ Responsive: Utility classes\n\/\/ --------------------------------------------------\n\n\n\/\/ IE10 Metro responsive\n\/\/ Required for Windows 8 Metro split-screen snapping with IE10\n\/\/ Source: http:\/\/timkadlec.com\/2012\/10\/ie10-snap-mode-and-responsive-design\/\n@-ms-viewport{\n  width: device-width;\n}\n\n\/\/ Hide from screenreaders and browsers\n\/\/ Credit: HTML5 Boilerplate\n.hidden {\n  display: none;\n  visibility: hidden;\n}\n\n\/\/ Visibility utilities\n\n\/\/ For desktops\n.visible-phone     { display: none !important; }\n.visible-tablet    { display: none !important; }\n.hidden-phone      { }\n.hidden-tablet     { }\n.hidden-desktop    { display: none !important; }\n.visible-desktop   { display: inherit !important; }\n\n\/\/ Tablets & small desktops only\n@media (min-width: 768px) and (max-width: 979px) {\n  \/\/ Hide everything else\n  .hidden-desktop    { display: inherit !important; }\n  .visible-desktop   { display: none !important ; }\n  \/\/ Show\n  .visible-tablet    { display: inherit !important; }\n  \/\/ Hide\n  .hidden-tablet     { display: none !important; }\n}\n\n\/\/ Phones only\n@media (max-width: 767px) {\n  \/\/ Hide everything else\n  .hidden-desktop    { display: inherit !important; }\n  .visible-desktop   { display: none !important; }\n  \/\/ Show\n  .visible-phone     { display: inherit !important; } \/\/ Use inherit to restore previous behavior\n  \/\/ Hide\n  .hidden-phone      { display: none !important; }\n}\n\n\/\/ Print utilities\n.visible-print    { display: none !important; }\n.hidden-print     { }\n\n@media print {\n  .visible-print  { display: inherit !important; }\n  .hidden-print   { display: none !important; }\n}\n\n\/\/\n\/\/ Responsive: Landscape phone to desktop\/tablet\n\/\/ --------------------------------------------------\n\n\n@media (max-width: 767px) {\n\n  \/\/ Padding to set content in a bit\n  body {\n    padding-left: 20px;\n    padding-right: 20px;\n  }\n  \/\/ Negative indent the now static \"fixed\" navbar\n  .navbar-fixed-top,\n  .navbar-fixed-bottom,\n  .navbar-static-top {\n    margin-left: -20px;\n    margin-right: -20px;\n  }\n  \/\/ Remove padding on container given explicit padding set on body\n  .container-fluid {\n    padding: 0;\n  }\n\n  \/\/ TYPOGRAPHY\n  \/\/ ----------\n  \/\/ Reset horizontal dl\n  .dl-horizontal {\n    dt {\n      float: none;\n      clear: none;\n      width: auto;\n      text-align: left;\n    }\n    dd {\n      margin-left: 0;\n    }\n  }\n\n  \/\/ GRID & CONTAINERS\n  \/\/ -----------------\n  \/\/ Remove width from containers\n  .container {\n    width: auto;\n  }\n  \/\/ Fluid rows\n  .row-fluid {\n    width: 100%;\n  }\n  \/\/ Undo negative margin on rows and thumbnails\n  .row,\n  .thumbnails {\n    margin-left: 0;\n  }\n  .thumbnails > li {\n    float: none;\n    margin-left: 0; \/\/ Reset the default margin for all li elements when no .span* classes are present\n  }\n  \/\/ Make all grid-sized elements block level again\n  [class*=\"span\"],\n  .uneditable-input[class*=\"span\"], \/\/ Makes uneditable inputs full-width when using grid sizing\n  .row-fluid [class*=\"span\"] {\n    float: none;\n    display: block;\n    width: 100%;\n    margin-left: 0;\n    .box-sizing(border-box);\n  }\n  .span12,\n  .row-fluid .span12 {\n    width: 100%;\n    .box-sizing(border-box);\n  }\n  .row-fluid [class*=\"offset\"]:first-child {\n    margin-left: 0;\n  }\n\n  \/\/ FORM FIELDS\n  \/\/ -----------\n  \/\/ Make span* classes full width\n  .input-large,\n  .input-xlarge,\n  .input-xxlarge,\n  input[class*=\"span\"],\n  select[class*=\"span\"],\n  textarea[class*=\"span\"],\n  .uneditable-input {\n    .input-block-level();\n  }\n  \/\/ But don't let it screw up prepend\/append inputs\n  .input-prepend input,\n  .input-append input,\n  .input-prepend input[class*=\"span\"],\n  .input-append input[class*=\"span\"] {\n    display: inline-block; \/\/ redeclare so they don't wrap to new lines\n    width: auto;\n  }\n  .controls-row [class*=\"span\"] + [class*=\"span\"] {\n    margin-left: 0;\n  }\n\n  \/\/ Modals\n\/\/ \/* >>> JUI >>> *\/\n\/\/ .modal REMOVED\n\/\/ \/* <<< JUI <<< *\/\n\n}\n\n\n\n\/\/ UP TO LANDSCAPE PHONE\n\/\/ ---------------------\n\n@media (max-width: 480px) {\n\n  \/\/ Smooth out the collapsing\/expanding nav\n  .nav-collapse {\n    -webkit-transform: translate3d(0, 0, 0); \/\/ activate the GPU\n  }\n\n  \/\/ Block level the page header small tag for readability\n  .page-header h1 small {\n    display: block;\n    line-height: @baseLineHeight;\n  }\n\n  \/\/ Update checkboxes for iOS\n  input[type=\"checkbox\"],\n  input[type=\"radio\"] {\n    border: 1px solid #ccc;\n  }\n\n  \/\/ Remove the horizontal form styles\n  .form-horizontal {\n    .control-label {\n      float: none;\n      width: auto;\n      padding-top: 0;\n      text-align: left;\n    }\n    \/\/ Move over all input controls and content\n    .controls {\n      margin-left: 0;\n    }\n    \/\/ Move the options list down to align with labels\n    .control-list {\n      padding-top: 0; \/\/ has to be padding because margin collaspes\n    }\n    \/\/ Move over buttons in .form-actions to align with .controls\n    .form-actions {\n      padding-left: 10px;\n      padding-right: 10px;\n    }\n  }\n\n  \/\/ Medias\n  \/\/ Reset float and spacing to stack\n  .media .pull-left,\n  .media .pull-right  {\n    float: none;\n    display: block;\n    margin-bottom: 10px;\n  }\n  \/\/ Remove side margins since we stack instead of indent\n  .media-object {\n    margin-right: 0;\n    margin-left: 0;\n  }\n\n  \/\/ Modals\n\/\/ > Joomla JUI\n\/\/ .modal REMOVED\n\/\/ < Joomla JUI\n\n  .modal-header .close {\n    padding: 10px;\n    margin: -10px;\n  }\n\n  \/\/ Carousel\n  .carousel-caption {\n    position: static;\n  }\n\n}\n\n\/\/\n\/\/ Responsive: Tablet to desktop\n\/\/ --------------------------------------------------\n\n\n@media (min-width: 768px) and (max-width: 979px) {\n\n  \/\/ Fixed grid\n  #grid > .core(@gridColumnWidth768, @gridGutterWidth768);\n\n  \/\/ Fluid grid\n  #grid > .fluid(@fluidGridColumnWidth768, @fluidGridGutterWidth768);\n\n  \/\/ Input grid\n  #grid > .input(@gridColumnWidth768, @gridGutterWidth768);\n\n  \/\/ No need to reset .thumbnails here since it's the same @gridGutterWidth\n\n}\n\n\/\/\n\/\/ Responsive: Large desktop and up\n\/\/ --------------------------------------------------\n\n\n@media (min-width: 1200px) {\n\n  \/\/ Fixed grid\n  #grid > .core(@gridColumnWidth1200, @gridGutterWidth1200);\n\n  \/\/ Fluid grid\n  #grid > .fluid(@fluidGridColumnWidth1200, @fluidGridGutterWidth1200);\n\n  \/\/ Input grid\n  #grid > .input(@gridColumnWidth1200, @gridGutterWidth1200);\n\n  \/\/ Thumbnails\n  .thumbnails {\n    margin-left: -@gridGutterWidth1200;\n  }\n  .thumbnails > li {\n    margin-left: @gridGutterWidth1200;\n  }\n  .row-fluid .thumbnails {\n    margin-left: 0;\n  }\n\n}\n\n\/\/\n\/\/ Responsive: Navbar\n\/\/ --------------------------------------------------\n\n\n\/\/ TABLETS AND BELOW\n\/\/ -----------------\n@media (max-width: @navbarCollapseWidth) {\n\n  \/\/ UNFIX THE TOPBAR\n  \/\/ ----------------\n  \/\/ Remove any padding from the body\n  body {\n    padding-top: 0;\n  }\n  \/\/ Unfix the navbars\n  .navbar-fixed-top,\n  .navbar-fixed-bottom {\n    position: static;\n  }\n  .navbar-fixed-top {\n    margin-bottom: @baseLineHeight;\n  }\n  .navbar-fixed-bottom {\n    margin-top: @baseLineHeight;\n  }\n  .navbar-fixed-top .navbar-inner,\n  .navbar-fixed-bottom .navbar-inner {\n    padding: 5px;\n  }\n  .navbar .container {\n    width: auto;\n    padding: 0;\n  }\n  \/\/ Account for brand name\n  .navbar .brand {\n    padding-left: 10px;\n    padding-right: 10px;\n    margin: 0 0 0 -5px;\n  }\n\n  \/\/ COLLAPSIBLE NAVBAR\n  \/\/ ------------------\n  \/\/ Nav collapse clears brand\n  .nav-collapse {\n    clear: both;\n  }\n  \/\/ Block-level the nav\n  .nav-collapse .nav {\n    float: none;\n    margin: 0 0 (@baseLineHeight \/ 2);\n  }\n  .nav-collapse .nav > li {\n    float: none;\n  }\n  .nav-collapse .nav > li > a {\n    margin-bottom: 2px;\n  }\n  .nav-collapse .nav > .divider-vertical {\n    display: none;\n  }\n  .nav-collapse .nav .nav-header {\n    color: @navbarText;\n    text-shadow: none;\n  }\n  \/\/ Nav and dropdown links in navbar\n  .nav-collapse .nav > li > a,\n  .nav-collapse .dropdown-menu a {\n    padding: 9px 15px;\n    font-weight: bold;\n    color: @navbarLinkColor;\n    .border-radius(3px);\n  }\n  \/\/ Buttons\n  .nav-collapse .btn {\n    padding: 4px 10px 4px;\n    font-weight: normal;\n    .border-radius(@baseBorderRadius);\n  }\n  .nav-collapse .dropdown-menu li + li a {\n    margin-bottom: 2px;\n  }\n  .nav-collapse .nav > li > a:hover,\n  .nav-collapse .nav > li > a:focus,\n  .nav-collapse .dropdown-menu a:hover,\n  .nav-collapse .dropdown-menu a:focus {\n    background-color: @navbarBackground;\n  }\n  .navbar-inverse .nav-collapse .nav > li > a,\n  .navbar-inverse .nav-collapse .dropdown-menu a {\n    color: @navbarInverseLinkColor;\n  }\n  .navbar-inverse .nav-collapse .nav > li > a:hover,\n  .navbar-inverse .nav-collapse .nav > li > a:focus,\n  .navbar-inverse .nav-collapse .dropdown-menu a:hover,\n  .navbar-inverse .nav-collapse .dropdown-menu a:focus {\n    background-color: @navbarInverseBackground;\n  }\n  \/\/ Buttons in the navbar\n  .nav-collapse.in .btn-group {\n    margin-top: 5px;\n    padding: 0;\n  }\n  \/\/ Dropdowns in the navbar\n  .nav-collapse .dropdown-menu {\n    position: static;\n    top: auto;\n    left: auto;\n    float: none;\n    display: none;\n    max-width: none;\n    margin: 0 15px;\n    padding: 0;\n    background-color: transparent;\n    border: none;\n    .border-radius(0);\n    .box-shadow(none);\n  }\n  .nav-collapse .open > .dropdown-menu { \n    display: block; \n  }\n\n  .nav-collapse .dropdown-menu:before,\n  .nav-collapse .dropdown-menu:after {\n    display: none;\n  }\n  .nav-collapse .dropdown-menu .divider {\n    display: none;\n  }\n  .nav-collapse .nav > li > .dropdown-menu {\n    &:before,\n    &:after {\n      display: none;\n    }\n  }\n  \/\/ Forms in navbar\n  .nav-collapse .navbar-form,\n  .nav-collapse .navbar-search {\n    float: none;\n    padding: (@baseLineHeight \/ 2) 15px;\n    margin: (@baseLineHeight \/ 2) 0;\n    border-top: 1px solid @navbarBackground;\n    border-bottom: 1px solid @navbarBackground;\n    .box-shadow(~\"inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.1)\");\n  }\n  .navbar-inverse .nav-collapse .navbar-form,\n  .navbar-inverse .nav-collapse .navbar-search {\n    border-top-color: @navbarInverseBackground;\n    border-bottom-color: @navbarInverseBackground;\n  }\n  \/\/ Pull right (secondary) nav content\n  .navbar .nav-collapse .nav.pull-right {\n    float: none;\n    margin-left: 0;\n  }\n  \/\/ Hide everything in the navbar save .brand and toggle button *\/\n  .nav-collapse,\n  .nav-collapse.collapse {\n    overflow: hidden;\n    height: 0;\n  }\n  \/\/ Navbar button\n  .navbar .btn-navbar {\n    display: block;\n  }\n\n  \/\/ STATIC NAVBAR\n  \/\/ -------------\n  .navbar-static .navbar-inner {\n    padding-left:  10px;\n    padding-right: 10px;\n  }\n\n\n}\n\n\n\/\/ DEFAULT DESKTOP\n\/\/ ---------------\n\n@media (min-width: @navbarCollapseDesktopWidth) {\n\n  \/\/ Required to make the collapsing navbar work on regular desktops\n  .nav-collapse.collapse {\n    height: auto !important;\n    overflow: visible !important;\n  }\n\n}\n\n\n\/* Extending Bootstrap *\/\n\/* Typography *\/\n.small {\n\tfont-size: 11px;\n}\n\/* Max Width *\/\niframe,\nsvg {\n\tmax-width: 100%;\n}\n\/* Nowrap *\/\n.nowrap {\n\twhite-space: nowrap;\n}\n\/* Center *\/\n.center,\n.table td.center,\n.table th.center {\n\ttext-align: center;\n}\n\/* Disabled Link *\/\na.disabled,\na.disabled:hover {\n  color: #999999;\n  background-color: transparent;\n  cursor: default;\n  text-decoration: none;\n}\n\/* Hero Banner *\/\n.hero-unit {\n\ttext-align: center;\n}\n.hero-unit .lead {\n\tmargin-bottom: 18px;\n\tfont-size: 20px;\n\tfont-weight: 200;\n\tline-height: 27px;\n}\n.btn .caret {\n\tmargin-bottom: 7px;\n}\n.btn.btn-micro .caret {\n\tmargin: 5px 0;\n}\n.blog-row-rule,\n.blog-item-rule {\n\tborder: 0;\n}\n\n\/* Modal *\/\nbody.modal {\n\tpadding-top: 0;\n}\n\n\/* Alternating Rows *\/\n.row-even,.row-odd {\n\tpadding: 5px;\n\twidth: 99%;\n\tborder-bottom: 1px solid @tableBorder;\n}\n.row-odd {\n\tbackground-color: @tableBackground;\n}\n.row-even {\n\tbackground-color: @tableBackgroundAccent;\n}\n\n.blog-row-rule,\n.blog-item-rule {\n\tborder: 0;\n}\n\n\/* Row reveal *\/\n.row-fluid .row-reveal {\n\tvisibility: hidden;\n}\n.row-fluid:hover .row-reveal {\n\tvisibility: visible;\n}\n\n\/* Buttons *\/\n.btn-wide {\n\twidth: 80%;\n}\n\n\/* Nav List Offset *\/\n.nav-list > li.offset > a {\n\tpadding-left: 30px;\n\tfont-size: 12px;\n}\n.blog-row-rule,\n.blog-item-rule {\n\tborder: 0;\n}\n\n.row-fluid .offset1 {\n  margin-left: 8.382978723%;\n}\n.row-fluid .offset2 {\n  margin-left: 16.89361702%;\n}\n.row-fluid .offset3 {\n  margin-left: 25.404255317%;\n}\n.row-fluid .offset4 {\n  margin-left: 33.914893614%;\n}\n.row-fluid .offset5 {\n  margin-left: 42.425531911%;\n}\n.row-fluid .offset6 {\n  margin-left: 50.93617020799999%;\n}\n.row-fluid .offset7 {\n  margin-left: 59.446808505%;\n}\n.row-fluid .offset8 {\n  margin-left: 67.95744680199999%;\n}\n.row-fluid .offset9 {\n  margin-left: 76.468085099%;\n}\n.row-fluid .offset10 {\n  margin-left: 84.97872339599999%;\n}\n.row-fluid .offset11 {\n  margin-left: 91.489361693%;\n}\n\n\/* Navbar Buttons *\/\n.navbar .nav > li > a.btn {\n\tpadding: 4px 10px;\n\tline-height: 18px;\n}\n\n\/* Nav Tabs Dark *\/\n.nav-tabs.nav-dark {\n\tborder-bottom: 1px solid #333;\n\ttext-shadow: 1px 1px 1px #000;\n}\n.nav-tabs.nav-dark > li > a {\n\tcolor: #F8F8F8;\n}\n.nav-tabs.nav-dark > li > a:hover {\n  border-color: #333 #333 #111;\n  background-color: #777777;\n}\n.nav-tabs.nav-dark > .active > a, .nav-tabs.nav-dark > .active > a:hover {\n  color: #ffffff;\n  background-color: #555555;\n  border: 1px solid #222;\n  border-bottom-color: transparent;\n}\n\n\/* Inline Thumbnails *\/\n.thumbnail.pull-left {\n\tmargin: 0 10px 10px 0;\n}\n.thumbnail.pull-right {\n\tmargin: 0 0 10px 10px;\n}\n\n\/* Specific Widths *\/\n.width-10 {\n\twidth: 10px;\n}\n.width-20 {\n\twidth: 20px;\n}\n.width-30 {\n\twidth: 30px;\n}\n.width-40 {\n\twidth: 40px;\n}\n.width-50 {\n\twidth: 50px;\n}\n.width-60 {\n\twidth: 60px;\n}\n.width-70 {\n\twidth: 70px;\n}\n.width-80 {\n\twidth: 80px;\n}\n.width-90 {\n\twidth: 90px;\n}\n.width-100 {\n\twidth: 100px;\n}\n\n\/* Specific Heights *\/\n.height-10 {\n\theight: 10px;\n}\n.height-20 {\n\theight: 20px;\n}\n.height-30 {\n\theight: 30px;\n}\n.height-40 {\n\theight: 40px;\n}\n.height-50 {\n\theight: 50px;\n}\n.height-60 {\n\theight: 60px;\n}\n.height-70 {\n\theight: 70px;\n}\n.height-80 {\n\theight: 80px;\n}\n.height-90 {\n\theight: 90px;\n}\n.height-100 {\n\theight: 100px;\n}\n\n\/* Horizontal Row (hr) *\/\nhr.hr-condensed {\n\tmargin: 10px 0;\n}\n\n\/* Striped *\/\n.list-striped,\n.row-striped {\n\tlist-style: none;\n\tline-height: 18px;\n\ttext-align: left;\n\tvertical-align: middle;\n\tborder-top: 1px solid @tableBorder;\n\tmargin-left: 0;\n}\n\n.list-striped li,\n.list-striped dd,\n.row-striped .row,\n.row-striped .row-fluid {\n\tborder-bottom: 1px solid @tableBorder;\n\tpadding: 8px;\n}\n\n.list-striped li:nth-child(odd),\n.list-striped dd:nth-child(odd),\n.row-striped .row:nth-child(odd),\n.row-striped .row-fluid:nth-child(odd) {\n\tbackground-color: @tableBackgroundAccent;\n}\n\n.list-striped li:hover,\n.list-striped dd:hover,\n.row-striped .row:hover,\n.row-striped .row-fluid:hover {\n\tbackground-color: @tableBackgroundHover;\n}\n\n.row-striped .row-fluid {\n\twidth: 100%;\n\tbox-sizing: border-box; \/\/ box-sizing since we don't care about padding\n}\n.row-striped .row-fluid [class*=\"span\"] {\n\tmin-height: 10px;\n}\n.row-striped .row-fluid [class*=\"span\"] {\n\tmargin-left: 8px;\n}\n.row-striped .row-fluid [class*=\"span\"]:first-child {\n\tmargin-left: 0;\n}\n\n\/* Condensed *\/\n.list-condensed {\n  li {\n    padding: 4px 5px;\n  }\n}\n.row-condensed {\n  .row, .row-fluid {\n    padding: 4px 5px;\n  }\n}\n\n\/* Bordered *\/\n.list-bordered,\n.row-bordered{\n\tlist-style: none;\n\tline-height: 18px;\n\ttext-align: left;\n\tvertical-align: middle;\n\tmargin-left: 0;\n\tborder: 1px solid @tableBorder;\n\t.border-radius(4px);\n}\n\n\/* Radio Button Groups *\/\n.radio.btn-group input[type=radio] {\n    display: none;\n}\n.radio.btn-group > label:first-of-type {\n\tmargin-left: 0;\n\t-webkit-border-bottom-left-radius: 4px;\n\tborder-bottom-left-radius: 4px;\n\t-webkit-border-top-left-radius: 4px;\n\tborder-top-left-radius: 4px;\n\t-moz-border-radius-bottomleft: 4px;\n\t-moz-border-radius-topleft: 4px;\n}\nfieldset.radio.btn-group {\n\tpadding-left: 0;\n}\n\n\/* iFrames *\/\n.iframe-bordered {\n\tborder: 1px solid @tableBorder;\n}\n\n\/* Tabbed Content *\/\n.tab-content{\n\toverflow: visible;\n}\n.tabs-left .tab-content{\n\toverflow: auto;\n}\n\/* Non-linkable nav-tabs *\/\n.nav-tabs > li > span {\n    display: block;\n    margin-right: 2px;\n    padding-right: 12px;\n    padding-left: 12px;\n    padding-top: 8px;\n    padding-bottom: 8px;\n    line-height: 18px;\n    border: 1px solid transparent;\n    -webkit-border-radius: 4px 4px 0 0;\n    -moz-border-radius: 4px 4px 0 0;\n    border-radius: 4px 4px 0 0;\n}\n\n\/* Extended Joomla Button Classes *\/\n.btn-micro {\n\tpadding: 1px 4px;\n\tfont-size: 10px;\n\tline-height: 8px;\n}\n.btn-group > .btn-micro {\n\tfont-size: 10px;\n}\n\n\/* Joomla => Bootstrap Tooltip *\/\n.tip-wrap {\n\tmax-width: 200px;\n\tpadding: 3px 8px;\n\tcolor: @white;\n\ttext-align: center;\n\ttext-decoration: none;\n\tbackground-color: @black;\n\t-webkit-border-radius: 4px;\n\t-moz-border-radius: 4px;\n\tborder-radius: 4px;\n\tz-index: 100;\n}\n\n\/* Page Header *\/\n.page-header{\n\tmargin: 2px 0px 10px 0px;\n\tpadding-bottom: 5px;\n}\n\/* Input Prepend Chosen Select Boxes *\/\n\/* Common styling for Chosen Select Boxes with Input Prepend\/Append *\/\n.input-prepend .chzn-container-single .chzn-single,\n.input-append .chzn-container-single .chzn-single {\n\tborder-color: @inputBorder;\n\theight: 26px;\n\t-moz-box-shadow: none;\n\t-webkit-box-shadow: none;\n\tbox-shadow: none;\n}\n.input-prepend .chzn-container-single .chzn-drop,\n.input-append .chzn-container-single .chzn-drop {\n\tborder-color: @inputBorder;\n}\n.input-prepend > .add-on,\n.input-append > .add-on {\n\tvertical-align: top;\n}\n\/* Styles specific to Input Prepend Chosen Select Boxes *\/\n.input-prepend .chzn-container-single .chzn-single {\n\t-webkit-border-radius: 0 3px 3px 0;\n\t-moz-border-radius: 0 3px 3px 0;\n\tborder-radius: 0 3px 3px 0;\n}\n.input-prepend .chzn-container-single .chzn-single-with-drop {\n\t-webkit-border-radius: 0 3px 0 0;\n\t-moz-border-radius: 0 3px 0 0;\n\tborder-radius: 0 3px 0 0;\n}\n\/* Styles specific to Input Append Chosen Select Boxes *\/\n.input-append .chzn-container-single .chzn-single {\n\t-webkit-border-radius: 3px 0 0 3px;\n\t-moz-border-radius: 3px 0 0 3px;\n\tborder-radius: 3px 0 0 3px;\n}\n.input-append .chzn-container-single .chzn-single-with-drop {\n\t-webkit-border-radius: 3px 0 0 0;\n\t-moz-border-radius: 3px 0 0 0;\n\tborder-radius: 3px 0 0 0;\n}\n\/* Styles specific to combined Input Prepend and Append Chosen Select Boxes *\/\n.input-prepend.input-append .chzn-container-single .chzn-single,\n.input-prepend.input-append .chzn-container-single .chzn-single-with-drop {\n\t-webkit-border-radius: 0;\n\t-moz-border-radius: 0;\n\tborder-radius: 0;\n}\n\n\/* Accessible Hidden Elements (good for hidden labels and such) *\/\n.element-invisible {\n\tposition: absolute;\n\tpadding: 0;\n\tmargin: 0;\n\tborder: 0;\n\theight: 1px;\n\twidth: 1px;\n\toverflow: hidden;\n}\n\n\/* Make Accessible Hidden Elements visible on focus *\/\n.element-invisible:focus {\n\twidth:auto;\n\theight:auto;\n\toverflow:auto;\n\tbackground:#eee;\n\tcolor:#000;\n\tpadding:1em;\n}\n\n\/* Form Vertical Overrides Form Horizontal *\/\n.form-vertical {\n\t.control-label {\n\t\tfloat: none;\n\t\twidth: auto;\n\t\tpadding-right: 0;\n\t\tpadding-top: 0;\n\t\ttext-align: left;\n\t}\n\t.controls{\n\t\tmargin-left: 0;\n\t}\n}\n\n\/* Auto Width *\/\n.width-auto {\n\twidth: auto;\n}\n\n\/* Chosen proper wrapping in Bootstrap btn-group *\/\n.btn-group .chzn-results {\n\twhite-space: normal;\n}\n\n\/* Accordion overflow fix *\/\n.accordion-body.in:hover {\n\toverflow:visible;\n}\n\n\/* Invalid indicators *\/\n.invalid {\n\tcolor: @red;\n\tfont-weight: bold;\n}\ninput.invalid {\n\tborder: 1px solid @red;\n}\nselect.chzn-done.invalid + .chzn-container.chzn-container-single > a.chzn-single,\nselect.chzn-done.invalid + .chzn-container.chzn-container-multi > ul.chzn-choices {\n\tborder-color: @red;\n\tcolor: @red;\n}\n\n\/* Tweaking of tooltips *\/\n.tooltip {\n\tmax-width: 400px;\n}\n.tooltip-inner {\n\tmax-width: none;\n\ttext-align: left;\n\ttext-shadow: none;\n}\nth .tooltip-inner {\n\tfont-weight: normal;\n}\n.tooltip.hasimage {\n\topacity: 1;\n}\n\n\/* Align tip text to left (old mootools tip) *\/\n.tip-text {\n\ttext-align:left;\n}\n\n\/\/ Fix for bug when dropdown-backdrop element is created\n.btn-group > .btn + .dropdown-backdrop + .btn {\n\tmargin-left: -1px;\n}\n.btn-group > .btn + .dropdown-backdrop + .dropdown-toggle {\n\tpadding-left: 8px;\n\tpadding-right: 8px;\n\t.box-shadow(~\"inset 1px 0 0 rgba(255,255,255,.125), inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05)\");\n\t*padding-top: 5px;\n\t*padding-bottom: 5px;\n}\n.btn-group > .btn-mini + .dropdown-backdrop + .dropdown-toggle {\n\tpadding-left: 5px;\n\tpadding-right: 5px;\n\t*padding-top: 2px;\n\t*padding-bottom: 2px;\n}\n.btn-group > .btn-small + .dropdown-backdrop + .dropdown-toggle {\n\t*padding-top: 5px;\n\t*padding-bottom: 4px;\n}\n.btn-group > .btn-large + .dropdown-backdrop + .dropdown-toggle {\n\tpadding-left: 12px;\n\tpadding-right: 12px;\n\t*padding-top: 7px;\n\t*padding-bottom: 7px;\n}\n.dropdown-menu {\n\ttext-align: left;\n}\n\n\/\/ Add Bootstrap 3 .alert-link\n.alert-link {\n  font-weight: bold;\n}\n\n.alert .alert-link {\n  color: darken(@warningText, 10%);\n}\n\n.alert-success .alert-link {\n  color: darken(@successText, 10%);\n}\n\n.alert-danger .alert-link,\n.alert-error .alert-link {\n  color: darken(@errorText, 10%);\n}\n\n.alert-info .alert-link {\n  color: darken(@infoText, 10%);\n}\n\n\n\/*\n * Due to a bug in the compiler that doesn't handle the relative paths correctly, the @font-face stuff needs to go in the templates less files\n@font-face {\n\tfont-family: 'IcoMoon';\n\tsrc: url(\"\/media\/jui\/fonts\/IcoMoon.eot\");\n\tsrc: url(\"\/media\/jui\/fonts\/IcoMoon.eot?#iefix\") format('embedded-opentype'),\n\t\turl(\"\/media\/jui\/fonts\/IcoMoon.woff\") format('woff'),\n\t\turl(\"\/media\/jui\/fonts\/IcoMoon.ttf\") format('truetype'),\n\t\turl(\"\/media\/jui\/fonts\/IcoMoon.svg#IcoMoon\") format('svg');\n\tfont-weight: normal;\n\tfont-style: normal;\n}\n*\/\n\n\/* Use the following CSS code if you want to use data attributes for inserting your icons *\/\n[data-icon]:before {\n\tfont-family: 'IcoMoon';\n\tcontent: attr(data-icon);\n\tspeak: none;\n}\n\n\/* From Bootstrap *\/\n[class^=\"icon-\"],\n[class*=\" icon-\"] {\n\tdisplay: inline-block;\n\twidth: 14px;\n\theight: 14px;\n\tmargin-right: .25em;\n\tline-height: 14px;\n}\n\n\/* Use the following CSS code if you want to have a class per icon *\/\n[class^=\"icon-\"]:before, [class*=\" icon-\"]:before {\n\tfont-family: 'IcoMoon';\n\tfont-style: normal;\n\tspeak: none;\n}\n[class^=\"icon-\"].disabled,\n[class*=\" icon-\"].disabled {\n\tfont-weight: normal;\n}\n\n.icon-joomla:before {\n\tcontent: \"\\e200\";\n}\n.icon-chevron-up:before,\n.icon-uparrow:before,\n.icon-arrow-up:before {\n\tcontent: \"\\e005\";\n}\n.icon-chevron-right:before,\n.icon-rightarrow:before,\n.icon-arrow-right:before{\n\tcontent: \"\\e006\";\n}\n.icon-chevron-down:before,\n.icon-downarrow:before,\n.icon-arrow-down:before {\n\tcontent: \"\\e007\";\n}\n.icon-chevron-left:before,\n.icon-leftarrow:before,\n.icon-arrow-left:before {\n\tcontent: \"\\e008\";\n}\n.icon-arrow-first:before {\n\tcontent: \"\\e003\";\n}\n.icon-arrow-last:before {\n\tcontent: \"\\e004\";\n}\n.icon-arrow-up-2:before {\n\tcontent: \"\\e009\";\n}\n.icon-arrow-right-2:before {\n\tcontent: \"\\e00a\";\n}\n.icon-arrow-down-2:before {\n\tcontent: \"\\e00b\";\n}\n.icon-arrow-left-2:before {\n\tcontent: \"\\e00c\";\n}\n.icon-arrow-up-3:before {\n\tcontent: \"\\e00f\";\n}\n.icon-arrow-right-3:before {\n\tcontent: \"\\e010\";\n}\n.icon-arrow-down-3:before {\n\tcontent: \"\\e011\";\n}\n.icon-arrow-left-3:before {\n\tcontent: \"\\e012\";\n}\n.icon-menu-2:before {\n\tcontent: \"\\e00e\";\n}\n.icon-arrow-up-4:before {\n\tcontent: \"\\e201\";\n}\n.icon-arrow-right-4:before {\n\tcontent: \"\\e202\";\n}\n.icon-arrow-down-4:before {\n\tcontent: \"\\e203\";\n}\n.icon-arrow-left-4:before {\n\tcontent: \"\\e204\";\n}\n.icon-share:before,\n.icon-redo:before {\n\tcontent: \"\\27\";\n}\n.icon-undo:before {\n\tcontent: \"\\28\";\n}\n.icon-forward-2:before {\n\tcontent: \"\\e205\";\n}\n.icon-backward-2:before,\n.icon-reply:before {\n\tcontent: \"\\e206\";\n}\n.icon-unblock:before,\n.icon-refresh:before,\n.icon-redo-2:before {\n\tcontent: \"\\6c\";\n}\n.icon-undo-2:before {\n\tcontent: \"\\e207\";\n}\n.icon-move:before {\n\tcontent: \"\\7a\";\n}\n.icon-expand:before {\n\tcontent: \"\\66\";\n}\n.icon-contract:before {\n\tcontent: \"\\67\";\n}\n.icon-expand-2:before {\n\tcontent: \"\\68\";\n}\n.icon-contract-2:before {\n\tcontent: \"\\69\";\n}\n.icon-play:before {\n\tcontent: \"\\e208\";\n}\n.icon-pause:before {\n\tcontent: \"\\e209\";\n}\n.icon-stop:before {\n\tcontent: \"\\e210\";\n}\n.icon-previous:before,\n.icon-backward:before {\n\tcontent: \"\\7c\";\n}\n.icon-next:before,\n.icon-forward:before {\n\tcontent: \"\\7b\";\n}\n.icon-first:before {\n\tcontent: \"\\7d\";\n}\n.icon-last:before {\n\tcontent: \"\\e000\";\n}\n.icon-play-circle:before {\n\tcontent: \"\\e00d\";\n}\n.icon-pause-circle:before {\n\tcontent: \"\\e211\";\n}\n.icon-stop-circle:before {\n\tcontent: \"\\e212\";\n}\n.icon-backward-circle:before {\n\tcontent: \"\\e213\";\n}\n.icon-forward-circle:before {\n\tcontent: \"\\e214\";\n}\n.icon-loop:before {\n\tcontent: \"\\e001\";\n}\n.icon-shuffle:before {\n\tcontent: \"\\e002\";\n}\n.icon-search:before {\n\tcontent: \"\\53\";\n}\n.icon-zoom-in:before {\n\tcontent: \"\\64\";\n}\n.icon-zoom-out:before {\n\tcontent: \"\\65\";\n}\n.icon-apply:before,\n.icon-edit:before,\n.icon-pencil:before {\n\tcontent: \"\\2b\";\n}\n.icon-pencil-2:before {\n\tcontent: \"\\2c\";\n}\n.icon-brush:before {\n\tcontent: \"\\3b\";\n}\n.icon-save-new:before,\n.icon-plus-2:before  {\n\tcontent: \"\\5d\";\n}\n.icon-minus-sign:before,\n.icon-minus-2:before {\n\tcontent: \"\\5e\";\n}\n.icon-delete:before,\n.icon-remove:before,\n.icon-cancel-2:before {\n\tcontent: \"\\49\";\n}\n.icon-publish:before,\n.icon-save:before,\n.icon-ok:before,\n.icon-checkmark:before {\n\tcontent: \"\\47\";\n}\n.icon-new:before,\n.icon-plus:before {\n\tcontent: \"\\2a\";\n}\n.icon-plus-circle:before {\n\tcontent: \"\\e215\";\n}\n.icon-minus:before,\n.icon-not-ok:before {\n\tcontent: \"\\4b\";\n}\n.icon-ban-circle:before,\n.icon-minus-circle:before {\n\tcontent: \"\\e216\";\n}\n.icon-unpublish:before,\n.icon-cancel:before {\n\tcontent: \"\\4a\";\n}\n.icon-cancel-circle:before {\n\tcontent: \"\\e217\";\n}\n.icon-checkmark-2:before {\n\tcontent: \"\\e218\";\n}\n.icon-checkmark-circle:before {\n\tcontent: \"\\e219\";\n}\n.icon-info:before {\n\tcontent: \"\\e220\";\n}\n.icon-info-2:before,\n.icon-info-circle:before {\n\tcontent: \"\\e221\";\n}\n.icon-question:before,\n.icon-question-sign:before,\n.icon-help:before {\n\tcontent: \"\\45\";\n}\n.icon-question-2:before,\n.icon-question-circle:before {\n\tcontent: \"\\e222\";\n}\n.icon-notification:before {\n\tcontent: \"\\e223\";\n}\n.icon-notification-2:before,\n.icon-notification-circle:before {\n\tcontent: \"\\e224\";\n}\n.icon-pending:before,\n.icon-warning:before {\n\tcontent: \"\\48\";\n}\n.icon-warning-2:before,\n.icon-warning-circle:before {\n\tcontent: \"\\e225\";\n}\n.icon-checkbox-unchecked:before {\n\tcontent: \"\\3d\";\n}\n.icon-checkin:before,\n.icon-checkbox:before,\n.icon-checkbox-checked:before {\n\tcontent: \"\\3e\";\n}\n.icon-checkbox-partial:before {\n\tcontent: \"\\3f\";\n}\n.icon-square:before {\n\tcontent: \"\\e226\";\n}\n.icon-radio-unchecked:before {\n\tcontent: \"\\e227\";\n}\n.icon-radio-checked:before,\n.icon-generic:before {\n\tcontent: \"\\e228\";\n}\n.icon-circle:before {\n\tcontent: \"\\e229\";\n}\n.icon-signup:before {\n\tcontent: \"\\e230\";\n}\n.icon-grid:before,\n.icon-grid-view:before {\n\tcontent: \"\\58\";\n}\n.icon-grid-2:before,\n.icon-grid-view-2:before {\n\tcontent: \"\\59\";\n}\n.icon-menu:before {\n\tcontent: \"\\5a\";\n}\n.icon-list:before,\n.icon-list-view:before {\n\tcontent: \"\\31\";\n}\n.icon-list-2:before {\n\tcontent: \"\\e231\";\n}\n.icon-menu-3:before {\n\tcontent: \"\\e232\";\n}\n.icon-folder-open:before,\n.icon-folder:before {\n\tcontent: \"\\2d\";\n}\n.icon-folder-close:before,\n.icon-folder-2:before {\n\tcontent: \"\\2e\";\n}\n.icon-folder-plus:before {\n\tcontent: \"\\e234\";\n}\n.icon-folder-minus:before {\n\tcontent: \"\\e235\";\n}\n.icon-folder-3:before {\n\tcontent: \"\\e236\";\n}\n.icon-folder-plus-2:before {\n\tcontent: \"\\e237\";\n}\n.icon-folder-remove:before {\n\tcontent: \"\\e238\";\n}\n.icon-file:before {\n\tcontent: \"\\e016\";\n}\n.icon-file-2:before {\n\tcontent: \"\\e239\";\n}\n.icon-file-add:before,\n.icon-file-plus:before {\n\tcontent: \"\\29\";\n}\n.icon-file-minus:before {\n\tcontent: \"\\e017\";\n}\n.icon-file-check:before {\n\tcontent: \"\\e240\";\n}\n.icon-file-remove:before {\n\tcontent: \"\\e241\";\n}\n.icon-save-copy:before,\n.icon-copy:before {\n\tcontent: \"\\e018\";\n}\n.icon-stack:before {\n\tcontent: \"\\e242\";\n}\n.icon-tree:before {\n\tcontent: \"\\e243\";\n}\n.icon-tree-2:before {\n\tcontent: \"\\e244\";\n}\n.icon-paragraph-left:before {\n\tcontent: \"\\e246\";\n}\n.icon-paragraph-center:before {\n\tcontent: \"\\e247\";\n}\n.icon-paragraph-right:before {\n\tcontent: \"\\e248\";\n}\n.icon-paragraph-justify:before {\n\tcontent: \"\\e249\";\n}\n.icon-screen:before {\n\tcontent: \"\\e01c\";\n}\n.icon-tablet:before {\n\tcontent: \"\\e01d\";\n}\n.icon-mobile:before {\n\tcontent: \"\\e01e\";\n}\n.icon-box-add:before {\n\tcontent: \"\\51\";\n}\n.icon-box-remove:before {\n\tcontent: \"\\52\";\n}\n.icon-download:before {\n\tcontent: \"\\e021\";\n}\n.icon-upload:before {\n\tcontent: \"\\e022\";\n}\n.icon-home:before {\n\tcontent: \"\\21\";\n}\n.icon-home-2:before {\n\tcontent: \"\\e250\";\n}\n.icon-out-2:before,\n.icon-new-tab:before {\n\tcontent: \"\\e024\";\n}\n.icon-out-3:before,\n.icon-new-tab-2:before {\n\tcontent: \"\\e251\";\n}\n.icon-link:before {\n\tcontent: \"\\e252\";\n}\n.icon-picture:before,\n.icon-image:before {\n\tcontent: \"\\2f\";\n}\n.icon-pictures:before,\n.icon-images:before {\n\tcontent: \"\\30\";\n}\n.icon-palette:before,\n.icon-color-palette:before {\n\tcontent: \"\\e014\";\n}\n.icon-camera:before {\n\tcontent: \"\\55\";\n}\n.icon-camera-2:before,\n.icon-video:before {\n\tcontent: \"\\e015\";\n}\n.icon-play-2:before,\n.icon-video-2:before,\n.icon-youtube:before {\n\tcontent: \"\\56\";\n}\n.icon-music:before {\n\tcontent: \"\\57\";\n}\n.icon-user:before {\n\tcontent: \"\\22\";\n}\n.icon-users:before {\n\tcontent: \"\\e01f\";\n}\n.icon-vcard:before {\n\tcontent: \"\\6d\";\n}\n.icon-address:before {\n\tcontent: \"\\70\";\n}\n.icon-share-alt:before,\n.icon-out:before {\n\tcontent: \"\\26\";\n}\n.icon-enter:before {\n\tcontent: \"\\e257\";\n}\n.icon-exit:before {\n\tcontent: \"\\e258\";\n}\n.icon-comment:before,\n.icon-comments:before {\n\tcontent: \"\\24\";\n}\n.icon-comments-2:before {\n\tcontent: \"\\25\";\n}\n.icon-quote:before,\n.icon-quotes-left:before {\n\tcontent: \"\\60\";\n}\n.icon-quote-2:before,\n.icon-quotes-right:before {\n\tcontent: \"\\61\";\n}\n.icon-quote-3:before,\n.icon-bubble-quote:before {\n\tcontent: \"\\e259\";\n}\n.icon-phone:before {\n\tcontent: \"\\e260\";\n}\n.icon-phone-2:before {\n\tcontent: \"\\e261\";\n}\n.icon-envelope:before,\n.icon-mail:before {\n\tcontent: \"\\4d\";\n}\n.icon-envelope-opened:before,\n.icon-mail-2:before {\n\tcontent: \"\\4e\";\n}\n.icon-unarchive:before,\n.icon-drawer:before {\n\tcontent: \"\\4f\";\n}\n.icon-archive:before,\n.icon-drawer-2:before {\n\tcontent: \"\\50\";\n}\n.icon-briefcase:before {\n\tcontent: \"\\e020\";\n}\n.icon-tag:before {\n\tcontent: \"\\e262\";\n}\n.icon-tag-2:before {\n\tcontent: \"\\e263\";\n}\n.icon-tags:before {\n\tcontent: \"\\e264\";\n}\n.icon-tags-2:before {\n\tcontent: \"\\e265\";\n}\n.icon-options:before,\n.icon-cog:before {\n\tcontent: \"\\38\";\n}\n.icon-cogs:before {\n\tcontent: \"\\37\";\n}\n.icon-screwdriver:before,\n.icon-tools:before {\n\tcontent: \"\\36\";\n}\n.icon-wrench:before {\n\tcontent: \"\\3a\";\n}\n.icon-equalizer:before {\n\tcontent: \"\\39\";\n}\n.icon-dashboard:before {\n\tcontent: \"\\78\";\n}\n.icon-switch:before {\n\tcontent: \"\\e266\";\n}\n.icon-filter:before {\n\tcontent: \"\\54\";\n}\n.icon-purge:before,\n.icon-trash:before {\n\tcontent: \"\\4c\";\n}\n.icon-checkedout:before,\n.icon-lock:before,\n.icon-locked:before {\n\tcontent: \"\\23\";\n}\n.icon-unlock:before {\n\tcontent: \"\\e267\";\n}\n.icon-key:before {\n\tcontent: \"\\5f\";\n}\n.icon-support:before {\n\tcontent: \"\\46\";\n}\n.icon-database:before {\n\tcontent: \"\\62\";\n}\n.icon-scissors:before {\n\tcontent: \"\\e268\";\n}\n.icon-health:before {\n\tcontent: \"\\6a\";\n}\n.icon-wand:before {\n\tcontent: \"\\6b\";\n}\n.icon-eye-open:before,\n.icon-eye:before {\n\tcontent: \"\\3c\";\n}\n.icon-eye-close:before,\n.icon-eye-blocked:before,\n.icon-eye-2:before {\n\tcontent: \"\\e269\";\n}\n.icon-clock:before {\n\tcontent: \"\\6e\";\n}\n.icon-compass:before {\n\tcontent: \"\\6f\";\n}\n.icon-broadcast:before,\n.icon-connection:before,\n.icon-wifi:before {\n\tcontent: \"\\e01b\";\n}\n.icon-book:before {\n\tcontent: \"\\e271\";\n}\n.icon-lightning:before,\n.icon-flash:before {\n\tcontent: \"\\79\";\n}\n.icon-print:before,\n.icon-printer:before {\n\tcontent: \"\\e013\";\n}\n.icon-feed:before {\n\tcontent: \"\\71\";\n}\n.icon-calendar:before {\n\tcontent: \"\\43\";\n}\n.icon-calendar-2:before {\n\tcontent: \"\\44\";\n}\n.icon-calendar-3:before {\n\tcontent: \"\\e273\";\n}\n.icon-pie:before {\n\tcontent: \"\\77\";\n}\n.icon-bars:before {\n\tcontent: \"\\76\";\n}\n.icon-chart:before {\n\tcontent: \"\\75\";\n}\n.icon-power-cord:before {\n\tcontent: \"\\32\";\n}\n.icon-cube:before {\n\tcontent: \"\\33\";\n}\n.icon-puzzle:before {\n\tcontent: \"\\34\";\n}\n.icon-attachment:before,\n.icon-paperclip:before,\n.icon-flag-2:before {\n\tcontent: \"\\72\";\n}\n.icon-lamp:before {\n\tcontent: \"\\74\";\n}\n.icon-pin:before,\n.icon-pushpin:before {\n\tcontent: \"\\73\";\n}\n.icon-location:before {\n\tcontent: \"\\63\";\n}\n.icon-shield:before {\n\tcontent: \"\\e274\";\n}\n.icon-flag:before {\n\tcontent: \"\\35\";\n}\n.icon-flag-3:before {\n\tcontent: \"\\e275\";\n}\n.icon-bookmark:before {\n\tcontent: \"\\e023\";\n}\n.icon-bookmark-2:before {\n\tcontent: \"\\e276\";\n}\n.icon-heart:before {\n\tcontent: \"\\e277\";\n}\n.icon-heart-2:before {\n\tcontent: \"\\e278\";\n}\n.icon-thumbs-up:before {\n\tcontent: \"\\5b\";\n}\n.icon-thumbs-down:before{\n\tcontent: \"\\5c\";\n}\n.icon-unfeatured:before,\n.icon-asterisk:before,\n.icon-star-empty:before {\n\tcontent: \"\\40\";\n}\n.icon-star-2:before {\n\tcontent: \"\\41\";\n}\n.icon-featured:before,\n.icon-default:before,\n.icon-star:before{\n\tcontent: \"\\42\";\n}\n.icon-smiley:before,\n.icon-smiley-happy:before {\n\tcontent: \"\\e279\";\n}\n.icon-smiley-2:before,\n.icon-smiley-happy-2:before {\n\tcontent: \"\\e280\";\n}\n.icon-smiley-sad:before {\n\tcontent: \"\\e281\";\n}\n.icon-smiley-sad-2:before {\n\tcontent: \"\\e282\";\n}\n.icon-smiley-neutral:before {\n\tcontent: \"\\e283\";\n}\n.icon-smiley-neutral-2:before {\n\tcontent: \"\\e284\";\n}\n.icon-cart:before {\n\tcontent: \"\\e019\";\n}\n.icon-basket:before {\n\tcontent: \"\\e01a\";\n}\n.icon-credit:before {\n\tcontent: \"\\e286\";\n}\n.icon-credit-2:before {\n\tcontent: \"\\e287\";\n}\n.icon-expired:before {\ncontent: \"\\4b\";\n}\n\n\n\n\/\/ Load UIkit variables\n\/\/ ========================================================================\n\n@accordion-title-margin-bottom:                 15px;\n@accordion-title-padding-vertical:              5px;\n@accordion-title-padding-horizontal:            15px;\n@accordion-title-font-size:                     18px;\n@accordion-title-line-height:                   24px;\n@accordion-title-background:                    #eee;\n@accordion-content-padding-horizontal:          @accordion-title-padding-horizontal;\n@accordion-content-padding-bottom:              @accordion-title-padding-horizontal;\n@nav-autocomplete-color:                        #444;\n@nav-autocomplete-active-background:            #00a8e6;\n@nav-autocomplete-active-color:                 #fff;\n@nav-autocomplete-header-color:                 #999;\n@nav-autocomplete-divider-border:               #ddd;\n@nav-autocomplete-divider-border-width:         1px;\n@datepicker-z-index:                            1050;\n@datepicker-animation:                          uk-fade;\n@datepicker-nav-height:                         20px;\n@datepicker-nav-margin-bottom:                  15px;\n@datepicker-nav-color:                          #444;\n@datepicker-nav-hover-color:                    #444;\n@datepicker-previous-icon:                      \"\\f053\";\n@datepicker-next-icon:                          \"\\f054\";\n@datepicker-table-width:                        26px;\n@datepicker-table-height:                       24px;\n@datepicker-table-color:                        #444;\n@datepicker-table-hover-background:             #ddd;\n@datepicker-table-hover-color:                  #444;\n@datepicker-table-onclick-background:           #ccc;\n@datepicker-table-onclick-color:                #444;\n@datepicker-table-active-background:            #00a8e6;\n@datepicker-table-active-color:                 #fff;\n@datepicker-table-muted-color:                  #999;\n@dotnav-margin-horizontal:                      15px;\n@dotnav-margin-vertical:                        @dotnav-margin-horizontal;\n@dotnav-width:                                  20px;\n@dotnav-height:                                 @dotnav-width;\n@dotnav-background:                             rgba(50,50,50,0.1);\n@dotnav-hover-background:                       rgba(50,50,50,0.4);\n@dotnav-onclick-background:                     rgba(50,50,50,0.6);\n@dotnav-active-background:                      rgba(50,50,50,0.4);\n@dotnav-contrast-background:                    rgba(255,255,255,0.4);\n@dotnav-contrast-hover-background:              rgba(255,255,255,0.7);\n@dotnav-contrast-onclick-background:            rgba(255,255,255,0.9);\n@dotnav-contrast-active-background:             rgba(255,255,255,0.9);\n@form-advanced-size:                          14px;\n@form-advanced-border:                        #aaa;\n@form-advanced-border-width:                  1px;\n@form-advanced-margin-top:                    -4px;\n@form-advanced-color:                         transparent;\n@form-advanced-checked-color:                 #00a8e6;\n@form-advanced-radio-size:                    8px;\n@form-advanced-checkbox-icon:                 \"\\f00c\";\n@form-advanced-checkbox-indeterminate-icon:   \"\\f068\";\n@form-advanced-checkbox-font-size:            12px;\n@form-advanced-disabled-border:               #ddd;\n@form-advanced-disabled-color:                #aaa;\n@form-password-font-size:                       13px;\n@form-password-line-height:                     @form-password-font-size;\n@form-password-color:                           #999;\n@form-password-hover-color:                     #999;\n@form-password-padding:                         50px;\n@htmleditor-navbar-background:                  #eee;\n@htmleditor-navbar-nav-height:                  40px;\n@htmleditor-navbar-nav-padding-horizontal:      15px;\n@htmleditor-navbar-nav-line-height:             @htmleditor-navbar-nav-height;\n@htmleditor-navbar-nav-color:                   #444;\n@htmleditor-navbar-nav-hover-background:        #f5f5f5;\n@htmleditor-navbar-nav-hover-color:             #444;\n@htmleditor-navbar-nav-onclick-background:      #ddd;\n@htmleditor-navbar-nav-onclick-color:           #444;\n@htmleditor-navbar-nav-active-background:       #f5f5f5;\n@htmleditor-navbar-nav-active-color:            #444;\n@htmleditor-content-border:                     #ddd;\n@htmleditor-content-background:                 #fff;\n@htmleditor-content-padding:                    20px;\n@htmleditor-content-split-border:               #eee;\n@htmleditor-fullscreen-z-index:                 990;\n@htmleditor-fullscreen-content-top:             @htmleditor-navbar-nav-height;\n@htmleditor-fullscreen-icon-resize:             \"\\f066\";\n@nestable-padding-left:                         40px;\n@nestable-item-margin:                          10px;\n@nestable-dragged-z-index:                      1050;\n@nestable-placeholder-border:                   #ddd;\n@nestable-empty-height:                         30px;\n@nestable-toggle-icon:                          \"\\f147\";\n@nestable-toggle-collapsed-icon:                \"\\f196\";\n@nestable-panel-padding:                        5px;\n@nestable-panel-background:                     #f5f5f5;\n@notify-position:                               10px;\n@notify-z-index:                                1040;\n@notify-width:                                  350px;\n@notify-message-margin-bottom:                  10px;\n@notify-message-padding:                        15px;\n@notify-message-background:                     #444;\n@notify-message-color:                          #fff;\n@notify-message-font-size:                      16px;\n@notify-message-line-height:                    22px;\n@notify-message-primary-background:             #ebf7fd;\n@notify-message-primary-color:                  #2d7091;\n@notify-message-success-background:             #f2fae3;\n@notify-message-success-color:                  #659f13;\n@notify-message-warning-background:             #fffceb;\n@notify-message-warning-color:                  #e28327;\n@notify-message-danger-background:              #fff1f0;\n@notify-message-danger-color:                   #d85030;\n@placeholder-margin-vertical:                   15px;\n@placeholder-padding:                           20px;\n@placeholder-border:                            #ddd;\n@placeholder-background:                        #fafafa;\n@placeholder-color:                             #444;\n@placeholder-large-padding-vertical:            80px;\n@progress-height:                               20px;\n@progress-mini-height:                          6px;\n@progress-small-height:                         12px;\n@progress-margin-vertical:                      15px;\n@progress-background:                           #eee;\n@progress-bar-background:                       #00a8e6;\n@progress-bar-font-size:                        12px;\n@progress-bar-color:                            #fff;\n@progress-bar-success-background:               #8cc14c;\n@progress-bar-warning-background:               #faa732;\n@progress-bar-danger-background:                #da314b;\n@search-width:                                  120px;\n@search-focus-width:                            180px;\n@search-height:                                 30px;\n@search-padding:                                30px;\n@search-border:                                 rgba(0,0,0,0);\n@search-border-width:                           1px;\n@search-background:                             rgba(0,0,0,0);\n@search-color:                                  #444;\n@search-placeholder-color:                      #999;\n@search-icon:                                   \"\\f002\";\n@search-icon-size:                              14px;\n@search-icon-color:                             rgba(0,0,0,0.2);\n@dropdown-search-width:                         300px;\n@dropdown-search-margin-top:                    0;\n@dropdown-search-background:                    #f5f5f5;\n@dropdown-search-color:                         #444;\n@dropdown-search-animation:                     uk-slide-top-fixed;\n@dropdown-search-navbar-margin-top:             5px;\n@dropdown-search-navbar-margin-right:           -15px;\n@nav-search-color:                              #444;\n@nav-search-active-background:                  #00a8e6;\n@nav-search-active-color:                       #fff;\n@nav-search-header-color:                       #999;\n@nav-search-divider-border:                     #ddd;\n@nav-search-divider-border-width:               1px;\n@nav-search-nested-color:                       #07D;\n@nav-search-nested-hover-color:                 #059;\n@offcanvas-search-margin:                       20px 15px;\n@offcanvas-search-background:                   #1a1a1a;\n@offcanvas-search-border:                       rgba(0,0,0,0);\n@offcanvas-search-color:                        #ccc;\n@offcanvas-search-placeholder-color:            #777;\n@offcanvas-search-icon-color:                   #777;\n@slidenav-width:                                60px;\n@slidenav-height:                               @slidenav-width;\n@slidenav-color:                                rgba(50,50,50,0.4);\n@slidenav-font-size:                            60px;\n@slidenav-line-height:                          @slidenav-height;\n@slidenav-previous-icon:                        \"\\f104\";\n@slidenav-next-icon:                            \"\\f105\";\n@slidenav-hover-color:                          rgba(50,50,50,0.7);\n@slidenav-active-color:                         rgba(50,50,50,0.9);\n@slidenav-position-previous:                    20px;\n@slidenav-position-next:                        @slidenav-position-previous;\n@slidenav-contrast-color:                       rgba(255,255,255,0.5);\n@slidenav-contrast-hover-color:                 rgba(255,255,255,0.7);\n@slidenav-contrast-active-color:                rgba(255,255,255,0.9);\n@sortable-dragged-z-index:                      1050;\n@sortable-placeholder-opacity:                  0;\n@sortable-empty-height:                         30px;\n@sticky-z-index:                                980;\n@sticky-animation-duration:                     0.2s;\n@sticky-reverse-animation-duration:             0.2s;\n@tooltip-z-index:                               1030;\n@tooltip-max-width:                             200px;\n@tooltip-padding-vertical:                      5px;\n@tooltip-padding-horizontal:                    8px;\n@tooltip-background:                            #333;\n@tooltip-triangle-size:                         5px;\n@tooltip-color:                                 rgba(255,255,255,0.7);\n@tooltip-font-size:                             12px;\n@tooltip-line-height:                           18px;\n@tooltip-offset-horizontal:                     10px;\n@uk-upload-dragover-box-shadow:                 rgba(100,100,100,0.3);\n@uk-upload-dragover-box-shadow-blur:            20px;\n@alert-margin-vertical:                         15px;\n@alert-padding:                                 10px;\n@alert-background:                              #ebf7fd;\n@alert-color:                                   #2d7091;\n@alert-success-background:                      #f2fae3;\n@alert-success-color:                           #659f13;\n@alert-warning-background:                      #fffceb;\n@alert-warning-color:                           #e28327;\n@alert-danger-background:                       #fff1f0;\n@alert-danger-color:                            #d85030;\n@alert-large-padding:                           20px;\n@article-margin-top:                            25px;\n@article-title-font-size:                       36px;\n@article-title-line-height:                     42px;\n@article-title-font-weight:                     normal;\n@article-title-text-transform:                  none;\n@article-meta-font-size:                        12px;\n@article-meta-line-height:                      18px;\n@article-meta-color:                            #999;\n@article-lead-color:                            #444;\n@article-lead-font-size:                        18px;\n@article-lead-line-height:                      24px;\n@article-lead-font-weight:                      normal;\n@article-divider-margin:                        25px;\n@article-divider-border:                        #ddd;\n@badge-background:                              #00a8e6;\n@badge-padding-horizontal:                      5px;\n@badge-font-size:                               10px;\n@badge-font-weight:                             bold;\n@badge-line-height:                             14px;\n@badge-color:                                   #fff;\n@badge-text-transform:                          none;\n@badge-hover-color:                             #fff;\n@badge-notification-font-size:                  12px;\n@badge-notification-line-height:                18px;\n@badge-success-background:                      #8cc14c;\n@badge-warning-background:                      #faa732;\n@badge-danger-background:                       #da314b;\n@base-body-background:                          #fff;\n@base-body-font-family:                         \"Helvetica Neue\", Helvetica, Arial, sans-serif;\n@base-body-font-weight:                         normal;\n@base-body-font-size:                           14px;\n@base-body-line-height:                         20px;\n@base-body-color:                               #444;\n@base-link-color:                               #07D;\n@base-link-text-decoration:                     none;\n@base-link-hover-color:                         #059;\n@base-link-hover-text-decoration:               underline;\n@base-code-color:                               #D05;\n@base-code-font-size:                           12px;\n@base-code-font-family:                         Consolas, monospace, serif;\n@base-em-color:                                 #D05;\n@base-ins-background:                           #ffa;\n@base-ins-color:                                #444;\n@base-mark-background:                          #ffa;\n@base-mark-color:                               #444;\n@base-quote-font-style:                         italic;\n@base-margin-vertical:                          15px;\n@base-heading-font-family:                      \"Helvetica Neue\", Helvetica, Arial, sans-serif;\n@base-heading-font-weight:                      normal;\n@base-heading-color:                            #444;\n@base-heading-text-transform:                   none;\n@base-heading-margin-top:                       25px;\n@base-h1-font-size:                             36px;\n@base-h1-line-height:                           42px;\n@base-h2-font-size:                             24px;\n@base-h2-line-height:                           30px;\n@base-h3-font-size:                             18px;\n@base-h3-line-height:                           24px;\n@base-h4-font-size:                             16px;\n@base-h4-line-height:                           22px;\n@base-h5-font-size:                             14px;\n@base-h5-line-height:                           20px;\n@base-h6-font-size:                             12px;\n@base-h6-line-height:                           18px;\n@base-list-padding-left:                        30px;\n@base-hr-margin-vertical:                       @base-margin-vertical;\n@base-hr-border:                                #ddd;\n@base-hr-border-width:                          1px;\n@base-blockquote-padding-left:                  15px;\n@base-blockquote-border:                        #ddd;\n@base-blockquote-border-width:                  5px;\n@base-blockquote-font-size:                     16px;\n@base-blockquote-line-height:                   22px;\n@base-blockquote-font-style:                    italic;\n@base-pre-padding:                              10px;\n@base-pre-background:                           #f5f5f5;\n@base-pre-color:                                #444;\n@base-pre-font-size:                            12px;\n@base-pre-line-height:                          18px;\n@base-pre-font-family:                          @base-code-font-family;\n@base-selection-background:                     #39f;\n@base-selection-color:                          #fff;\n@block-padding-vertical:                        20px;\n@block-padding-vertical-large:                  50px;\n@block-large-padding-vertical:                  @block-padding-vertical;\n@block-large-padding-vertical-medium:           @block-padding-vertical-large;\n@block-large-padding-vertical-large:            100px;\n@block-default-background:                      #fff;\n@block-muted-background:                        #f9f9f9;\n@block-primary-background:                      #00a8e6;\n@block-secondary-background:                    #222;\n@breadcrumb-font-size:                          1rem;\n@breadcrumb-divider:                            \"\/\";\n@breadcrumb-divider-margin:                     8px;\n@breadcrumb-disabled-color:                     #999;\n@button-height:                                 30px;\n@button-mini-height:                            20px;\n@button-small-height:                           25px;\n@button-large-height:                           40px;\n@button-line-height:                            30px;\n@button-mini-line-height:                       20px;\n@button-small-line-height:                      25px;\n@button-large-line-height:                      40px;\n@button-mini-font-size:                         11px;\n@button-small-font-size:                        12px;\n@button-large-font-size:                        16px;\n@button-padding-horizontal:                     12px;\n@button-mini-padding-horizontal:                6px;\n@button-small-padding-horizontal:               10px;\n@button-large-padding-horizontal:               15px;\n@button-font-size:                              1rem;\n@button-background:                             #eee;\n@button-color:                                  #444;\n@button-hover-background:                       #f5f5f5;\n@button-hover-color:                            #444;\n@button-active-background:                      #ddd;\n@button-active-color:                           #444;\n@button-primary-background:                     #00a8e6;\n@button-primary-color:                          #fff;\n@button-primary-hover-background:               #35b3ee;\n@button-primary-hover-color:                    #fff;\n@button-primary-active-background:              #0091ca;\n@button-primary-active-color:                   #fff;\n@button-success-background:                     #8cc14c;\n@button-success-color:                          #fff;\n@button-success-hover-background:               #8ec73b;\n@button-success-hover-color:                    #fff;\n@button-success-active-background:              #72ae41;\n@button-success-active-color:                   #fff;\n@button-danger-background:                      #da314b;\n@button-danger-color:                           #fff;\n@button-danger-hover-background:                #e4354f;\n@button-danger-hover-color:                     #fff;\n@button-danger-active-background:               #c91032;\n@button-danger-active-color:                    #fff;\n@button-disabled-background:                    #f5f5f5;\n@button-disabled-color:                         #999;\n@button-link-color:                             #07D;\n@button-link-hover-color:                       #059;\n@button-link-hover-text-decoration:             underline;\n@button-link-disabled-color:                    #999;\n@close-size:                                    20px;\n@close-alt-padding:                             2px;\n@close-alt-background:                          #eee;\n@column-gutter:                                   25px;\n@comment-header-margin-bottom:                  15px;\n@comment-avatar-margin-right:                   15px;\n@comment-title-margin-top:                      5px;\n@comment-title-font-size:                       16px;\n@comment-title-line-height:                     22px;\n@comment-meta-margin-top:                       2px;\n@comment-meta-color:                            #999;\n@comment-meta-font-size:                        11px;\n@comment-meta-line-height:                      16px;\n@comment-list-margin-top:                       15px;\n@comment-list-padding-left:                     100px;\n@contrast-color:                                #fff;\n@contrast-inverted-color:                       #444;\n@contrast-base-color:                           @contrast-color;\n@contrast-base-link-color:                      fade(@contrast-color, 70%);\n@contrast-base-link-text-decoration:            none;\n@contrast-base-link-hover-color:                @contrast-color;\n@contrast-base-link-hover-text-decoration:      underline;\n@contrast-base-code-color:                      @contrast-color;\n@contrast-base-em-color:                        @contrast-color;\n@contrast-base-heading-color:                   @contrast-color;\n@contrast-base-hr-border:                       fade(@contrast-color, 20%);\n@contrast-nav-side-color:                       @contrast-color;\n@contrast-nav-side-hover-background:            fade(@contrast-color, 10%);\n@contrast-nav-side-hover-color:                 @contrast-color;\n@contrast-nav-side-active-background:           @contrast-color;\n@contrast-nav-side-active-color:                @contrast-inverted-color;\n@contrast-nav-side-header-color:                @contrast-color;\n@contrast-nav-side-divider-border:              fade(@contrast-color, 20%);\n@contrast-nav-side-nested-color:                fade(@contrast-color, 70%);\n@contrast-nav-side-nested-hover-color:          @contrast-color;\n@contrast-subnav-color:                         fade(@contrast-color, 70%);\n@contrast-subnav-hover-color:                   @contrast-color;\n@contrast-subnav-hover-text-decoration:         none;\n@contrast-subnav-active-color:                  @contrast-color;\n@contrast-subnav-line-border:                   fade(@contrast-color, 20%);\n@contrast-subnav-pill-hover-background:         fade(@contrast-color, 70%);\n@contrast-subnav-pill-hover-color:              @contrast-inverted-color;\n@contrast-subnav-pill-active-background:        @contrast-color;\n@contrast-subnav-pill-active-color:             @contrast-inverted-color;\n@contrast-tab-border:                           fade(@contrast-color, 20%);\n@contrast-tab-color:                            fade(@contrast-color, 70%);\n@contrast-tab-hover-border:                     fade(@contrast-color, 70%);\n@contrast-tab-hover-background:                 fade(@contrast-color, 70%);\n@contrast-tab-hover-color:                      @contrast-inverted-color;\n@contrast-tab-active-border:                    fade(@contrast-color, 20%);\n@contrast-tab-active-background:                @contrast-color;\n@contrast-tab-active-color:                     @contrast-inverted-color;\n@contrast-list-line-border:                     fade(@contrast-color, 20%);\n@contrast-form-border:                          fade(@contrast-color, 80%);\n@contrast-form-background:                      fade(@contrast-color, 80%);\n@contrast-form-color:                           @contrast-inverted-color;\n@contrast-form-focus-border:                    @contrast-color;\n@contrast-form-focus-background:                @contrast-color;\n@contrast-form-focus-color:                     @contrast-inverted-color;\n@contrast-form-placeholder-color:               fade(@contrast-inverted-color, 70%);\n@contrast-button-background:                    @contrast-color;\n@contrast-button-color:                         @contrast-inverted-color;\n@contrast-button-hover-background:              fade(@contrast-color, 80%);\n@contrast-button-hover-color:                   @contrast-inverted-color;\n@contrast-button-active-background:             fade(@contrast-color, 70%);\n@contrast-button-active-color:                  @contrast-inverted-color;\n@contrast-button-primary-background:            #00a8e6;\n@contrast-button-primary-color:                 @contrast-color;\n@contrast-button-primary-hover-background:      #35b3ee;\n@contrast-button-primary-hover-color:           @contrast-color;\n@contrast-button-primary-active-background:     #0091ca;\n@contrast-button-primary-active-color:          @contrast-color;\n@contrast-icon-hover-color:                     fade(@contrast-color, 70%);\n@contrast-icon-hover-hover-color:               @contrast-color;\n@contrast-icon-button-background:               @contrast-color;\n@contrast-icon-button-color:                    @contrast-inverted-color;\n@contrast-icon-button-hover-background:         fade(@contrast-color, 80%);\n@contrast-icon-button-hover-color:              @contrast-inverted-color;\n@contrast-icon-button-active-background:        fade(@contrast-color, 70%);\n@contrast-icon-button-active-color:             @contrast-inverted-color;\n@contrast-text-muted-color:                     fade(@contrast-color, 60%);\n@contrast-text-primary-color:                   #2d7091;\n@description-list-horizontal-width:             160px;\n@description-list-horizontal-margin-left:       180px;\n@description-list-line-margin-top:              5px;\n@description-list-line-border-width:            1px;\n@description-list-line-border:                  #ddd;\n@description-list-line-color:                   #999;\n@description-list-line-font-weight:             normal;\n@dropdown-z-index:                              970;\n@dropdown-width:                                200px;\n@dropdown-margin-top:                           5px;\n@dropdown-padding:                              15px;\n@dropdown-background:                           #f5f5f5;\n@dropdown-color:                                #444;\n@dropdown-font-size:                            1rem;\n@dropdown-animation:                            uk-fade;\n@dropdown-divider-border-width:                 1px;\n@dropdown-divider-border:                       #ddd;\n@dropdown-small-padding:                        5px;\n@dropdown-navbar-margin:                        0;\n@dropdown-navbar-background:                    #f5f5f5;\n@dropdown-navbar-color:                         #444;\n@dropdown-navbar-animation:                     uk-slide-top-fixed;\n@dropdown-scrollable-height:                    200px;\n@form-height:                                   30px;\n@form-padding:                                  4px 6px;\n@form-border:                                   #ddd;\n@form-border-width:                             1px;\n@form-background:                               #fff;\n@form-color:                                    #444;\n@form-focus-border:                             #99baca;\n@form-focus-background:                         #f5fbfe;\n@form-focus-color:                              #444;\n@form-disabled-border:                          #ddd;\n@form-disabled-background:                      #f5f5f5;\n@form-disabled-color:                           #999;\n@form-placeholder-color:                        #999;\n@form-gutter:                                   15px;\n@form-legend-border:                            #ddd;\n@form-legend-border-width:                      1px;\n@form-legend-font-size:                         18px;\n@form-legend-line-height:                       30px;\n@form-small-height:                             25px;\n@form-large-height:                             40px;\n@form-small-padding:                            3px 3px;\n@form-large-padding:                            8px 6px;\n@form-small-font-size:                          12px;\n@form-large-font-size:                          16px;\n@form-danger-border:                            #dc8d99;\n@form-danger-background:                        #fff7f8;\n@form-danger-color:                             #d85030;\n@form-success-border:                           #8ec73b;\n@form-success-background:                       #fafff2;\n@form-success-color:                            #659f13;\n@form-blank-border:                             #ddd;\n@form-blank-border-style:                       dashed;\n@form-mini-width:                               40px;\n@form-small-width:                              130px;\n@form-medium-width:                             200px;\n@form-large-width:                              500px;\n@form-help-inline-margin-left:                  10px;\n@form-help-block-margin-top:                    5px;\n@form-controls-condensed-margin-vertical:       5px;\n@form-stacked-margin-bottom:                    5px;\n@form-stacked-font-weight:                      bold;\n@form-horizontal-label-width:                   200px;\n@form-horizontal-label-margin-top:              5px;\n@form-horizontal-controls-margin-left:          215px;\n@form-horizontal-controls-text-padding-top:     5px;\n@form-icon-width:                               30px;\n@form-icon-font-size:                           14px;\n@form-icon-color:                               #999;\n@grid-gutter-horizontal:                        25px;\n@grid-gutter-vertical:                          25px;\n@grid-gutter-large-horizontal:                  35px;\n@grid-gutter-large-vertical:                    35px;\n@grid-gutter-xlarge-horizontal:                 50px;\n@grid-gutter-xlarge-vertical:                   50px;\n@grid-gutter-small-horizontal:                  10px;\n@grid-gutter-small-vertical:                    10px;\n@grid-divider-border:                           #ddd;\n@grid-divider-border-width:                     1px;\n@list-nested-padding-left:                      20px;\n@list-line-margin-top:                          5px;\n@list-line-border:                              #ddd;\n@list-line-border-width:                        1px;\n@list-striped-padding-vertical:                 5px;\n@list-striped-padding-horizontal:               5px;\n@list-striped-background:                       #f5f5f5;\n@list-space-margin-top:                         10px;\n@icon-font-path:                                \"..\/fonts\";\n@icon-small-font-size:                          150%;\n@icon-medium-font-size:                         200%;\n@icon-large-font-size:                          250%;\n@icon-small-vertical-align:                     -10%;\n@icon-medium-vertical-align:                    -16%;\n@icon-large-vertical-align:                     -22%;\n@icon-hover-color:                              #999;\n@icon-hover-hover-color:                        #444;\n@icon-button-width:                             35px;\n@icon-button-height:                            @icon-button-width;\n@icon-button-border-radius:                     100%;\n@icon-button-background:                        #eee;\n@icon-button-font-size:                         round((@icon-button-width * 0.5));\n@icon-button-color:                             #444;\n@icon-button-hover-background:                  #f5f5f5;\n@icon-button-hover-color:                       #444;\n@icon-button-active-background:                 #ddd;\n@icon-button-active-color:                      #444;\n@modal-z-index:                                 1010;\n@modal-background:                              rgba(0,0,0,0.6);\n@modal-dialog-margin-vertical:                  50px;\n@modal-dialog-padding:                          20px;\n@modal-dialog-width:                            600px;\n@modal-dialog-background:                       #fff;\n@modal-dialog-large-width:                      930px;\n@modal-dialog-large-width-large:                1130px;\n@modal-header-margin-bottom:                    15px;\n@modal-footer-margin-top:                       15px;\n@modal-caption-margin-bottom:                   -10px;\n@modal-caption-color:                           #fff;\n@nav-padding-vertical:                          5px;\n@nav-padding-horizontal:                        15px;\n@nav-header-padding-vertical:                   @nav-padding-vertical;\n@nav-header-padding-horizontal:                 @nav-padding-horizontal;\n@nav-header-font-size:                          12px;\n@nav-header-font-weight:                        bold;\n@nav-header-text-transform:                     uppercase;\n@nav-header-margin-top:                         15px;\n@nav-divider-margin-vertical:                   9px;\n@nav-divider-margin-horizontal:                 @nav-padding-horizontal;\n@nav-subtitle-font-size:                        12px;\n@nav-subtitle-line-height:                      18px;\n@nav-nested-padding-left:                       15px;\n@nav-nested-padding-vertical:                   2px;\n@nav-nested-padding-horizontal:                 0;\n@nav-sub-padding-vertical:                      5px;\n@nav-sub-padding-left:                          @nav-padding-horizontal;\n@nav-parent-icon:                               \"\\f104\";\n@nav-parent-open-icon:                          \"\\f107\";\n@nav-parent-icon-width:                         20px;\n@nav-parent-icon-margin-right:                  -10px;\n@nav-side-color:                                #444;\n@nav-side-hover-background:                     rgba(0,0,0,0.05);\n@nav-side-hover-color:                          #444;\n@nav-side-active-background:                    #00a8e6;\n@nav-side-active-color:                         #fff;\n@nav-side-header-color:                         #444;\n@nav-side-divider-border:                       #ddd;\n@nav-side-divider-border-width:                 1px;\n@nav-side-nested-color:                         #07D;\n@nav-side-nested-hover-color:                   #059;\n@nav-dropdown-color:                            #444;\n@nav-dropdown-hover-background:                 #00a8e6;\n@nav-dropdown-hover-color:                      #fff;\n@nav-dropdown-header-color:                     #999;\n@nav-dropdown-divider-border:                   #ddd;\n@nav-dropdown-divider-border-width:             1px;\n@nav-dropdown-nested-color:                     #07D;\n@nav-dropdown-nested-hover-color:               #059;\n@nav-navbar-color:                              #444;\n@nav-navbar-hover-background:                   #00a8e6;\n@nav-navbar-hover-color:                        #fff;\n@nav-navbar-header-color:                       #999;\n@nav-navbar-divider-border:                     #ddd;\n@nav-navbar-divider-border-width:               1px;\n@nav-navbar-nested-color:                       #07D;\n@nav-navbar-nested-hover-color:                 #059;\n@nav-offcanvas-padding-vertical:                10px;\n@nav-offcanvas-padding-horizontal:              15px;\n@nav-offcanvas-color:                           #ccc;\n@nav-offcanvas-hover-background:                #404040;\n@nav-offcanvas-hover-color:                     #fff;\n@nav-offcanvas-active-background:               #1a1a1a;\n@nav-offcanvas-active-color:                    #fff;\n@nav-offcanvas-header-color:                    #777;\n@nav-offcanvas-divider-border:                  #1a1a1a;\n@nav-offcanvas-divider-border-width:            1px;\n@nav-offcanvas-nested-color:                    #ccc;\n@nav-offcanvas-nested-hover-color:              #fff;\n@navbar-background:                             #eee;\n@navbar-color:                                  #444;\n@navbar-link-color:                             #07D;\n@navbar-link-hover-color:                       #059;\n@navbar-nav-height:                             40px;\n@navbar-nav-line-height:                        @navbar-nav-height;\n@navbar-nav-padding-horizontal:                 15px;\n@navbar-nav-color:                              #444;\n@navbar-nav-font-size:                          14px;\n@navbar-nav-font-weight:                        normal;\n@navbar-nav-font-family:                        \"Helvetica Neue\", Helvetica, Arial, sans-serif;\n@navbar-nav-hover-background:                   #f5f5f5;\n@navbar-nav-hover-color:                        #444;\n@navbar-nav-onclick-background:                 #ddd;\n@navbar-nav-onclick-color:                      #444;\n@navbar-nav-active-background:                  #f5f5f5;\n@navbar-nav-active-color:                       #444;\n@navbar-nav-subtitle-font-size:                 10px;\n@navbar-nav-subtitle-offset:                    2px;\n@navbar-brand-font-size:                        18px;\n@navbar-brand-color:                            #444;\n@navbar-brand-hover-color:                      #444;\n@navbar-toggle-font-size:                       18px;\n@navbar-toggle-color:                           #444;\n@navbar-toggle-hover-color:                     #444;\n@navbar-toggle-icon:                            \"\\f0c9\";\n@navbar-toggle-icon-alt:                        \"\\f002\";\n@offcanvas-z-index:                             1000;\n@offcanvas-background:                          rgba(0,0,0,0.1);\n@offcanvas-bar-width:                           270px;\n@offcanvas-bar-background:                      #333;\n@offcanvas-panel-margin:                        20px 15px;\n@offcanvas-panel-color:                         #777;\n@offcanvas-panel-link-color:                    #ccc;\n@offcanvas-panel-link-hover-color:              #fff;\n@offcanvas-panel-title-color:                   @offcanvas-panel-link-color;\n@overlay-panel-padding:                         20px;\n@overlay-panel-color:                           #fff;\n@overlay-panel-background:                      rgba(0,0,0,0.5);\n@overlay-icon:                                  \"\\f002\";\n@overlay-icon-size:                             50px;\n@overlay-icon-color:                            #fff;\n@overlay-fade-in-opacity:                       1;\n@overlay-fade-out-opacity:                      0.7;\n@overlay-scale-in-scale:                        1.1;\n@overlay-scale-out-scale:                       1;\n@overlay-spin-in-scale:                         1.1;\n@overlay-spin-out-scale:                        1;\n@overlay-spin-in-rotate:                        3deg;\n@overlay-spin-out-rotate:                       0deg;\n@overlay-panel-link-color:                      inherit;\n@overlay-panel-link-text-decoration:            underline;\n@overlay-area-background:                       rgba(0,0,0,0.3);\n@overlay-area-icon:                             \"\\f002\";\n@overlay-area-icon-size:                        50px;\n@overlay-area-icon-color:                       #fff;\n@overlay-area-content-font-size:                1rem;\n@overlay-area-content-padding-horizontal:       15px;\n@overlay-area-content-color:                    #fff;\n@overlay-area-content-link-color:               inherit;\n@overlay-caption-background:                    rgba(0,0,0,0.5);\n@overlay-caption-padding:                       15px;\n@overlay-caption-color:                         #fff;\n@pagination-font-size:                          1rem;\n@pagination-margin-left:                        5px;\n@pagination-padding-vertical:                   3px;\n@pagination-padding-horizontal:                 5px;\n@pagination-line-height:                        20px;\n@pagination-background:                         #eee;\n@pagination-color:                              #444;\n@pagination-hover-background:                   #f5f5f5;\n@pagination-hover-color:                        #444;\n@pagination-onclick-background:                 #ddd;\n@pagination-onclick-color:                      #444;\n@pagination-active-background:                  #00a8e6;\n@pagination-active-color:                       #fff;\n@pagination-disabled-background:                #f5f5f5;\n@pagination-disabled-color:                     #999;\n@panel-title-margin-bottom:                     15px;\n@panel-title-font-size:                         18px;\n@panel-title-line-height:                       24px;\n@panel-title-font-weight:                       normal;\n@panel-title-color:                             #444;\n@panel-title-text-transform:                    none;\n@panel-teaser-margin-bottom:                    @panel-title-margin-bottom;\n@panel-box-padding:                             15px;\n@panel-box-background:                          #f5f5f5;\n@panel-box-color:                               #444;\n@panel-box-hover-color:                         @panel-box-color;\n@panel-box-title-color:                         #444;\n@panel-box-badge-top:                           10px;\n@panel-box-badge-right:                         @panel-box-badge-top;\n@panel-box-teaser-margin:                       -@panel-box-padding;\n@panel-box-primary-background:                  #ebf7fd;\n@panel-box-primary-color:                       #2d7091;\n@panel-box-primary-hover-color:                 @panel-box-primary-color;\n@panel-box-primary-title-color:                 #2d7091;\n@panel-box-secondary-background:                #eee;\n@panel-box-secondary-color:                     #444;\n@panel-box-secondary-hover-color:               @panel-box-secondary-color;\n@panel-box-secondary-title-color:               #444;\n@panel-hover-padding:                           15px;\n@panel-hover-color:                             #444;\n@panel-hover-hover-background:                  #f5f5f5;\n@panel-hover-hover-color:                       #444;\n@panel-hover-badge-top:                         10px;\n@panel-hover-badge-right:                       @panel-hover-badge-top;\n@panel-hover-teaser-margin:                     -@panel-hover-padding;\n@panel-header-title-padding:                    10px;\n@panel-header-title-border:                     #ddd;\n@panel-header-title-border-width:               1px;\n@panel-header-title-color:                      #444;\n@panel-space-padding:                           30px;\n@panel-divider-gutter:                          25px;\n@panel-divider-gutter-large:                    35px;\n@panel-divider-border:                          #ddd;\n@panel-divider-border-width:                    1px;\n@panel-body-padding:                            @panel-box-padding;\n@subnav-margin-horizontal:                      10px;\n@subnav-margin-vertical:                        @subnav-margin-horizontal;\n@subnav-color:                                  #444;\n@subnav-hover-color:                            #07D;\n@subnav-hover-text-decoration:                  none;\n@subnav-active-color:                           #07D;\n@subnav-line-border-height:                     10px;\n@subnav-line-border:                            #ddd;\n@subnav-line-border-width:                      1px;\n@subnav-pill-padding-vertical:                  3px;\n@subnav-pill-padding-horizontal:                9px;\n@subnav-pill-hover-background:                  #eee;\n@subnav-pill-hover-color:                       #444;\n@subnav-pill-active-background:                 #00a8e6;\n@subnav-pill-active-color:                      #fff;\n@subnav-disabled-color:                         #999;\n@tab-border:                                    #ddd;\n@tab-border-width:                              1px;\n@tab-padding-horizontal:                        12px;\n@tab-padding-vertical:                          8px;\n@tab-padding-top:                               @tab-padding-vertical;\n@tab-padding-bottom:                            @tab-padding-vertical;\n@tab-margin-horizontal:                         5px;\n@tab-margin-vertical:                           5px;\n@tab-color:                                     #07D;\n@tab-hover-border:                              #f5f5f5;\n@tab-hover-background:                          #f5f5f5;\n@tab-hover-color:                               #059;\n@tab-active-border:                             #ddd;\n@tab-active-background:                         #fff;\n@tab-active-color:                              #444;\n@tab-disabled-color:                            #999;\n@table-margin-vertical:                         15px;\n@table-padding-vertical:                        8px;\n@table-padding-horizontal:                      8px;\n@table-caption-color:                           #999;\n@table-caption-font-size:                       12px;\n@table-striped-background:                      #f5f5f5;\n@table-condensed-padding-vertical:              4px;\n@table-condensed-padding-horizontal:            8px;\n@table-hover-background:                        #EEE;\n@table-active-background:                       @table-hover-background;\n@text-small-font-size:                          11px;\n@text-small-line-height:                        16px;\n@text-large-font-size:                          18px;\n@text-large-line-height:                        24px;\n@text-large-font-weight:                        normal;\n@text-muted-color:                              #999;\n@text-primary-color:                            #2d7091;\n@text-success-color:                            #659f13;\n@text-warning-color:                            #e28327;\n@text-danger-color:                             #d85030;\n@text-contrast-color:                           #fff;\n@thumbnail-padding:                             4px;\n@thumbnail-border:                              #ddd;\n@thumbnail-border-width:                        1px;\n@thumbnail-background:                          #fff;\n@thumbnail-hover-border:                        #aaa;\n@thumbnail-hover-background:                    #fff;\n@thumbnail-caption-padding:                     @thumbnail-padding;\n@thumbnail-caption-color:                       #444;\n@thumbnail-mini-width:                          150px;\n@thumbnail-small-width:                         200px;\n@thumbnail-medium-width:                        300px;\n@thumbnail-large-width:                         400px;\n@thumbnav-margin-horizontal:                    10px;\n@thumbnav-margin-vertical:                      @thumbnav-margin-horizontal;\n@thumbnav-background:                           #fff;\n@thumbnav-opacity:                              0.7;\n@thumbnav-hover-opacity:                        1;\n@thumbnav-active-opacity:                       1;\n@utility-container-max-width:                   980px;\n@utility-container-padding-horizontal:          25px;\n@utility-container-large-max-width:             1200px;\n@utility-container-large-padding-horizontal:    35px;\n@utility-align-horizontal:                      15px;\n@utility-align-vertical:                        15px;\n@utility-height-viewport-min-height:            600px;\n@utility-margin:                                15px;\n@utility-margin-small:                          5px;\n@utility-margin-large:                          50px;\n@utility-border-rounded:                        5px;\n@utility-heading-large-small-font-size:         36px;\n@utility-heading-large-small-line-height:       42px;\n@utility-heading-large-font-size:               52px;\n@utility-heading-large-line-height:             64px;\n@utility-link-muted-color:                      #444;\n@utility-link-muted-hover-color:                #444;\n@utility-scrollable-text-height:                300px;\n@utility-scrollable-box-height:                 170px;\n@utility-scrollable-box-padding:                10px;\n@utility-scrollable-box-border:                 #ddd;\n@utility-scrollable-box-border-width:           1px;\n@breakpoint-small:                              480px;\n@breakpoint-medium:                             768px;\n@breakpoint-large:                              960px;\n@breakpoint-xlarge:                             1220px;\n@breakpoint-mini-max:                           (@breakpoint-small - 1);\n@breakpoint-small-max:                          (@breakpoint-medium - 1);\n@breakpoint-medium-max:                         (@breakpoint-large - 1);\n@breakpoint-large-max:                          (@breakpoint-xlarge - 1);\n\n\n\/\/ Load Bootstrap variables, layer and fix\n\/\/ ========================================================================\n\n\/\/ Copyright (C) YOOtheme GmbH, http:\/\/www.gnu.org\/licenses\/gpl.html GNU\/GPL *\/\n\n\/\/\n\/\/ Name:            Bootstrap variables\n\/\/ Description:     Setting Bootstrap variables with UIkit variables\n\/\/\n\/\/ ========================================================================\n\n\n\/\/ Setting Bootstrap variables\n\/\/ ========================================================================\n\n\/\/ Grays\n\/\/ -------------------------\n@black:                 @offcanvas-bar-background;\n@grayDarker:            lighten(@black, 10%);\n@grayDark:              lighten(@black, 15%);\n@gray:                  lighten(@black, 20%);\n@grayLight:             @global-muted-color;\n@grayLighter:           @global-border;\n@white:                 @global-background;\n\n\n\/\/ Accent colors\n\/\/ -------------------------\n\/\/@blue:                  #049cdb;\n\/\/@blueDark:              #0064cd;\n@green:                 @global-success-background;\n@red:                   @global-danger-background;\n\/\/@yellow:                #ffc40d;\n@orange:                @global-warning-background;\n\/\/@pink:                  #c3325f;\n\/\/@purple:                #7a43b6;\n\n\n\/\/ Scaffolding\n\/\/ -------------------------\n@bodyBackground:        @global-background;\n@textColor:             @global-color;\n\n\n\/\/ Links\n\/\/ -------------------------\n@linkColor:             @global-link-color;\n@linkColorHover:        @global-link-hover-color;\n\n\n\/\/ Typography\n\/\/ -------------------------\n@sansFontFamily:        @base-body-font-family;\n\/\/@serifFontFamily:       Georgia, \"Times New Roman\", Times, serif;\n@monoFontFamily:        @base-code-font-family;\n\n@baseFontSize:          @global-font-size;\n@baseFontFamily:        @sansFontFamily;\n@baseLineHeight:        @global-line-height;\n@altFontFamily:         @sansFontFamily;\n\n@headingsFontFamily:    inherit;\n@headingsFontWeight:    normal;\n@headingsColor:         @base-heading-color;\n\n\n\/\/ Component sizing\n\/\/ -------------------------\n\/\/ Based on 14px font-size and 20px line-height\n\n@fontSizeLarge:         @baseFontSize * 1.25; \/\/ ~18px\n@fontSizeSmall:         @baseFontSize * 0.85; \/\/ ~12px\n@fontSizeMini:          @baseFontSize * 0.75; \/\/ ~11px\n\n@paddingLarge:          11px 19px; \/\/ 44px\n@paddingSmall:          2px 10px;  \/\/ 26px\n@paddingMini:           0 6px;   \/\/ 22px\n\n@baseBorderRadius:      0;\n@borderRadiusLarge:     0;\n@borderRadiusSmall:     0;\n\n\n\/\/ Tables\n\/\/ -------------------------\n@tableBackground:                   transparent; \/\/ overall background-color\n@tableBackgroundAccent:             @table-striped-background; \/\/ for striping\n@tableBackgroundHover:              @table-hover-background; \/\/ for hover\n@tableBorder:                       @global-border; \/\/ table and cell border\n\n\n\/\/ Buttons\n\/\/ -------------------------\n@btnBackgroundHighlight:            @button-active-background;\n@btnPrimaryBackgroundHighlight:     @button-primary-active-background;\n@btnSuccessBackgroundHighlight:     @button-success-active-background;\n@btnDangerBackgroundHighlight:      @button-danger-active-background;\n\n\n\/\/ Forms\n\/\/ -------------------------\n@inputBackground:               @form-background;\n@inputBorder:                   @form-border;\n@inputBorderRadius:             @baseBorderRadius;\n@inputDisabledBackground:       @form-disabled-background;\n@formActionsBackground:         @panel-box-background;\n@inputHeight:                   @baseLineHeight + 10px; \/\/ base line-height + 8px vertical padding + 2px top\/bottom border\n\n\n\/\/ Dropdowns\n\/\/ -------------------------\n@dropdownBackground:            @dropdown-background;\n@dropdownBorder:                rgba(0,0,0,0);\n@dropdownDividerTop:            rgba(0,0,0,0);\n@dropdownDividerBottom:         @nav-dropdown-divider-border;\n\n@dropdownLinkColor:             @nav-dropdown-color;\n@dropdownLinkColorHover:        @nav-dropdown-hover-color;\n@dropdownLinkColorActive:       @nav-dropdown-color;\n\n@dropdownLinkBackgroundActive:  @nav-dropdown-hover-background;\n@dropdownLinkBackgroundHover:   @nav-dropdown-hover-background;\n\n\n\n\/\/ COMPONENT VARIABLES\n\/\/ --------------------------------------------------\n\n\n\/\/ Input placeholder text color\n\/\/ -------------------------\n@placeholderText:         @form-placeholder-color;\n\n\n\/\/ Hr border color\n\/\/ -------------------------\n@hrBorder:                @global-border;\n\n\n\/\/ Horizontal forms & lists\n\/\/ -------------------------\n@horizontalComponentOffset:       180px;\n\n\n\/\/ Navbar\n\/\/ -------------------------\n@navbarBackground:                @navbar-background;\n@navbarBackgroundHighlight:       lighten(@navbar-background, 10%);\n@navbarBorder:                    darken(@navbar-background, 10%);\n\n@navbarText:                      @navbar-nav-color;\n@navbarLinkColor:                 @navbar-nav-color;\n@navbarLinkColorHover:            @navbar-nav-color;\n@navbarLinkColorActive:           @navbar-nav-color;\n@navbarLinkBackgroundHover:       @navbar-nav-hover-background;\n@navbarLinkBackgroundActive:      @navbar-nav-active-background;\n\n@navbarBrandColor:                @navbar-brand-color;\n\n\/\/ Inverted navbar\n@navbarInverseBackground:                @navbar-background;\n@navbarInverseBackgroundHighlight:       lighten(@navbar-background, 10%);\n@navbarInverseBorder:                    darken(@navbar-background, 10%);\n\n@navbarInverseText:                      @navbar-nav-color;\n@navbarInverseLinkColor:                 @navbar-nav-color;\n@navbarInverseLinkColorHover:            @navbar-nav-color;\n@navbarInverseLinkColorActive:           @navbar-nav-color;\n@navbarInverseLinkBackgroundHover:       @navbar-nav-hover-background;\n@navbarInverseLinkBackgroundActive:      @navbar-nav-active-background;\n\n@navbarInverseSearchBackground:          @global-background;\n@navbarInverseSearchBackgroundFocus:     @form-focus-background;\n@navbarInverseSearchBorder:              @form-border;\n@navbarInverseSearchPlaceholderColor:    @form-placeholder-color;\n\n@navbarInverseBrandColor:                @navbar-brand-color;\n\n\n\/\/ Pagination\n\/\/ -------------------------\n@paginationBackground:                @global-background;\n@paginationBorder:                    @global-border;\n@paginationActiveBackground:          @pagination-active-background;\n\n\n\/\/ Hero unit\n\/\/ -------------------------\n@heroUnitHeadingColor:            inherit;\n@heroUnitLeadColor:               inherit;\n\n\n\/\/ Form states and alerts\n\/\/ -------------------------\n@warningText:             @alert-warning-color;\n@warningBackground:       @alert-warning-background;\n@warningBorder:           fade(@alert-warning-color, 30%);\n\n@errorText:               @alert-danger-color;\n@errorBackground:         @alert-danger-background;\n@errorBorder:             fade(@alert-danger-color, 30%);\n\n@successText:             @alert-success-color;\n@successBackground:       @alert-success-background;\n@successBorder:           fade(@alert-success-color, 30%);\n\n@infoText:                @alert-color;\n@infoBackground:          @alert-background;\n@infoBorder:              fade(@alert-color, 30%);\n\n\n\/\/ Tooltips and popovers\n\/\/ -------------------------\n@tooltipColor:            @tooltip-color;\n@tooltipBackground:       @tooltip-background;\n@tooltipArrowColor:       @tooltip-background;\n\n@popoverBackground:       @panel-box-background;\n@popoverArrowColor:       @panel-box-background;\n@popoverTitleBackground:  darken(@panel-box-background, 5%);\n\n\n\/\/ IcoMoon\n\/\/ -------------------------\n@font-face {\n    font-family: 'IcoMoon';\n    src: url(\"\/media\/jui\/fonts\/IcoMoon.eot\");\n    src: url(\"\/media\/jui\/fonts\/IcoMoon.eot?#iefix\") format('embedded-opentype'),\n         url(\"\/media\/jui\/fonts\/IcoMoon.woff\") format('woff'),\n         url(\"\/media\/jui\/fonts\/IcoMoon.ttf\") format('truetype'),\n         url(\"\/media\/jui\/fonts\/IcoMoon.svg#IcoMoon\") format('svg');\n    font-weight: normal;\n    font-style: normal;\n}\n\n\/\/ Copyright (C) YOOtheme GmbH, http:\/\/www.gnu.org\/licenses\/gpl.html GNU\/GPL *\/\n\n\/* ========================================================================\n   Name:            Bootstrap layer\n   Description:     Compatibility layer to match UIkit and Bootstrap style\n ========================================================================== *\/\n\n@bs-input-height:           20px;\n@bs-control-input-height:   @bs-input-height;\n@bs-button-height:          22px;\n\n\n\/* Button overrides\n ========================================================================== *\/\n\n.btn {\n    \/* Reset *\/\n    border: none; \/* Todo *\/\n    border-radius: 0;\n    border-color: transparent;\n    box-shadow: none;\n    text-shadow: none;\n    \/* Overrides *\/\n    line-height: @bs-button-height;\n    background: @button-background;\n    color: @button-color;\n    .hook-button;\n}\n\n.btn:hover,\n.btn:focus {\n    \/* Reset *\/\n    background-position: 0 0;\n    -webkit-transition: none;\n    transition: none;\n    \/* Overrides *\/\n    background-color: @button-hover-background;\n    color: @button-hover-color;\n    .hook-button-hover;\n}\n\n.btn.active,\n.btn:active {\n    \/* Reset *\/\n    box-shadow: none;\n    \/* Overrides *\/\n    background-color: @button-active-background;\n    color: @button-active-color;\n    .hook-button-active;\n}\n\n\/* Primary *\/\n.btn-primary,\n.btn-info,\n.btn-inverse {\n    background-color: @button-primary-background;\n    color: @button-primary-color;\n    .hook-button-primary;\n}\n\n.btn-primary:hover,\n.btn-info:hover,\n.btn-inverse:hover {\n    background-color: @button-primary-hover-background;\n    color: @button-primary-hover-color;\n    .hook-button-primary-hover;\n}\n\n.btn-primary:active, .btn-primary.active,\n.btn-info:active, .btn-info.active,\n.btn-inverse:active, .btn-inverse.active {\n    background-color: @button-primary-active-background;\n    color: @button-primary-active-color;\n    .hook-button-primary-active;\n}\n\n\/* Danger *\/\n.btn-danger,\n.btn-warning {\n    background-color: @button-danger-background;\n    color: @button-danger-color;\n    .hook-button-danger;\n}\n\n.btn-danger:hover,\n.btn-warning:hover {\n    background-color: @button-danger-hover-background;\n    color: @button-danger-hover-color;\n    .hook-button-danger-hover;\n}\n\n.btn-danger:active, .btn-danger.active,\n.btn-warning:active, .btn-warning.active {\n    background-color: @button-danger-active-background;\n    color: @button-danger-active-color;\n    .hook-button-danger-active;\n}\n\n\/* Success *\/\n.btn-success {\n    background-color: @button-success-background;\n    color: @button-success-color;\n    .hook-button-success;\n}\n\n.btn-success:hover {\n    background-color: @button-success-hover-background;\n    color: @button-success-hover-color;\n    .hook-button-success-hover;\n}\n\n.btn-success:active, .btn-success.active {\n    background-color: @button-success-active-background;\n    color: @button-success-active-color;\n    .hook-button-success-active;\n}\n\n\/* Disabled *\/\n.btn.disabled,\n.btn[disabled] {\n    background-color: @button-disabled-background;\n    color: @button-disabled-color;\n    .hook-button;\n    .hook-button-disable;\n}\n\n\/* Link *\/\n.btn-link,\n.btn-link:hover,\n.btn-link:focus,\n.btn-link:active,\n.btn-link.uk-active,\n.btn-link:disabled {\n    display: inline;\n    border: none;\n    background: none;\n    .hook-button-link;\n}\n\n\/* Color *\/\n.btn-link { color: @button-link-color; }\n.btn-link:hover,\n.btn-link:focus,\n.btn-link:active,\n.btn-link.uk-active { color: @button-link-hover-color; }\n.btn-link:disabled { color: @button-link-disabled-color; }\n\n\/\/ Button Sizes\n\/\/ Large\n.btn-large { .hook-button-large; }\n\n\/* Dropdown caret *\/\n.btn .caret {\n    \/* Reset *\/\n    margin-bottom: 0;\n    \/* Overrides *\/\n    border-top-color: @button-color;\n}\n\n\/\/ Icons\n.btn [class^=\"icon-\"],\n.btn [class*=\" icon-\"] {\n    margin-top: (@bs-button-height - 14px) \/ 2; \/* 14px = icon height *\/\n    vertical-align: top;\n}\n\n.caret {\n    \/* Reset *\/\n    margin-top: 0 !important;\n    \/* Override *\/\n    vertical-align: middle !important;\n}\n\n\n\/* Button group overrides\n ========================================================================== *\/\n\n.btn-group > .btn + .dropdown-toggle { box-shadow: none; }\n\n.btn-group.open {\n\n    .btn.dropdown-toggle { .hook-button-active; }\n    .btn-primary.dropdown-toggle { .hook-button-primary-active; }\n    .btn-danger.dropdown-toggle { .hook-button-danger-active;}\n    .btn-success.dropdown-toggle { .hook-button-success-active; }\n\n}\n\n\n\/* Form overrides\n ========================================================================== *\/\n\nselect,\ntextarea,\ninput[type=\"text\"],\ninput[type=\"password\"],\ninput[type=\"datetime\"],\ninput[type=\"datetime-local\"],\ninput[type=\"date\"],\ninput[type=\"month\"],\ninput[type=\"time\"],\ninput[type=\"week\"],\ninput[type=\"number\"],\ninput[type=\"email\"],\ninput[type=\"url\"],\ninput[type=\"search\"],\ninput[type=\"tel\"],\ninput[type=\"color\"],\n.uneditable-input {\n    \/* Reset *\/\n    border-radius: 0;\n    box-shadow: none;\n    \/* Overrides *\/\n    height: @bs-input-height;\n    line-height: @bs-input-height;\n    color: @form-color;\n    .hook-form;\n\n    &:focus {\n        \/* Reset *\/\n        box-shadow: none;\n        \/* Overrides *\/\n        border-color: @form-focus-border;\n        outline: 0;\n        background: @form-focus-background;\n        .hook-form-focus;\n    }\n}\n\nselect { border-color: @form-border; }\n\nselect, input[type=\"file\"] {\n    height: auto;\n    line-height: auto;\n}\n\n.input-append input { border-radius: @baseBorderRadius 0 0 @baseBorderRadius; }\n\n.input-append .add-on,\n.input-prepend .add-on {\n    \/* Reset *\/\n    text-shadow: none;\n    \/* Overrides *\/\n    height: @bs-input-height;\n    line-height: @bs-input-height;\n    border-color: @form-border;\n    background-color: darken(@form-background, 5%);\n}\n\n.row-fluid input[class*=\"span\"] { min-height: @bs-input-height; }\n\n.input-append .add-on:first-child,\n.input-append .btn:first-child,\n.input-prepend .add-on:first-child,\n.input-prepend .btn:first-child,\n.input-prepend.input-append .add-on:first-child,\n.input-prepend.input-append .btn:first-child { border-radius: @baseBorderRadius 0 0 @baseBorderRadius; }\n\n.input-append,\n.input-prepend {\n\n    > .btn { position: relative; }\n\n    > .btn:hover,\n    > .btn:focus,\n    > .btn:active,\n    > .btn.active { z-index: 2; }\n\n}\n\n.input-append .add-on:last-child,\n.input-append .btn:last-child,\n.input-prepend .add-on:last-child,\n.input-prepend .btn:last-child,\n.input-prepend.input-append .add-on:last-child,\n.input-prepend.input-append .btn:last-child { border-radius: 0 @baseBorderRadius @baseBorderRadius 0; }\n\n.input-block-level { min-height: auto; }\n\ninput.search-query { border-radius: @baseBorderRadius; }\n\n.form-search .input-append .search-query { border-radius: @baseBorderRadius 0 0 @baseBorderRadius; }\n.form-search .input-append .btn { border-radius: 0 @baseBorderRadius @baseBorderRadius 0; }\n.form-search .input-prepend .search-query { border-radius: 0 @baseBorderRadius @baseBorderRadius 0; }\n.form-search .input-prepend .btn { border-radius: @baseBorderRadius 0 0 @baseBorderRadius; }\n\n.control-group.warning input,\n.control-group.warning select,\n.control-group.warning textarea,\n.control-group.error input,\n.control-group.error select,\n.control-group.error textarea {\n    box-shadow: none;\n    border-color: @form-danger-border !important;\n    background: @form-danger-background !important;\n    color: @form-danger-color !important;\n    .hook-form-danger;\n\n    &:focus { box-shadow: none; }\n}\n\n.control-group input {\n    height: @bs-control-input-height;\n    min-height: @bs-control-input-height !important;\n    line-height: @bs-control-input-height;\n}\n\n.control-group.warning,\n.control-group.error {\n    label,\n    .help-block,\n    .help-inline { color: @form-danger-color;   }\n}\n\n.control-group.success input,\n.control-group.success select,\n.control-group.success textarea {\n    box-shadow: none;\n    border-color: @form-success-border !important;\n    background: @form-success-background !important;\n    color: @form-success-color !important;\n    .hook-form-success;\n\n    &:focus { box-shadow: none; }\n}\n\n.control-group.success {\n    label,\n    .help-block,\n    .help-inline { color: @form-success-color; }\n}\n\n.form-actions { border: none; }\n\n\n\/* Dropdown overrides\n ========================================================================== *\/\n\n.dropdown-menu {\n    \/* Reset *\/\n    border-radius: 0;\n    border: none;\n    box-shadow: none;\n    \/* Overrides *\/\n    margin-top: @dropdown-margin-top;\n    padding: @dropdown-padding;\n    background: @dropdown-background;\n    .hook-dropdown;\n}\n\n.dropdown-menu > li > a {\n    \/* Reset *\/\n    font-weight: inherit;\n    line-height: inherit;\n    \/* Overrides *\/\n    color: @nav-side-color;\n    padding: @nav-padding-vertical @nav-padding-horizontal;\n}\n\n.dropdown-menu > li > a:hover,\n.dropdown-menu > li > a:focus,\n.dropdown-submenu:hover > a,\n.dropdown-submenu:focus > a {\n    background: @nav-dropdown-hover-background;\n    .hook-nav-dropdown-hover;\n}\n\n.dropdown-menu > .active > a,\n.dropdown-menu > .active > a:hover,\n.dropdown-menu > .active > a:focus {\n    background: @nav-dropdown-hover-background;\n    .hook-nav-dropdown-hover;\n}\n\n\n\/* Well overrides\n ========================================================================== *\/\n\n.well {\n    \/* Reset *\/\n    border: none;\n    border-radius: 0;\n    box-shadow: none;\n    \/* Overrides *\/\n    padding: @panel-box-padding !important;\n    background: @panel-box-background;\n    .hook-panel-box;\n}\n\n\n\/* Hero-unit overrides\n ========================================================================== *\/\n\n.hero-unit {\n    \/* Reset *\/\n    border-radius: 0;\n    \/* Overrides *\/\n    background: @panel-box-background;\n    .hook-panel-box;\n}\n\n\n\/* Tooltip overrides\n ========================================================================== *\/\n\n.tooltip.in { opacity: 1; }\n\n\n\/* Alert overrides\n ========================================================================== *\/\n\n.alert {\n    \/* Reset *\/\n    border-radius: 0;\n    border: none;\n    text-shadow: none;\n    \/* Overrides *\/\n    background: @alert-warning-background;\n    color: @alert-warning-color;\n    .hook-alert;\n    .hook-alert-warning;\n}\n\n.alert-success {\n    background: @alert-success-background;\n    color: @alert-success-color;\n    .hook-alert-success;\n}\n\n.alert-danger,\n.alert-error {\n    background: @alert-danger-background;\n    color: @alert-danger-color;\n    .hook-alert-danger;\n}\n\n.alert-info {\n    background: @alert-background;\n    color: @alert-color;\n    .hook-alert;\n}\n\n\n\/* Badge overrides\n ========================================================================== *\/\n\n.label,\n.badge {\n    \/* Reset *\/\n    text-shadow: none;\n    \/* Overrides *\/\n    padding: 0 @badge-padding-horizontal;\n    background: @badge-background;\n    font-size: @badge-font-size;\n    line-height: @badge-line-height;\n    color: @badge-color;\n    text-align: center;\n    font-weight: @badge-font-weight;\n    vertical-align: middle;\n    .hook-badge;\n}\n\n.badge {\n    \/* Overrides *\/\n    -moz-box-sizing: border-box;\n    box-sizing: border-box;\n    min-width: @badge-notification-line-height;\n    border-radius: 500px;\n    font-size: @badge-notification-font-size;\n    line-height: @badge-notification-line-height;\n}\n\n.label,\n.badge {\n    &-important         {\n        background-color: @badge-danger-background;\n        .hook-badge-danger;\n    }\n    &-warning           {\n        background-color: @badge-warning-background;\n        .hook-badge-warning;\n    }\n    &-success           {\n        background-color: @badge-success-background;\n        .hook-badge-success;\n    }\n}\n\n\n\/* Progress overrides\n ========================================================================== *\/\n\n.progress {\n    \/* Reset *\/\n    border-radius: 0;\n    box-shadow: none;\n    \/* Overrides *\/\n    background: @progress-background;\n    .hook-progress;\n}\n\n.progress .bar {\n    \/* Reset *\/\n    text-shadow: none;\n    box-shadow: none;\n    background-image: none;\n    \/* Overrides *\/\n    background-color: @progress-bar-background;\n    color: @progress-bar-color;\n    .hook-progress-bar;\n}\n\n.progress-danger .bar, .progress .bar-danger,\n.progress-danger.progress-striped .bar, .progress-striped .bar-danger {\n    background-color: @progress-bar-danger-background;\n    .hook-progress-bar-danger;\n}\n\n.progress-success .bar, .progress .bar-success,\n.progress-success.progress-striped .bar, .progress-striped .bar-success {\n    background-color: @progress-bar-success-background;\n    .hook-progress-bar-success;\n}\n\n.progress-info .bar, .progress .bar-info,\n.progress-info.progress-striped .bar, .progress-striped .bar-info {\n    background-color: @progress-bar-background;\n    .hook-progress-bar;\n}\n\n.progress-warning .bar, .progress .bar-warning,\n.progress-warning.progress-striped .bar, .progress-striped .bar-warning {\n    background-color: @progress-bar-warning-background;\n    .hook-progress-bar-warning;\n}\n\n.progress .bar + .bar { box-shadow: none; }\n\n.progress-striped .bar {\n    background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);\n    background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);\n}\n\n\/* Navbar overrides\n ========================================================================== *\/\n\n.navbar-inverse .brand,\n.navbar-inverse .nav > li > a { text-shadow: none; }\n\n\n\/* Navs overrides\n ========================================================================== *\/\n\n.nav > li > a {\n    color: @subnav-color;\n    .hook-subnav;\n}\n\n.nav > li > a:hover,\n.nav > li > a:focus {\n    color: @subnav-hover-color;\n    .hook-subnav-hover;\n}\n\n.nav-header {\n    text-shadow: none;\n    color: @nav-side-header-color;\n}\n\n\/*\n * List\n *\/\n\n.nav-list > li > a {\n    \/* Reset *\/\n    text-shadow: none;\n    \/* Override *\/\n    color: @nav-side-color;\n    .hook-nav-side;\n}\n\n.nav-list .nav-header {\n    \/* Reset *\/\n    text-shadow: none;\n    \/* Override *\/\n    color: @nav-side-header-color;\n    .hook-nav-side-header;\n}\n\n.nav-list > li > a:hover,\n.nav-list > li > a:focus {\n    background: @nav-side-hover-background;\n    color: @nav-side-hover-color;\n    .hook-nav-side-hover;\n}\n\n.nav-list > .active > a,\n.nav-list > .active > a:hover,\n.nav-list > .active > a:focus {\n    text-shadow: none;\n    color: @nav-side-active-color;\n    background-color: @nav-side-active-background;\n}\n\n.nav-list .divider {\n    border-color: @nav-dropdown-divider-border;\n    background: transparent;\n}\n\n\/*\n * Pills\n *\/\n\n.nav-pills > li > a {\n    \/* Reset *\/\n    border-radius: 0;\n    line-height: inherit;\n    \/* Override *\/\n    padding: @subnav-pill-padding-vertical @subnav-pill-padding-horizontal;\n    .hook-subnav-pill;\n}\n\n.nav-pills > li > a:hover {\n    background: @subnav-pill-hover-background;\n    color: @subnav-pill-hover-color;\n    .hook-subnav-pill-hover;\n}\n\n.nav-pills > .active > a,\n.nav-pills > .active > a:hover,\n.nav-pills > .active > a:focus {\n    \/* Overrides *\/\n    background: @subnav-pill-active-background;\n    color: @subnav-pill-active-color;\n    .hook-subnav-pill-active;\n}\n\n.nav-pills li.dropdown a:hover .caret,\n.nav-pills li.dropdown a:focus .caret {\n    border-top-color: @subnav-pill-hover-color;\n    border-bottom-color: @subnav-pill-hover-color;\n}\n\n\/* Open dropdowns *\/\n.nav-pills li.dropdown.open .caret,\n.nav-pills li.dropdown.open.active .caret,\n.nav-pills li.dropdown.open a:hover .caret,\n.nav-pills li.dropdown.open a:focus .caret {\n    border-top-color: @subnav-pill-hover-color;\n    border-bottom-color: @subnav-pill-hover-color;\n}\n\n.nav-pills .open .dropdown-toggle {\n    background: @subnav-pill-hover-background;\n    color: @subnav-pill-hover-color;\n    .hook-subnav-pill-hover;\n}\n\n.nav-pills .dropdown-menu { border-radius: @baseBorderRadius; }\n\n.nav-pills .dropdown-toggle .caret { margin-left: 5px; }\n\n\/*\n * Tabs Stacked\n *\/\n\n.nav-tabs.nav-stacked > li > a {\n    border-color: @tab-border;\n    border-radius: 0;\n}\n\n.nav-tabs.nav-stacked > li:first-child > a { border-top-radius: @baseBorderRadius; }\n.nav-tabs.nav-stacked > li:last-child > a { border-bottom-radius: @baseBorderRadius; }\n.nav-tabs.nav-stacked > li > a:hover,\n.nav-tabs.nav-stacked > li > a:focus {\n    border-color: @tab-border;\n    z-index: 2;\n}\n\n\/*\n * Tabs\n *\/\n\n.nav-tabs { border-bottom: 1px solid @tab-border; }\n\n.nav-tabs > li > a {\n\n    border-radius: @baseBorderRadius @baseBorderRadius 0 0;\n    \/* Overrides *\/\n    padding: @tab-padding-top @tab-padding-horizontal @tab-padding-bottom @tab-padding-horizontal;\n\n    &:hover {\n        border-color: @tab-hover-border;\n        border-bottom-color: @tab-border;\n        background: @tab-hover-background;\n        color: @tab-hover-color;\n        .hook-tab-hover;\n    }\n\n}\n\n.nav-tabs > .active > a,\n.nav-tabs > .active > a:hover,\n.nav-tabs > .active > a:focus {\n    color: @tab-active-color;\n    background-color: @tab-active-background;\n    border: 1px solid @tab-border;\n    border-bottom-color: transparent;\n    .hook-tab-active;\n}\n\n.tabs-below > .nav-tabs { border-top: 1px solid @tab-border; }\n.tabs-below > .nav-tabs > li > a {\n\n    border-radius: 0 0 @baseBorderRadius @baseBorderRadius;\n\n    &:hover {\n        border-color: @tab-hover-border;\n        border-top-color: @tab-border;\n    }\n\n}\n\n.tabs-below > .nav-tabs > .active > a,\n.tabs-below > .nav-tabs > .active > a:hover,\n.tabs-below > .nav-tabs > .active > a:focus { border-color: transparent @tab-border @tab-border @tab-border; }\n\n.tabs-left > .nav-tabs { border-right: 1px solid @tab-border; }\n.tabs-left > .nav-tabs > li > a {\n\n    border-radius: @baseBorderRadius 0 0 @baseBorderRadius;\n\n    &:hover {\n        border-color: @tab-hover-border;\n        border-right-color: @tab-border;\n    }\n\n}\n\n.tabs-left > .nav-tabs .active > a,\n.tabs-left > .nav-tabs .active > a:hover,\n.tabs-left > .nav-tabs .active > a:focus { border-color: @tab-border transparent @tab-border @tab-border; }\n\n.tabs-right > .nav-tabs { border-left: 1px solid @tab-border; }\n.tabs-right > .nav-tabs > li > a {\n\n    border-radius: 0 @baseBorderRadius @baseBorderRadius 0;\n\n    &:hover {\n        border-color: @tab-hover-border;\n        border-left-color: @tab-border;\n    }\n\n}\n\n.tabs-right > .nav-tabs .active > a,\n.tabs-right > .nav-tabs .active > a:hover,\n.tabs-right > .nav-tabs .active > a:focus { border-color: @tab-border @tab-border @tab-border transparent; }\n\n\/*\n * Dropdowns\n *\/\n\n.nav-tabs .dropdown-menu { border-radius: 0 0 @baseBorderRadius @baseBorderRadius; }\n\n\/* Open dropdowns *\/\n.nav-tabs .open .dropdown-toggle {\n    \/* Overrides *\/\n    border-color: @tab-hover-border;\n    background: @tab-hover-background;\n    color: @tab-hover-color;\n    .hook-tab-hover;\n}\n\n.nav-tabs li.dropdown.open .caret,\n.nav-tabs li.dropdown.open.active .caret,\n.nav-tabs li.dropdown.open a:hover .caret,\n.nav-tabs li.dropdown.open a:focus .caret {\n    border-top-color: @tab-hover-color;\n    border-bottom-color: @tab-hover-color;\n}\n\n.nav-tabs .dropdown-toggle .caret { margin-left: 5px; }\n\n\n\/* Breadcrumb overrides\n ========================================================================== *\/\n\n.breadcrumb {\n    background-color: @panel-box-background;\n    > li > .divider { color: inherit; }\n    > .active { color: @global-muted-color; }\n}\n\n.breadcrumb li { text-shadow: none; }\n\n\n\/* Accordion overrides\n ========================================================================== *\/\n\n.accordion-group { border-color: @tab-border; }\n\n.accordion-inner { border-top-color: @tab-border; }\n\n\n\/* Pager overrides\n ========================================================================== *\/\n\n.pager li > a,\n.pager li > span {\n    border: none;\n    background-color: @pagination-background;\n    border-radius: @baseBorderRadius;\n    color: @pagination-color;\n}\n\n.pager li > a:hover,\n.pager li > a:focus {\n    background-color: @pagination-hover-background;\n    color: @pagination-hover-color;\n}\n\n.pager .disabled > a,\n.pager .disabled > a:hover,\n.pager .disabled > a:focus,\n.pager .disabled > span {\n    color: @pagination-disabled-color;\n    background-color: @pagination-disabled-background;\n}\n\n\n\/* Pagination overrides\n ========================================================================== *\/\n\n.pagination ul { box-shadow: none; }\n\n.pagination ul > li > a:hover,\n.pagination ul > li > a:focus,\n.pagination ul > .active > a,\n.pagination ul > .active > span { background-color: transparent; }\n\n\n\/* Scaffolding overrides\n ========================================================================== *\/\n\n.img-polaroid {\n    background-color: @panel-box-background;\n    border-color: @global-border;\n    box-shadow: none;\n}\n\n\n\/* Thumbnail overrides\n ========================================================================== *\/\n\n.thumbnail {\n    border-color: @thumbnail-border;\n    box-shadow: none;\n}\n\na.thumbnail:hover,\na.thumbnail:focus {\n    border-color: @thumbnail-hover-border;\n    box-shadow: none;\n}\n\n.thumbnail .caption { color: @thumbnail-caption-color; }\n\n\n\/* Modal overrides\n ========================================================================== *\/\n\n.modal-backdrop { background: @modal-background; }\n\ndiv.modal {\n    \/* Reset *\/\n    border: none;\n    box-shadow: none;\n    \/* Overrides *\/\n    border-radius: @baseBorderRadius;\n    background: @modal-dialog-background;\n    .hook-modal-dialog;\n}\n\n.modal-header { border-color: @global-border; }\n\n.modal-footer {\n    background: @panel-box-background;\n    border-color: @global-border;\n    border-radius: 0 0 @baseBorderRadius @baseBorderRadius;\n    box-shadow: none;\n}\n\n\n\/* Table overrides\n ========================================================================== *\/\n\n.table tbody tr {\n    &.success td {\n        color: @alert-success-color;\n    }\n    &.error td {\n        color: @alert-danger-color;\n    }\n    &.warning > td {\n        color: @alert-warning-color;\n    }\n    &.info td {\n        color: @alert-color;\n    }\n}\n\n\n\/* Code\n ========================================================================== *\/\n\ncode { .hook-base-code; }\n\npre { .hook-base-pre; }\n\n\n\/* Close\n ========================================================================== *\/\n\n.close {\n    color: inherit;\n    &:hover,\n    &:focus {\n        color: inherit;\n    }\n}\n\n\n\/* Joomla Bootstrap Extended\n ========================================================================== *\/\n\na.disabled,\na.disabled:hover {\n    background-color: @button-disabled-background;\n    color: @button-disabled-color;\n    .hook-button;\n    .hook-button-disable;\n}\n\/\/ Copyright (C) YOOtheme GmbH, http:\/\/www.gnu.org\/licenses\/gpl.html GNU\/GPL *\/\n\n\/* ========================================================================\n   Name:            Bootstrap fix\n   Description:     Compatibility layer for Bootstrap\n ========================================================================== *\/\n\n\/* Fixes Bootstrap defacement caused by UIkit\n ========================================================================== *\/\n\nbody {\n    padding-left: 0;\n    padding-right: 0;\n    background-color: transparent;\n    font: inherit;\n    color: inherit;\n}\n\nul.inline, ol.inline,\nul.unstyled, ol.unstyled,\n.list-striped, .list-condensed,\n.nav:not(.nav-list),\n.pager, .pagination ul { padding-left: 0; }\n\n\n\/* Fix text-rendering property in headings\n========================================================================== *\/\nh1, h2, h3, h4, h5, h6 { text-rendering: auto; }\n\n\n\/* Fixes UIkit defacement caused by Bootstrap\n ========================================================================== *\/\n\n\/*\n * Base\n *\/\n\nli, dt, dd { line-height: @global-line-height; }\n\npre {\n    border: 0;\n    border-radius: 0;\n}\n\ncode {\n    padding: 0;\n    border: none;\n    border-radius: 0;\n    background: none;\n}\n\nq:before { content: open-quote; }\nq:after { content: close-quote; }\n\nblockquote p {\n    font-size: inherit;\n    font-weight: inherit;\n    line-height: inherit;\n}\n\nblockquote small { line-height: inherit; }\nblockquote small:before { content: ''; }\n\npre code {\n    border: 0;\n    background-color: inherit;\n    padding: 0;\n}\n\niframe { max-width: none; }\n\n\/*\n * Form\n *\/\n\n.uk-form { margin: 0; }\n\n.uk-form label {\n    display: inline-block;\n    margin: 0;\n    line-height: @global-line-height;\n    font-family: @base-body-font-family;\n    font-size: @global-font-size;\n    font-weight: normal;\n}\n\n.uk-form legend {\n    display: inline-block;\n    margin-bottom: 0;\n    color: inherit;\n}\n\n.uk-form input:not([class*='uk-form-width-']):not([class*='uk-width-']):not([type=\"radio\"]):not([type=\"checkbox\"]),\n.uk-form select:not([class*='uk-form-width-']):not([class*='uk-width-']),\n.uk-form textarea:not([class*='uk-form-width-']):not([class*='uk-width-']) { width: auto; }\n\n.uk-form select,\n.uk-form textarea,\n.uk-form input[type=\"text\"],\n.uk-form input[type=\"password\"],\n.uk-form input[type=\"datetime\"],\n.uk-form input[type=\"datetime-local\"],\n.uk-form input[type=\"date\"],\n.uk-form input[type=\"month\"],\n.uk-form input[type=\"time\"],\n.uk-form input[type=\"week\"],\n.uk-form input[type=\"number\"],\n.uk-form input[type=\"email\"],\n.uk-form input[type=\"url\"],\n.uk-form input[type=\"search\"],\n.uk-form input[type=\"tel\"],\n.uk-form input[type=\"color\"] {\n    height: auto;\n    margin: 0;\n    border-radius: 0;\n    background: none;\n    box-shadow: none;\n\n    \/* Focus state *\/\n    &:focus { box-shadow: none; }\n\n}\n\n.uk-form input[type=\"file\"] { height: auto; }\n\n.uk-form input[type=\"radio\"],\n.uk-form input[type=\"checkbox\"] { vertical-align: baseline; }\n\n\/*\n * Utility\n *\/\n\n.uk-link-reset:focus,\n.uk-link-reset a:focus { text-decoration: none; }\n\n\/*\n * Search\n * Define defaults because search is an addon and may not been loaded by the theme\n *\/\n\n@search-width:                                  120px;\n@search-height:                                 30px;\n@search-padding:                                30px;\n@search-border:                                 rgba(0,0,0,0);\n@search-border-width:                           1px;\n@search-background:                             rgba(0,0,0,0);\n@search-color:                                  #444;\n@offcanvas-search-background:                   #1a1a1a;\n@offcanvas-search-border:                       rgba(0,0,0,0);\n@offcanvas-search-color:                        #ccc;\n.hook-search-field() {}\n.hook-search-field-focus() {}\n.hook-offcanvas-search-field() {}\n\ninput.uk-search-field {\n    \/* Reset *\/\n    -webkit-appearance: none;\n    -moz-box-sizing: border-box;\n    box-sizing: border-box;\n    margin: 0;\n    border-radius: 0;\n    box-shadow: none;\n    font-size: @global-font-size;\n    line-height: normal;\n    \/* Override *\/\n    width: @search-width;\n    height: @search-height;\n    padding: 0 0 0 @search-padding;\n    border: @search-border-width solid @search-border;\n    background: @search-background;\n    color: @search-color;\n    -webkit-transition: all linear 0.2s;\n    transition: all linear 0.2s;\n    \/* Override for themes *\/\n    .hook-search-field;\n}\n\ninput.uk-search-field:focus {\n    \/* Reset *\/\n    border: @search-border-width solid @search-border;\n    background: @search-background;\n    box-shadow: none;\n    \/* Override *\/\n    outline: 0;\n    \/* Override for themes *\/\n    .hook-search-field-focus;\n}\n\n.uk-offcanvas input.uk-search-field {\n    \/* Override *\/\n    width: 100%;\n    border-color: @offcanvas-search-border;\n    background: @offcanvas-search-background;\n    color: @offcanvas-search-color;\n    \/* Override for themes *\/\n    .hook-offcanvas-search-field;\n}\n\n\/*\n * Fixed off-canvas for Windows phones\n *\/\n\n@-ms-viewport{\n    width: auto;\n}\n\n\n\/\/ Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http:\/\/www.yootheme.com\/license) *\/\n\n@baseBorderRadius:          0!important;\n@bs-input-height:           21px;\n\n.input-append.input-prepend input { height: 31px; }\n\n.btn {\n    font-size: @global-font-size;\n    font-weight: 300;\n}\n\n.btn-group > .btn + .dropdown-toggle { box-shadow: inset 0 -1px rgba(0,0,0,0.09); }\n\n.nav-list .divider {\n    margin-left: -15px;\n    margin-right: -15px;\n}\n\nhtml {\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n}\n\n.uk-button,\na.uk-button,\nbutton.uk-button {\n    -webkit-font-smoothing: auto!important;\n    -moz-osx-font-smoothing: auto!important;\n}\n\n\n\/\/ Load UIkit theme\n\/\/ ========================================================================\n\n\/\/ LESS related\n\/\/ Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http:\/\/www.yootheme.com\/license) *\/\n\n\/\/\n\/\/ Component: Variables\n\/\/\n\/\/ ========================================================================\n\n\n\/\/ Global variables\n\/\/ ========================================================================\n\n\/\/\n\/\/ Text\n\/\/\n\n@global-color:                                  #525252;\n@global-muted-color:                            #AAAAAA ;\n\n@global-dark-color:                             #525252;\n\n@global-link-color:                             #b7c261;\n@global-link-hover-color:                       #a5b337;\n\n@global-contrast-color:                         #fff;\n\n@global-font-weight:                            400;\n@global-font-size:                              16px;\n@global-line-height:                            24px;\n\n@global-primary-color:                          #B0BD5A;\n@global-success-color:                          #84ab54;\n@global-warning-color:                          #f3c053;\n@global-danger-color:                           #ea642e;\n\n@global-text-transform:                        \tuppercase;\n\n\/\/\n\/\/ Backgrounds & Borders\n\/\/\n\n@global-background:                             #fff;\n@global-border:                                 #EAEAEA;\n\n@global-primary-background:                     mix(@global-primary-gradient-top, @global-primary-gradient-bottom, 40%);\n@global-success-background:                     mix(@global-success-gradient-top, @global-success-gradient-bottom, 40%);\n@global-warning-background:                     mix(@global-warning-gradient-top, @global-warning-gradient-bottom, 40%);\n@global-danger-background:                      mix(@global-danger-gradient-top, @global-danger-gradient-bottom, 40%);\n\n@global-light-background: \t\t\t\t\t\t#fafafa;\n@global-default-active-background: \t\t\t\t#EEEEEE;\n\n@global-border-radius:                          2px;\n\n\/\/\n\/\/ Gradients\n\/\/\n\n@global-default-gradient-top:                   #FCFCFC;\n@global-default-gradient-bottom:                #FAFAFA;\n\n@global-primary-gradient-top:                   #bbc46a;\n@global-primary-gradient-bottom:                #abb95b;\n\n@global-success-gradient-top:                   #91be59;\n@global-success-gradient-bottom:                #84ab54;\n\n@global-warning-gradient-top:                   #f7cb6b;\n@global-warning-gradient-bottom:                #f3c053;\n\n@global-danger-gradient-top:                    #f77a48;\n@global-danger-gradient-bottom:                 #ea642e;\n\n\n\/\/\n\/\/ Panel\n\/\/\n\n@panel-box-primary-background: #b7c261;\n\n\/\/\n\/\/ Spacings\n\/\/\n\n@global-margin:                                 20px;\n@global-margin-large:                           30px;\n@global-grid-gutter:                            30px;\n@global-grid-gutter-large:                      35px;\n\n\/\/\n\/\/ Controls\n\/\/\n\n@global-height:                                 36px;\n@global-mini-height:                            20px;\n@global-small-height:                           25px;\n@global-large-height:                           40px;\n\n\/\/\n\/\/ Z-index\n\/\/\n\n@global-z-index:                                1000;\n\n\n\/\/ Internal Global variables\n\/\/ ==========================================================================\n\n@global-image-path:                             'images';\n@global-style:                                  'default';\n\n\/\/ Defaults\n\/\/ Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http:\/\/www.yootheme.com\/license) *\/\n\n\/\/\n\/\/ Component: Base\n\/\/\n\/\/ ========================================================================\n\n\n\/\/ Variables\n\/\/ ========================================================================\n\n@base-body-background:                          @global-background;\n@base-body-font-family:                         'Lato';\n@base-body-font-weight:                         @global-font-weight;\n@base-body-font-size:                           @global-font-size;\n@base-body-line-height:                         @global-line-height;\n@base-body-color:                               @global-color;\n\n@base-link-color:                               @global-link-color;\n@base-link-hover-color:                         @global-link-hover-color;\n@base-em-color:                                 #9C3302;\n@base-ins-background:                           darken(@global-light-background, 5%);\n@base-ins-color:                                @global-color;\n\n@base-mark-background:                         \tfade(@global-primary-background, 30%);\n@base-mark-color:                               darken(@global-link-color, 25%);\n\n@base-selection-background:                     fade(@global-primary-background, 80%);\n\n@base-margin-vertical:                          @global-margin;\n\n@base-heading-font-family:                      'Lato';\n@base-heading-font-weight:                      700;\n@base-heading-color:                            @global-dark-color;\n@base-heading-text-transform:                  \t@global-text-transform;\n@base-heading-margin-top:                       @global-margin-large;\n@base-h1-font-size:                             round((@global-font-size * 2.375)); \/\/ 38px\n@base-h1-line-height:                           round((@base-h1-font-size * 1.26)); \/\/ 46px\n@base-h2-font-size:                             round((@global-font-size * 2)); \/\/ 32px\n@base-h2-line-height:                           round((@base-h2-font-size * 1.25)); \/\/ 40px\n@base-h3-font-size:                             round((@global-font-size * 1.62)); \/\/ 26px\n@base-h3-line-height:                           round((@base-h3-font-size * 1.3)); \/\/ 34px\n@base-h4-font-size:                             round((@global-font-size * 1.125)); \/\/ 18px\n@base-h4-line-height:                           round((@base-h4-font-size * 1.4)); \/\/ 26px\n@base-h5-font-size:                             @global-font-size; \/\/ 16px\n@base-h5-line-height:                           @global-line-height; \/\/ 24px\n@base-h6-font-size:                             round((@global-font-size * 0.85)); \/\/ 12px\n@base-h6-line-height:                           round((@base-h6-font-size * 1.5)); \/\/ 18px\n\n@base-hr-border:                                @global-border;\n\n@base-blockquote-border:                        @global-border;\n@base-blockquote-small-color:                   @global-muted-color;\n@base-blockquote-font-size:                     round((@global-font-size * 1.14)); \/\/ 16px\n@base-blockquote-line-height:                   round((@base-blockquote-font-size * 1.37)); \/\/ 22px\n\n@base-code-color:                               @global-color;\n@base-code-font-size:                           round((@global-font-size * 0.9)); \/\/ 13px\n\n@base-pre-background:                           @global-light-background;\n@base-pre-color:                                @global-color;\n@base-pre-font-size:                            round((@global-font-size * 0.85)); \/\/ 12px\n@base-pre-line-height:                          round((@base-pre-font-size * 1.5)); \/\/ 18px\n\n\/\/\n\/\/ New\n\/\/\n\n@base-code-border:                              @global-border;\n@base-code-border-radius: \t\t\t\t\t\t@global-border-radius;\n@base-code-background:                          @global-light-background;\n\n@base-pre-border:                               @global-border;\n@base-pre-border-radius: \t\t\t\t\t\t@global-border-radius;\n\n@base-heading-letter-spacing:                   0;\n\n\n\/\/ Body\n\/\/ ========================================================================\n\n.hook-base-body() {}\n\n\n\/* Text-level semantics\n========================================================================== *\/\n\n\n\/*\n * Links\n *\/\n\na:hover {\n    text-decoration: none;\n    -webkit-transition: color.1s ease-in-out;\n    transition: color.1s ease-in-out;\n}\n\n\n\n\/\/ Code and preformatted text\n\/\/ ========================================================================\n\n.hook-base-code() {\n\tpadding: 2px 4px;\n    border: 1px solid @base-code-border;\n    border-radius: @base-code-border-radius;\n    background: @base-code-background;\n}\n\n.hook-base-code-reset() {\n\tpadding: 0;\n    border: 0;\n    background: transparent;\n    box-shadow: none;\n}\n\n.hook-base-pre() {\n\tborder: 1px solid @base-pre-border;\n\tborder-radius: @base-pre-border-radius;\n}\n\n\n\/\/ Miscellaneous\n\/\/ ========================================================================\n\n.hook-base-misc() {\n\n    h1, h2, h3, h4, h5, h6 { letter-spacing: @base-heading-letter-spacing; }\n\n}\n\n\/\/ Layout\n\/\/ Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http:\/\/www.yootheme.com\/license) *\/\n\n\/\/\n\/\/ Component: Grid\n\/\/\n\/\/ ========================================================================\n\n\n\/\/ Variables\n\/\/ ========================================================================\n\n@grid-gutter-horizontal:                        @global-grid-gutter;\n@grid-gutter-vertical:                          @global-grid-gutter;\n\n@grid-gutter-large-horizontal:                  @global-grid-gutter-large;\n@grid-gutter-large-vertical:                    @global-grid-gutter-large;\n\n@grid-divider-border:                           @global-border;\n@grid-divider-border-width:                     2px;\n\n\/\/\n\/\/ New\n\/\/\n\n@grid-divider-border-style:                     dotted;\n\n\n\/\/ Miscellaneous\n\/\/ ========================================================================\n\n.hook-grid-misc() {\n\n    \/*\n     * Horizontal divider\n     *\n     *\/\n\n    .uk-grid-divider > [class*='uk-width-1-']:not(.uk-width-1-1):nth-child(n+2),\n    .uk-grid-divider > [class*='uk-width-2-']:nth-child(n+2),\n    .uk-grid-divider > [class*='uk-width-3-']:nth-child(n+2),\n    .uk-grid-divider > [class*='uk-width-4-']:nth-child(n+2),\n    .uk-grid-divider > [class*='uk-width-5-']:nth-child(n+2),\n    .uk-grid-divider > [class*='uk-width-6-']:nth-child(n+2),\n    .uk-grid-divider > [class*='uk-width-7-']:nth-child(n+2),\n    .uk-grid-divider > [class*='uk-width-8-']:nth-child(n+2),\n    .uk-grid-divider > [class*='uk-width-9-']:nth-child(n+2) {\n                border-left-style: @grid-divider-border-style;\n                -webkit-border-image: url(\"\/templates\/yoo_eat\/less\/uikit\/@{global-image-path}\/border_dotted_vertical.svg\") 0 0 0 2 repeat;\n                border-image: url(\"\/templates\/yoo_eat\/less\/uikit\/@{global-image-path}\/border_dotted_vertical.svg\") 0 0 0 2 repeat;\n    }\n\n\n    \/* Tablet and bigger *\/\n    @media (min-width: @breakpoint-medium) {\n\n        .uk-grid-divider > [class*='uk-width-medium-']:not(.uk-width-medium-1-1):nth-child(n+2) {\n\n                border-left-style: @grid-divider-border-style;\n                -webkit-border-image: url(\"\/templates\/yoo_eat\/less\/uikit\/@{global-image-path}\/border_dotted_vertical.svg\") 0 0 0 2 repeat;\n                border-image: url(\"\/templates\/yoo_eat\/less\/uikit\/@{global-image-path}\/border_dotted_vertical.svg\") 0 0 0 2 repeat;\n            }\n\n    }\n\n    \/* Desktop and bigger *\/\n    @media (min-width: @breakpoint-large) {\n\n        .uk-grid-divider > [class*='uk-width-large-']:not(.uk-width-large-1-1):nth-child(n+2) {\n                border-left-style: @grid-divider-border-style;\n                -webkit-border-image: url(\"\/templates\/yoo_eat\/less\/uikit\/@{global-image-path}\/border_dotted_vertical.svg\") 0 0 0 2 repeat;\n                border-image: url(\"\/templates\/yoo_eat\/less\/uikit\/@{global-image-path}\/border_dotted_vertical.svg\") 0 0 0 2 repeat;\n\n        }\n\n    }\n\n\n}\n\n\/\/ Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http:\/\/www.yootheme.com\/license) *\/\n\n\/\/\n\/\/ Component: Panel\n\/\/\n\/\/ ========================================================================\n\n\n\/\/ Variables\n\/\/ ========================================================================\n\n@panel-title-margin-bottom:                     @global-margin;\n@panel-title-font-size:                         round((@global-font-size * 1.125)); \/\/ 18px\n@panel-title-line-height:                       round((@panel-title-font-size * 1.4)); \/\/ 26px\n@panel-title-color:                             @global-dark-color;\n@panel-title-font-weight:                       700;\n@panel-title-text-transform:                    @global-text-transform;\n\n@panel-box-padding:                             30px;\n@panel-box-background:                          #fff;\n@panel-box-color:                               @global-color;\n@panel-box-title-color:                         @global-dark-color;\n@panel-box-badge-top:                           0;\n@panel-box-badge-right:                         10px;\n\n@panel-box-primary-background:                  #b7c261;\n@panel-box-primary-color:                       fade(@global-contrast-color, 90%);\n@panel-box-primary-title-color:                 @global-contrast-color;\n\n@panel-box-secondary-background:                @global-light-background;\n@panel-box-secondary-color:                     @global-color;\n@panel-box-secondary-title-color:               @global-dark-color;\n\n@panel-header-title-border:                     rgba(0,0,0,0);\n@panel-header-title-color:                      @panel-title-color;\n\n@panel-divider-gutter:                          @global-grid-gutter;\n@panel-divider-gutter-large:                    @global-grid-gutter-large;\n@panel-divider-border:                          @global-border;\n\n\/\/\n\/\/ New\n\/\/\n\n@panel-box-border: \t\t\t\t\t\t\t    @global-border;\n\n@panel-box-primary-link-color:                  saturate(shade(@panel-box-primary-background, 40%), 20%);\n@panel-box-primary-link-hover-color:            shade(@panel-box-primary-link-color, 15%);\n@panel-box-primary-box-shadow:                  fade(darken(@panel-box-primary-background, 10%), 80%);\n\n@panel-hover-border:                            @global-border;\n@panel-hover-hover-background:                  #fff;\n@panel-hover-padding:                           30px;\n@panel-hover-badge-top:                         0;\n@panel-hover-badge-right:                       10px;\n\n\n\/\/ Sub-object: `uk-panel-title`\n\/\/ ========================================================================\n\n.hook-panel-title() {}\n\n\n\/\/ Sub-object: `uk-panel-badge`\n\/\/ ========================================================================\n\n.hook-panel-badge() {}\n\n\n\/\/ Modifier: `uk-panel-box`\n\/\/ ========================================================================\n\n.hook-panel-box() { border: 1px solid @panel-box-border; }\n\n.hook-panel-box-hover() {}\n\n\/\/\n\/\/ Sub-modifier: `uk-panel-box-primary`\n\/\/\n\n.hook-panel-box-primary() {\n\n    border: none;\n    box-shadow: inset 0 0 9px @panel-box-primary-box-shadow;\n\n    > a:not([class]),\n    > :not([class*='uk-nav']) a:not([class]) { color: @panel-box-primary-link-color; }\n\n    > a:not([class]):hover,\n    > :not([class*='uk-nav']) a:not([class]):hover { color: @panel-box-primary-link-hover-color; }\n\n\t&:before { content: none; }\n}\n\n.hook-panel-box-primary-hover() {}\n\n\/\/\n\/\/ Sub-modifier: `uk-panel-box-secondary`\n\/\/\n\n.hook-panel-box-secondary() {\n\n    &:before { content: none; }\n\n}\n\n.hook-panel-box-secondary-hover() {}\n\n\n\/\/ Modifier: `uk-panel-hover`\n\/\/ ========================================================================\n\n.hook-panel-hover() { border: 1px solid transparent; }\n\n.hook-panel-hover-hover() { border-color: @panel-hover-border; }\n\n\n\/\/ Modifier: `uk-panel-header`\n\/\/ ========================================================================\n\n.hook-panel-header() {\n\n    &.uk-panel-title:after {\n        content: \"\";\n        display: block;\n        height: 10px;\n        margin-top: 10px;\n        background: url(\"\/templates\/yoo_eat\/less\/uikit\/@{global-image-path}\/@{global-style}\/border_striped_horizontal.png\") 0 0 repeat-x;\n    }\n\n}\n\n\n\/\/ Miscellaneous\n\/\/ ========================================================================\n\n.hook-panel-misc() {}\n\/\/ Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http:\/\/www.yootheme.com\/license) *\/\n\n\/\/\n\/\/ Component: Article\n\/\/\n\/\/ ========================================================================\n\n\n\/\/ Variables\n\/\/ ========================================================================\n\n@article-margin-top:                            @global-margin-large;\n\n@article-title-font-size:                       round((@global-font-size * 2.5)); \/\/ 40px\n@article-title-line-height:                     round((@article-title-font-size * 1.05)); \/\/ 42px\n@article-title-font-weight:                    \t700;\n\n@article-title-text-transform:                  @global-text-transform;\n\n@article-meta-font-size:                        round((@global-font-size * 1.14)); \/\/ 16px\n@article-meta-line-height:                      round((@article-meta-font-size * 1.5)); \/\/ 18px\n@article-meta-color:                            #777777;\n\n@article-lead-color:                            fade(@global-dark-color, 80%);\n@article-lead-font-size:                        round((@global-font-size * 1.28)); \/\/ 18px\n@article-lead-line-height:                      round((@article-lead-font-size * 1.33)); \/\/ 24px\n\n@article-divider-margin:                        @global-margin-large;\n@article-divider-border:                        @global-border;\n\n\/\/\n\/\/ New\n\/\/\n\n@article-meta-font-family: \t\t\t\t\t\t'Times New Roman';\n@article-meta-font-style: \t\t\t\t\t\titalic;\n\n\n\/\/ Sub-object `uk-article-title`\n\/\/ ========================================================================\n\n.hook-article-title() {}\n\n\n\/\/ Sub-object `uk-article-meta`\n\/\/ ========================================================================\n\n.hook-article-meta() {\n\tfont-family: @article-meta-font-family;\n\tfont-style: @article-meta-font-style;\n}\n\n\n\/\/ Sub-object `uk-article-lead`\n\/\/ ========================================================================\n\n.hook-article-lead() {}\n\n\n\/\/ Sub-object `uk-article-divider`\n\/\/ ========================================================================\n\n.hook-article-divider() {}\n\n\n\/\/ Miscellaneous\n\/\/ ========================================================================\n\n.hook-article-misc() {}\n\/\/ Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http:\/\/www.yootheme.com\/license) *\/\n\n\/\/\n\/\/ Component: Comment\n\/\/\n\/\/ ========================================================================\n\n\n\/\/ Variables\n\/\/ ========================================================================\n\n@comment-header-margin-bottom:                  @global-margin;\n\n@comment-avatar-margin-right:                   @global-margin;\n\n@comment-title-font-size:                       round((@global-font-size * 1.14)); \/\/ 16px\n@comment-title-line-height:                     round((@comment-title-font-size * 1.37)); \/\/ 22px\n\n@comment-meta-color:                            @global-muted-color;\n@comment-meta-font-size:                        round((@global-font-size * 0.78)); \/\/ 11px\n@comment-meta-line-height:                      round((@comment-meta-font-size * 1.45)); \/\/ 16px\n\n@comment-list-margin-top:                       @global-margin;\n\n\/\/\n\/\/ New\n\/\/\n\n@comment-avatar-border-width:                   3px;\n@comment-avatar-border:                         #fff;\n@comment-avatar-border-radius:                  100px;\n\n@comment-primary-padding: \t\t\t\t\t\t@global-margin;\n@comment-primary-background: \t\t\t\t\t@global-light-background;\n@comment-primary-box-shadow: \t\t\t\t\trgba(0,0,0,0.03);\n@comment-primary-border: \t\t\t\t\t\t@global-border;\n\n\n\/\/ Component\n\/\/ ========================================================================\n\n.hook-comment() {}\n\n\n\/\/ Sub-object `uk-comment-header`\n\/\/ ========================================================================\n\n.hook-comment-header() {}\n\n\n\/\/ Sub-object `uk-comment-avatar`\n\/\/ ========================================================================\n\n.hook-comment-avatar() {\n\tborder: @comment-avatar-border-width solid @comment-avatar-border;\n    border-radius: @comment-avatar-border-radius;\n\tbox-shadow: 0 1px 1px rgba(0,0,0,0.2);\n}\n\n\n\/\/ Sub-object `uk-comment-title`\n\/\/ ========================================================================\n\n.hook-comment-title() { font-weight: 700; }\n\n\n\/\/ Sub-object `uk-comment-meta`\n\/\/ ========================================================================\n\n.hook-comment-meta() {}\n\n\n\/\/ Sub-object `uk-comment-body`\n\/\/ ========================================================================\n\n.hook-comment-body() {}\n\n\n\/* Modifier `uk-comment-primary`\n ========================================================================== *\/\n\n.hook-comment-primary {\n\tpadding: @comment-primary-padding;\n\tbackground: @comment-primary-background;\n\tbox-shadow: inset 0 0 14px @comment-primary-box-shadow;\n\tborder: 1px solid @comment-primary-border;\n}\n\n\n\/\/ Miscellaneous\n\/\/ ========================================================================\n\n.hook-comment-misc() {}\n\n\/\/ Navs\n\/\/ Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http:\/\/www.yootheme.com\/license) *\/\n\n\/\/\n\/\/ Component: Nav\n\/\/\n\/\/ ========================================================================\n\n\n\/\/ Variables\n\/\/ ========================================================================\n\n@nav-padding-vertical:                          7px;\n\n@nav-header-font-size:                          round((@global-font-size * 0.75)); \/\/ 12px\n@nav-header-margin-top:                         @global-margin;\n@nav-header-padding-horizontal:                 15px;\n\n@nav-divider-margin-vertical:                   0;\n@nav-divider-margin-horizontal:                 0;\n\n@nav-subtitle-font-size:                        round((@global-font-size * 0.85)); \/\/ 12px\n@nav-subtitle-line-height:                      round((@nav-subtitle-font-size * 1.5)); \/\/ 18px\n@nav-sub-padding-vertical:                      10px;\n@nav-sub-padding-left:                          0;\n@nav-parent-icon-width:                         @global-line-height;\n@nav-parent-icon-margin-right:                  0;\n\n@nav-side-color:                                fade(@global-color, 60%);\n@nav-side-hover-background:                     rgba(0,0,0,0);\n@nav-side-hover-color:                          @global-dark-color;\n@nav-side-active-background:                    rgba(0,0,0,0);\n@nav-side-active-color:                         @global-dark-color;\n@nav-side-header-color:                         fade(@global-color, 85%);\n@nav-side-divider-border:                       @global-border;\n@nav-side-nested-color:                         @global-muted-color;\n@nav-side-nested-hover-color:                  \t@global-dark-color;\n\n@nav-dropdown-color:                            lighten(@global-color, 30%);\n@nav-dropdown-hover-background:                 rgba(0,0,0,0);\n@nav-dropdown-hover-color:                      #111;\n@nav-dropdown-header-color:                     @global-dark-color;\n@nav-dropdown-divider-border:                   @global-border;\n@nav-dropdown-nested-color:                     @global-muted-color;\n@nav-dropdown-nested-hover-color:               @global-dark-color;\n\n@nav-navbar-color:                              @global-dark-color;\n@nav-navbar-hover-background:                   @global-light-background;\n@nav-navbar-hover-color:                        @global-dark-color;\n@nav-navbar-header-color:                       @global-dark-color;\n@nav-navbar-divider-border:                     fade(@global-border, 50%);\n@nav-navbar-nested-color:                       fade(@nav-navbar-color, 50%);\n@nav-navbar-nested-hover-color:                 @global-dark-color;\n\n@nav-offcanvas-color:                           @offcanvas-panel-link-color;\n@nav-offcanvas-hover-background:                lighten(@offcanvas-bar-background, 5%);\n@nav-offcanvas-hover-color:                     @offcanvas-panel-link-hover-color;\n@nav-offcanvas-active-background:               darken(@offcanvas-bar-background, 5%);\n@nav-offcanvas-active-color:                    @offcanvas-panel-link-hover-color;\n@nav-offcanvas-header-color:                    @offcanvas-panel-color;\n@nav-offcanvas-divider-border:                  darken(@offcanvas-bar-background, 10%);\n@nav-offcanvas-nested-color:                    @offcanvas-panel-link-color;\n@nav-offcanvas-nested-hover-color:              @global-contrast-color;\n\n\/\/\n\/\/ New\n\/\/\n\n@nav-header-font-weight: \t\t\t\t\t\tbold;\n@nav-border: \t\t\t\t\t\t\t\t\t@global-border;\n@nav-divider-height: \t\t\t\t\t\t\t3px;\n\n@nav-sub-background: \t\t\t\t\t\t\t@nav-navbar-hover-background;\n\n@nav-side-open-color: \t\t\t\t\t\t\t@global-dark-color;\n\n@nav-dropdown-active-color:                     @global-dark-color;\n\n@nav-navbar-active-background:                  @nav-navbar-hover-background;\n\n@nav-offcanvas-sub-nav-background:              rgba(255, 255, 255, 0.05);\n@nav-offcanvas-border:                          rgba(255, 255, 255, 0.05);\n\n\n\/\/ Sub-object: `uk-nav-header`\n\/\/ ========================================================================\n\n.hook-nav-header() { font-weight: @nav-header-font-weight; }\n\n\n\/\/ Sub-object: `uk-nav-divider`\n\/\/ ========================================================================\n\n.hook-nav-divider() { border-width: @nav-divider-height!important; }\n\n\n\/\/ Sub-object: `uk-nav-sub`\n\/\/ ========================================================================\n\n.hook-nav-sub() {\n    padding: 10px 20px;\n    border-top: 1px solid @nav-border;\n\tbackground: @nav-sub-background;\n}\n\n\n\/\/ Modifier: `uk-nav-parent-icon`\n\/\/ ========================================================================\n\n.hook-nav-parent-icon() {}\n\n\n\/\/ Modifier `uk-nav-side`\n\/\/ ========================================================================\n\n\/\/\n\/\/ Items\n\/\/\n\n.hook-nav-side() { padding: @nav-padding-vertical 0; }\n\n\/\/ Hover\n.hook-nav-side-hover() {}\n\n\/\/ Active\n.hook-nav-side-active() {}\n\n\/\/\n\/\/ Sub-object: `uk-nav-header`\n\/\/\n\n.hook-nav-side-header() { padding: @nav-padding-vertical 0; }\n\n\/\/\n\/\/ Sub-object: `uk-nav-divider`\n\/\/\n\n.hook-nav-side-divider() {}\n\n\n\/\/ Modifier `uk-nav-dropdown`\n\/\/ ========================================================================\n\n\/\/\n\/\/ Items\n\/\/\n\n.hook-nav-dropdown() {}\n\n\/\/ Hover\n.hook-nav-dropdown-hover() {}\n\n\/\/\n\/\/ Sub-object: `uk-nav-header`\n\/\/\n\n.hook-nav-dropdown-header() { font-weight: @nav-header-font-weight; }\n\n\/\/\n\/\/ Sub-object: `uk-nav-divider`\n\/\/\n\n.hook-nav-dropdown-divider() {}\n\n\n\/\/ Modifier `uk-nav-navbar`\n\/\/ ========================================================================\n\n\/\/\n\/\/ Items\n\/\/\n\n.hook-nav-navbar() {\n    -webkit-transition: background-color 0.1s ease-in-out;\n    transition: background-color 0.1s ease-in-out;\n}\n\n\/\/ Hover\n.hook-nav-navbar-hover() { }\n\n\/\/\n\/\/ Sub-object: `uk-nav-header`\n\/\/\n\n.hook-nav-navbar-header() { padding-left: @nav-padding-horizontal; }\n\n\/\/\n\/\/ Sub-object: `uk-nav-divider`\n\/\/\n\n.hook-nav-navbar-divider() {}\n\n\n\/\/ Modifier `uk-nav-offcanvas`\n\/\/ ========================================================================\n\n.hook-nav-offcanvas-link() {}\n.hook-nav-offcanvas-link-hover() {}\n\n\/\/\n\/\/ Items\n\/\/\n\n.hook-nav-offcanvas() {\n    position: relative;\n    border-top: 1px solid rgba(0,0,0,0.3);\n    box-shadow: inset 0 1px 0 rgba(255,255,255,0.05);\n}\n\n\/\/ Hover\n.hook-nav-offcanvas-hover() {}\n\n\/\/ Active\n.hook-nav-offcanvas-active() {\n\n    box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);\n\n    &:before {\n        content: \"\";\n        display: block;\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 2px;\n        height: (@global-line-height + (2 * @nav-offcanvas-padding-vertical));\n        border: 1px solid rgba(0, 0, 0, 0.06);\n        background: @global-primary-background;\n        background-image: -webkit-linear-gradient(top, @global-primary-gradient-top, @global-primary-gradient-bottom);\n        background-image: linear-gradient(to bottom, @global-primary-gradient-top, @global-primary-gradient-bottom);\n    }\n\n}\n\n\/\/\n\/\/ Sub-object: `uk-nav-header`\n\/\/\n\n.hook-nav-offcanvas-header() { padding: @nav-offcanvas-padding-vertical @nav-offcanvas-padding-horizontal; }\n\n\/\/\n\/\/ Sub-object: `uk-nav-divider`\n\/\/\n\n.hook-nav-offcanvas-divider() { box-shadow: inset 0 1px 3px rgba(0,0,0,0.3); }\n\n\n\/\/ Miscellaneous\n\/\/ ========================================================================\n\n.hook-nav-misc() {\n\n    \/\/ Modifier `uk-nav-dropdown`\n    \/\/ ==========================================================================\n\n    \/\/ Active\n    .uk-nav-dropdown > .uk-active > a { color: @nav-dropdown-active-color; }\n\n    \/\/ Modifier `uk-nav-navbar`\n    \/\/ ==========================================================================\n\n    \/\/ Active\n    .uk-nav-navbar > .uk-active > a { background-color: @nav-navbar-active-background; }\n\n\t\/\/ Modifier `uk-nav-side`\n    \/\/ ==========================================================================\n\n    .uk-nav-side > li:not(.uk-nav-header) + li > a { border-top: 1px solid @nav-border; }\n\n    \/\/ Open\n    .uk-nav-side > .uk-open > a { color: @nav-side-open-color; }\n\n\n\t\/\/ Modifier `uk-nav-navbar`\n    \/\/ ==========================================================================\n\n    \/\/ Different Link within a panel\n\t.uk-nav-navbar.uk-panel > li > a {\n\n        color: @dropdown-navbar-color;\n\n        &:hover { color: @nav-navbar-hover-color; }\n\n    }\n\n    .uk-nav-offcanvas {\n        border-bottom: 1px solid rgba(0,0,0,0.3);\n        box-shadow: 0 1px 0 rgba(255,255,255,0.05);\n    }\n\n    \/\/ Open\n    .uk-nav-offcanvas ul.uk-nav-sub {\n        border-top-color: none;\n        background: @nav-offcanvas-sub-nav-background;\n    }\n\n    \/* Sub-object: `uk-nav-sub` *\/\n    .uk-nav-offcanvas ul.uk-nav-sub {\n        border-top: 1px solid rgba(0,0,0,0.3);\n        box-shadow: inset 0 1px 0 rgba(255,255,255,0.05);\n    }\n\n    \/\/ Modifier: `uk-panel-box`\n    \/\/ ==========================================================================\n\n    .uk-panel-box .uk-nav-side { margin: 0; }\n\n    .uk-panel-box .uk-open + li a { border-top: transparent; }\n\n    .uk-panel-box .uk-nav-side .uk-nav-header { padding-left: 0; }\n\n    .uk-panel-box .uk-nav-side .uk-nav-sub {\n        background: none;\n        border-top: transparent;\n    }\n\n    .uk-panel-box .uk-open.uk-parent {\n\n        ul.uk-nav-sub { background: @nav-sub-background; }\n\n        > a { border-bottom: 1px solid @nav-border; }\n\n    }\n\n}\n\/\/ Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http:\/\/www.yootheme.com\/license) *\/\n\n\/\/\n\/\/ Component: Navbar\n\/\/\n\/\/ ========================================================================\n\n\n\/\/ Variables\n\/\/ ========================================================================\n\n@navbar-background:                            \t#fff;\n@navbar-color:                                  #77797a;\n@navbar-link-color:                             @global-link-color;\n@navbar-link-hover-color:                       @global-link-hover-color;\n@navbar-nav-height:                             60px;\n@navbar-nav-line-height:                        @navbar-nav-height;\n@navbar-nav-color:                              @global-muted-color;\n@navbar-nav-font-weight:                        400;\n@navbar-nav-font-family:                        'Lato';\n@navbar-nav-hover-background:                   #fff;\n@navbar-nav-hover-color:                        @global-dark-color;\n@navbar-nav-onclick-color:                      @global-color;\n@navbar-nav-active-color:                       @global-dark-color;\n\n@navbar-nav-active-background:                  rgba(0,0,0,0);\n\n@navbar-brand-font-size:                        round((@global-font-size * 1.28)); \/\/ 18px\n@navbar-brand-color:                            @global-color;\n@navbar-brand-hover-color:                      @global-color;\n\n@navbar-toggle-font-size:                       round((@global-font-size * 1.28)); \/\/ 18px\n@navbar-toggle-color:                           @global-color;\n@navbar-toggle-hover-color:                     @global-color;\n\n\/\/\n\/\/ New\n\/\/\n\n@navbar-border:                                 @global-border;\n\n@navbar-nav-text-transform:                     uppercase;\n@navbar-nav-active-font-weight:                 bold;\n\n\n\/\/ Component\n\/\/ ========================================================================\n\n.hook-navbar() { border-top: 1px solid @navbar-border; }\n\n\n\/\/ Sub-object: `uk-navbar-nav`\n\/\/ ========================================================================\n\n.hook-navbar-nav() {\n   \tbackground-image: linear-gradient(@navbar-nav-hover-background, @navbar-nav-hover-background 50%, @navbar-background 50%, @navbar-background);\n   \tbackground-position: 0 100%;\n   \tbackground-size: 100% 210%;\n   \ttext-transform: @navbar-nav-text-transform;\n}\n\n\/\/ Hover\n.hook-navbar-nav-hover() {\n\tbackground-position: 0 0;\n\t-webkit-transition: all 0.2s ease-in-out;\n   \ttransition: all 0.2s ease-in-out;\n}\n\n\/\/ OnClick\n.hook-navbar-nav-onclick() {}\n\n\/\/ Active\n.hook-navbar-nav-active() {\n\n  font-weight: @navbar-nav-active-font-weight;\n\n\t&:hover { color: @navbar-nav-hover-color; }\n\n}\n\n\n\/\/ Sub-object: `uk-navbar-content`\n\/\/ ========================================================================\n\n.hook-navbar-content() {}\n\n\n\/\/ Miscellaneous\n\/\/ ========================================================================\n\n.hook-navbar-misc() {\n\n\t.uk-navbar-nav > .uk-active.uk-open > a { color: @navbar-nav-hover-color; }\n\n  .uk-navbar-toggle { padding: 0; }\n\n}\n\/\/ Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http:\/\/www.yootheme.com\/license) *\/\n\n\/\/\n\/\/ Component: Subnav\n\/\/\n\/\/ ========================================================================\n\n\n\/\/ Variables\n\/\/ ========================================================================\n\n@subnav-color:                                  @global-color;\n@subnav-hover-color:                            fade(@global-color, 70%);\n@subnav-active-color:                           @subnav-hover-color;\n\n@subnav-line-border:                            darken(@global-border, 10%);\n\n@subnav-pill-hover-color:                       fade(@global-color, 80%);\n@subnav-pill-hover-background:                  #FCFCFC;\n@subnav-pill-active-background:                 @global-primary-background;\n@subnav-pill-active-color:                      @global-contrast-color;\n\n@subnav-disabled-color:                         @global-muted-color;\n\n\/\/\n\/\/ New\n\/\/\n\n@subnav-pill-hover-border:                      rgba(0,0,0,0.1);\n@subnav-pill-active-border:                     rgba(0,0,0,0.07);\n@subnav-pill-background:                        #FCFCFC;\n@subnav-pill-border:                            @global-border;\n\n\n\/\/ Component\n\/\/ ========================================================================\n\n\/\/\n\/\/ Items\n\/\/\n\n.hook-subnav() {}\n\n\/\/ Hover\n.hook-subnav-hover() {}\n\n\/\/ Active\n.hook-subnav-active() {}\n\n\n\/\/ Modifier: `uk-subnav-line'\n\/\/ ========================================================================\n\n.hook-subnav-line-divider() {}\n\n\n\/\/ Modifier: `uk-subnav-pill'\n\/\/ ========================================================================\n\n.hook-subnav-pill() {\n    padding: 3px 8px;\n    border: 1px solid @subnav-pill-border;\n    border-radius: 1px;\n    background: @subnav-pill-background;\n}\n\n\/\/ Hover\n.hook-subnav-pill-hover() {\n    border-color: @subnav-pill-hover-border;\n    -webkit-transition: none;\n    transition: none;\n}\n\n\/\/ Active\n.hook-subnav-pill-active() { border-color: @subnav-pill-active-border; }\n\n\n\/\/ Disabled state\n\/\/ ========================================================================\n\n.hook-subnav-disabled() {}\n\n\n\/\/ Miscellaneous\n\/\/ ========================================================================\n\n.hook-subnav-misc() {\n\n    .uk-subnav { font-weight: 400; }\n\n    .uk-subnav > li > a:hover { text-decoration: none; }\n\n}\n\/\/ Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http:\/\/www.yootheme.com\/license) *\/\n\n\/\/\n\/\/ Component: Breadcrumb\n\/\/\n\/\/ ========================================================================\n\n\n\/\/ Variables\n\/\/ ========================================================================\n\n@breadcrumb-divider:                            \"\\f105\";\n@breadcrumb-disabled-color:                     @global-muted-color;\n\n\n\/\/ Component\n\/\/ ========================================================================\n\n.hook-breadcrumb() {}\n\n\n\/\/ Items\n\/\/ ========================================================================\n\n.hook-breadcrumb-divider() { \n\tmargin: 1px @breadcrumb-divider-margin;\n\tcolor: @global-link-color;\n\tfont-family: \"FontAwesome\";\n}\n\n\n\/\/ Miscellaneous\n\/\/ ========================================================================\n\n.hook-breadcrumb-misc() {}\n\/\/ Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http:\/\/www.yootheme.com\/license) *\/\n\n\/\/\n\/\/ Component: Pagination\n\/\/\n\/\/ ========================================================================\n\n\n\/\/ Variables\n\/\/ ========================================================================\n\n@pagination-line-height:                        @global-line-height;\n@pagination-background:                        \t@global-light-background;\n@pagination-color:                              @global-color;\n@pagination-hover-color:                        fade(@global-color, 80%);\n@pagination-onclick-color:                      @global-color;\n@pagination-onclick-background:                 @global-default-active-background;\n\n@pagination-active-background:                  @global-primary-background;\n@pagination-active-color:                       @global-contrast-color;\n\n@pagination-disabled-background:                @global-light-background;\n@pagination-disabled-color:                     @global-muted-color;\n\n\/\/\n\/\/ New\n\/\/\n\n@pagination-border:                             #DEDEDE;\n\n\/\/ Component\n\/\/ ========================================================================\n\n.hook-pagination-item() {\n\tpadding: 5px 7px;\n\tborder: 1px solid @pagination-border;\n}\n\n\n\/\/ Items\n\/\/ ========================================================================\n\n.hook-pagination-link() {}\n\n.hook-pagination-link-hover() {}\n\n.hook-pagination-link-active() { position: relative; }\n\n\/\/\n\/\/ Active\n\/\/\n\n.hook-pagination-active() { border-color: darken(@pagination-active-background, 10%); }\n\n\/\/\n\/\/ Disabled\n\/\/\n\n.hook-pagination-disabled() {}\n\n\n\/\/ Miscellaneous\n\/\/ ========================================================================\n\n.hook-pagination-misc() {\n\n\t.uk-pagination > li:nth-child(n+2) { margin-left: -1px; }\n\n    .uk-pagination > li > a.previous { margin-right: 10px; }\n    .uk-pagination > li > a.next { margin-left: 10px; }\n\n    .uk-pagination .uk-active { position: relative; }\n\n}\n\/\/ Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http:\/\/www.yootheme.com\/license) *\/\n\n\/\/\n\/\/ Component: Tab\n\/\/\n\/\/ ========================================================================\n\n\n\/\/ Variables\n\/\/ ========================================================================\n\n@tab-border:                                    @global-border;\n@tab-padding-horizontal:                        20px;\n@tab-padding-vertical:                          10px;\n@tab-hover-border:                              @global-border;\n@tab-color:                                     @global-color;\n@tab-hover-background:                          @global-light-background;\n@tab-hover-color:                               fade(@global-color, 80%);\n@tab-active-border:                             @global-border;\n@tab-active-background:                         @global-background;\n@tab-active-color:                              @global-dark-color;\n@tab-disabled-color:                            @global-muted-color;\n\n\n\/\/ Component\n\/\/ ========================================================================\n\n\/\/\n\/\/ Items\n\/\/\n\n.hook-tab() { font-weight: 400; }\n\n\/\/ Hover\n.hook-tab-hover() {}\n\n\/\/ Active\n.hook-tab-active() { font-weight: 600;}\n\n\/\/ Disabled\n.hook-tab-disabled() {}\n\n\n\/\/ Miscellaneous\n\/\/ ========================================================================\n\n.hook-tab-misc() {\n\n\t.uk-tab > li:nth-child(n+2) > a { margin-left: -1px; }\n    .uk-tab-flip > li:nth-child(n+2) > a { margin-right: -1px; }\n    .uk-tab-left > li:nth-child(n+2) > a { margin: -1px 0 0 0; }\n    .uk-tab-right > li:nth-child(n+2) > a { margin-top: -1px; }\n    .uk-tab-right > li:not(.uk-active) > a:hover,\n    .uk-tab-right > li:not(.uk-active) > a:focus { padding-left: 18px; }\n\n}\n\n\/\/ Elements\n\/\/ Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http:\/\/www.yootheme.com\/license) *\/\n\n\/\/\n\/\/ Component: List\n\/\/\n\/\/ ========================================================================\n\n\n\/\/ Variables\n\/\/ ========================================================================\n\n@list-line-border:                    @global-border;\n@list-striped-background:             @global-light-background;\n\n\/\/\n\/\/ New\n\/\/\n\n@list-link-color:                     @nav-side-color;\n@list-link-hover-color:               @nav-side-hover-color;\n\n\n\/\/ Modifier: `list-line`\n\/\/ ========================================================================\n\n.hook-list-line() {}\n\n\n\/\/ Modifier: `list-striped`\n\/\/ ========================================================================\n\n.hook-list-striped() {}\n\n\n\/\/ Miscellaneous\n\/\/ ========================================================================\n\n.hook-list-misc() {\n\n    .uk-list > li > a { color: @list-link-color; }\n    .uk-list > li > a:hover { color: @list-link-hover-color; }\n\n}\n\/\/ Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http:\/\/www.yootheme.com\/license) *\/\n\n\/\/\n\/\/ Component: Description list\n\/\/\n\/\/ ========================================================================\n\n\n\/\/ Variables\n\/\/ ========================================================================\n\n@description-list-line-border:                  @global-border;\n@description-list-line-color:                   @global-muted-color;\n\n\n\/\/ Miscellaneous\n\/\/ ========================================================================\n\n.hook-description-list-misc() {}\n\/\/ Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http:\/\/www.yootheme.com\/license) *\/\n\n\/\/\n\/\/ Component: Table\n\/\/\n\/\/ ========================================================================\n\n\n\/\/ Variables\n\/\/ ========================================================================\n\n@table-margin-vertical:                         @global-margin;\n@table-padding-vertical:                        10px;\n@table-padding-horizontal:                      10px;\n\n@table-striped-background:                      @global-light-background;\n\n@table-caption-color:                           @global-muted-color;\n@table-caption-font-size:                       round((@global-font-size * 0.85)); \/\/ 12px\n\n@table-hover-background: \t\t\t\t\t\t@global-light-background;\n\n\/\/\n\/\/ New\n\/\/\n\n@table-border:                                 \t@global-border;\n@table-heaing-color: \t\t\t\t\t\t\t@global-dark-color;\n@table-heaing-text-transform: \t\t\t\t\t@global-text-transform;\n\n\n\/\/ Component\n\/\/ ========================================================================\n\n.hook-table() {}\n\n\n\/\/ Miscellaneous\n\/\/ ========================================================================\n\n.hook-table-misc() {\n\n\t.uk-table thead th {\n\t\tborder: 1px solid @table-border;\n\t\tcolor: @table-heaing-color;\n\t\ttext-transform: @table-heaing-text-transform;\n\t\ttext-align: center;\n\t}\n\n\t.uk-table thead th:first-child,\n\t.uk-table td:first-child  {\n\t\tborder-left: none;\n\t\ttext-align: left;\n\t}\n\t.uk-table thead th:last-child { border-right: none; }\n\n\t.uk-table td {\n\t\tposition: relative;\n\t\tborder-left: 1px solid @table-border;\n\t\tvertical-align: middle;\n\t\ttext-align: center;\n\t}\n\n}\n\/\/ Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http:\/\/www.yootheme.com\/license) *\/\n\n\/\/\n\/\/ Component: Form\n\/\/\n\/\/ ========================================================================\n\n\n\/\/ Variables\n\/\/ ========================================================================\n\n@form-height:                                   @global-height + 1px;\n@form-small-height:                             @global-small-height + 1px;\n@form-large-height:                             @global-large-height + 1px;\n@form-small-font-size:                          round((@global-font-size * 0.85)); \/\/ 12px\n@form-large-font-size:                          round((@global-font-size * 1.14)); \/\/ 16px\n\n@form-border:                                   @global-border;\n@form-background:                               @global-background;\n@form-color:                                    @global-color;\n@form-placeholder-color:                        @global-muted-color;\n\n@form-focus-border:                         \tdarken(@form-border, 10%);\n@form-focus-background:                     \t@form-background;\n@form-focus-color:                          \t@global-color;\n\n@form-disabled-border:                          @global-border;\n@form-disabled-color:                           @global-muted-color;\n\n@form-danger-border:                       \t\t#E7DEE0;\n@form-danger-background:                    \t#FEF8F9;\n@form-danger-color:                         \t#D3B8B6;\n\n@form-success-border:                       \t#E0E7D5;\n@form-success-background:                   \t#EFF7EE;\n@form-success-color:                        \t#AFC4B0;\n\n@form-blank-border:                             @global-border;\n\n@form-legend-border:                            @global-border;\n@form-legend-font-size:                         round((@global-font-size * 1.28)); \/\/ 18px\n@form-legend-line-height:                       round((@form-legend-font-size * 1.66)); \/\/ 30px\n\n@form-gutter:                                   @global-margin;\n\n@form-icon-width:                               @global-height;\n@form-icon-font-size:                           @global-font-size;\n@form-icon-color:                               @global-muted-color;\n\n\/\/\n\/\/ New\n\/\/\n\n@form-font-weight:                              300;\n\n@form-legend-color: \t\t\t\t\t\t\t@global-dark-color;\n@form-legend-text-transform: \t\t\t\t\tuppercase;\n\n\n\/\/ Component\n\/\/ ========================================================================\n\n.hook-form() { font-weight: @form-font-weight; }\n\n\/\/ Focus state\n.hook-form-focus() {}\n\n\/\/ Disabled state\n.hook-form-disabled() {}\n\n\/\/ Legend\n.hook-form-legend() {}\n\n\n\/\/ Validation states\n\/\/ ========================================================================\n\n\/\/\n\/\/ Error state\n\/\/\n\n.hook-form-danger() {}\n\n\/\/\n\/\/ Success state\n\/\/\n\n.hook-form-success() {}\n\n\n\/\/ Style modifiers\n\/\/ ========================================================================\n\n.hook-form-blank() {}\n.hook-form-blank-focus() {}\n\n\n\/\/ Miscellaneous\n\/\/ ========================================================================\n\n.hook-form-misc() {\n\n\t.uk-form legend {\n\t\tcolor: @form-legend-color;\n\t\ttext-transform: @form-legend-text-transform;\n\t\tfont-weight: 700;\n\t}\n\n}\n\n\/\/ Common\n\/\/ Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http:\/\/www.yootheme.com\/license) *\/\n\n\/\/\n\/\/ Component: Button\n\/\/\n\/\/ ========================================================================\n\n\n\/\/ Variables\n\/\/ ========================================================================\n\n@button-height:                                 @global-height;\n@button-mini-height:                            @global-mini-height;\n@button-small-height:                           @global-small-height;\n@button-large-height:                           @global-large-height;\n\n@button-line-height:                            @global-height;\n@button-mini-line-height:                       @global-mini-height;\n@button-small-line-height:                      @global-small-height;\n@button-large-line-height:                      @global-large-height;\n\n@button-mini-font-size:                         round((@global-font-size * 0.78)); \/\/ 11px\n@button-small-font-size:                        round((@global-font-size * 0.85)); \/\/ 12px\n@button-large-font-size:                        round((@global-font-size * 1.14)); \/\/ 16px\n\n@button-color:                                  lighten(@global-color, 30%);\n@button-hover-background:                       @button-gradient-top;\n@button-hover-color:                            lighten(@button-color, 15%);\n@button-active-background:                      @global-default-active-background;\n@button-active-color:                           @button-hover-color;\n\n@button-primary-background:                     @global-primary-background;\n@button-primary-color:                          @global-contrast-color;\n@button-primary-hover-background:              \t@global-primary-background;\n@button-primary-hover-color:                    @global-contrast-color;\n@button-primary-active-background:              darken(@global-primary-background, 3%);\n@button-primary-active-color:                   @global-contrast-color;\n\n@button-success-background:                     @global-success-background;\n@button-success-color:                          @global-contrast-color;\n@button-success-hover-background:               @global-success-background;\n@button-success-hover-color:                    @global-contrast-color;\n@button-success-active-background:              darken(@global-success-background, 3%);\n@button-success-active-color:                   @global-contrast-color;\n\n@button-danger-background:                      @global-danger-background;\n@button-danger-color:                           @global-contrast-color;\n@button-danger-hover-background:                @global-danger-background;\n@button-danger-hover-color:                     @global-contrast-color;\n@button-danger-active-background:               darken(@global-danger-background, 3%);\n@button-danger-active-color:                    @global-contrast-color;\n\n@button-disabled-background:                    @global-light-background;\n@button-disabled-color:                         @global-muted-color;\n\n@button-link-color:                             @global-link-color;\n@button-link-hover-color:                       @global-link-hover-color;\n@button-link-disabled-color:                    @global-muted-color;\n\n\/\/\n\/\/ New\n\/\/\n\n@button-border:                             \t@global-border;\n@button-gradient-top:                           @global-default-gradient-top;\n@button-gradient-bottom:                        @global-default-gradient-bottom;\n@button-box-shadow:                             rgba(0,0,0,0.09);\n@button-text-transform:                         @global-text-transform;\n@button-font-size:                              round((@global-font-size * 0.87)); \/\/ 14px\n@button-hover-box-shadow: \t\t\t\t\t\trgba(0,0,0,0.025);\n@button-active-box-shadow: \t\t\t\t\t\trgba(0,0,0,0.05);\n\n@button-primary-border: \t\t\t\t\t\trgba(0,0,0,0.06);\n@button-primary-gradient-top:                   @global-primary-gradient-top;\n@button-primary-gradient-bottom:                @global-primary-gradient-bottom;\n@button-primary-active-box-shadow: \t\t\t\trgba(0,0,0,0.1);\n\n@button-success-gradient-top:                   @global-success-gradient-top;\n@button-success-gradient-bottom:                @global-success-gradient-bottom;\n@button-success-hover-box-shadow: \t\t\t\trgba(0,0,0,0.2);\n@button-success-active-box-shadow: \t\t\t\trgba(0,0,0,0.2);\n\n@button-warning-gradient-top:                   @global-warning-gradient-top;\n@button-warning-gradient-bottom:                @global-warning-gradient-bottom;\n\n@button-danger-gradient-top:                    @global-danger-gradient-top;\n@button-danger-gradient-bottom:                 @global-danger-gradient-bottom;\n@button-danger-hover-box-shadow: \t\t\t\trgba(0,0,0,0.2);\n@button-danger-active-box-shadow: \t\t\t\trgba(0,0,0,0.2);\n\n\n\/\/ Component\n\/\/ ========================================================================\n\n.hook-button() {\n\tborder-width: 1px 1px 0 1px;\n\tborder-style: solid;\n\tborder-color: @button-border;\n\tbackground-image: -webkit-linear-gradient(top, @button-gradient-top, @button-gradient-bottom);\n    background-image: linear-gradient(to bottom, @button-gradient-top, @button-gradient-bottom);\n\tbox-shadow: inset 0 -1px @button-box-shadow;\n\ttext-transform: @button-text-transform;\n\tfont-size: @button-font-size;\n}\n\n.hook-button-hover() {\n    border-color: rgba(0, 0, 0, 0.08);\n    background-image: none;\n    box-shadow: inset 1px 3px 2px @button-hover-box-shadow,\n                inset 0 -1px 1px rgba(0,0,0,0.07);\n    text-shadow: 1px 1px rgba(255,255,255,0.9);\n}\n\n.hook-button-active() {\n    border-color: rgba(0,0,0,0.09);\n    background-image: none;\n    box-shadow: inset 0 1px 5px rgba(0,0,0,0.04), inset 0 0 1px rgba(0,0,0,0.1);\n    text-shadow: 1px 1px rgba(255,255,255,0.5);\n}\n\n\n\/\/ Color modifiers\n\/\/ ========================================================================\n\n\/\/\n\/\/ Modifier: `uk-button-primary`\n\/\/\n\n.hook-button-primary() {\n\tbackground-image: -webkit-linear-gradient(top, @button-primary-gradient-top, @button-primary-gradient-bottom);\n    background-image: linear-gradient(to bottom, @button-primary-gradient-top, @button-primary-gradient-bottom);\n    border-color: transparent;\n}\n\n.hook-button-primary-hover() {\n    border-color: fade(@button-primary-border, 10%);\n    background-image: none;\n    box-shadow: inset 0 -1px 3px @button-hover-box-shadow;\n    text-shadow: none;\n}\n\n.hook-button-primary-active() {\n\tbackground-image: none;\n\tbox-shadow: inset 0 1px 3px @button-primary-active-box-shadow;\n\ttext-shadow: none;\n}\n\n\/\/\n\/\/ Modifier: `uk-button-success`\n\/\/\n\n.hook-button-success() {\n\tbackground-image: -webkit-linear-gradient(top, @button-success-gradient-top, @button-success-gradient-bottom);\n    background-image: linear-gradient(to bottom, @button-success-gradient-top, @button-success-gradient-bottom);\n    border-color: @button-primary-border;\n}\n\n.hook-button-success-hover() {\n\tbackground-image: none;\n\tborder-color: fade(@button-primary-border, 10%);\n\tbox-shadow: inset 0 -1px 3px @button-success-hover-box-shadow;\n\ttext-shadow: none;\n}\n\n.hook-button-success-active() {\n\tbackground-image: none;\n\tbox-shadow: inset 0 1px 3px @button-success-active-box-shadow;\n\ttext-shadow: none;\n}\n\n\/\/\n\/\/ Modifier: `uk-button-danger`\n\/\/\n\n.hook-button-danger() {\n    border-color: @button-primary-border;\n\tbackground-image: -webkit-linear-gradient(top, @button-danger-gradient-top, @button-danger-gradient-bottom);\n    background-image: linear-gradient(to bottom, @button-danger-gradient-top, @button-danger-gradient-bottom);\n}\n\n.hook-button-danger-hover() {\n\tbackground-image: none;\n\tborder-color: fade(@button-primary-border, 10%);\n\tbox-shadow: inset 0 -1px 3px @button-danger-hover-box-shadow;\n\ttext-shadow: none;\n}\n.hook-button-danger-active() {\n\tbackground-image: none;\n\tbox-shadow: inset 0 1px 3px @button-danger-active-box-shadow;\n\ttext-shadow: none;\n}\n\n\n\/\/ Disabled state\n\/\/ ========================================================================\n\n.hook-button-disable() {\n\tbox-shadow: inset 0 -1px @button-box-shadow;\n\tbackground-image: none;\n\n\t&:hover { border-color: @button-border; }\n}\n\n\n\/\/ Modifier: `uk-button-link`\n\/\/ ========================================================================\n\n.hook-button-link() { box-shadow: none; }\n\n\n\/\/ Size modifiers\n\/\/ ========================================================================\n\n.hook-button-large() {}\n\n\n\/\/ Miscellaneous\n\/\/ ========================================================================\n\n\n.hook-button-misc() {\n\n    .uk-button,\n    a.uk-button,\n    button.uk-button { font-weight: 300; }\n\n    \/* Sub-object `uk-button-group`\n     ========================================================================== *\/\n\n    \/*\n     * Collapse border\n     *\/\n\n    .uk-button-group > .uk-button:nth-child(n+2),\n    .uk-button-group > div:nth-child(n+2) .uk-button { margin-left: -1px; }\n\n    \/*\n     * Create position context to superimpose the successor elements border\n     * Known issue: If you use an `a` element as button and an icon inside,\n     * the active state will not work if you click the icon inside the button\n     * Workaround: Just use a `button` or `input` element as button\n     *\/\n\n    .uk-button-group .uk-button:active { position: relative; }\n\n}\n\/\/ Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http:\/\/www.yootheme.com\/license) *\/\n\n\/\/\n\/\/ Component: Icon\n\/\/\n\/\/ ========================================================================\n\n\n\/\/ Variables\n\/\/ ========================================================================\n\n@icon-hover-color:                              @global-color;\n@icon-hover-hover-color:                        lighten(@global-dark-color, 30%);\n\n@icon-button-width:                             26px;\n@icon-button-height:                            @icon-button-width;\n@icon-button-border-radius:                     0;\n@icon-button-background:                        rgba(0,0,0,0);\n@icon-button-font-size:                         18px;\n@icon-button-color:                             @global-dark-color;\n@icon-button-hover-background:                  rgba(0,0,0,0);\n\n@icon-button-hover-color:                       lighten(@global-dark-color, 30%);\n\n@icon-button-active-background:                 rgba(0,0,0,0);\n@icon-button-active-color:                      lighten(@global-dark-color, 50%);\n\n\n\/\/ Modifier: `uk-icon-hover`\n\/\/ ========================================================================\n\n.hook-icon-hover() {}\n\n.hook-icon-hover-hover() {}\n\n\n\/\/ Modifier: `uk-icon-button`\n\/\/ ========================================================================\n\n.hook-icon-button() {}\n\n\/\/ Hover\n.hook-icon-button-hover() {\n    background-position: 0 0;\n    -webkit-transition: color 0.1s ease-in-out;\n       transition: color 0.1s ease-in-out;\n}\n\n\/\/ Active\n.hook-icon-button-active() {}\n\n\n\/\/ Miscellaneous\n\/\/ ========================================================================\n\n.hook-icon-misc() {}\n\/\/ Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http:\/\/www.yootheme.com\/license) *\/\n\n\/\/\n\/\/ Component: Close\n\/\/\n\/\/ ========================================================================\n\n\/\/ Variables\n\/\/ ========================================================================\n\n@close-alt-background:                          @global-light-background;\n\n\n\/\/ Component\n\/\/ ========================================================================\n\n.hook-close() { opacity: 1; }\n\n\n\/\/ Modifier: `uk-close-alt`\n\/\/ ========================================================================\n\n.hook-close-alt() { box-shadow: 0 0 0 1px rgba(0,0,0,0.1); }\n\n\n\/\/ Miscellaneous\n\/\/ ========================================================================\n\n.hook-close-misc() {\n\n\t.uk-close-alt:after { opacity: 1; }\n\n}\n\/\/ Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http:\/\/www.yootheme.com\/license) *\/\n\n\/\/\n\/\/ Component: Badge\n\/\/\n\/\/ ========================================================================\n\n\n\/\/ Variables\n\/\/ ========================================================================\n\n@badge-background:                              @global-primary-background;\n\n@badge-padding-horizontal:                      10px;\n\n@badge-font-size:                               round((@global-font-size * 0.78)); \/\/ 12px\n@badge-line-height:                             round((@badge-font-size * 1.83)); \/\/ 22px\n@badge-font-weight:                             inherit;\n@badge-color:                                   @global-contrast-color;\n\n@badge-notification-font-size:                  round((@global-font-size * 0.875)); \/\/ 14px\n@badge-notification-line-height:                round((@badge-notification-font-size * 1.714)); \/\/ 24px\n\n@badge-success-background:                      @global-success-background;\n@badge-warning-background:                      @global-warning-background;\n@badge-danger-background:                       @global-danger-background;\n\n\/\/\n\/\/ New\n\/\/\n\n@badge-padding-vertical:                        2px;\n@badge-text-transform:                          uppercase;\n\n\n\/\/ Component\n\/\/ ========================================================================\n\n.hook-badge() {\n    padding: @badge-padding-vertical @badge-padding-horizontal;\n    text-transform: @badge-text-transform;\n}\n\n\n\/\/ Color modifier\n\/\/ ========================================================================\n\n\/\/\n\/\/ Modifier: `bagde-success`\n\/\/\n\n.hook-badge-success() {}\n\n\/\/\n\/\/ Modifier: `badge-warning`\n\/\/\n\n.hook-badge-warning() {}\n\n\/\/\n\/\/ Modifier: `badge-danger`\n\/\/\n\n.hook-badge-danger() {}\n\n\n\/\/ Miscellaneous\n\/\/ ========================================================================\n\n.hook-badge-misc() {}\n\/\/ Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http:\/\/www.yootheme.com\/license) *\/\n\n\/\/\n\/\/ Component: Alert\n\/\/\n\/\/ ========================================================================\n\n\n\/\/ Variables\n\/\/ ========================================================================\n\n@alert-margin-vertical:                         @global-margin;\n@alert-background:                              @global-light-background;\n@alert-color:                                   @global-link-hover-color;\n@alert-success-background:                      @global-light-background;\n@alert-success-color:                           @global-success-color;\n@alert-warning-background:                      @global-light-background;\n@alert-warning-color:                           @global-warning-color;\n@alert-danger-background:                       @global-light-background;\n@alert-danger-color:                            @global-danger-color;\n\n\/\/\n\/\/ New\n\/\/\n\n@alert-font-weight: \t\t\t\t\t\t\t400;\n@alert-border:                                  @global-border;\n@alert-border-radius:                           @global-border-radius;\n@alert-text-transform: \t\t\t\t\t\t\t@global-text-transform;\n\n\/\/ Component\n\/\/ ========================================================================\n\n.hook-alert() {\n\tposition: relative;\n    border: 1px solid @alert-border;\n    border-radius: 0 @alert-border-radius @alert-border-radius 0;\n    box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.03);\n    text-transform: @alert-text-transform;\n\tfont-weight: @alert-font-weight;\n\n\th2 + p { text-transform: none; }\n\n    &:before {\n\t    content: \"\";\n\t\tdisplay: block;\n\t\tposition: absolute;\n\t\ttop: -1px;\n\t\tleft: -3px;\n\t\twidth: 3px;\n\t\theight: 100%;\n\t    border: 1px solid rgba(0, 0, 0, 0.06);\n        background: @global-primary-background;\n\t\tbackground-image: -webkit-linear-gradient(top, @global-primary-gradient-top, @global-primary-gradient-bottom);\n\t    background-image: linear-gradient(to bottom, @global-primary-gradient-top, @global-primary-gradient-bottom);\n    }\n}\n\n\n\/\/ Modifier: `uk-alert-success`\n\/\/ ========================================================================\n\n.hook-alert-success() {\n\n    &:before {\n        background: @global-success-background;\n\t\tbackground-image: -webkit-linear-gradient(top, @global-success-gradient-top, @global-success-gradient-bottom);\n\t    background-image: linear-gradient(to bottom, @global-success-gradient-top, @global-success-gradient-bottom);\n\t}\n}\n\n\n\/\/ Modifier: `uk-alert-warning`\n\/\/ ========================================================================\n\n.hook-alert-warning() {\n\n    &:before {\n        background: @global-warning-background;\n\t\tbackground-image: -webkit-linear-gradient(top, @global-warning-gradient-top, @global-warning-gradient-bottom);\n\t    background-image: linear-gradient(to bottom, @global-warning-gradient-top, @global-warning-gradient-bottom);\n\t}\n}\n\n\n\/\/ Modifier: `uk-alert-danger`\n\/\/ ========================================================================\n\n.hook-alert-danger() {\n\n    &:before {\n        background: @global-danger-background;\n\t\tbackground-image: -webkit-linear-gradient(top, @global-danger-gradient-top, @global-danger-gradient-bottom);\n\t    background-image: linear-gradient(to bottom, @global-danger-gradient-top, @global-danger-gradient-bottom);\n\t}\n}\n\n\n\/\/ Miscellaneous\n\/\/ ========================================================================\n\n.hook-alert-misc() {\n\n\n}\n\/\/ Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http:\/\/www.yootheme.com\/license) *\/\n\n\/\/\n\/\/ Component: Thumbnail\n\/\/\n\/\/ ========================================================================\n\n\n\/\/ Variables\n\/\/ ========================================================================\n\n@thumbnail-padding:                             0;\n@thumbnail-border:                              @global-border;\n@thumbnail-background:                          @global-background;\n@thumbnail-hover-border:                        darken(@global-border, 5%);\n@thumbnail-hover-background:                    @global-background;\n\n@thumbnail-caption-color:                       @global-color;\n@thumbnail-caption-padding:                     10px;\n\n\/\/\n\/\/ New\n\/\/\n\n\n\/\/ Component\n\/\/ ========================================================================\n\n.hook-thumbnail() { background-clip: border-box; }\n\n.hook-thumbnail-hover() {}\n\n\n\/\/ Caption\n\/\/ ========================================================================\n\n.hook-thumbnail-caption() { padding-bottom: @thumbnail-caption-padding; }\n\n\n\/\/ Miscellaneous\n\/\/ ========================================================================\n\n.hook-thumbnail-misc() {}\n\/\/ Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http:\/\/www.yootheme.com\/license) *\/\n\n\/\/\n\/\/ Component: Overlay\n\/\/\n\/\/ ========================================================================\n\n\n\/\/ Variables\n\/\/ ========================================================================\n\n@overlay-area-background:                       rgba(0,0,0,0.7);\n@overlay-area-icon-color:                       @global-contrast-color;\n\n@overlay-caption-padding:                       @global-margin;\n@overlay-caption-color:                         @global-contrast-color;\n\n\n\/\/ Sub-object `uk-overlay-area`\n\/\/ ========================================================================\n\n.hook-overlay-area() {\n\tbox-shadow: inset 0 0 16px rgba(0,0,0,0.2);\n\tmargin: -1px;\n}\n\n.hook-overlay-area-icon() {\n\ttop: 55%;\n\t-webkit-transition: all .45s ease-out;\n\ttransition: all .45s ease-out;\n\topacity: 0;\n}\n\n\n\/* Sub-object `uk-overlay-area-content`\n ========================================================================== *\/\n\n.hook-overlay-area-content() {\n\n\tdisplay: block;\n\tposition: absolute;\n\ttop: 45%;\n\t-webkit-transition: all .45s ease-out;\n\ttransition: all .45s ease-out;\n\topacity: 0;\n\n\th1, h2, h3, h4, h5, h6 { color: @global-contrast-color; }\n}\n\n\n\/\/ Sub-object `uk-overlay-caption`\n\/\/ ========================================================================\n\n.hook-overlay-caption() {}\n\n\n\/\/ Miscellaneous\n\/\/ ========================================================================\n\n.hook-overlay-misc() {\n\n\t.uk-overlay-toggle:hover {\n\n\t\t.uk-overlay-area-content {\n\t\t\ttop: 40%;\n\t\t\topacity: 0.9;\n\t\t}\n\n\t\t.uk-overlay-area:before {\n\t\t\ttop: 50%;\n\t\t\topacity: 0.9;\n\t\t}\n\n\t}\n\n}\n\/\/ Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http:\/\/www.yootheme.com\/license) *\/\n\n\/\/\n\/\/ Component: Progress\n\/\/\n\/\/ ========================================================================\n\n\n\/\/ Variables\n\/\/ ========================================================================\n\n@progress-margin-vertical:                      @global-margin;\n\n@progress-background:                           @global-light-background;\n\n@progress-bar-background:                       @global-primary-background;\n@progress-bar-font-size:                        round((@global-font-size * 0.85)); \/\/ 12px\n@progress-bar-color:                            @global-contrast-color;\n\n@progress-bar-success-background:               @global-success-background;\n@progress-bar-warning-background:               @global-warning-background;\n@progress-bar-danger-background:                @global-danger-background;\n\n\/\/\n\/\/ New\n\/\/\n\n@progress-border-radius: \t\t\t\t\t\t@global-border-radius;\n@progress-bar-box-shadow: \t\t\t\t\t\trgba(0,0,0,0.06);\n\n@progress-bar-primary-gradient-top: \t\t\t@global-primary-gradient-top;\n@progress-bar-primary-gradient-bottom: \t\t\t@global-primary-gradient-bottom;\n\n@progress-bar-success-gradient-top: \t\t\t@global-success-gradient-top;\n@progress-bar-success-gradient-bottom: \t\t\t@global-success-gradient-bottom;\n\n@progress-bar-warning-gradient-top: \t\t\t@global-warning-gradient-top;\n@progress-bar-warning-gradient-bottom: \t\t\t@global-warning-gradient-bottom;\n\n@progress-bar-danger-gradient-top: \t\t\t\t@global-danger-gradient-top;\n@progress-bar-danger-gradient-bottom: \t\t\t@global-danger-gradient-bottom;\n\n\n\/\/ Component\n\/\/ ========================================================================\n\n.hook-progress() {\n\tborder-radius: @progress-border-radius;\n\tbox-shadow: inset 0 1px 1px @progress-bar-box-shadow;\n}\n\n\n\/\/ Sub-object: `progress-bar`\n\/\/ ========================================================================\n\n.hook-progress-bar() {\n    border: 1px solid rgba(0,0,0,0.07);\n    background-image: -webkit-linear-gradient(top, @progress-bar-primary-gradient-top, @progress-bar-primary-gradient-bottom);\n    background-image: linear-gradient(to bottom, @progress-bar-primary-gradient-top, @progress-bar-primary-gradient-bottom);\n}\n\n\n\/\/ Color modifiers\n\/\/ ========================================================================\n\n.hook-progress-bar-success() {\n    background-image: -webkit-linear-gradient(top, @progress-bar-success-gradient-top, @progress-bar-success-gradient-bottom);\n    background-image: linear-gradient(to bottom, @progress-bar-success-gradient-top, @progress-bar-success-gradient-bottom);\n}\n\n.hook-progress-bar-warning() {\n    background-image: -webkit-linear-gradient(top, @progress-bar-warning-gradient-top, @progress-bar-warning-gradient-bottom);\n    background-image: linear-gradient(to bottom, @progress-bar-warning-gradient-top, @progress-bar-warning-gradient-bottom);\n}\n\n.hook-progress-bar-danger() {\n    background-image: -webkit-linear-gradient(top, @progress-bar-danger-gradient-top, @progress-bar-danger-gradient-bottom);\n    background-image: linear-gradient(to bottom, @progress-bar-danger-gradient-top, @progress-bar-danger-gradient-bottom);\n}\n\n\n\/\/ Miscellaneous\n\/\/ ========================================================================\n\n.hook-progress-misc() {}\n\n\/\/ JavaScript\n\/\/ Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http:\/\/www.yootheme.com\/license) *\/\n\n\/\/\n\/\/ Component: Dropdown\n\/\/\n\/\/ ========================================================================\n\n\n\/\/ Variables\n\/\/ ========================================================================\n\n@dropdown-z-index:                              (@global-z-index + 20);\n@dropdown-width:                                250px;\n@dropdown-padding:                              @global-grid-gutter;\n@dropdown-color:                                @global-color;\n@dropdown-divider-border:                       @global-border;\n@dropdown-background:                           @global-background;\n\n@dropdown-navbar-background:                    @navbar-nav-hover-background;\n@dropdown-navbar-color:                        \t@global-dark-color;\n\n@dropdown-search-background:                    #fff;\n@dropdown-search-color:                         @global-color;\n@dropdown-search-navbar-margin-top:             ((@navbar-nav-height - @search-height) \/ 2);\n@dropdown-search-navbar-margin-right:           -@navbar-nav-padding-horizontal;\n\n\/\/\n\/\/ New\n\/\/\n\n\n@dropdown-nav-sub-border:                       #eaeaea;\n@dropdown-navbar-nav-sub-border:                rgba(255,255,255,0.08);\n@dropdown-navbar-divider-border:                rgba(234,234,234,0.1);\n\n\n\/\/ Component\n\/\/ ========================================================================\n\n.hook-dropdown() {\n\n    box-shadow: 1px 0 0 rgba(47, 49, 53, 0.05),\n                -1px 0 0 rgba(47, 49, 53, 0.05), 0 1px 0 rgba(47, 49, 53, 0.05);\n\n    ul.uk-nav-sub { border-bottom: 1px solid @dropdown-nav-sub-border; }\n\n}\n\n\n\/\/ Modifier: `uk-dropdown-navbar`\n\/\/ ========================================================================\n\n.hook-dropdown-navbar() {\n\n    box-shadow: 1px 0 0 rgba(47,49,53,0.05),\n                -1px 0 0 rgba(47,49,53,0.05),\n                0 1px 0 rgba(47,49,53,0.05);\n\n    .uk-panel a {\n        color: @nav-navbar-hover-color;\n\n        &:hover { color: @global-contrast-color; }\n    }\n\n    ul.uk-nav-sub {\n\n        border-top-color: @dropdown-navbar-nav-sub-border;\n        border-bottom: 1px solid @dropdown-navbar-nav-sub-border;\n    }\n\n}\n\n\n\/\/ Modifier: `uk-dropdown-search`\n\/\/ ========================================================================\n\n.hook-dropdown-search() {\n\n    box-shadow: 1px 0 0 rgba(47,49,53,0.05),\n                -1px 0 0 rgba(47,49,53,0.05),\n                0 1px 0 rgba(47,49,53,0.05);\n\n    ul.uk-nav-sub {\n\n        border-top-color: @dropdown-navbar-nav-sub-border;\n        border-bottom: 1px solid @dropdown-navbar-nav-sub-border;\n    }\n\n}\n\n\n\/\/ Miscellaneous\n\/\/ ========================================================================\n\n.hook-dropdown-misc() {\n\n    \/*\n    * Column divider\n    *\/\n\n    .uk-dropdown:not(.uk-dropdown-stack) > .uk-grid > [class*='uk-width-']:nth-child(n+2) {\n        border-left: none;\n        padding-left: 0;\n    }\n\n    body .uk-dropdown .uk-nav,\n    .uk-dropdown .uk-nav.uk-nav-navbar { margin: 0; }\n\n    .uk-open > .uk-dropdown-navbar {\n        -webkit-animation: @dropdown-navbar-animation 0.2s ease-in;\n        animation: @dropdown-navbar-animation 0.2s ease-in;\n\t}\n\n    .uk-dropdown-navbar:not(.uk-dropdown-stack) > .uk-grid > [class*='uk-width-']:nth-child(n+2) { border-left-color: @dropdown-navbar-divider-border; }\n\n    .uk-dropdown-small { padding: @dropdown-small-padding (@dropdown-small-padding + 10px) (@dropdown-small-padding + 10px) (@dropdown-small-padding + 10px); }\n\n\n\n\n}\n\/\/ Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http:\/\/www.yootheme.com\/license) *\/\n\n\/\/\n\/\/ Component: Modal\n\/\/\n\/\/ ========================================================================\n\n\n\/\/ Variables\n\/\/ ========================================================================\n\n@modal-z-index:                                     @global-z-index + 10;\n@modal-background:                                  rgba(0,0,0,0.8);\n\n@modal-dialog-background:                           @global-background;\n\n@modal-header-margin-bottom:                        @global-margin;\n@modal-header-font-size:                            round((@global-font-size * 1.74)); \/\/ 24px \/ 28px\n@modal-header-line-height:                          round((@modal-header-font-size * 1.27)); \/\/ 30px \/ 36px\n\n@modal-footer-margin-top:                           @global-margin;\n\n@modal-caption-color:                               @global-contrast-color;\n\n\/\/\n\/\/ New\n\/\/\n\n@modal-dialog-blank-close-background:              @global-primary-background;\n@modal-dialog-blank-close-color:                   @global-contrast-color;\n@modal-dialog-blank-close-font-size:               20px;\n@modal-dialog-blank-close-width:                   50px;\n@modal-dialog-blank-close-height:                  @modal-dialog-blank-close-width;\n\n\n\/\/ Component\n\/\/ ========================================================================\n\n.hook-modal() {}\n\n\n\/\/ Sub-object: `uk-modal-dialog`\n\/\/ ========================================================================\n\n.hook-modal-dialog() {}\n\n\n\/\/ Modifier: `uk-modal-dialog-lightbox`\n\/\/ ========================================================================\n\n.hook-modal-dialog-lightbox() {}\n\n\n\/\/ Sub-object: `uk-modal-header`\n\/\/ ========================================================================\n\n.hook-modal-header() {}\n\n\n\/\/ Sub-object: `uk-modal-footer`\n\/\/ ========================================================================\n\n.hook-modal-footer() {}\n\n\n\/\/ Sub-object: `uk-modal-caption`\n\/\/ ========================================================================\n\n.hook-modal-caption() {}\n\n\n\/\/ Sub-object: `uk-modal-spinner`\n\/\/ ========================================================================\n\n.hook-modal-spinner() {}\n\n\n\/\/ Miscellaneous\n\/\/ ========================================================================\n\n.hook-modal-misc() {\n\n    .uk-modal-dialog-blank .uk-modal-close {\n        background: @modal-dialog-blank-close-background;\n        opacity: 1;\n        color: @modal-dialog-blank-close-color;\n        font-size: @modal-dialog-blank-close-font-size;\n    }\n\n    .uk-modal-dialog-blank .uk-modal-close:hover { opacity: 0.6; }\n\n    .uk-modal-dialog-blank > .uk-close:first-child {\n        top: 0;\n        right: 0;\n    }\n\n    \/\/ Tablet and bigger\n    @media (min-width: @breakpoint-medium) {\n\n        .uk-modal-dialog-blank .uk-modal-close:first-child {\n            width: @modal-dialog-blank-close-width;\n            height: @modal-dialog-blank-close-height;\n        }\n\n    }\n\n}\n\/\/ Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http:\/\/www.yootheme.com\/license) *\/\n\n\/\/\n\/\/ Component: Off-canvas\n\/\/\n\/\/ ========================================================================\n\n\n\/\/ Variables\n\/\/ ========================================================================\n\n@offcanvas-background:                          rgba(0,0,0,0.5);\n@offcanvas-z-index:                             @global-z-index;\n\n@offcanvas-bar-background:                      #2A2A2A;\n@offcanvas-panel-link-color:                    fade(@global-contrast-color, 50%);\n@offcanvas-panel-title-color:                   @offcanvas-panel-link-color;\n\n@offcanvas-search-background:                   darken(@offcanvas-bar-background, 5%);\n@offcanvas-search-color:                        @offcanvas-panel-link-color;\n@offcanvas-search-placeholder-color:            @offcanvas-panel-color;\n@offcanvas-search-icon-color:                   @offcanvas-panel-color;\n\n\n\/\/ Component\n\/\/ ========================================================================\n\n.hook-offcanvas() {}\n\n\n\/\/ Sub-object `uk-offcanvas-bar`\n\/\/ ========================================================================\n\n.hook-offcanvas-bar() {\n\n    .uk-search:before { left: 5px; }\n\n}\n\n\n\/\/ Panel in offcanvas\n\/\/ ========================================================================\n\n.hook-offcanvas-panel() {}\n\n\n\/\/ Search in offcanvas\n\/\/ ========================================================================\n\n.hook-offcanvas-search-field() {\n    padding: 0 10px 0 35px !important;\n    border-radius: 50px;\n    box-shadow: inset 0 1px 0px 0px rgba(0, 0, 0, 0.1),\n                0 1px 0px 0px rgba(255, 255, 255, 0.07);\n}\n\n\n\/\/ Miscellaneous\n\/\/ ========================================================================\n\n.hook-offcanvas-misc() {\n\n    .uk-offcanvas-bar:after {\n        content: \"\";\n        display: block;\n        position: absolute;\n        top: 0;\n        bottom: 0;\n        right: 0;\n        width: 1px;\n        box-shadow: 0 0 5px 2px rgba(0,0,0,0.3);\n    }\n\n    .uk-offcanvas-bar-flip:after {\n        right: auto;\n        left: 0;\n        width: 1px;\n        box-shadow: 0 0 5px 2px rgba(0,0,0,0.3);\n    }\n\n}\n\/\/ Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http:\/\/www.yootheme.com\/license) *\/\n\n\/\/\n\/\/ Component: Tooltip\n\/\/\n\/\/ ========================================================================\n\n\n\/\/ Variables\n\/\/ ========================================================================\n\n@tooltip-z-index:                               (@global-z-index + 30);\n\n@tooltip-color: \t\t\t\t\t\t\t\tfade(@global-contrast-color, 60%);\n@tooltip-font-size:                             round((@global-font-size * 0.85)); \/\/ 12px\n@tooltip-line-height:                           round((@tooltip-font-size * 1.5)); \/\/ 18px\n\n@tooltip-background: \t\t\t\t\t\t\t#3F3C3C;\n\n\/\/ Component\n\/\/ ========================================================================\n\n.hook-tooltip() {}\n\n\n\/\/ Miscellaneous\n\/\/ ========================================================================\n\n.hook-tooltip-misc() {}\n\n\/\/ Need to be loaded last\n\/\/ Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http:\/\/www.yootheme.com\/license) *\/\n\n\/\/\n\/\/ Component: Text\n\/\/\n\/\/ ========================================================================\n\n\n\/\/ Variables\n\/\/ ========================================================================\n\n@text-small-font-size:                          round((@global-font-size * 0.78)); \/\/ 11px\n@text-small-line-height:                        round((@text-small-font-size * 1.45)); \/\/ 16px\n@text-large-font-size:                          round((@global-font-size * 1.125)); \/\/ 18px\n@text-large-line-height:                        round((@text-large-font-size * 1.44)); \/\/ 26px\n\n@text-muted-color:                              @global-muted-color;\n@text-primary-color:                            @global-primary-color;\n@text-success-color:                            @global-success-color;\n@text-warning-color:                            @global-warning-color;\n@text-danger-color:                             @global-danger-color;\n\n\n\/\/ Miscellaneous\n\/\/ ========================================================================\n\n.hook-text-misc() {}\n\/\/ Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http:\/\/www.yootheme.com\/license) *\/\n\n\/\/\n\/\/ Component: Utility\n\/\/\n\/\/ ========================================================================\n\n\n\/\/ Variables\n\/\/ ========================================================================\n\n@utility-container-padding-horizontal:          @global-grid-gutter;\n@utility-container-large-padding-horizontal:    @global-grid-gutter-large;\n\n@utility-align-horizontal:                      @global-margin;\n@utility-align-vertical:                        @global-margin;\n\n@utility-container-padding-horizontal:          25px;\n@utility-container-large-padding-horizontal:    70px;\n\n@utility-margin:                                @global-margin;\n\n@utility-heading-large-font-size:               round((@global-font-size * 3.75)); \/\/ 60px\n@utility-heading-large-line-height:             round((@utility-heading-large-font-size * 1.1)); \/\/ 66px\n\n@utility-link-muted-color:                      @global-color;\n@utility-link-muted-hover-color:                fade(@utility-link-muted-color, 60%);\n\n@utility-scrollable-box-border:                 @global-border;\n\n\n\/\/ Container\n\/\/ ========================================================================\n\n.hook-container() {}\n\n\n\/\/ Scrollable\n\/\/ ========================================================================\n\n.hook-scrollable-box() {}\n\n\n\/\/ Miscellaneous\n\/\/ ========================================================================\n\n.hook-utility-misc() {}\n\n\/\/ Add-ons\n\/\/ Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http:\/\/www.yootheme.com\/license) *\/\n\n\/\/\n\/\/ Component: Search\n\/\/\n\/\/ ========================================================================\n\n\n\/\/ Variables\n\/\/ ========================================================================\n\n@search-width:                                  150px;\n@search-focus-width:                            @search-width;\n@search-height:                                 @global-height;\n@search-color:                                  @search-placeholder-color;\n@search-placeholder-color:                      @global-muted-color;\n\n@search-icon-size:                              18px;\n@search-icon-color:                             @global-muted-color;\n@search-placeholder-color: \t\t\t\t\t\t@global-muted-color;\n\n@dropdown-search-background:                    @global-background;\n@dropdown-search-color:                         @global-color;\n@dropdown-search-navbar-margin-top:             12px;\n@dropdown-search-navbar-margin-right:           -15px;\n\n@nav-search-color:                              @global-dark-color;\n@nav-search-active-background:                  #FAFAFA;\n@nav-search-active-color:                       @global-dark-color;\n@nav-search-header-color:                       fade(@global-dark-color, 80%);\n@nav-search-divider-border:                     fade(@global-border, 50%);\n@nav-search-nested-color:                       fade(@global-dark-color, 50%);\n@nav-search-nested-hover-color:                 @global-link-color;\n\n@offcanvas-search-background:                   rgba(24,24,24,0.62);\n\n\/\/\n\/\/ New\n\/\/\n\n@nav-search-padding-vertical:                   15px;\n@nav-search-hover-color:                        #f5f5f5;\n@search-field-text-transform: \t\t\t\t\t@global-text-transform;\n@search-field-font-weight:                      300;\n@search-field-font-size:                        14px;\n@search-placeholder-focus-color: \t\t\t\tfade(@search-placeholder-color, 50%);\n\n@dropdown-search-nav-sub-background:            rgba(255,255,255,0.05);\n@dropdown-search-nav-sub-border:                rgba(255,255,255,0.08);\n\n\n\/\/ Component\n\/\/ ========================================================================\n\n.hook-search() {}\n\n.hook-search-icon() {}\n\n\n\/\/ Sub-object `uk-search-field`\n\/\/ ========================================================================\n\n.hook-search-field() {\n\ttext-transform: @search-field-text-transform;\n\tfont-weight: @search-field-font-weight;\n    font-size: @search-field-font-size;\n}\n\n.hook-search-field-focus() {\n\n\t&.uk-search-field:-ms-input-placeholder { color: @search-placeholder-focus-color; }\n\t&.uk-search-field::-moz-placeholder { color: @search-placeholder-focus-color; }\n\t&.uk-search-field::-webkit-input-placeholder { color: @search-placeholder-focus-color; }\n\n}\n\n\n\/\/ Modifier: `uk-dropdown-search`\n\/\/ ========================================================================\n\n.hook-dropdown-search() {\n\n    box-shadow: 1px 0 0 rgba(47,49,53,0.05),\n                -1px 0 0 rgba(47,49,53,0.05),\n                0 1px 0 rgba(47,49,53,0.05);\n\n    ul.uk-nav-sub {\n\n        border-top-color: @dropdown-navbar-nav-sub-border;\n        border-bottom: 1px solid @dropdown-navbar-nav-sub-border;\n    }\n\n}\n\n\n\/\/ Modifier `uk-nav-search`\n\/\/ ========================================================================\n\n\/\/\n\/\/ Items\n\/\/\n\n.hook-nav-search() {\n\n    padding: @nav-search-padding-vertical @nav-padding-horizontal;\n\n    &:hover { color: @nav-search-hover-color; }\n\n}\n\n\/\/ Active\n.hook-nav-search-active() {}\n\n\/\/\n\/\/ Sub-object: `uk-nav-header`\n\/\/\n\n.hook-nav-search-header() {}\n\n\/\/\n\/\/ Sub-object: `uk-nav-divider`\n\/\/\n\n.hook-nav-search-divider() {}\n\n\n\/\/ Search in offcanvas\n\/\/ ========================================================================\n\n.hook-offcanvas-search-field() {\n    padding: 0 10px 0 35px !important;\n    border-radius: 50px;\n    box-shadow: inset 0 1px 0px 0px rgba(0, 0, 0, 0.1),\n                0 1px 0px 0px rgba(255, 255, 255, 0.07);\n}\n\n\n\/\/ Miscellaneous\n\/\/ ========================================================================\n\n.hook-search-misc() {\n\n\n    \/* Hover *\/\n    .uk-nav-search > li > a:hover {\n        -webkit-transition: all .2s linear;\n        transition: all .2s linear;\n    }\n\n    \/\/ Search in offcanvas\n    \/\/ ========================================================================\n\n    .uk-offcanvas-bar .uk-search:before { left: 5px; }\n\n    #offcanvas .uk-panel > .uk-search { margin: 0; }\n}\n\n@import 'https:\/\/fonts.googleapis.com\/css?family=Lato:900,700,400,300';\n\n@base-body-font-family: Lato;\n@base-heading-font-family: Lato;\n@global-link-color: #d70036;\n@global-link-hover-color: #550000;\n@global-text-transform: none;\n@theme_teaser-heading-font-weight: 700;\n@theme_teaser-top-subtitle-font-weight: 400;\n@theme_teaser-bottom-subtitle-font-weight: 400;\n@global-font-weight: 400;\n@article-title-font-weight: 500;\n@article-meta-font-family: Lato;\n@base-em-color: #d70036;"},{"target":"theme.css","source":"\/\/ Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http:\/\/www.yootheme.com\/license) *\/\n\n\/\/ Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http:\/\/www.yootheme.com\/license) *\/\n\n\/\/ UIkit\n\/\/ ========================================================================\n\n\/\/ LESS related\n\/\/\n\/\/ Component:       Variables\n\/\/ Description:     Defines all color and style related values as variables\n\/\/                  to allow easy customization for the most common cases.\n\/\/\n\/\/ ========================================================================\n\n\n\/\/ Global variables\n\/\/ ========================================================================\n\n\/\/\n\/\/ Breakpoints\n\/\/\n@breakpoint-small:                              480px;\n@breakpoint-medium:                             768px;\n@breakpoint-large:                              960px;\n@breakpoint-xlarge:                             1220px;\n\n@breakpoint-mini-max:                           (@breakpoint-small - 1);\n@breakpoint-small-max:                          (@breakpoint-medium - 1);\n@breakpoint-medium-max:                         (@breakpoint-large - 1);\n@breakpoint-large-max:                          (@breakpoint-xlarge - 1);\n\n\n\/\/ Defaults\n\/\/ Name:            Base\n\/\/ Description:     Sets default values for HTML elements\n\/\/\n\/\/ Component:       `uk-h1`, `uk-h2`, `uk-h3`, `uk-h4`, `uk-h5`, `uk-h6`\n\/\/                  `uk-link`\n\/\/                  `uk-img-preserve`\n\/\/\n\/\/ ========================================================================\n\n\n\/\/ Variables\n\/\/ ========================================================================\n\n@base-body-background:                          #fff;\n@base-body-font-family:                         \"Helvetica Neue\", Helvetica, Arial, sans-serif;\n@base-body-font-weight:                         normal;\n@base-body-font-size:                           14px;\n@base-body-line-height:                         20px;\n@base-body-color:                               #444;\n\n@base-link-color:                               #07D;\n@base-link-text-decoration:                     none;\n@base-link-hover-color:                         #059;\n@base-link-hover-text-decoration:               underline;\n\n@base-code-color:                               #D05;\n@base-code-font-size:                           12px;\n@base-code-font-family:                         Consolas, monospace, serif;\n@base-em-color:                                 #D05;\n@base-ins-background:                           #ffa;\n@base-ins-color:                                #444;\n@base-mark-background:                          #ffa;\n@base-mark-color:                               #444;\n@base-quote-font-style:                         italic;\n\n@base-margin-vertical:                          15px;\n\n@base-heading-font-family:                      \"Helvetica Neue\", Helvetica, Arial, sans-serif;\n@base-heading-font-weight:                      normal;\n@base-heading-color:                            #444;\n@base-heading-text-transform:                   none;\n@base-heading-margin-top:                       25px;\n@base-h1-font-size:                             36px;\n@base-h1-line-height:                           42px;\n@base-h2-font-size:                             24px;\n@base-h2-line-height:                           30px;\n@base-h3-font-size:                             18px;\n@base-h3-line-height:                           24px;\n@base-h4-font-size:                             16px;\n@base-h4-line-height:                           22px;\n@base-h5-font-size:                             14px;\n@base-h5-line-height:                           20px;\n@base-h6-font-size:                             12px;\n@base-h6-line-height:                           18px;\n\n@base-list-padding-left:                        30px;\n\n@base-hr-margin-vertical:                       @base-margin-vertical;\n@base-hr-border:                                #ddd;\n@base-hr-border-width:                          1px;\n\n@base-blockquote-padding-left:                  15px;\n@base-blockquote-border:                        #ddd;\n@base-blockquote-border-width:                  5px;\n@base-blockquote-font-size:                     16px;\n@base-blockquote-line-height:                   22px;\n@base-blockquote-font-style:                    italic;\n\n@base-pre-padding:                              10px;\n@base-pre-background:                           #f5f5f5;\n@base-pre-color:                                #444;\n@base-pre-font-size:                            12px;\n@base-pre-line-height:                          18px;\n@base-pre-font-family:                          @base-code-font-family;\n\n@base-selection-background:                     #39f;\n@base-selection-color:                          #fff;\n\n\n\/* ========================================================================\n   Component: Base\n ========================================================================== *\/\n\n\/*\n * 1. Normalize default `font-family` and set `font-size` to support `rem` units\n * 2. Prevents iOS text size adjust after orientation change, without disabling user zoom\n * 3. Style\n *\/\n\nhtml {\n    \/* 1 *\/\n    font: @base-body-font-weight @base-body-font-size e(\"\/\") @base-body-line-height @base-body-font-family;\n    \/* 2 *\/\n    -webkit-text-size-adjust: 100%;\n    -ms-text-size-adjust: 100%;\n    \/* 3 *\/\n    background: @base-body-background;\n    color: @base-body-color;\n    .hook-base-body;\n}\n\n\/*\n * Removes default margin.\n *\/\n\nbody { margin: 0; }\n\n\n\/* Links\n ========================================================================== *\/\n\n\/*\n * Remove the gray background color from active links in IE 10.\n *\/\n\na { background: transparent; }\n\n\/*\n * Improve readability of focused elements when they are also in an active\/hover state.\n *\/\n\na:active,\na:hover { outline: 0; }\n\n\/*\n * Style\n *\/\n\na,\n.uk-link {\n    color: @base-link-color;\n    text-decoration: @base-link-text-decoration;\n    cursor: pointer;\n    .hook-base-link;\n}\n\na:hover,\n.uk-link:hover {\n    color: @base-link-hover-color;\n    text-decoration: @base-link-hover-text-decoration;\n    .hook-base-link-hover;\n}\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] { border-bottom: 1px dotted; }\n\n\/*\n * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.\n *\/\n\nb,\nstrong { font-weight: bold; }\n\n\/*\n * 1. Address odd `em`-unit font size rendering in all browsers.\n * 2. Consolas has a better baseline in running text compared to `Courier`\n *\/\n\n:not(pre) > code,\n:not(pre) > kbd,\n:not(pre) > samp {\n    \/* 1 *\/\n    font-size: @base-code-font-size;\n    \/* 2 *\/\n    font-family: @base-code-font-family;\n    \/* 3 *\/\n    color: @base-code-color;\n    white-space: nowrap;\n    .hook-base-code;\n}\n\n\/*\n * Emphasize\n *\/\n\nem { color: @base-em-color; }\n\n\/*\n * Insert\n *\/\n\nins {\n    background: @base-ins-background;\n    color: @base-ins-color;\n    text-decoration: none;\n}\n\n\/*\n * Mark\n * Note: Addresses styling not present in IE 8\/9.\n *\/\n\nmark {\n    background: @base-mark-background;\n    color: @base-mark-color;\n}\n\n\/*\n * Quote\n *\/\n\nq { font-style: @base-quote-font-style; }\n\n\/*\n * Addresses inconsistent and variable font size in all browsers.\n *\/\n\nsmall { font-size: 80%; }\n\n\/*\n * Prevents `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 { top: -0.5em; }\nsub { bottom: -0.25em; }\n\n\n\/* Embedded content\n ========================================================================== *\/\n\n\/*\n * Remove the gap between embedded content and the bottom of their containers.\n *\/\n\naudio,\ncanvas,\niframe,\nimg,\nsvg,\nvideo { vertical-align: middle; }\n\n\/*\n * Responsiveness\n * 1. Sets a maximum width relative to the parent and auto scales the height\n * 2. Corrects `max-width` behavior if padding and border are used\n *\/\n\naudio,\ncanvas,\nimg,\nsvg,\nvideo {\n    \/* 1 *\/\n    max-width: 100%;\n    height: auto;\n    \/* 2 *\/\n    box-sizing: border-box;\n}\n\n\/*\n * Preserve original dimensions\n *\/\n\n.uk-img-preserve,\n.uk-img-preserve audio,\n.uk-img-preserve canvas,\n.uk-img-preserve img,\n.uk-img-preserve svg,\n.uk-img-preserve video { max-width: none; }\n\n\/*\n * Remove border when inside `a` element in IE 8\/9\/10.\n *\/\n\nimg { border: 0; }\n\n\/*\n * Correct overflow not hidden in IE 9\/10\/11.\n *\/\n\nsvg:not(:root) { overflow: hidden; }\n\n\n\/* Block elements\n ========================================================================== *\/\n\n\/*\n * Reset margin\n *\/\n\nblockquote,\nfigure { margin: 0; }\n\n\/*\n * Margins\n *\/\n\np,\nul,\nol,\ndl,\nblockquote,\npre,\naddress,\nfieldset,\nfigure { margin: 0 0 @base-margin-vertical 0; }\n\n* + p,\n* + ul,\n* + ol,\n* + dl,\n* + blockquote,\n* + pre,\n* + address,\n* + fieldset,\n* + figure { margin-top: @base-margin-vertical; }\n\n\n\/* Headings\n ========================================================================== *\/\n\nh1, h2, h3, h4, h5, h6 {\n    margin: 0 0 @base-margin-vertical 0;\n    font-family:  @base-heading-font-family;\n    font-weight: @base-heading-font-weight;\n    color: @base-heading-color;\n    text-transform: @base-heading-text-transform;\n    .hook-base-h;\n}\n\n\/*\n * Margins\n *\/\n\n* + h1,\n* + h2,\n* + h3,\n* + h4,\n* + h5,\n* + h6 { margin-top: @base-heading-margin-top; }\n\n\/*\n * Sizes\n *\/\n\nh1, .uk-h1 {\n    font-size: @base-h1-font-size;\n    line-height: @base-h1-line-height;\n    .hook-base-h1;\n}\n\nh2, .uk-h2 {\n    font-size: @base-h2-font-size;\n    line-height: @base-h2-line-height;\n    .hook-base-h2;\n}\n\nh3, .uk-h3 {\n    font-size: @base-h3-font-size;\n    line-height: @base-h3-line-height;\n    .hook-base-h3;\n}\n\nh4, .uk-h4 {\n    font-size: @base-h4-font-size;\n    line-height: @base-h4-line-height;\n    .hook-base-h4;\n}\n\nh5, .uk-h5 {\n    font-size: @base-h5-font-size;\n    line-height: @base-h5-line-height;\n    .hook-base-h5;\n}\n\nh6, .uk-h6 {\n    font-size: @base-h6-font-size;\n    line-height: @base-h6-line-height;\n    .hook-base-h6;\n}\n\n\n\/* Lists\n ========================================================================== *\/\n\nul,\nol { padding-left: @base-list-padding-left; }\n\n\/*\n * Reset margin for nested lists\n *\/\n\nul > li > ul,\nul > li > ol,\nol > li > ol,\nol > li > ul { margin: 0; }\n\n\n\/* Description lists\n ========================================================================== *\/\n\ndt { font-weight: bold; }\ndd { margin-left: 0; }\n\n\n\/* Horizontal rules\n ========================================================================== *\/\n\n\/*\n * 1. Address differences between Firefox and other browsers.\n * 2. Style\n *\/\n\nhr {\n    \/* 1 *\/\n    box-sizing: content-box;\n    height: 0;\n    \/* 2 *\/\n    margin: @base-hr-margin-vertical 0;\n    border: 0;\n    border-top: @base-hr-border-width solid @base-hr-border;\n    .hook-base-hr;\n}\n\n\n\/* Address\n ========================================================================== *\/\n\naddress { font-style: normal; }\n\n\n\/* Blockquotes\n ========================================================================== *\/\n\nblockquote {\n    padding-left: @base-blockquote-padding-left;\n    border-left: @base-blockquote-border-width solid @base-blockquote-border;\n    font-size: @base-blockquote-font-size;\n    line-height: @base-blockquote-line-height;\n    font-style: @base-blockquote-font-style;\n    .hook-base-blockquote;\n}\n\n\n\/* Preformatted text\n ========================================================================== *\/\n\n\/*\n * 1. Contain overflow in all browsers.\n *\/\n\npre {\n    padding: @base-pre-padding;\n    background: @base-pre-background;\n    font: @base-pre-font-size e(\"\/\") @base-pre-line-height @base-pre-font-family;\n    color: @base-pre-color;\n    -moz-tab-size: 4;\n    tab-size: 4;\n    \/* 1 *\/\n    overflow: auto;\n    .hook-base-pre;\n}\n\n\n\/* Selection pseudo-element\n ========================================================================== *\/\n\n::-moz-selection {\n    background: @base-selection-background;\n    color: @base-selection-color;\n    text-shadow: none;\n}\n\n::selection {\n    background: @base-selection-background;\n    color: @base-selection-color;\n    text-shadow: none;\n}\n\n\n\/* HTML5 elements\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 { display: block; }\n\n\/*\n * Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.\n *\/\n\nprogress { vertical-align: baseline; }\n\n\/*\n * Prevent displaying `audio` without controls in Chrome, Safari and Opera\n *\/\n\naudio:not([controls]) { display: none; }\n\n\/*\n * Address `[hidden]` styling not present in IE 8\/9\/10.\n * Hide the `template` element in IE 8\/9\/10\/11, Safari, and Firefox < 22.\n *\/\n\n[hidden],\ntemplate { display: none; }\n\n\n\/* Iframe\n ========================================================================== *\/\n\niframe { border: 0; }\n\n\n\/* Fix viewport for IE10 snap mode\n ========================================================================== *\/\n\n@media screen and (max-width: 400px) {\n    @-ms-viewport{\n        width: device-width;\n    }\n}\n\n\n\/\/ Hooks\n\/\/ ========================================================================\n\n.hook-base-misc;\n\n.hook-base-body() {}\n.hook-base-link() {}\n.hook-base-link-hover() {}\n.hook-base-code() {}\n.hook-base-h() {}\n.hook-base-h1() {}\n.hook-base-h2() {}\n.hook-base-h3() {}\n.hook-base-h4() {}\n.hook-base-h5() {}\n.hook-base-h6() {}\n.hook-base-hr() {}\n.hook-base-blockquote() {}\n.hook-base-pre() {}\n.hook-base-misc() {}\n\n\/\/ Layout\n\/\/ Name:            Grid\n\/\/ Description:     Provides a responsive, fluid and nestable grid\n\/\/\n\/\/ Component:       `uk-grid`\n\/\/                  `uk-width-*`\n\/\/                  `uk-push-*`\n\/\/                  `uk-pull-*`\n\/\/\n\/\/ Modifiers:       `uk-grid-collapse`\n\/\/                  `uk-grid-small`\n\/\/                  `uk-grid-medium`\n\/\/                  `uk-grid-large`\n\/\/                  `uk-grid-divider`\n\/\/                  `uk-grid-margin`\n\/\/                  `uk-grid-match`\n\/\/                  `uk-grid-width-*`\n\/\/\n\/\/ Uses:            Panel: `uk-panel`\n\/\/\n\/\/ Used by:         Dropdown\n\/\/\n\/\/ Markup:\n\/\/\n\/\/ <!-- uk-grid -->\n\/\/ <div class=\"uk-grid\">\n\/\/     <div class=\"uk-width-1-2\"><\/div>\n\/\/     <div class=\"uk-width-1-2\"><\/div>\n\/\/ <\/div>\n\/\/\n\/\/ <!-- uk-grid-divider -->\n\/\/ <div class=\"uk-grid uk-grid-divider\">\n\/\/     <div class=\"uk-width-1-2\"><\/div>\n\/\/     <div class=\"uk-width-1-2\"><\/div>\n\/\/ <\/div>\n\/\/ <hr class=\"uk-grid-divider\">\n\/\/ <div class=\"uk-grid uk-grid-divider\">\n\/\/     <div class=\"uk-width-1-2\"><\/div>\n\/\/     <div class=\"uk-width-1-2\"><\/div>\n\/\/ <\/div>\n\/\/\n\/\/ ========================================================================\n\n\n\/\/ Variables\n\/\/ ========================================================================\n\n@grid-gutter-horizontal:                        25px;\n@grid-gutter-vertical:                          25px;\n\n@grid-gutter-large-horizontal:                  35px;\n@grid-gutter-large-vertical:                    35px;\n\n@grid-gutter-xlarge-horizontal:                 50px;\n@grid-gutter-xlarge-vertical:                   50px;\n\n@grid-gutter-small-horizontal:                  10px;\n@grid-gutter-small-vertical:                    10px;\n\n@grid-divider-border:                           #ddd;\n@grid-divider-border-width:                     1px;\n\n\n\/* ========================================================================\n   Component: Grid\n ========================================================================== *\/\n\n\/*\n * 1. Makes grid more robust so that it can be used with other block elements like lists\n *\/\n\n.uk-grid {\n    display: -ms-flexbox;\n    display: -webkit-flex;\n    display: flex;\n    -ms-flex-wrap: wrap;\n    -webkit-flex-wrap: wrap;\n    flex-wrap: wrap;\n    \/* 1 *\/\n    margin: 0;\n    padding: 0;\n    list-style: none;\n}\n\n\/*\n * DEPRECATED\n * Micro clearfix\n * Can't use `table` because it creates a 1px gap when it becomes a flex item, only in Webkit\n *\/\n\n.uk-grid:before,\n.uk-grid:after {\n    content: \"\";\n    display: block;\n    overflow: hidden;\n}\n\n.uk-grid:after { clear: both; }\n\n\/*\n * Grid cell\n * 1. Space is allocated solely based on content dimensions\n * 2. Makes grid more robust so that it can be used with other block elements\n * 3. DEPRECATED Using `float` to support IE9\n *\/\n\n.uk-grid > * {\n    \/* 1 *\/\n    -ms-flex: none;\n    -webkit-flex: none;\n    flex: none;\n    \/* 2 *\/\n    margin: 0;\n    \/* 3 *\/\n    float: left;\n}\n\n\/*\n * Remove margin from the last-child\n *\/\n\n.uk-grid > * > :last-child { margin-bottom: 0; }\n\n\n\/* Grid gutter\n ========================================================================== *\/\n\n\/*\n * Default gutter\n *\/\n\n\/* Horizontal *\/\n.uk-grid { margin-left: -@grid-gutter-horizontal; }\n.uk-grid > * { padding-left: @grid-gutter-horizontal; }\n\n\/* Vertical *\/\n.uk-grid + .uk-grid,\n.uk-grid-margin,\n.uk-grid > * > .uk-panel + .uk-panel { margin-top: @grid-gutter-vertical; }\n\n\/* Large screen and bigger *\/\n@media (min-width: @breakpoint-xlarge) {\n\n    \/* Horizontal *\/\n    .uk-grid { margin-left: -@grid-gutter-large-horizontal; }\n    .uk-grid > * { padding-left: @grid-gutter-large-horizontal; }\n\n    \/* Vertical *\/\n    .uk-grid + .uk-grid,\n    .uk-grid-margin,\n    .uk-grid > * > .uk-panel + .uk-panel { margin-top: @grid-gutter-large-vertical; }\n\n}\n\n\/*\n * Collapse gutter\n *\/\n\n\/* Horizontal *\/\n.uk-grid-collapse { margin-left: 0; }\n.uk-grid-collapse > * { padding-left: 0; }\n\n\/* Vertical *\/\n.uk-grid-collapse + .uk-grid-collapse,\n.uk-grid-collapse > .uk-grid-margin,\n.uk-grid-collapse > * > .uk-panel + .uk-panel { margin-top: 0; }\n\n\/*\n * Small gutter\n *\/\n\n\/* Horizontal *\/\n.uk-grid-small { margin-left: -@grid-gutter-small-horizontal; }\n.uk-grid-small > * { padding-left: @grid-gutter-small-horizontal; }\n\n\/* Vertical *\/\n.uk-grid-small + .uk-grid-small,\n.uk-grid-small > .uk-grid-margin,\n.uk-grid-small > * > .uk-panel + .uk-panel { margin-top: @grid-gutter-small-vertical; }\n\n\/*\n * Medium gutter\n *\/\n\n\/* Horizontal *\/\n.uk-grid-medium { margin-left: -@grid-gutter-horizontal; }\n.uk-grid-medium > * { padding-left: @grid-gutter-horizontal; }\n\n\/* Vertical *\/\n.uk-grid-medium + .uk-grid-medium,\n.uk-grid-medium > .uk-grid-margin,\n.uk-grid-medium > * > .uk-panel + .uk-panel { margin-top: @grid-gutter-vertical; }\n\n\n\/*\n * Large gutter\n *\/\n\n\/* Large screen and bigger *\/\n@media (min-width: @breakpoint-large) {\n\n    \/* Horizontal *\/\n    .uk-grid-large { margin-left: -@grid-gutter-large-horizontal; }\n    .uk-grid-large > * { padding-left: @grid-gutter-large-horizontal; }\n\n    \/* Vertical *\/\n    .uk-grid-large + .uk-grid-large,\n    .uk-grid-large-margin,\n    .uk-grid-large > * > .uk-panel + .uk-panel { margin-top: @grid-gutter-large-vertical; }\n\n}\n\n\/* Extra Large screens *\/\n@media (min-width: @breakpoint-xlarge) {\n\n    \/* Horizontal *\/\n    .uk-grid-large { margin-left: -@grid-gutter-xlarge-horizontal; }\n    .uk-grid-large > * { padding-left: @grid-gutter-xlarge-horizontal; }\n\n    \/* Vertical *\/\n    .uk-grid-large + .uk-grid-large,\n    .uk-grid-large-margin,\n    .uk-grid-large > * > .uk-panel + .uk-panel { margin-top: @grid-gutter-xlarge-vertical; }\n\n}\n\n\n\/* Modifier: `uk-grid-divider`\n ========================================================================== *\/\n\n\/*\n * Horizontal divider\n * Only works with the default gutter. Does not work with gutter collapse, small or large.\n * Does not work with `uk-push-*`, `uk-pull-*` and not if the columns float into the next row.\n *\/\n\n.uk-grid-divider:not(:empty) {\n    margin-left: -@grid-gutter-horizontal;\n    margin-right: -@grid-gutter-horizontal;\n}\n\n.uk-grid-divider > * {\n    padding-left: @grid-gutter-horizontal;\n    padding-right: @grid-gutter-horizontal;\n}\n\n.uk-grid-divider > [class*='uk-width-1-']:not(.uk-width-1-1):nth-child(n+2),\n.uk-grid-divider > [class*='uk-width-2-']:nth-child(n+2),\n.uk-grid-divider > [class*='uk-width-3-']:nth-child(n+2),\n.uk-grid-divider > [class*='uk-width-4-']:nth-child(n+2),\n.uk-grid-divider > [class*='uk-width-5-']:nth-child(n+2),\n.uk-grid-divider > [class*='uk-width-6-']:nth-child(n+2),\n.uk-grid-divider > [class*='uk-width-7-']:nth-child(n+2),\n.uk-grid-divider > [class*='uk-width-8-']:nth-child(n+2),\n.uk-grid-divider > [class*='uk-width-9-']:nth-child(n+2) { border-left: @grid-divider-border-width solid @grid-divider-border; }\n\n\/* Tablet and bigger *\/\n@media (min-width: @breakpoint-medium) {\n\n    .uk-grid-divider > [class*='uk-width-medium-']:not(.uk-width-medium-1-1):nth-child(n+2) { border-left: @grid-divider-border-width solid @grid-divider-border; }\n\n}\n\n\/* Desktop and bigger *\/\n@media (min-width: @breakpoint-large) {\n\n    .uk-grid-divider > [class*='uk-width-large-']:not(.uk-width-large-1-1):nth-child(n+2) { border-left: @grid-divider-border-width solid @grid-divider-border; }\n\n}\n\n\/* Large screen and bigger *\/\n@media (min-width: @breakpoint-xlarge) {\n\n    \/*\n     * Large gutter\n     *\/\n\n    .uk-grid-divider:not(:empty) {\n        margin-left: -@grid-gutter-large-horizontal;\n        margin-right: -@grid-gutter-large-horizontal;\n    }\n\n    .uk-grid-divider > * {\n        padding-left: @grid-gutter-large-horizontal;\n        padding-right: @grid-gutter-large-horizontal;\n    }\n\n    .uk-grid-divider:empty {\n        margin-top: @grid-gutter-large-vertical;\n        margin-bottom: @grid-gutter-large-vertical;\n    }\n\n}\n\n\/*\n * Vertical divider\n *\/\n\n.uk-grid-divider:empty {\n    margin-top: @grid-gutter-vertical;\n    margin-bottom: @grid-gutter-vertical;\n    border-top: @grid-divider-border-width solid @grid-divider-border;\n}\n\n\/* Match panels in grids\n ========================================================================== *\/\n\n\/*\n * 1. Behave like a block element\n *\/\n\n.uk-grid-match > * {\n    display: -ms-flexbox;\n    display: -webkit-flex;\n    display: flex;\n    \/* 1 *\/\n    -ms-flex-wrap: wrap;\n    -webkit-flex-wrap: wrap;\n    flex-wrap: wrap;\n}\n\n.uk-grid-match > * > * {\n    \/* 1 *\/\n    -ms-flex: none;\n    -webkit-flex: none;\n    flex: none;\n    box-sizing: border-box;\n    width: 100%;\n}\n\n\n\/* Even grid cell widths\n ========================================================================== *\/\n\n[class*='uk-grid-width'] > * {\n    box-sizing: border-box;\n    width: 100%;\n}\n\n.uk-grid-width-1-2 > * { width: 50%; }\n.uk-grid-width-1-3 > * { width: 33.333%; }\n.uk-grid-width-1-4 > * { width: 25%; }\n.uk-grid-width-1-5 > * { width: 20%; }\n.uk-grid-width-1-6 > * { width: 16.666%; }\n.uk-grid-width-1-10 > * { width: 10%; }\n\n.uk-grid-width-auto > * { width: auto; }\n\n\/* Phone landscape and bigger *\/\n@media (min-width: @breakpoint-small) {\n\n    .uk-grid-width-small-1-1 > * { width: 100%; }\n    .uk-grid-width-small-1-2 > * { width: 50%; }\n    .uk-grid-width-small-1-3 > * { width: 33.333%; }\n    .uk-grid-width-small-1-4 > * { width: 25%; }\n    .uk-grid-width-small-1-5 > * { width: 20%; }\n    .uk-grid-width-small-1-6 > * { width: 16.666%; }\n    .uk-grid-width-small-1-10 > * { width: 10%; }\n\n}\n\n\/* Tablet and bigger *\/\n@media (min-width: @breakpoint-medium) {\n\n    .uk-grid-width-medium-1-1 > * { width: 100%; }\n    .uk-grid-width-medium-1-2 > * { width: 50%; }\n    .uk-grid-width-medium-1-3 > * { width: 33.333%; }\n    .uk-grid-width-medium-1-4 > * { width: 25%; }\n    .uk-grid-width-medium-1-5 > * { width: 20%; }\n    .uk-grid-width-medium-1-6 > * { width: 16.666%; }\n    .uk-grid-width-medium-1-10 > * { width: 10%; }\n\n}\n\n\/* Desktop and bigger *\/\n@media (min-width: @breakpoint-large) {\n\n    .uk-grid-width-large-1-1 > * { width: 100%; }\n    .uk-grid-width-large-1-2 > * { width: 50%; }\n    .uk-grid-width-large-1-3 > * { width: 33.333%; }\n    .uk-grid-width-large-1-4 > * { width: 25%; }\n    .uk-grid-width-large-1-5 > * { width: 20%; }\n    .uk-grid-width-large-1-6 > * { width: 16.666%; }\n    .uk-grid-width-large-1-10 > * { width: 10%; }\n\n}\n\n\/* Large screen and bigger *\/\n@media (min-width: @breakpoint-xlarge) {\n\n    .uk-grid-width-xlarge-1-1 > * { width: 100%; }\n    .uk-grid-width-xlarge-1-2 > * { width: 50%; }\n    .uk-grid-width-xlarge-1-3 > * { width: 33.333%; }\n    .uk-grid-width-xlarge-1-4 > * { width: 25%; }\n    .uk-grid-width-xlarge-1-5 > * { width: 20%; }\n    .uk-grid-width-xlarge-1-6 > * { width: 16.666%; }\n    .uk-grid-width-xlarge-1-10 > * { width: 10%; }\n\n}\n\n\n\/* Sub-objects: `uk-width-*`\n ========================================================================== *\/\n\n[class*='uk-width'] {\n    box-sizing: border-box;\n    width: 100%;\n}\n\n\/*\n * Widths\n *\/\n\n\/* Whole *\/\n.uk-width-1-1 { width: 100%; }\n\n\/* Halves *\/\n.uk-width-1-2,\n.uk-width-2-4,\n.uk-width-3-6,\n.uk-width-5-10 { width: 50%; }\n\n\/* Thirds *\/\n.uk-width-1-3,\n.uk-width-2-6 { width: 33.333%; }\n.uk-width-2-3,\n.uk-width-4-6 { width: 66.666%; }\n\n\/* Quarters *\/\n.uk-width-1-4 { width: 25%; }\n.uk-width-3-4 { width: 75%; }\n\n\/* Fifths *\/\n.uk-width-1-5,\n.uk-width-2-10 { width: 20%; }\n.uk-width-2-5,\n.uk-width-4-10 { width: 40%; }\n.uk-width-3-5,\n.uk-width-6-10 { width: 60%; }\n.uk-width-4-5,\n.uk-width-8-10 { width: 80%; }\n\n\/* Sixths *\/\n.uk-width-1-6 { width: 16.666%; }\n.uk-width-5-6 { width: 83.333%; }\n\n\/* Tenths *\/\n.uk-width-1-10 { width: 10%; }\n.uk-width-3-10 { width: 30%; }\n.uk-width-7-10 { width: 70%; }\n.uk-width-9-10 { width: 90%; }\n\n\/* Phone landscape and bigger *\/\n@media (min-width: @breakpoint-small) {\n\n    \/* Whole *\/\n    .uk-width-small-1-1 { width: 100%; }\n\n    \/* Halves *\/\n    .uk-width-small-1-2,\n    .uk-width-small-2-4,\n    .uk-width-small-3-6,\n    .uk-width-small-5-10 { width: 50%; }\n\n    \/* Thirds *\/\n    .uk-width-small-1-3,\n    .uk-width-small-2-6 { width: 33.333%; }\n    .uk-width-small-2-3,\n    .uk-width-small-4-6 { width: 66.666%; }\n\n    \/* Quarters *\/\n    .uk-width-small-1-4 { width: 25%; }\n    .uk-width-small-3-4 { width: 75%; }\n\n    \/* Fifths *\/\n    .uk-width-small-1-5,\n    .uk-width-small-2-10 { width: 20%; }\n    .uk-width-small-2-5,\n    .uk-width-small-4-10 { width: 40%; }\n    .uk-width-small-3-5,\n    .uk-width-small-6-10 { width: 60%; }\n    .uk-width-small-4-5,\n    .uk-width-small-8-10 { width: 80%; }\n\n    \/* Sixths *\/\n    .uk-width-small-1-6 { width: 16.666%; }\n    .uk-width-small-5-6 { width: 83.333%; }\n\n    \/* Tenths *\/\n    .uk-width-small-1-10 { width: 10%; }\n    .uk-width-small-3-10 { width: 30%; }\n    .uk-width-small-7-10 { width: 70%; }\n    .uk-width-small-9-10 { width: 90%; }\n\n}\n\n\/* Tablet and bigger *\/\n@media (min-width: @breakpoint-medium) {\n\n    \/* Whole *\/\n    .uk-width-medium-1-1 { width: 100%; }\n\n    \/* Halves *\/\n    .uk-width-medium-1-2,\n    .uk-width-medium-2-4,\n    .uk-width-medium-3-6,\n    .uk-width-medium-5-10 { width: 50%; }\n\n    \/* Thirds *\/\n    .uk-width-medium-1-3,\n    .uk-width-medium-2-6 { width: 33.333%; }\n    .uk-width-medium-2-3,\n    .uk-width-medium-4-6 { width: 66.666%; }\n\n    \/* Quarters *\/\n    .uk-width-medium-1-4 { width: 25%; }\n    .uk-width-medium-3-4 { width: 75%; }\n\n    \/* Fifths *\/\n    .uk-width-medium-1-5,\n    .uk-width-medium-2-10 { width: 20%; }\n    .uk-width-medium-2-5,\n    .uk-width-medium-4-10 { width: 40%; }\n    .uk-width-medium-3-5,\n    .uk-width-medium-6-10 { width: 60%; }\n    .uk-width-medium-4-5,\n    .uk-width-medium-8-10 { width: 80%; }\n\n    \/* Sixths *\/\n    .uk-width-medium-1-6 { width: 16.666%; }\n    .uk-width-medium-5-6 { width: 83.333%; }\n\n    \/* Tenths *\/\n    .uk-width-medium-1-10 { width: 10%; }\n    .uk-width-medium-3-10 { width: 30%; }\n    .uk-width-medium-7-10 { width: 70%; }\n    .uk-width-medium-9-10 { width: 90%; }\n\n}\n\n\/* Desktop and bigger *\/\n@media (min-width: @breakpoint-large) {\n\n    \/* Whole *\/\n    .uk-width-large-1-1 { width: 100%; }\n\n    \/* Halves *\/\n    .uk-width-large-1-2,\n    .uk-width-large-2-4,\n    .uk-width-large-3-6,\n    .uk-width-large-5-10 { width: 50%; }\n\n    \/* Thirds *\/\n    .uk-width-large-1-3,\n    .uk-width-large-2-6 { width: 33.333%; }\n    .uk-width-large-2-3,\n    .uk-width-large-4-6 { width: 66.666%; }\n\n    \/* Quarters *\/\n    .uk-width-large-1-4 { width: 25%; }\n    .uk-width-large-3-4 { width: 75%; }\n\n    \/* Fifths *\/\n    .uk-width-large-1-5,\n    .uk-width-large-2-10 { width: 20%; }\n    .uk-width-large-2-5,\n    .uk-width-large-4-10 { width: 40%; }\n    .uk-width-large-3-5,\n    .uk-width-large-6-10 { width: 60%; }\n    .uk-width-large-4-5,\n    .uk-width-large-8-10 { width: 80%; }\n\n    \/* Sixths *\/\n    .uk-width-large-1-6 { width: 16.666%; }\n    .uk-width-large-5-6 { width: 83.333%; }\n\n    \/* Tenths *\/\n    .uk-width-large-1-10 { width: 10%; }\n    .uk-width-large-3-10 { width: 30%; }\n    .uk-width-large-7-10 { width: 70%; }\n    .uk-width-large-9-10 { width: 90%; }\n\n}\n\n\/* Large screen and bigger *\/\n@media (min-width: @breakpoint-xlarge) {\n\n    \/* Whole *\/\n    .uk-width-xlarge-1-1 { width: 100%; }\n\n    \/* Halves *\/\n    .uk-width-xlarge-1-2,\n    .uk-width-xlarge-2-4,\n    .uk-width-xlarge-3-6,\n    .uk-width-xlarge-5-10 { width: 50%; }\n\n    \/* Thirds *\/\n    .uk-width-xlarge-1-3,\n    .uk-width-xlarge-2-6 { width: 33.333%; }\n    .uk-width-xlarge-2-3,\n    .uk-width-xlarge-4-6 { width: 66.666%; }\n\n    \/* Quarters *\/\n    .uk-width-xlarge-1-4 { width: 25%; }\n    .uk-width-xlarge-3-4 { width: 75%; }\n\n    \/* Fifths *\/\n    .uk-width-xlarge-1-5,\n    .uk-width-xlarge-2-10 { width: 20%; }\n    .uk-width-xlarge-2-5,\n    .uk-width-xlarge-4-10 { width: 40%; }\n    .uk-width-xlarge-3-5,\n    .uk-width-xlarge-6-10 { width: 60%; }\n    .uk-width-xlarge-4-5,\n    .uk-width-xlarge-8-10 { width: 80%; }\n\n    \/* Sixths *\/\n    .uk-width-xlarge-1-6 { width: 16.666%; }\n    .uk-width-xlarge-5-6 { width: 83.333%; }\n\n    \/* Tenths *\/\n    .uk-width-xlarge-1-10 { width: 10%; }\n    .uk-width-xlarge-3-10 { width: 30%; }\n    .uk-width-xlarge-7-10 { width: 70%; }\n    .uk-width-xlarge-9-10 { width: 90%; }\n\n}\n\n\n\/* Sub-object: `uk-push-*` and `uk-pull-*`\n ========================================================================== *\/\n\n\/*\n * Source ordering\n * Works only with `uk-width-medium-*`\n *\/\n\n\/* Tablet and bigger *\/\n@media (min-width: @breakpoint-medium) {\n\n    [class*='uk-push-'],\n    [class*='uk-pull-'] { position: relative; }\n\n    \/*\n     * Push\n     *\/\n\n    \/* Halves *\/\n    .uk-push-1-2,\n    .uk-push-2-4,\n    .uk-push-3-6,\n    .uk-push-5-10 { left: 50%; }\n\n    \/* Thirds *\/\n    .uk-push-1-3,\n    .uk-push-2-6 { left: 33.333%; }\n    .uk-push-2-3,\n    .uk-push-4-6 { left: 66.666%; }\n\n    \/* Quarters *\/\n    .uk-push-1-4 { left: 25%; }\n    .uk-push-3-4 { left: 75%; }\n\n    \/* Fifths *\/\n    .uk-push-1-5,\n    .uk-push-2-10 { left: 20%; }\n    .uk-push-2-5,\n    .uk-push-4-10 { left: 40%; }\n    .uk-push-3-5,\n    .uk-push-6-10 { left: 60%; }\n    .uk-push-4-5,\n    .uk-push-8-10 { left: 80%; }\n\n    \/* Sixths *\/\n    .uk-push-1-6 { left: 16.666%; }\n    .uk-push-5-6 { left: 83.333%; }\n\n    \/* Tenths *\/\n    .uk-push-1-10 { left: 10%; }\n    .uk-push-3-10 { left: 30%; }\n    .uk-push-7-10 { left: 70%; }\n    .uk-push-9-10 { left: 90%; }\n\n    \/*\n     * Pull\n     *\/\n\n     \/* Halves *\/\n     .uk-pull-1-2,\n     .uk-pull-2-4,\n     .uk-pull-3-6,\n     .uk-pull-5-10 { left: -50%; }\n\n     \/* Thirds *\/\n     .uk-pull-1-3,\n     .uk-pull-2-6 { left: -33.333%; }\n     .uk-pull-2-3,\n     .uk-pull-4-6 { left: -66.666%; }\n\n     \/* Quarters *\/\n     .uk-pull-1-4 { left: -25%; }\n     .uk-pull-3-4 { left: -75%; }\n\n     \/* Fifths *\/\n     .uk-pull-1-5,\n     .uk-pull-2-10 { left: -20%; }\n     .uk-pull-2-5,\n     .uk-pull-4-10 { left: -40%; }\n     .uk-pull-3-5,\n     .uk-pull-6-10 { left: -60%; }\n     .uk-pull-4-5,\n     .uk-pull-8-10 { left: -80%; }\n\n     \/* Sixths *\/\n     .uk-pull-1-6 { left: -16.666%; }\n     .uk-pull-5-6 { left: -83.333%; }\n\n     \/* Tenths *\/\n     .uk-pull-1-10 { left: -10%; }\n     .uk-pull-3-10 { left: -30%; }\n     .uk-pull-7-10 { left: -70%; }\n     .uk-pull-9-10 { left: -90%; }\n\n}\n\n\n\/\/ Hooks\n\/\/ ========================================================================\n\n.hook-grid-misc;\n\n.hook-grid-misc() {}\n\n\/\/ Name:            Panel\n\/\/ Description:     Defines styles for reusable content areas\n\/\/\n\/\/ Component:       `uk-panel`\n\/\/\n\/\/ Sub-objects:     `uk-panel-title`\n\/\/                  `uk-panel-badge`\n\/\/                  `uk-panel-teaser`\n\/\/                  `uk-panel-body`\n\/\/\n\/\/ Modifiers:       `uk-panel-box`\n\/\/                  `uk-panel-box-hover`\n\/\/                  `uk-panel-box-primary`\n\/\/                  `uk-panel-box-primary-hover`\n\/\/                  `uk-panel-box-secondary`\n\/\/                  `uk-panel-box-secondary-hover`\n\/\/                  `uk-panel-hover`\n\/\/                  `uk-panel-header`\n\/\/                  `uk-panel-space`\n\/\/                  `uk-panel-divider`\n\/\/\n\/\/ Uses:            Nav: `uk-nav-side`\n\/\/\n\/\/ Used by:         Dropdown\n\/\/                  Off-canvas\n\/\/                  Grid\n\/\/\n\/\/ Markup:\n\/\/\n\/\/ <!-- uk-panel -->\n\/\/ <div class=\"uk-panel\">\n\/\/     <div class=\"uk-panel-badge uk-badge\"><\/div>\n\/\/     <h3 class=\"uk-panel-title\"><\/h3>\n\/\/     <p><\/p>\n\/\/ <\/div>\n\/\/\n\/\/ ========================================================================\n\n\n\/\/ Variables\n\/\/ ========================================================================\n\n@panel-title-margin-bottom:                     15px;\n@panel-title-font-size:                         18px;\n@panel-title-line-height:                       24px;\n@panel-title-font-weight:                       normal;\n@panel-title-color:                             #444;\n@panel-title-text-transform:                    none;\n\n@panel-teaser-margin-bottom:                    @panel-title-margin-bottom;\n\n@panel-box-padding:                             15px;\n@panel-box-background:                          #f5f5f5;\n@panel-box-color:                               #444;\n@panel-box-hover-color:                         @panel-box-color;\n@panel-box-title-color:                         #444;\n@panel-box-badge-top:                           10px;\n@panel-box-badge-right:                         @panel-box-badge-top;\n@panel-box-teaser-margin:                       -@panel-box-padding;\n\n@panel-box-primary-background:                  #ebf7fd;\n@panel-box-primary-color:                       #2d7091;\n@panel-box-primary-hover-color:                 @panel-box-primary-color;\n@panel-box-primary-title-color:                 #2d7091;\n\n@panel-box-secondary-background:                #eee;\n@panel-box-secondary-color:                     #444;\n@panel-box-secondary-hover-color:               @panel-box-secondary-color;\n@panel-box-secondary-title-color:               #444;\n\n@panel-hover-padding:                           15px;\n@panel-hover-color:                             #444;\n@panel-hover-hover-background:                  #f5f5f5;\n@panel-hover-hover-color:                       #444;\n@panel-hover-badge-top:                         10px;\n@panel-hover-badge-right:                       @panel-hover-badge-top;\n@panel-hover-teaser-margin:                     -@panel-hover-padding;\n\n@panel-header-title-padding:                    10px;\n@panel-header-title-border:                     #ddd;\n@panel-header-title-border-width:               1px;\n@panel-header-title-color:                      #444;\n\n@panel-space-padding:                           30px;\n\n@panel-divider-gutter:                          25px;\n@panel-divider-gutter-large:                    35px;\n@panel-divider-border:                          #ddd;\n@panel-divider-border-width:                    1px;\n\n@panel-body-padding:                            @panel-box-padding;\n\n\n\/* ========================================================================\n   Component: Panel\n ========================================================================== *\/\n\n\/*\n * 1. Needed for `a` elements\n * 2. Create position context for badges\n *\/\n\n.uk-panel {\n    \/* 1 *\/\n    display: block;\n    \/* 2 *\/\n    position: relative;\n}\n\n\/*\n * Allow panels to be anchors\n *\/\n\n.uk-panel,\n.uk-panel:hover { text-decoration: none; }\n\n\/*\n * Micro clearfix to make panels more robust\n *\/\n\n.uk-panel:before,\n.uk-panel:after {\n    content: \"\";\n    display: table;\n}\n\n.uk-panel:after { clear: both; }\n\n\/*\n * Remove margin from the last-child if not `uk-widget-title`\n *\/\n\n.uk-panel > :not(.uk-panel-title):last-child { margin-bottom: 0; }\n\n\n\/* Sub-object: `uk-panel-title`\n ========================================================================== *\/\n\n.uk-panel-title {\n    margin-top: 0;\n    margin-bottom: @panel-title-margin-bottom;\n    font-size: @panel-title-font-size;\n    line-height: @panel-title-line-height;\n    font-weight: @panel-title-font-weight;\n    text-transform: @panel-title-text-transform;\n    color: @panel-title-color;\n    .hook-panel-title;\n}\n\n\n\/* Sub-object: `uk-panel-badge`\n ========================================================================== *\/\n\n.uk-panel-badge {\n    position: absolute;\n    top: 0;\n    right: 0;\n    z-index: 1;\n    .hook-panel-badge;\n}\n\n\/* Sub-object: `uk-panel-teaser`\n ========================================================================== *\/\n\n.uk-panel-teaser { margin-bottom: @panel-teaser-margin-bottom; }\n\n\n\/* Sub-object: `uk-panel-body`\n ========================================================================== *\/\n\n.uk-panel-body { padding: @panel-body-padding; }\n\n\n\/* Modifier: `uk-panel-box`\n ========================================================================== *\/\n\n.uk-panel-box {\n    padding: @panel-box-padding;\n    background: @panel-box-background;\n    color: @panel-box-color;\n    .hook-panel-box;\n}\n\n.uk-panel-box-hover:hover {\n    color: @panel-box-hover-color;\n    .hook-panel-box-hover;\n}\n\n.uk-panel-box .uk-panel-title { color: @panel-box-title-color; }\n\n.uk-panel-box .uk-panel-badge {\n    top: @panel-box-badge-top;\n    right: @panel-box-badge-right;\n}\n\n.uk-panel-box > .uk-panel-teaser {\n    margin-top: @panel-box-teaser-margin;\n    margin-left: @panel-box-teaser-margin;\n    margin-right: @panel-box-teaser-margin;\n}\n\n\/*\n * Nav in panel\n *\/\n\n.uk-panel-box > .uk-nav-side { margin: 0 (-@panel-box-padding); }\n\n\/*\n * Sub-modifier: `uk-panel-box-primary`\n *\/\n\n.uk-panel-box-primary {\n    background-color: @panel-box-primary-background;\n    color: @panel-box-primary-color;\n    .hook-panel-box-primary;\n}\n\n.uk-panel-box-primary-hover:hover {\n    color: @panel-box-primary-hover-color;\n    .hook-panel-box-primary-hover;\n}\n\n.uk-panel-box-primary .uk-panel-title { color: @panel-box-primary-title-color; }\n\n\/*\n * Sub-modifier: `uk-panel-box-secondary`\n *\/\n\n.uk-panel-box-secondary {\n    background-color: @panel-box-secondary-background;\n    color: @panel-box-secondary-color;\n    .hook-panel-box-secondary;\n}\n\n.uk-panel-box-secondary-hover:hover {\n    color: @panel-box-secondary-hover-color;\n    .hook-panel-box-secondary-hover;\n}\n\n.uk-panel-box-secondary .uk-panel-title { color: @panel-box-secondary-title-color; }\n\n\n\/* Modifier: `uk-panel-hover`\n ========================================================================== *\/\n\n.uk-panel-hover {\n    padding: @panel-hover-padding;\n    color: @panel-hover-color;\n    .hook-panel-hover;\n}\n\n.uk-panel-hover:hover {\n    background: @panel-hover-hover-background;\n    color: @panel-hover-hover-color;\n    .hook-panel-hover-hover;\n}\n\n.uk-panel-hover .uk-panel-badge {\n    top: @panel-hover-badge-top;\n    right: @panel-hover-badge-right;\n}\n\n.uk-panel-hover > .uk-panel-teaser {\n    margin-top: @panel-hover-teaser-margin;\n    margin-left: @panel-hover-teaser-margin;\n    margin-right: @panel-hover-teaser-margin;\n}\n\n\n\/* Modifier: `uk-panel-header`\n ========================================================================== *\/\n\n.uk-panel-header .uk-panel-title {\n    padding-bottom: @panel-header-title-padding;\n    border-bottom: @panel-header-title-border-width solid @panel-header-title-border;\n    color: @panel-header-title-color;\n    .hook-panel-header;\n}\n\n\n\/* Modifier: `uk-panel-space`\n ========================================================================== *\/\n\n.uk-panel-space { padding: @panel-space-padding; }\n\n.uk-panel-space .uk-panel-badge {\n    top: @panel-space-padding;\n    right: @panel-space-padding;\n}\n\n\n\/* Modifier: `uk-panel-divider`\n ========================================================================== *\/\n\n.uk-panel + .uk-panel-divider { margin-top: (@panel-divider-gutter * 2) !important; }\n\n.uk-panel + .uk-panel-divider:before {\n    content: \"\";\n    display: block;\n    position: absolute;\n    top: -(@panel-divider-gutter);\n    left: 0;\n    right: 0;\n    border-top: @panel-divider-border-width solid @panel-divider-border;\n}\n\n\/* Large screen and bigger *\/\n@media (min-width: @breakpoint-xlarge) {\n\n    .uk-panel + .uk-panel-divider { margin-top: (@panel-divider-gutter-large * 2) !important; }\n    .uk-panel + .uk-panel-divider:before { top: -(@panel-divider-gutter-large); }\n\n}\n\n\n\/\/ Hooks\n\/\/ ========================================================================\n\n.hook-panel-misc;\n\n.hook-panel-title() {}\n.hook-panel-badge() {}\n.hook-panel-box() {}\n.hook-panel-box-hover() {}\n.hook-panel-box-primary() {}\n.hook-panel-box-primary-hover() {}\n.hook-panel-box-secondary() {}\n.hook-panel-box-secondary-hover() {}\n.hook-panel-hover() {}\n.hook-panel-hover-hover() {}\n.hook-panel-header() {}\n.hook-panel-misc() {}\n\n\/\/ Name:            Block\n\/\/ Description:     Defines styles to create horizontal layout blocks\n\/\/\n\/\/ Component:       `uk-block`\n\/\/\n\/\/ Modifiers:       `uk-block-large`\n\/\/                  `uk-block-default`\n\/\/                  `uk-block-muted`\n\/\/                  `uk-block-primary`\n\/\/                  `uk-block-secondary`\n\/\/\n\/\/ ========================================================================\n\n\n\/\/ Variables\n\/\/ ========================================================================\n\n@block-padding-vertical:                        20px;\n@block-padding-vertical-large:                  50px;\n\n@block-large-padding-vertical:                  @block-padding-vertical;\n@block-large-padding-vertical-medium:           @block-padding-vertical-large;\n@block-large-padding-vertical-large:            100px;\n\n@block-default-background:                      #fff;\n@block-muted-background:                        #f9f9f9;\n@block-primary-background:                      #00a8e6;\n@block-secondary-background:                    #222;\n\n\n\/* ========================================================================\n   Component: Block\n ========================================================================== *\/\n\n.uk-block {\n    position: relative;\n    box-sizing: border-box;\n    padding-top: @block-padding-vertical;\n    padding-bottom: @block-padding-vertical;\n    .hook-block;\n}\n\n\/* Phone landscape and bigger *\/\n@media (min-width: @breakpoint-medium) {\n\n    .uk-block {\n        padding-top: @block-padding-vertical-large;\n        padding-bottom: @block-padding-vertical-large;\n    }\n\n}\n\n\/*\n * Micro clearfix to make blocks more robust\n *\/\n\n.uk-block:before,\n.uk-block:after {\n    content: \"\";\n    display: table;\n}\n\n.uk-block:after { clear: both; }\n\n\/*\n * Remove margin from the last-child\n *\/\n\n.uk-block > :last-child { margin-bottom: 0; }\n\n\n\/* Padding Modifier\n ========================================================================== *\/\n\n\/*\n * Large padding\n *\/\n\n.uk-block-large {\n    padding-top: @block-large-padding-vertical;\n    padding-bottom: @block-large-padding-vertical;\n}\n\n\/* Tablets and bigger *\/\n@media (min-width: @breakpoint-medium) {\n\n    .uk-block-large {\n        padding-top: @block-large-padding-vertical-medium;\n        padding-bottom: @block-large-padding-vertical-medium;\n    }\n\n}\n\n\/* Desktop and bigger *\/\n@media (min-width: @breakpoint-large) {\n\n    .uk-block-large {\n        padding-top: @block-large-padding-vertical-large;\n        padding-bottom: @block-large-padding-vertical-large;\n    }\n\n}\n\n\n\/* Color Modifier\n ========================================================================== *\/\n\n\/*\n * Default\n *\/\n\n.uk-block-default {\n    background: @block-default-background;\n    .hook-block-default;\n}\n\n\/*\n * Muted\n *\/\n\n.uk-block-muted {\n    background: @block-muted-background;\n    .hook-block-muted;\n}\n\n\/*\n * Primary\n *\/\n\n.uk-block-primary {\n    background: @block-primary-background;\n    .hook-block-primary;\n}\n\n\/*\n * Secondary\n *\/\n\n.uk-block-secondary {\n    background: @block-secondary-background;\n    .hook-block-secondary;\n}\n\n\n\/\/ Hooks\n\/\/ ========================================================================\n\n.hook-block-misc;\n\n.hook-block() {}\n.hook-block-default() {}\n.hook-block-muted() {}\n.hook-block-secondary() {}\n.hook-block-primary() {}\n.hook-block-misc() {}\n\/\/ Name:            Article\n\/\/ Description:     Defines styles for articles within your page\n\/\/\n\/\/ Component:       `uk-article`\n\/\/\n\/\/ Sub-objects:     `uk-article-title`\n\/\/                  `uk-article-meta`\n\/\/                  `uk-article-lead`\n\/\/                  `uk-article-divider`\n\/\/\n\/\/ Markup:\n\/\/\n\/\/ <!-- uk-article -->\n\/\/ <div class=\"uk-article\">\n\/\/     <h1 class=\"uk-article-title\"><\/h1>\n\/\/     <p class=\"uk-article-meta\"><\/p>\n\/\/     <p class=\"uk-article-lead\"><\/p>\n\/\/     <p><\/p>\n\/\/     <hr class=\"uk-article-divider\">\n\/\/     <p><\/p>\n\/\/ <\/div>\n\/\/\n\/\/ ========================================================================\n\n\n\/\/ Variables\n\/\/ ========================================================================\n\n@article-margin-top:                            25px;\n\n@article-title-font-size:                       36px;\n@article-title-line-height:                     42px;\n@article-title-font-weight:                     normal;\n@article-title-text-transform:                  none;\n\n@article-meta-font-size:                        12px;\n@article-meta-line-height:                      18px;\n@article-meta-color:                            #999;\n\n@article-lead-color:                            #444;\n@article-lead-font-size:                        18px;\n@article-lead-line-height:                      24px;\n@article-lead-font-weight:                      normal;\n\n@article-divider-margin:                        25px;\n@article-divider-border:                        #ddd;\n\n\n\/* ========================================================================\n   Component: Article\n ========================================================================== *\/\n\n\/*\n * Micro clearfix to make articles more robust\n *\/\n\n.uk-article:before,\n.uk-article:after {\n    content: \"\";\n    display: table;\n}\n\n.uk-article:after { clear: both; }\n\n\/*\n * Remove margin from the last-child\n *\/\n\n.uk-article > :last-child { margin-bottom: 0; }\n\n\/*\n * Vertical gutter for articles\n *\/\n\n.uk-article + .uk-article { margin-top: @article-margin-top; }\n\n\n\/* Sub-object `uk-article-title`\n ========================================================================== *\/\n\n.uk-article-title {\n    font-size: @article-title-font-size;\n    line-height: @article-title-line-height;\n    font-weight: @article-title-font-weight;\n    text-transform: @article-title-text-transform;\n    .hook-article-title;\n}\n\n.uk-article-title a {\n    color: inherit;\n    text-decoration: none;\n}\n\n\n\/* Sub-object `uk-article-meta`\n ========================================================================== *\/\n\n.uk-article-meta {\n    font-size: @article-meta-font-size;\n    line-height: @article-meta-line-height;\n    color: @article-meta-color;\n    .hook-article-meta;\n}\n\n\n\/* Sub-object `uk-article-lead`\n ========================================================================== *\/\n\n.uk-article-lead {\n    color: @article-lead-color;\n    font-size: @article-lead-font-size;\n    line-height: @article-lead-line-height;\n    font-weight: @article-lead-font-weight;\n    .hook-article-lead;\n}\n\n\n\/* Sub-object `uk-article-divider`\n ========================================================================== *\/\n\n.uk-article-divider {\n    margin-bottom: @article-divider-margin;\n    border-color: @article-divider-border;\n    .hook-article-divider;\n}\n\n* + .uk-article-divider { margin-top: @article-divider-margin; }\n\n\n\/\/ Hooks\n\/\/ ========================================================================\n\n.hook-article-misc;\n\n.hook-article-title() {}\n.hook-article-meta() {}\n.hook-article-lead() {}\n.hook-article-divider() {}\n.hook-article-misc() {}\n\/\/ Name:            Comment\n\/\/ Description:     Defines styles for comment threads\n\/\/\n\/\/ Component:       `uk-comment`\n\/\/\n\/\/ Sub-objects:     `uk-comment-header`\n\/\/                  `uk-comment-avatar`\n\/\/                  `uk-comment-title`\n\/\/                  `uk-comment-meta`\n\/\/                  `uk-comment-body`\n\/\/                  `uk-comment-list`\n\/\/                  `uk-comment-primary`\n\/\/\n\/\/ Markup:\n\/\/\n\/\/ <!-- uk-comment -->\n\/\/ <article class=\"uk-comment\">\n\/\/     <header class=\"uk-comment-header\">\n\/\/         <img class=\"uk-comment-avatar\" src=\"avatar.svg\" width=\"50\" height=\"50\" alt=\"\">\n\/\/         <h4 class=\"uk-comment-title\"><\/h4>\n\/\/         <div class=\"uk-comment-meta\"><\/div>\n\/\/     <\/header>\n\/\/     <div class=\"uk-comment-body\">\n\/\/         <p><\/p>\n\/\/     <\/div>\n\/\/ <\/article>\n\/\/\n\/\/ ========================================================================\n\n\n\/\/ Variables\n\/\/ ========================================================================\n\n@comment-header-margin-bottom:                  15px;\n\n@comment-avatar-margin-right:                   15px;\n\n@comment-title-margin-top:                      5px;\n@comment-title-font-size:                       16px;\n@comment-title-line-height:                     22px;\n\n@comment-meta-margin-top:                       2px;\n@comment-meta-color:                            #999;\n@comment-meta-font-size:                        11px;\n@comment-meta-line-height:                      16px;\n\n@comment-list-margin-top:                       15px;\n@comment-list-padding-left:                     100px;\n\n\n\/* ========================================================================\n   Component: Comment\n ========================================================================== *\/\n\n.uk-comment {\n    .hook-comment;\n}\n\n\n\/* Sub-object `uk-comment-header`\n ========================================================================== *\/\n\n.uk-comment-header {\n    margin-bottom: @comment-header-margin-bottom;\n    .hook-comment-header;\n}\n\n\/*\n * Micro clearfix\n *\/\n\n.uk-comment-header:before,\n.uk-comment-header:after {\n    content: \"\";\n    display: table;\n}\n\n.uk-comment-header:after { clear: both; }\n\n\n\/* Sub-object `uk-comment-avatar`\n ========================================================================== *\/\n\n.uk-comment-avatar {\n    margin-right: @comment-avatar-margin-right;\n    float: left;\n    .hook-comment-avatar;\n}\n\n\n\/* Sub-object `uk-comment-title`\n ========================================================================== *\/\n\n.uk-comment-title {\n    margin: @comment-title-margin-top 0 0 0;\n    font-size: @comment-title-font-size;\n    line-height: @comment-title-line-height;\n    .hook-comment-title;\n}\n\n\n\/* Sub-object `uk-comment-meta`\n ========================================================================== *\/\n\n.uk-comment-meta {\n    margin: @comment-meta-margin-top 0 0 0;\n    font-size: @comment-meta-font-size;\n    line-height: @comment-meta-line-height;\n    color: @comment-meta-color;\n    .hook-comment-meta;\n}\n\n\n\/* Sub-object `uk-comment-body`\n ========================================================================== *\/\n\n.uk-comment-body {\n    .hook-comment-body;\n}\n\n\/*\n * Remove margin from the last-child\n *\/\n\n .uk-comment-body > :last-child { margin-bottom: 0; }\n\n\n\/* Sub-object `uk-comment-list`\n ========================================================================== *\/\n\n.uk-comment-list {\n    padding: 0;\n    list-style: none;\n}\n\n.uk-comment-list .uk-comment + ul {\n    margin: @comment-list-margin-top 0 0 0;\n    list-style: none;\n}\n\n.uk-comment-list > li:nth-child(n+2),\n.uk-comment-list .uk-comment + ul > li:nth-child(n+2) { margin-top: @comment-list-margin-top; }\n\n\/* Tablet and bigger *\/\n@media (min-width: @breakpoint-medium) {\n\n    .uk-comment-list .uk-comment + ul { padding-left: @comment-list-padding-left; }\n\n}\n\n\n\/* Modifier `uk-comment-primary`\n ========================================================================== *\/\n\n.uk-comment-primary {\n    .hook-comment-primary;\n}\n\n\n\/\/ Hooks\n\/\/ ========================================================================\n\n.hook-comment-misc;\n\n.hook-comment() {}\n.hook-comment-header() {}\n.hook-comment-avatar() {}\n.hook-comment-title() {}\n.hook-comment-meta() {}\n.hook-comment-body() {}\n.hook-comment-primary() {}\n.hook-comment-misc() {}\n\/\/ Name:            Cover\n\/\/ Description:     Defines styles for images and videos to cover their container in a centered position\n\/\/\n\/\/ Component:       `uk-cover-*`\n\/\/\n\/\/ Used by:         Slideshow\n\/\/\n\/\/ ========================================================================\n\n\n\/* ========================================================================\n   Component: Cover\n ========================================================================== *\/\n\n\/*\n * Background image always covers and centers its element\n *\/\n\n.uk-cover-background {\n    background-position: 50% 50%;\n    background-size: cover;\n    background-repeat: no-repeat;\n}\n\n\/*\n * Emulates image cover, works with video and image elements\n * 1. Parent container which clips resized object\n * 2. Resizes the object to always covers its container\n * 3. Reset the responsive image CSS\n * 4. Center object\n *\/\n\n\/* 1 *\/\n.uk-cover { overflow: hidden; }\n\n.uk-cover-object {\n    \/* 2 *\/\n    width: auto;\n    height: auto;\n    min-width: 100%;\n    min-height: 100%;\n    \/* 3 *\/\n    max-width: none;\n    \/* 4 *\/\n    position: relative;\n    left: 50%;\n    top: 50%;\n    -webkit-transform: translate(-50%,-50%);\n    transform: translate(-50%,-50%);\n}\n\n\/*\n * To center iframes use `data-uk-cover` JavaScript\n *\/\n\n[data-uk-cover] {\n    position: relative;\n    left: 50%;\n    top: 50%;\n    -webkit-transform: translate(-50%,-50%);\n    transform: translate(-50%,-50%);\n}\n\n\n\/\/ Hooks\n\/\/ ========================================================================\n\n.hook-cover-misc;\n\n.hook-cover-misc() {}\n\n\/\/ Navs\n\/\/ Name:            Nav\n\/\/ Description:     Defines styles for list navigations\n\/\/\n\/\/ Component:       `uk-nav`\n\/\/\n\/\/ Sub-objects:     `uk-nav-header`\n\/\/                  `uk-nav-divider`\n\/\/                  `uk-nav-sub`\n\/\/\n\/\/ Modifiers:       `uk-nav-parent-icon`\n\/\/                  `uk-nav-side`\n\/\/                  `uk-nav-dropdown`\n\/\/                  `uk-nav-navbar`\n\/\/                  `uk-nav-offcanvas`\n\/\/\n\/\/ States:          `uk-active`\n\/\/                  `uk-parent`\n\/\/                  `uk-open`\n\/\/                  `uk-touch`\n\/\/\n\/\/ Uses:            Icon: FontAwesome\n\/\/\n\/\/ Used by:         Panel\n\/\/                  Dropdown\n\/\/\n\/\/ Markup:\n\/\/\n\/\/ <!-- uk-nav -->\n\/\/ <ul class=\"uk-nav\">\n\/\/     <li class=\"uk-active\"><a href=\"\"><\/a><\/li>\n\/\/     <li><a href=\"\"><\/a><\/li>\n\/\/ <\/ul>\n\/\/\n\/\/ ========================================================================\n\n\n\/\/ Variables\n\/\/ ========================================================================\n\n@nav-padding-vertical:                          5px;\n@nav-padding-horizontal:                        15px;\n\n@nav-header-padding-vertical:                   @nav-padding-vertical;\n@nav-header-padding-horizontal:                 @nav-padding-horizontal;\n@nav-header-font-size:                          12px;\n@nav-header-font-weight:                        bold;\n@nav-header-text-transform:                     uppercase;\n@nav-header-margin-top:                         15px;\n\n@nav-divider-margin-vertical:                   9px;\n@nav-divider-margin-horizontal:                 @nav-padding-horizontal;\n\n@nav-subtitle-font-size:                        12px;\n@nav-subtitle-line-height:                      18px;\n\n@nav-nested-padding-left:                       15px;\n@nav-nested-padding-vertical:                   2px;\n@nav-nested-padding-horizontal:                 0;\n\n@nav-sub-padding-vertical:                      5px;\n@nav-sub-padding-left:                          @nav-padding-horizontal;\n\n@nav-parent-icon:                               \"\\f104\";\n@nav-parent-open-icon:                          \"\\f107\";\n@nav-parent-icon-width:                         20px;\n@nav-parent-icon-margin-right:                  -10px;\n\n@nav-side-color:                                #444;\n@nav-side-hover-background:                     rgba(0,0,0,0.05);\n@nav-side-hover-color:                          #444;\n@nav-side-active-background:                    #00a8e6;\n@nav-side-active-color:                         #fff;\n@nav-side-header-color:                         #444;\n@nav-side-divider-border:                       #ddd;\n@nav-side-divider-border-width:                 1px;\n@nav-side-nested-color:                         #07D;\n@nav-side-nested-hover-color:                   #059;\n\n@nav-dropdown-color:                            #444;\n@nav-dropdown-hover-background:                 #00a8e6;\n@nav-dropdown-hover-color:                      #fff;\n@nav-dropdown-header-color:                     #999;\n@nav-dropdown-divider-border:                   #ddd;\n@nav-dropdown-divider-border-width:             1px;\n@nav-dropdown-nested-color:                     #07D;\n@nav-dropdown-nested-hover-color:               #059;\n\n@nav-navbar-color:                              #444;\n@nav-navbar-hover-background:                   #00a8e6;\n@nav-navbar-hover-color:                        #fff;\n@nav-navbar-header-color:                       #999;\n@nav-navbar-divider-border:                     #ddd;\n@nav-navbar-divider-border-width:               1px;\n@nav-navbar-nested-color:                       #07D;\n@nav-navbar-nested-hover-color:                 #059;\n\n@nav-offcanvas-padding-vertical:                10px;\n@nav-offcanvas-padding-horizontal:              15px;\n@nav-offcanvas-color:                           #ccc;\n@nav-offcanvas-hover-background:                #404040;\n@nav-offcanvas-hover-color:                     #fff;\n@nav-offcanvas-active-background:               #1a1a1a;\n@nav-offcanvas-active-color:                    #fff;\n@nav-offcanvas-header-color:                    #777;\n@nav-offcanvas-divider-border:                  #1a1a1a;\n@nav-offcanvas-divider-border-width:            1px;\n@nav-offcanvas-nested-color:                    #ccc;\n@nav-offcanvas-nested-hover-color:              #fff;\n\n\n\/* ========================================================================\n   Component: Nav\n ========================================================================== *\/\n\n.uk-nav,\n.uk-nav ul {\n    margin: 0;\n    padding: 0;\n    list-style: none;\n}\n\n\/*\n * Items\n *\/\n\n.uk-nav li > a {\n    display: block;\n    text-decoration: none;\n}\n\n.uk-nav > li > a { padding: @nav-padding-vertical @nav-padding-horizontal; }\n\n\/*\n * Nested items\n *\/\n\n.uk-nav ul { padding-left: @nav-nested-padding-left; }\n\n.uk-nav ul a { padding: @nav-nested-padding-vertical @nav-nested-padding-horizontal; }\n\n\/*\n * Item subtitle\n *\/\n\n.uk-nav li > a > div {\n    font-size: @nav-subtitle-font-size;\n    line-height: @nav-subtitle-line-height;\n}\n\n\n\/* Sub-object: `uk-nav-header`\n ========================================================================== *\/\n\n.uk-nav-header {\n    padding: @nav-header-padding-vertical @nav-header-padding-horizontal;\n    text-transform: @nav-header-text-transform;\n    font-weight: @nav-header-font-weight;\n    font-size: @nav-header-font-size;\n    .hook-nav-header;\n}\n\n.uk-nav-header:not(:first-child) { margin-top: @nav-header-margin-top; }\n\n\n\/* Sub-object: `uk-nav-divider`\n ========================================================================== *\/\n\n.uk-nav-divider {\n    margin: @nav-divider-margin-vertical @nav-divider-margin-horizontal;\n    .hook-nav-divider;\n}\n\n\n\/* Sub-object: `uk-nav-sub`\n ========================================================================== *\/\n\n\/*\n * `ul` needed for higher specificity to override padding\n *\/\n\nul.uk-nav-sub {\n    padding: @nav-sub-padding-vertical 0 @nav-sub-padding-vertical @nav-sub-padding-left;\n    .hook-nav-sub;\n}\n\n\n\/* Modifier: `uk-nav-parent-icon`\n ========================================================================== *\/\n\n.uk-nav-parent-icon > .uk-parent > a:after {\n    content: @nav-parent-icon;\n    width: @nav-parent-icon-width;\n    margin-right: @nav-parent-icon-margin-right;\n    float: right;\n    font-family: FontAwesome;\n    text-align: center;\n    .hook-nav-parent-icon;\n}\n\n.uk-nav-parent-icon > .uk-parent.uk-open > a:after { content: @nav-parent-open-icon; }\n\n\n\/* Modifier `uk-nav-side`\n ========================================================================== *\/\n\n\/*\n * Items\n *\/\n\n.uk-nav-side > li > a {\n    color: @nav-side-color;\n    .hook-nav-side;\n}\n\n\/*\n * Hover\n * 1. Apply hover style also to focus state\n * 2. Remove default focus style\n *\/\n\n.uk-nav-side > li > a:hover,\n.uk-nav-side > li > a:focus { \/\/ 1\n    background: @nav-side-hover-background;\n    color: @nav-side-hover-color;\n    \/* 2 *\/\n    outline: none;\n    .hook-nav-side-hover;\n}\n\n\/* Active *\/\n.uk-nav-side > li.uk-active > a {\n    background: @nav-side-active-background;\n    color: @nav-side-active-color;\n    .hook-nav-side-active;\n}\n\n\/*\n * Sub-object: `uk-nav-header`\n *\/\n\n.uk-nav-side .uk-nav-header {\n    color: @nav-side-header-color;\n    .hook-nav-side-header;\n}\n\n\/*\n * Sub-object: `uk-nav-divider`\n *\/\n\n.uk-nav-side .uk-nav-divider {\n    border-top: @nav-side-divider-border-width solid @nav-side-divider-border;\n    .hook-nav-side-divider;\n}\n\n\/*\n * Nested items\n *\/\n\n.uk-nav-side ul a { color: @nav-side-nested-color; }\n.uk-nav-side ul a:hover { color: @nav-side-nested-hover-color; }\n\n\n\/* Modifier `uk-nav-dropdown`\n ========================================================================== *\/\n\n\/*\n * Items\n *\/\n\n.uk-nav-dropdown > li > a {\n    color: @nav-dropdown-color;\n    .hook-nav-dropdown;\n}\n\n\/*\n * Hover\n * 1. Apply hover style also to focus state\n * 2. Remove default focus style\n *\/\n\n.uk-nav-dropdown > li > a:hover,\n.uk-nav-dropdown > li > a:focus { \/\/ 1\n    background: @nav-dropdown-hover-background;\n    color: @nav-dropdown-hover-color;\n    \/* 2 *\/\n    outline: none;\n    .hook-nav-dropdown-hover;\n}\n\n\/*\n * Sub-object: `uk-nav-header`\n *\/\n\n.uk-nav-dropdown .uk-nav-header {\n    color: @nav-dropdown-header-color;\n    .hook-nav-dropdown-header;\n}\n\n\/*\n * Sub-object: `uk-nav-divider`\n *\/\n\n.uk-nav-dropdown .uk-nav-divider {\n    border-top: @nav-dropdown-divider-border-width solid @nav-dropdown-divider-border;\n    .hook-nav-dropdown-divider;\n}\n\n\/*\n * Nested items\n *\/\n\n.uk-nav-dropdown ul a { color: @nav-dropdown-nested-color; }\n.uk-nav-dropdown ul a:hover { color: @nav-dropdown-nested-hover-color; }\n\n\n\/* Modifier `uk-nav-navbar`\n ========================================================================== *\/\n\n\/*\n * Items\n *\/\n\n.uk-nav-navbar > li > a {\n    color: @nav-navbar-color;\n    .hook-nav-navbar;\n}\n\n\/*\n * Hover\n * 1. Apply hover style also to focus state\n * 2. Remove default focus style\n *\/\n\n.uk-nav-navbar > li > a:hover,\n.uk-nav-navbar > li > a:focus { \/\/ 1\n    background: @nav-navbar-hover-background;\n    color: @nav-navbar-hover-color;\n    \/* 2 *\/\n    outline: none;\n    .hook-nav-navbar-hover;\n}\n\n\/*\n * Sub-object: `uk-nav-header`\n *\/\n\n.uk-nav-navbar .uk-nav-header {\n    color: @nav-navbar-header-color;\n    .hook-nav-navbar-header;\n}\n\n\/*\n * Sub-object: `uk-nav-divider`\n *\/\n\n.uk-nav-navbar .uk-nav-divider {\n    border-top: @nav-navbar-divider-border-width solid @nav-navbar-divider-border;\n    .hook-nav-navbar-divider;\n}\n\n\/*\n * Nested items\n *\/\n\n.uk-nav-navbar ul a { color: @nav-navbar-nested-color; }\n.uk-nav-navbar ul a:hover { color: @nav-navbar-nested-hover-color; }\n\n\n\/* Modifier `uk-nav-offcanvas`\n ========================================================================== *\/\n\n\/*\n * Items\n *\/\n\n.uk-nav-offcanvas > li > a {\n    color: @nav-offcanvas-color;\n    padding: @nav-offcanvas-padding-vertical @nav-offcanvas-padding-horizontal;\n    .hook-nav-offcanvas;\n}\n\n\/*\n * Hover\n * No hover on touch devices because it behaves buggy in fixed offcanvas\n * 1. Apply hover style also to focus state\n * 2. Remove default focus style\n *\/\n\n.uk-nav-offcanvas > .uk-open > a,\nhtml:not(.uk-touch) .uk-nav-offcanvas > li > a:hover,\nhtml:not(.uk-touch) .uk-nav-offcanvas > li > a:focus { \/\/ 1\n    background: @nav-offcanvas-hover-background;\n    color: @nav-offcanvas-hover-color;\n    \/* 2 *\/\n    outline: none;\n    .hook-nav-offcanvas-hover;\n}\n\n\/*\n * Active\n * `html .uk-nav` needed for higher specificity to override hover\n *\/\nhtml .uk-nav.uk-nav-offcanvas > li.uk-active > a {\n    background: @nav-offcanvas-active-background;\n    color: @nav-offcanvas-active-color;\n    .hook-nav-offcanvas-active;\n}\n\n\/*\n * Sub-object: `uk-nav-header`\n *\/\n\n.uk-nav-offcanvas .uk-nav-header {\n    color: @nav-offcanvas-header-color;\n    .hook-nav-offcanvas-header;\n}\n\n\/*\n * Sub-object: `uk-nav-divider`\n *\/\n\n.uk-nav-offcanvas .uk-nav-divider {\n    border-top: @nav-offcanvas-divider-border-width solid @nav-offcanvas-divider-border;\n    .hook-nav-offcanvas-divider;\n}\n\n\/*\n * Nested items\n * No hover on touch devices because it behaves buggy in fixed offcanvas\n *\/\n\n.uk-nav-offcanvas ul a { color: @nav-offcanvas-nested-color; }\nhtml:not(.uk-touch) .uk-nav-offcanvas ul a:hover { color: @nav-offcanvas-nested-hover-color; }\n\n\n\/\/ Hooks\n\/\/ ========================================================================\n\n.hook-nav-misc;\n\n.hook-nav-header() {}\n.hook-nav-divider() {}\n.hook-nav-sub() {}\n.hook-nav-parent-icon() {}\n\n.hook-nav-side() {}\n.hook-nav-side-hover() {}\n.hook-nav-side-active() {}\n.hook-nav-side-header() {}\n.hook-nav-side-divider() {}\n\n.hook-nav-dropdown() {}\n.hook-nav-dropdown-hover() {}\n.hook-nav-dropdown-header() {}\n.hook-nav-dropdown-divider() {}\n\n.hook-nav-navbar() {}\n.hook-nav-navbar-hover() {}\n.hook-nav-navbar-header() {}\n.hook-nav-navbar-divider() {}\n\n.hook-nav-offcanvas() {}\n.hook-nav-offcanvas-hover() {}\n.hook-nav-offcanvas-active() {}\n.hook-nav-offcanvas-header() {}\n.hook-nav-offcanvas-divider() {}\n\n.hook-nav-misc() {}\n\/\/ Name:            Navbar\n\/\/ Description:     Defines styles for the navigation bar\n\/\/\n\/\/ Component:       `uk-navbar`\n\/\/\n\/\/ Sub-objects:     `uk-navbar-nav`\n\/\/                  `uk-navbar-nav-subtitle`\n\/\/                  `uk-navbar-content`\n\/\/                  `uk-navbar-brand`\n\/\/                  `uk-navbar-toggle`\n\/\/                  `uk-navbar-toggle-alt`\n\/\/                  `uk-navbar-center`\n\/\/                  `uk-navbar-flip`\n\/\/\n\/\/ Modifiers:       `uk-navbar-attached`\n\/\/\n\/\/ States:          `uk-active`\n\/\/                  `uk-parent`\n\/\/                  `uk-open`\n\/\/\n\/\/ Used by:         Dropdown\n\/\/\n\/\/ Markup:\n\/\/\n\/\/ <!-- uk-navbar -->\n\/\/ <nav class=\"uk-navbar\">\n\/\/     <ul class=\"uk-navbar-nav\">\n\/\/         <li class=\"uk-active\"><a href=\"\"><\/a><\/li>\n\/\/         <li><a href=\"\"><\/a><\/li>\n\/\/     <\/ul>\n\/\/ <\/nav>\n\/\/\n\/\/ ========================================================================\n\n\n\/\/ Variables\n\/\/ ========================================================================\n\n@navbar-background:                             #eee;\n@navbar-color:                                  #444;\n@navbar-link-color:                             #07D;\n@navbar-link-hover-color:                       #059;\n\n@navbar-nav-height:                             40px;\n@navbar-nav-line-height:                        @navbar-nav-height;\n@navbar-nav-padding-horizontal:                 15px;\n@navbar-nav-color:                              #444;\n@navbar-nav-font-size:                          14px;\n@navbar-nav-font-weight:                        normal;\n@navbar-nav-font-family:                        \"Helvetica Neue\", Helvetica, Arial, sans-serif;\n@navbar-nav-hover-background:                   #f5f5f5;\n@navbar-nav-hover-color:                        #444;\n@navbar-nav-onclick-background:                 #ddd;\n@navbar-nav-onclick-color:                      #444;\n@navbar-nav-active-background:                  #f5f5f5;\n@navbar-nav-active-color:                       #444;\n@navbar-nav-subtitle-font-size:                 10px;\n@navbar-nav-subtitle-offset:                    2px;\n\n@navbar-brand-font-size:                        18px;\n@navbar-brand-color:                            #444;\n@navbar-brand-hover-color:                      #444;\n\n@navbar-toggle-font-size:                       18px;\n@navbar-toggle-color:                           #444;\n@navbar-toggle-hover-color:                     #444;\n@navbar-toggle-icon:                            \"\\f0c9\";\n@navbar-toggle-icon-alt:                        \"\\f002\";\n\n\n\/* ========================================================================\n   Component: Navbar\n ========================================================================== *\/\n\n.uk-navbar {\n    background: @navbar-background;\n    color: @navbar-color;\n    .hook-navbar;\n}\n\n\/*\n * Micro clearfix\n *\/\n\n.uk-navbar:before,\n.uk-navbar:after {\n    content: \"\";\n    display: table;\n}\n\n.uk-navbar:after { clear: both; }\n\n\n\/* Sub-object: `uk-navbar-nav`\n ========================================================================== *\/\n\n.uk-navbar-nav {\n    margin: 0;\n    padding: 0;\n    list-style: none;\n    float: left;\n}\n\n\/*\n * 1. Create position context for dropdowns\n *\/\n\n.uk-navbar-nav > li {\n    float: left;\n    \/* 1 *\/\n    position: relative;\n}\n\n\/*\n * 1. Dimensions\n * 2. Style\n *\/\n\n.uk-navbar-nav > li > a {\n    display: block;\n    box-sizing: border-box;\n    text-decoration: none;\n    \/* 1 *\/\n    height: @navbar-nav-height;\n    padding: 0 @navbar-nav-padding-horizontal;\n    line-height: @navbar-nav-line-height;\n    \/* 2 *\/\n    color: @navbar-nav-color;\n    font-size: @navbar-nav-font-size;\n    font-family: @navbar-nav-font-family;\n    font-weight: @navbar-nav-font-weight;\n    .hook-navbar-nav;\n}\n\n\/* Appear not as link *\/\n.uk-navbar-nav > li > a[href='#'] { cursor: text; }\n\n\/*\n * Hover\n * 1. Apply hover style also to focus state\n * 2. Also apply if dropdown is opened\n * 3. Remove default focus style\n *\/\n\n.uk-navbar-nav > li:hover > a,\n.uk-navbar-nav > li > a:focus, \/\/ 1\n.uk-navbar-nav > li.uk-open > a { \/\/ 2\n    background-color: @navbar-nav-hover-background;\n    color: @navbar-nav-hover-color;\n    \/* 3 *\/\n    outline: none;\n    .hook-navbar-nav-hover;\n}\n\n\/* OnClick *\/\n.uk-navbar-nav > li > a:active {\n    background-color: @navbar-nav-onclick-background;\n    color: @navbar-nav-onclick-color;\n    .hook-navbar-nav-onclick;\n}\n\n\/* Active *\/\n.uk-navbar-nav > li.uk-active > a {\n    background-color: @navbar-nav-active-background;\n    color: @navbar-nav-active-color;\n    .hook-navbar-nav-active;\n}\n\n\n\/* Sub-objects: `uk-navbar-nav-subtitle`\n ========================================================================== *\/\n\n.uk-navbar-nav .uk-navbar-nav-subtitle { line-height: @navbar-nav-line-height - @navbar-nav-subtitle-font-size - @navbar-nav-subtitle-offset; }\n\n.uk-navbar-nav-subtitle > div {\n    margin-top: ((@navbar-nav-line-height - @navbar-nav-subtitle-font-size - @navbar-nav-font-size) \/ -2) + @navbar-nav-subtitle-offset;\n    font-size: @navbar-nav-subtitle-font-size;\n    line-height: @navbar-nav-subtitle-font-size + @navbar-nav-subtitle-offset;\n}\n\n\n\/* Sub-objects: `uk-navbar-content`, `uk-navbar-brand`, `uk-navbar-toggle`\n ========================================================================== *\/\n\n\/*\n * Imitate navbar items\n *\/\n\n.uk-navbar-content,\n.uk-navbar-brand,\n.uk-navbar-toggle {\n    box-sizing: border-box;\n    display: block;\n    height: @navbar-nav-height;\n    padding: 0 @navbar-nav-padding-horizontal;\n    float: left;\n    .hook-navbar-content;\n}\n\n\/*\n * Helper to center all child elements vertically\n *\/\n\n.uk-navbar-content:before,\n.uk-navbar-brand:before,\n.uk-navbar-toggle:before {\n    content: '';\n    display: inline-block;\n    height: 100%;\n    vertical-align: middle;\n}\n\n\n\/* Sub-objects: `uk-navbar-content`\n ========================================================================== *\/\n\n\/*\n * Better sibling spacing\n *\/\n\n.uk-navbar-content + .uk-navbar-content:not(.uk-navbar-center) { padding-left: 0; }\n\n\/*\n * Link colors\n *\/\n\n.uk-navbar-content > a:not([class]) { color: @navbar-link-color; }\n.uk-navbar-content > a:not([class]):hover { color: @navbar-link-hover-color; }\n\n\n\/* Sub-objects: `uk-navbar-brand`\n ========================================================================== *\/\n\n.uk-navbar-brand {\n    font-size: @navbar-brand-font-size;\n    color: @navbar-brand-color;\n    text-decoration: none;\n}\n\n\/*\n * 1. Apply hover style also to focus state\n * 2. Remove default focus style\n *\/\n\n.uk-navbar-brand:hover,\n.uk-navbar-brand:focus { \/\/ 1\n    color: @navbar-brand-hover-color;\n    text-decoration: none;\n    \/* 2 *\/\n    outline: none;\n}\n\n\n\/* Sub-object: `uk-navbar-toggle`\n ========================================================================== *\/\n\n.uk-navbar-toggle {\n    font-size: @navbar-toggle-font-size;\n    color: @navbar-toggle-color;\n    text-decoration: none;\n}\n\n\/*\n * 1. Apply hover style also to focus state\n * 2. Remove default focus style\n *\/\n\n.uk-navbar-toggle:hover,\n.uk-navbar-toggle:focus { \/\/ 1\n    color: @navbar-toggle-hover-color;\n    text-decoration: none;\n    \/* 2 *\/\n    outline: none;\n}\n\n\/*\n * 1. Center icon vertically\n *\/\n\n.uk-navbar-toggle:after {\n    content: @navbar-toggle-icon;\n    font-family: FontAwesome;\n    \/* 1 *\/\n    vertical-align: middle;\n}\n\n.uk-navbar-toggle-alt:after { content: @navbar-toggle-icon-alt; }\n\n\n\/* Sub-object: `uk-navbar-center`\n ========================================================================== *\/\n\n\/*\n * The element with this class needs to be last child in the navbar\n * 1. This hack is needed because other float elements shift centered text\n *\/\n\n.uk-navbar-center {\n    float: none;\n    text-align: center;\n    \/* 1 *\/\n    max-width: 50%;\n    margin-left: auto;\n    margin-right: auto;\n}\n\n\n\/* Sub-object: `uk-navbar-flip`\n ========================================================================== *\/\n\n.uk-navbar-flip { float: right; }\n\n\n\/\/ Hooks\n\/\/ ========================================================================\n\n.hook-navbar-misc;\n\n.hook-navbar() {}\n.hook-navbar-nav() {}\n.hook-navbar-nav-hover() {}\n.hook-navbar-nav-onclick() {}\n.hook-navbar-nav-active() {}\n.hook-navbar-content() {}\n.hook-navbar-misc() {}\n\/\/ Name:            Subnav\n\/\/ Description:     Defines styles for the sub navigation\n\/\/\n\/\/ Component:       `uk-subnav`\n\/\/\n\/\/ Modifiers:       `uk-subnav-line`\n\/\/                  `uk-subnav-pill`\n\/\/\n\/\/ States:          `uk-active`\n\/\/\n\/\/ Markup:\n\/\/\n\/\/ <!-- uk-subnav -->\n\/\/ <ul class=\"uk-subnav\">\n\/\/     <li><a href=\"\"><\/a><\/li>\n\/\/ <\/ul>\n\/\/\n\/\/ ========================================================================\n\n\n\/\/ Variables\n\/\/ ========================================================================\n\n@subnav-margin-horizontal:                      10px;\n@subnav-margin-vertical:                        @subnav-margin-horizontal;\n\n@subnav-color:                                  #444;\n@subnav-hover-color:                            #07D;\n@subnav-hover-text-decoration:                  none;\n@subnav-active-color:                           #07D;\n\n@subnav-line-border-height:                     10px;\n@subnav-line-border:                            #ddd;\n@subnav-line-border-width:                      1px;\n\n@subnav-pill-padding-vertical:                  3px;\n@subnav-pill-padding-horizontal:                9px;\n@subnav-pill-hover-background:                  #eee;\n@subnav-pill-hover-color:                       #444;\n@subnav-pill-active-background:                 #00a8e6;\n@subnav-pill-active-color:                      #fff;\n\n@subnav-disabled-color:                         #999;\n\n\n\/* ========================================================================\n   Component: Subnav\n ========================================================================== *\/\n\n\/*\n * 1. Gutter\n * 2. Remove default list style\n *\/\n\n.uk-subnav {\n    display: -ms-flexbox;\n    display: -webkit-flex;\n    display: flex;\n    -ms-flex-wrap: wrap;\n    -webkit-flex-wrap: wrap;\n    flex-wrap: wrap;\n    \/* 1 *\/\n    margin-left: -@subnav-margin-horizontal;\n    margin-top: -@subnav-margin-vertical;\n    \/* 2 *\/\n    padding: 0;\n    list-style: none;\n}\n\n\/*\n * 1. Space is allocated solely based on content dimensions\n * 2. Horizontal gutter is using `padding` so `uk-width-*` classes can be applied\n * 3. Create position context for dropdowns\n *\/\n\n.uk-subnav > * {\n    \/* 1 *\/\n    -ms-flex: none;\n    -webkit-flex: none;\n    flex: none;\n    \/* 2 *\/\n    padding-left: @subnav-margin-horizontal;\n    margin-top: @subnav-margin-vertical;\n    \/* 3 *\/\n    position: relative;\n}\n\n\/*\n * DEPRECATED IE9 Support\n *\/\n\n.uk-subnav:before,\n.uk-subnav:after {\n    content: \"\";\n    display: block;\n    overflow: hidden;\n}\n\n.uk-subnav:after { clear: both; }\n\n.uk-subnav > * { float: left; }\n\n\n\/* Items\n ========================================================================== *\/\n\n.uk-subnav > * > * {\n    display: inline-block;\n    color: @subnav-color;\n    .hook-subnav;\n}\n\n\/*\n * Hover\n * 1. Apply hover style also to focus state\n *\/\n\n.uk-subnav > * > :hover,\n.uk-subnav > * > :focus { \/\/ 1\n    color: @subnav-hover-color;\n    text-decoration: @subnav-hover-text-decoration;\n    .hook-subnav-hover;\n}\n\n\/*\n * Active\n *\/\n\n.uk-subnav > .uk-active > * {\n    color: @subnav-active-color;\n    .hook-subnav-active;\n}\n\n\n\/* Modifier: 'subnav-line'\n ========================================================================== *\/\n\n.uk-subnav-line > :before {\n    content: \"\";\n    display: inline-block;\n    height: @subnav-line-border-height;\n    vertical-align: middle;\n}\n\n.uk-subnav-line > :nth-child(n+2):before {\n    margin-right: @subnav-margin-horizontal;\n    border-left: @subnav-line-border-width solid @subnav-line-border;\n    .hook-subnav-line-divider;\n}\n\n\n\/* Modifier: 'subnav-pill'\n ========================================================================== *\/\n\n.uk-subnav-pill > * > * {\n    padding: @subnav-pill-padding-vertical @subnav-pill-padding-horizontal;\n    .hook-subnav-pill;\n}\n\n\/*\n * Hover\n * 1. Apply hover style also to focus state\n * 2. Remove default focus style\n *\/\n\n.uk-subnav-pill > * > :hover,\n.uk-subnav-pill > * > :focus { \/\/ 1\n    background: @subnav-pill-hover-background;\n    color: @subnav-pill-hover-color;\n    text-decoration: none;\n    \/* 2 *\/\n    outline: none;\n    .hook-subnav-pill-hover;\n}\n\n\/*\n * Active\n * `li` needed for higher specificity to override hover\n *\/\n\n.uk-subnav-pill > .uk-active > * {\n    background: @subnav-pill-active-background;\n    color: @subnav-pill-active-color;\n    .hook-subnav-pill-active;\n}\n\n\n\/* Disabled state\n ========================================================================== *\/\n\n.uk-subnav > .uk-disabled > * {\n    background: none;\n    color: @subnav-disabled-color;\n    text-decoration: none;\n    cursor: text;\n    .hook-subnav-disabled;\n}\n\n\n\/\/ Hooks\n\/\/ ========================================================================\n\n.hook-subnav-misc;\n\n.hook-subnav() {}\n.hook-subnav-hover() {}\n.hook-subnav-active() {}\n.hook-subnav-line-divider() {}\n.hook-subnav-pill() {}\n.hook-subnav-pill-hover() {}\n.hook-subnav-pill-active() {}\n.hook-subnav-disabled() {}\n.hook-subnav-misc() {}\n\/\/ Name:            Breadcrumb\n\/\/ Description:     Defines styles for a breadcrumb navigation\n\/\/\n\/\/ Component:       `uk-breadcrumb`\n\/\/\n\/\/ States:          `uk-active`\n\/\/\n\/\/ Markup:\n\/\/\n\/\/ <!-- uk-breadcrumb -->\n\/\/ <ul class=\"uk-breadcrumb\">\n\/\/     <li><a href=\"\"><\/a><\/li>\n\/\/     <li><span><\/span><\/li>\n\/\/     <li class=\"uk-active\"><span><\/span><\/li>\n\/\/ <\/ul>\n\/\/\n\/\/ ========================================================================\n\n\n\/\/ Variables\n\/\/ ========================================================================\n\n@breadcrumb-font-size:                          1rem;\n\n@breadcrumb-divider:                            \"\/\";\n@breadcrumb-divider-margin:                     8px;\n@breadcrumb-disabled-color:                     #999;\n\n\n\/* ========================================================================\n   Component: Breadcrumb\n ========================================================================== *\/\n\n\/*\n * 1. Remove default list style\n * 2. Remove whitespace between child elements when using `inline-block`\n *\/\n\n.uk-breadcrumb {\n    \/* 1 *\/\n    padding: 0;\n    list-style: none;\n    \/* 2 *\/\n    font-size: 0.001px;\n    .hook-breadcrumb;\n}\n\n\n\/* Items\n ========================================================================== *\/\n\n\/*\n * Reset whitespace hack\n *\/\n\n.uk-breadcrumb > li {\n    font-size: @breadcrumb-font-size;\n    vertical-align: top;\n}\n\n.uk-breadcrumb > li,\n.uk-breadcrumb > li > a,\n.uk-breadcrumb > li > span { display: inline-block; }\n\n.uk-breadcrumb > li:nth-child(n+2):before {\n    content: @breadcrumb-divider;\n    display: inline-block;\n    margin: 0 @breadcrumb-divider-margin;\n    .hook-breadcrumb-divider;\n}\n\n\/*\n * Disabled\n *\/\n\n.uk-breadcrumb > li:not(.uk-active) > span { color: @breadcrumb-disabled-color; }\n\n\n\/\/ Hooks\n\/\/ ========================================================================\n\n.hook-breadcrumb-misc;\n\n.hook-breadcrumb() {}\n.hook-breadcrumb-divider() {}\n.hook-breadcrumb-misc() {}\n\/\/ Name:            Pagination\n\/\/ Description:     Defines styles for a navigation between pages\n\/\/\n\/\/ Component:       `uk-pagination`\n\/\/\n\/\/ Sub-objects:     `uk-pagination-previous`\n\/\/                  `uk-pagination-next`\n\/\/\n\/\/ Modifiers:       `uk-pagination-left`\n\/\/                  `uk-pagination-right`\n\/\/\n\/\/ States:          `uk-active`\n\/\/                  `uk-disabled`\n\/\/\n\/\/ Markup:\n\/\/\n\/\/ <!-- uk-pagination -->\n\/\/ <ul class=\"uk-pagination\">\n\/\/     <li class=\"uk-active\"><span><\/span><\/li>\n\/\/     <li><a href=\"\"><\/a><\/li>\n\/\/ <\/ul>\n\/\/\n\/\/ ========================================================================\n\n\n\/\/ Variables\n\/\/ ========================================================================\n\n@pagination-font-size:                          1rem;\n@pagination-margin-left:                        5px;\n@pagination-padding-vertical:                   3px;\n@pagination-padding-horizontal:                 5px;\n@pagination-line-height:                        20px;\n@pagination-background:                         #eee;\n@pagination-color:                              #444;\n@pagination-hover-background:                   #f5f5f5;\n@pagination-hover-color:                        #444;\n@pagination-onclick-background:                 #ddd;\n@pagination-onclick-color:                      #444;\n\n@pagination-active-background:                  #00a8e6;\n@pagination-active-color:                       #fff;\n\n@pagination-disabled-background:                #f5f5f5;\n@pagination-disabled-color:                     #999;\n\n\n\/* ========================================================================\n   Component: Pagination\n ========================================================================== *\/\n\n\/*\n * 1. Remove default list style\n * 2. Center pagination by default\n * 3. Remove whitespace between child elements when using `inline-block`\n *\/\n\n.uk-pagination {\n    \/* 1 *\/\n    padding: 0;\n    list-style: none;\n    \/* 2 *\/\n    text-align: center;\n    \/* 3 *\/\n    font-size: 0.001px;\n}\n\n\/*\n * Micro clearfix\n * Needed if `uk-pagination-previous` or `uk-pagination-next` sub-objects are used\n *\/\n\n.uk-pagination:before,\n.uk-pagination:after {\n    content: \"\";\n    display: table;\n}\n\n.uk-pagination:after { clear: both; }\n\n\n\/* Items\n ========================================================================== *\/\n\n\/*\n * 1. Reset whitespace hack\n * 2. Remove the gap at the bottom of it container\n *\/\n\n.uk-pagination > li {\n    display: inline-block;\n    \/* 1 *\/\n    font-size: @pagination-font-size;\n    \/* 2 *\/\n    vertical-align: top;\n}\n\n.uk-pagination > li:nth-child(n+2) { margin-left: @pagination-margin-left; }\n\n\/*\n * 1. Makes pagination more robust against different box-sizing use\n * 2. Reset text-align to center if alignment modifier is used\n *\/\n\n.uk-pagination > li > a,\n.uk-pagination > li > span {\n    display: inline-block;\n    min-width: @pagination-line-height + (2 * @pagination-padding-vertical) - (2 * @pagination-padding-horizontal);\n    padding: @pagination-padding-vertical @pagination-padding-horizontal;\n    line-height: @pagination-line-height;\n    text-decoration: none;\n    \/* 1 *\/\n    box-sizing: content-box;\n    \/* 2 *\/\n    text-align: center;\n    .hook-pagination-item;\n}\n\n\/*\n * Links\n *\/\n\n.uk-pagination > li > a {\n    background: @pagination-background;\n    color: @pagination-color;\n    .hook-pagination-link;\n}\n\n\/*\n * Hover\n * 1. Apply hover style also to focus state\n * 2. Remove default focus style\n *\/\n\n.uk-pagination > li > a:hover,\n.uk-pagination > li > a:focus { \/\/ 1\n    background-color: @pagination-hover-background;\n    color: @pagination-hover-color;\n    \/* 2 *\/\n    outline: none;\n    .hook-pagination-link-hover;\n}\n\n\/* OnClick *\/\n.uk-pagination > li > a:active {\n    background-color: @pagination-onclick-background;\n    color: @pagination-onclick-color;\n    .hook-pagination-link-active;\n}\n\n\/*\n * Active\n *\/\n\n.uk-pagination > .uk-active > span {\n    background: @pagination-active-background;\n    color: @pagination-active-color;\n    .hook-pagination-active;\n}\n\n\/*\n * Disabled\n *\/\n\n.uk-pagination > .uk-disabled > span {\n    background-color: @pagination-disabled-background;\n    color: @pagination-disabled-color;\n    .hook-pagination-disabled;\n}\n\n\n\/* Previous and next navigation\n ========================================================================== *\/\n\n.uk-pagination-previous { float: left; }\n.uk-pagination-next { float: right; }\n\n\n\/* Alignment modifiers\n ========================================================================== *\/\n\n.uk-pagination-left { text-align: left; }\n.uk-pagination-right { text-align: right; }\n\n\n\/\/ Hooks\n\/\/ ========================================================================\n\n.hook-pagination-misc;\n\n.hook-pagination-item() {}\n.hook-pagination-link() {}\n.hook-pagination-link-hover() {}\n.hook-pagination-link-active() {}\n.hook-pagination-active() {}\n.hook-pagination-disabled() {}\n.hook-pagination-misc() {}\n\/\/ Name:            Tab\n\/\/ Description:     Defines styles for a tabbed navigation\n\/\/\n\/\/ Component:       `uk-tab`\n\/\/\n\/\/ Modifiers:       `uk-tab-flip`\n\/\/                  `uk-tab-center`\n\/\/                  `uk-tab-grid`\n\/\/                  `uk-tab-bottom`\n\/\/                  `uk-tab-left`\n\/\/                  `uk-tab-right`\n\/\/                  `uk-tab-responsive`\n\/\/\n\/\/ States:          `uk-active`\n\/\/                  `uk-disabled`\n\/\/\n\/\/ Markup:\n\/\/\n\/\/ <!-- uk-tab -->\n\/\/ <ul class=\"uk-tab\" data-uk-tab>\n\/\/     <li class=\"uk-active\"><a href=\"\"><\/a><\/li>\n\/\/     <li><a href=\"\"><\/a><\/li>\n\/\/ <\/ul>\n\/\/\n\/\/ ========================================================================\n\n\n\/\/ Variables\n\/\/ ========================================================================\n\n@tab-border:                                    #ddd;\n@tab-border-width:                              1px;\n@tab-padding-horizontal:                        12px;\n@tab-padding-vertical:                          8px;\n@tab-padding-top:                               @tab-padding-vertical;\n@tab-padding-bottom:                            @tab-padding-vertical;\n@tab-margin-horizontal:                         5px;\n@tab-margin-vertical:                           5px;\n@tab-color:                                     #07D;\n@tab-hover-border:                              #f5f5f5;\n@tab-hover-background:                          #f5f5f5;\n@tab-hover-color:                               #059;\n@tab-active-border:                             #ddd;\n@tab-active-background:                         #fff;\n@tab-active-color:                              #444;\n@tab-disabled-color:                            #999;\n\n\n\/* ========================================================================\n   Component: Tab\n ========================================================================== *\/\n\n.uk-tab {\n    margin: 0;\n    padding: 0;\n    list-style: none;\n    border-bottom: @tab-border-width solid @tab-border;\n}\n\n\/*\n * Micro clearfix on the deepest container\n *\/\n\n.uk-tab:before,\n.uk-tab:after {\n    content: \"\";\n    display: table;\n}\n\n.uk-tab:after { clear: both; }\n\n\/*\n * Items\n * 1. Create position context for dropdowns\n *\/\n\n.uk-tab > li {\n    margin-bottom: -@tab-border-width;\n    float: left;\n    \/* 1 *\/\n    position: relative;\n}\n\n.uk-tab > li > a {\n    display: block;\n    padding: @tab-padding-top @tab-padding-horizontal @tab-padding-bottom @tab-padding-horizontal;\n    border: @tab-border-width solid transparent;\n    border-bottom-width: 0;\n    color: @tab-color;\n    text-decoration: none;\n    .hook-tab;\n}\n\n.uk-tab > li:nth-child(n+2) > a { margin-left: @tab-margin-horizontal; }\n\n\/*\n * Hover\n * 1. Apply hover style also to focus state\n * 2. Also apply if dropdown is opened\n * 3. Remove default focus style\n *\/\n\n.uk-tab > li > a:hover,\n.uk-tab > li > a:focus, \/\/ 1\n.uk-tab > li.uk-open > a { \/\/ 2\n    border-color: @tab-hover-border;\n    background: @tab-hover-background;\n    color: @tab-hover-color;\n    \/* 2 *\/\n    outline: none;\n    .hook-tab-hover;\n}\n\n.uk-tab > li:not(.uk-active) > a:hover,\n.uk-tab > li:not(.uk-active) > a:focus,\n.uk-tab > li.uk-open:not(.uk-active) > a {\n    margin-bottom: @tab-border-width;\n    padding-bottom: @tab-padding-bottom - @tab-border-width;\n}\n\n\/* Active *\/\n.uk-tab > li.uk-active > a {\n    border-color: @tab-active-border;\n    border-bottom-color: transparent;\n    background: @tab-active-background;\n    color: @tab-active-color;\n    .hook-tab-active;\n}\n\n\/* Disabled *\/\n.uk-tab > li.uk-disabled > a {\n    color: @tab-disabled-color;\n    cursor: text;\n    .hook-tab-disabled;\n}\n\n.uk-tab > li.uk-disabled > a:hover,\n.uk-tab > li.uk-disabled > a:focus,\n.uk-tab > li.uk-disabled.uk-active > a {\n    background: none;\n    border-color: transparent;\n}\n\n\n\/* Modifier: 'tab-flip'\n ========================================================================== *\/\n\n.uk-tab-flip > li { float: right; }\n\n.uk-tab-flip > li:nth-child(n+2) > a {\n    margin-left: 0;\n    margin-right: @tab-margin-horizontal;\n}\n\n\n\/* Modifier: 'tab-responsive'\n ========================================================================== *\/\n\n.uk-tab > li.uk-tab-responsive > a {\n    margin-left: 0;\n    margin-right: 0;\n}\n\n\/*\n * Icon\n *\/\n\n.uk-tab-responsive > a:before {\n    content: \"\\f0c9\\00a0\";\n    font-family: FontAwesome;\n}\n\n\n\/* Modifier: 'tab-center'\n ========================================================================== *\/\n\n.uk-tab-center { border-bottom: @tab-border-width solid @tab-border; }\n\n.uk-tab-center-bottom {\n    border-bottom: none;\n    border-top: @tab-border-width solid @tab-border;\n}\n\n.uk-tab-center:before,\n.uk-tab-center:after {\n    content: \"\";\n    display: table;\n}\n\n.uk-tab-center:after { clear: both; }\n\n\n\/*\n * 1. Using `right` to prevent vertical scrollbar caused by centering if to many tabs\n *\/\n\n.uk-tab-center .uk-tab {\n    position: relative;\n    right: 50%;\n    border: none;\n    float: right;\n}\n\n.uk-tab-center .uk-tab > li {\n    position: relative;\n    right: -50%;\n}\n\n.uk-tab-center .uk-tab > li > a { text-align: center; }\n\n\n\/* Modifier: 'tab-bottom'\n ========================================================================== *\/\n\n.uk-tab-bottom {\n    border-top: @tab-border-width solid @tab-border;\n    border-bottom: none;\n}\n\n.uk-tab-bottom > li {\n    margin-top: -@tab-border-width;\n    margin-bottom: 0;\n}\n\n.uk-tab-bottom > li > a {\n    padding-top: @tab-padding-bottom;\n    padding-bottom: @tab-padding-top;\n    border-bottom-width: @tab-border-width;\n    border-top-width: 0;\n}\n\n.uk-tab-bottom > li:not(.uk-active) > a:hover,\n.uk-tab-bottom > li:not(.uk-active) > a:focus,\n.uk-tab-bottom > li.uk-open:not(.uk-active) > a {\n    margin-bottom: 0;\n    margin-top: @tab-border-width;\n    padding-bottom: @tab-padding-top;\n    padding-top: @tab-padding-bottom - @tab-border-width;\n}\n\n.uk-tab-bottom > li.uk-active > a {\n    border-top-color: transparent;\n    border-bottom-color: @tab-active-border;\n}\n\n\n\/* Modifier: 'tab-grid'\n ========================================================================== *\/\n\n\/*\n * 1. Create position context to prevent hidden border because of negative `z-index`\n *\/\n\n.uk-tab-grid {\n    margin-left: -@tab-margin-horizontal;\n    border-bottom: none;\n    \/* 1 *\/\n    position: relative;\n    z-index: 0;\n}\n\n.uk-tab-grid:before {\n    display: block;\n    position: absolute;\n    left: @tab-margin-horizontal;\n    right: 0;\n    bottom: -@tab-border-width;\n    border-top: @tab-border-width solid @tab-border;\n    \/* 1 *\/\n    z-index: -1;\n}\n\n.uk-tab-grid > li:first-child > a { margin-left: @tab-margin-horizontal; }\n\n.uk-tab-grid > li > a { text-align: center; }\n\n\/*\n * If `uk-tab-bottom`\n *\/\n\n.uk-tab-grid.uk-tab-bottom { border-top: none; }\n.uk-tab-grid.uk-tab-bottom:before {\n    top: -@tab-border-width;\n    bottom: auto;\n}\n\n\n\/* Modifier: 'tab-left', 'tab-right'\n ========================================================================== *\/\n\n\/* Tablet and bigger *\/\n@media (min-width: @breakpoint-medium) {\n\n    .uk-tab-left,\n    .uk-tab-right { border-bottom: none; }\n\n    .uk-tab-left > li,\n    .uk-tab-right > li {\n        margin-bottom: 0;\n        float: none;\n    }\n\n    .uk-tab-left > li > a,\n    .uk-tab-right > li > a {\n        padding-top: @tab-padding-vertical;\n        padding-bottom: @tab-padding-vertical;\n    }\n\n    .uk-tab-left > li:nth-child(n+2) > a,\n    .uk-tab-right > li:nth-child(n+2) > a {\n        margin-left: 0;\n        margin-top: @tab-margin-vertical;\n    }\n\n    .uk-tab-left > li.uk-active > a,\n    .uk-tab-right > li.uk-active > a { border-color: @tab-active-border; }\n\n    \/*\n     * Modifier: 'tab-left'\n     *\/\n\n    .uk-tab-left { border-right: @tab-border-width solid @tab-border; }\n    .uk-tab-left > li { margin-right: -@tab-border-width; }\n    .uk-tab-left > li > a {\n        border-bottom-width: @tab-border-width;\n        border-right-width: 0;\n    }\n    .uk-tab-left > li:not(.uk-active) > a:hover,\n    .uk-tab-left > li:not(.uk-active) > a:focus {\n        margin-bottom: 0;\n        margin-right: @tab-border-width;\n        padding-bottom: @tab-padding-vertical;\n        padding-right: @tab-padding-horizontal - @tab-border-width;\n    }\n    .uk-tab-left > li.uk-active > a { border-right-color: transparent; }\n\n    \/*\n     * Modifier: 'tab-right'\n     *\/\n\n    .uk-tab-right { border-left: @tab-border-width solid @tab-border; }\n    .uk-tab-right > li { margin-left: -@tab-border-width; }\n    .uk-tab-right > li > a {\n        border-bottom-width: @tab-border-width;\n        border-left-width: 0;\n    }\n    .uk-tab-right > li:not(.uk-active) > a:hover,\n    .uk-tab-right > li:not(.uk-active) > a:focus {\n        margin-bottom: 0;\n        margin-left: @tab-border-width;\n        padding-bottom: @tab-padding-vertical;\n        padding-left: @tab-padding-horizontal - @tab-border-width;\n    }\n    .uk-tab-right > li.uk-active > a { border-left-color: transparent; }\n\n}\n\n\n\/\/ Hooks\n\/\/ ========================================================================\n\n.hook-tab-misc;\n\n.hook-tab() {}\n.hook-tab-hover() {}\n.hook-tab-active() {}\n.hook-tab-disabled() {}\n.hook-tab-misc() {}\n\/\/ Name:            Thumbnav\n\/\/ Description:     Defines styles for a thumbnail navigation\n\/\/\n\/\/ Component:       `uk-thumbnav`\n\/\/\n\/\/ States:          `uk-active`\n\/\/\n\/\/ Markup:\n\/\/\n\/\/ <!-- uk-thumbnav -->\n\/\/ <ul class=\"uk-thumbnav\">\n\/\/     <li class=\"uk-active\"><a href=\"\"><\/a><\/li>\n\/\/     <li><a href=\"\"><\/a><\/li>\n\/\/ <\/ul>\n\/\/\n\/\/ ========================================================================\n\n\n\/\/ Variables\n\/\/ ========================================================================\n\n@thumbnav-margin-horizontal:                    10px;\n@thumbnav-margin-vertical:                      @thumbnav-margin-horizontal;\n\n@thumbnav-background:                           #fff;\n\n@thumbnav-opacity:                              0.7;\n@thumbnav-hover-opacity:                        1;\n@thumbnav-active-opacity:                       1;\n\n\n\/* ========================================================================\n   Component: Thumbnav\n ========================================================================== *\/\n\n\/*\n * 1. Gutter\n * 2. Remove default list style\n *\/\n\n.uk-thumbnav {\n    display: -ms-flexbox;\n    display: -webkit-flex;\n    display: flex;\n    -ms-flex-wrap: wrap;\n    -webkit-flex-wrap: wrap;\n    flex-wrap: wrap;\n    \/* 1 *\/\n    margin-left: -@thumbnav-margin-horizontal;\n    margin-top: -@thumbnav-margin-vertical;\n    \/* 2 *\/\n    padding: 0;\n    list-style: none;\n}\n\n\/*\n * 1. Space is allocated solely based on content dimensions\n * 2. Horizontal gutter is using `padding` so `uk-width-*` classes can be applied\n *\/\n\n.uk-thumbnav > * {\n    \/* 1 *\/\n    -ms-flex: none;\n    -webkit-flex: none;\n    flex: none;\n    \/* 2 *\/\n    padding-left: @thumbnav-margin-horizontal;\n    margin-top: @thumbnav-margin-vertical;\n}\n\n\/*\n * DEPRECATED IE9 Support\n *\/\n\n.uk-thumbnav:before,\n.uk-thumbnav:after {\n    content: \"\";\n    display: block;\n    overflow: hidden;\n}\n\n.uk-thumbnav:after { clear: both; }\n\n.uk-thumbnav > * { float: left; }\n\n\n\/* Items\n ========================================================================== *\/\n\n.uk-thumbnav > * > * {\n    display: block;\n    background: @thumbnav-background;\n    .hook-thumbnav;\n}\n\n.uk-thumbnav > * > * > img {\n    opacity: @thumbnav-opacity;\n    -webkit-transition: opacity 0.15s linear;\n    transition: opacity 0.15s linear;\n}\n\n\/*\n * Hover\n *\/\n\n.uk-thumbnav > * > :hover > img,\n.uk-thumbnav > * > :focus > img { opacity: @thumbnav-hover-opacity; }\n\n\/*\n * Active\n *\/\n\n.uk-thumbnav > .uk-active > * > img { opacity: @thumbnav-active-opacity; }\n\n\n\/\/ Hooks\n\/\/ ========================================================================\n\n.hook-thumbnav-misc;\n\n.hook-thumbnav() {}\n.hook-thumbnav-misc() {}\n\n\/\/ Elements\n\/\/ Name:            List\n\/\/ Description:     Defines styles for ordered and unordered lists\n\/\/\n\/\/ Component:       `uk-list`\n\/\/\n\/\/ Modifiers:       `uk-list-line`\n\/\/                  `uk-list-striped`\n\/\/                  `uk-list-space`\n\/\/\n\/\/ ========================================================================\n\n\n\/\/ Variables\n\/\/ ========================================================================\n\n@list-nested-padding-left:                      20px;\n\n@list-line-margin-top:                          5px;\n@list-line-border:                              #ddd;\n@list-line-border-width:                        1px;\n\n@list-striped-padding-vertical:                 5px;\n@list-striped-padding-horizontal:               5px;\n@list-striped-background:                       #f5f5f5;\n\n@list-space-margin-top:                         10px;\n\n\n\/* ========================================================================\n   Component: List\n ========================================================================== *\/\n\n.uk-list {\n    padding: 0;\n    list-style: none;\n}\n\n\/*\n * Micro clearfix to make list more robust\n *\/\n\n.uk-list > li:before,\n.uk-list > li:after {\n    content: \"\";\n    display: table;\n}\n\n.uk-list > li:after { clear: both; }\n\n\/*\n * Remove margin from the last-child\n *\/\n\n.uk-list > li > :last-child { margin-bottom: 0; }\n\n\/*\n * Nested lists\n *\/\n\n.uk-list ul {\n    margin: 0;\n    padding-left: @list-nested-padding-left;\n    list-style: none;\n}\n\n\n\/* Modifier: `uk-list-line`\n ========================================================================== *\/\n\n.uk-list-line > li:nth-child(n+2) {\n    margin-top: @list-line-margin-top;\n    padding-top: @list-line-margin-top;\n    border-top: @list-line-border-width solid @list-line-border;\n    .hook-list-line;\n}\n\n\n\/* Modifier: `uk-list-striped`\n ========================================================================== *\/\n\n.uk-list-striped > li {\n    padding: @list-striped-padding-vertical @list-striped-padding-horizontal;\n    .hook-list-striped;\n}\n\n.uk-list-striped > li:nth-of-type(odd) { background: @list-striped-background; }\n\n\n\/* Modifier: `uk-list-space`\n ========================================================================== *\/\n\n.uk-list-space > li:nth-child(n+2) { margin-top: @list-space-margin-top; }\n\n\n\/\/ Hooks\n\/\/ ========================================================================\n\n.hook-list-misc;\n\n.hook-list-line() {}\n.hook-list-striped() {}\n.hook-list-misc() {}\n\/\/ Name:            Description list\n\/\/ Description:     Defines styles for description lists\n\/\/\n\/\/ Component:       `uk-description-list`\n\/\/\n\/\/ Modifiers:       `uk-description-list-horizontal`\n\/\/                  `uk-description-list-line`\n\/\/\n\/\/ ========================================================================\n\n\n\/\/ Variables\n\/\/ ========================================================================\n\n@description-list-horizontal-width:             160px;\n@description-list-horizontal-margin-left:       180px;\n\n@description-list-line-margin-top:              5px;\n@description-list-line-border-width:            1px;\n@description-list-line-border:                  #ddd;\n@description-list-line-color:                   #999;\n\n@description-list-line-font-weight:             normal;\n\n\n\/* ========================================================================\n   Component: Description list\n ========================================================================== *\/\n\n\n\/* Modifier: `uk-description-list-horizontal`\n ========================================================================== *\/\n\n\/* Tablet and bigger *\/\n@media (min-width: @breakpoint-medium) {\n\n    .uk-description-list-horizontal { overflow: hidden; }\n\n    .uk-description-list-horizontal > dt {\n        width: @description-list-horizontal-width;\n        float: left;\n        clear: both;\n        overflow: hidden;\n        text-overflow: ellipsis;\n        white-space: nowrap;\n    }\n\n    .uk-description-list-horizontal > dd { margin-left: @description-list-horizontal-margin-left; }\n}\n\n\n\/* Modifier: `uk-description-list-line`\n ========================================================================== *\/\n\n.uk-description-list-line > dt { font-weight: @description-list-line-font-weight; }\n\n.uk-description-list-line > dt:nth-child(n+2) {\n    margin-top: @description-list-line-margin-top;\n    padding-top: @description-list-line-margin-top;\n    border-top: @description-list-line-border-width solid @description-list-line-border;\n}\n\n.uk-description-list-line > dd { color: @description-list-line-color; }\n\n\n\/\/ Hooks\n\/\/ ========================================================================\n\n.hook-description-list-misc;\n\n.hook-description-list-misc() {}\n\n\/\/ Name:            Table\n\/\/ Description:     Defines styles for tables\n\/\/\n\/\/ Component:       `uk-table`\n\/\/\n\/\/ Modifiers:       `uk-table-middle`\n\/\/                  `uk-table-striped`\n\/\/                  `uk-table-condensed`\n\/\/                  `uk-table-hover`\n\/\/\n\/\/ States:          `uk-active`\n\/\/\n\/\/ ========================================================================\n\n\n\/\/ Variables\n\/\/ ========================================================================\n\n@table-margin-vertical:                         15px;\n@table-padding-vertical:                        8px;\n@table-padding-horizontal:                      8px;\n\n@table-caption-color:                           #999;\n@table-caption-font-size:                       12px;\n\n@table-striped-background:                      #f5f5f5;\n\n@table-condensed-padding-vertical:              4px;\n@table-condensed-padding-horizontal:            8px;\n\n@table-hover-background:                        #EEE;\n\n@table-active-background:                       @table-hover-background;\n\n\n\/* ========================================================================\n   Component: Table\n ========================================================================== *\/\n\n\/*\n * 1. Remove most spacing between table cells.\n * 2. Block element behavior\n * 3. Style\n *\/\n\n.uk-table {\n    \/* 1 *\/\n    border-collapse: collapse;\n    border-spacing: 0;\n    \/* 2 *\/\n    width: 100%;\n    \/* 3 *\/\n    margin-bottom: @table-margin-vertical;\n}\n\n\/*\n * Add margin if adjacent element\n *\/\n\n* + .uk-table { margin-top: @table-margin-vertical; }\n\n.uk-table th,\n.uk-table td {\n    padding: @table-padding-vertical @table-padding-horizontal;\n    .hook-table;\n}\n\n\/*\n * Set alignment\n *\/\n\n.uk-table th { text-align: left; }\n.uk-table td { vertical-align: top; }\n\n.uk-table thead th { vertical-align: bottom; }\n\n\/*\n * Caption and footer\n *\/\n\n.uk-table caption,\n.uk-table tfoot {\n    font-size: @table-caption-font-size;\n    font-style: italic;\n}\n\n.uk-table caption {\n    text-align: left;\n    color: @table-caption-color;\n}\n\n\/*\n * Active State\n *\/\n\n.uk-table tbody tr.uk-active {\n    background: @table-active-background;\n    .hook-table-active;\n}\n\n\n\/* Sub-modifier: `uk-table-middle`\n ========================================================================== *\/\n\n.uk-table-middle,\n.uk-table-middle td { vertical-align: middle !important; }\n\n\n\/* Modifier: `uk-table-striped`\n ========================================================================== *\/\n\n.uk-table-striped tbody tr:nth-of-type(odd) {\n    background: @table-striped-background;\n    .hook-table-striped;\n}\n\n\n\/* Modifier: `uk-table-condensed`\n ========================================================================== *\/\n\n.uk-table-condensed td {\n    padding: @table-condensed-padding-vertical @table-condensed-padding-horizontal;\n    .hook-table-condensed;\n}\n\n\n\/* Modifier: `uk-table-hover`\n ========================================================================== *\/\n\n.uk-table-hover tbody tr:hover {\n    background: @table-hover-background;\n    .hook-table-hover;\n}\n\n\n\n\/\/ Hooks\n\/\/ ========================================================================\n\n.hook-table-misc;\n\n.hook-table() {}\n.hook-table-active() {}\n.hook-table-striped() {}\n.hook-table-condensed() {}\n.hook-table-hover() {}\n.hook-table-misc() {}\n\/\/ Name:            Form\n\/\/ Description:     Defines styles for forms\n\/\/\n\/\/ Component:       `uk-form`\n\/\/\n\/\/ Sub-objects:     `uk-form-row`\n\/\/                  `uk-form-help-inline`\n\/\/                  `uk-form-help-block`\n\/\/                  `uk-form-label`\n\/\/                  `uk-form-controls`\n\/\/                  `uk-form-controls-condensed`\n\/\/                  `uk-form-icon`\n\/\/\n\/\/ Modifiers:       `uk-form-stacked`\n\/\/                  `uk-form-horizontal`\n\/\/\n\/\/ Sub-modifiers:   `uk-form-danger`\n\/\/                  `uk-form-success`\n\/\/                  `uk-form-small`\n\/\/                  `uk-form-large`\n\/\/                  `uk-form-blank`\n\/\/                  `uk-form-width-mini`\n\/\/                  `uk-form-width-small`\n\/\/                  `uk-form-width-medium`\n\/\/                  `uk-form-width-large`\n\/\/                  `uk-form-controls-text`\n\/\/\n\/\/ Markup:\n\/\/\n\/\/ <!-- uk-form -->\n\/\/ <form class=\"uk-form\">\n\/\/     <div class=\"uk-form-row\">\n\/\/         <label class=\"uk-form-label\" for=\"form-input-1\"><\/label>\n\/\/         <div class=\"uk-form-controls\">\n\/\/             <input type=\"text\" id=\"form-input-1\" placeholder=\"Text\">\n\/\/         <\/div>\n\/\/     <\/div>\n\/\/ <\/form>\n\/\/\n\/\/ ========================================================================\n\n\n\/\/ Variables\n\/\/ ========================================================================\n\n@form-height:                                   30px;\n@form-padding:                                  4px 6px;\n@form-border:                                   #ddd;\n@form-border-width:                             1px;\n@form-background:                               #fff;\n@form-color:                                    #444;\n\n@form-focus-border:                             #99baca;\n@form-focus-background:                         #f5fbfe;\n@form-focus-color:                              #444;\n\n@form-disabled-border:                          #ddd;\n@form-disabled-background:                      #f5f5f5;\n@form-disabled-color:                           #999;\n\n@form-placeholder-color:                        #999;\n\n@form-gutter:                                   15px;\n\n@form-legend-border:                            #ddd;\n@form-legend-border-width:                      1px;\n@form-legend-font-size:                         18px;\n@form-legend-line-height:                       30px;\n\n@form-small-height:                             25px;\n@form-large-height:                             40px;\n@form-small-padding:                            3px 3px;\n@form-large-padding:                            8px 6px;\n@form-small-font-size:                          12px;\n@form-large-font-size:                          16px;\n\n@form-danger-border:                            #dc8d99;\n@form-danger-background:                        #fff7f8;\n@form-danger-color:                             #d85030;\n\n@form-success-border:                           #8ec73b;\n@form-success-background:                       #fafff2;\n@form-success-color:                            #659f13;\n\n@form-blank-border:                             #ddd;\n@form-blank-border-style:                       dashed;\n\n@form-mini-width:                               40px;\n@form-small-width:                              130px;\n@form-medium-width:                             200px;\n@form-large-width:                              500px;\n\n@form-help-inline-margin-left:                  10px;\n@form-help-block-margin-top:                    5px;\n\n@form-controls-condensed-margin-vertical:       5px;\n\n@form-stacked-margin-bottom:                    5px;\n@form-stacked-font-weight:                      bold;\n\n@form-horizontal-label-width:                   200px;\n@form-horizontal-label-margin-top:              5px;\n@form-horizontal-controls-margin-left:          215px;\n@form-horizontal-controls-text-padding-top:     5px;\n\n@form-icon-width:                               30px;\n@form-icon-font-size:                           14px;\n@form-icon-color:                               #999;\n\n\n\/* ========================================================================\n   Component: Form\n ========================================================================== *\/\n\n\/*\n * 1. Define consistent box sizing.\n *    Default is `content-box` with following exceptions set to `border-box`\n *    `button`, `select`, `input[type=\"checkbox\"]` and `input[type=\"radio\"]`\n *    `input[type=\"search\"]` in Chrome, Safari and Opera\n *    `input[type=\"color\"]` in Firefox\n * 2. Address margins set differently in Firefox\/IE and Chrome\/Safari\/Opera.\n * 3. Remove `border-radius` in iOS.\n * 4. Correct `font` properties and `color` not being inherited.\n *\/\n\n.uk-form input,\n.uk-form select,\n.uk-form textarea {\n    \/* 1 *\/\n    box-sizing: border-box;\n    \/* 2 *\/\n    margin: 0;\n    \/* 3 *\/\n    border-radius: 0;\n    \/* 4 *\/\n    font: inherit;\n    color: inherit;\n}\n\n\/*\n * Address inconsistent `text-transform` inheritance which is only inherit in Firefox\n *\/\n\n.uk-form select { text-transform: none; }\n\n\/*\n * 1. Correct `font` properties not being inherited.\n * 2. Don't inherit the `font-weight` and use `bold` instead.\n * NOTE: Both declarations don't work in Chrome, Safari and Opera.\n *\/\n\n.uk-form optgroup {\n    \/* 1 *\/\n    font: inherit;\n    \/* 2 *\/\n    font-weight: bold;\n}\n\n\/*\n * Removes inner padding and border in Firefox 4+.\n *\/\n\n.uk-form input::-moz-focus-inner {\n    border: 0;\n    padding: 0;\n}\n\n\/*\n * Removes excess padding in IE 8\/9\/10.\n *\/\n\n.uk-form input[type=\"checkbox\"],\n.uk-form input[type=\"radio\"] { padding: 0; }\n\n\/*\n * Improves consistency of cursor style for clickable elements\n *\/\n\n.uk-form input[type=\"checkbox\"]:not(:disabled),\n.uk-form input[type=\"radio\"]:not(:disabled) { cursor: pointer; }\n\n\/*\n * Remove default style in iOS.\n *\/\n\n.uk-form textarea,\n.uk-form input:not([type]),\n.uk-form input[type=\"text\"],\n.uk-form input[type=\"password\"],\n.uk-form input[type=\"email\"],\n.uk-form input[type=\"url\"],\n.uk-form input[type=\"search\"],\n.uk-form input[type=\"tel\"],\n.uk-form input[type=\"number\"],\n.uk-form input[type=\"datetime\"] { -webkit-appearance: none; }\n\n\/*\n * Remove inner padding and search cancel button in Chrome, Safari and Opera on OS X.\n *\/\n\n.uk-form input[type=\"search\"]::-webkit-search-cancel-button,\n.uk-form input[type=\"search\"]::-webkit-search-decoration { -webkit-appearance: none; }\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\n.uk-form input[type=\"number\"]::-webkit-inner-spin-button,\n.uk-form input[type=\"number\"]::-webkit-outer-spin-button { height: auto; }\n\n\/*\n * Define consistent border, margin, and padding.\n *\/\n\n.uk-form fieldset {\n    border: none;\n    margin: 0;\n    padding: 0;\n}\n\n\/*\n * 1. Remove default vertical scrollbar in IE 8\/9\/10\/11.\n * 2. Improve readability and alignment in all browsers.\n *\/\n\n.uk-form textarea {\n    \/* 1 *\/\n    overflow: auto;\n    \/* 2 *\/\n    vertical-align: top;\n}\n\n\/*\n * Removes placeholder transparency in Firefox.\n *\/\n\n.uk-form ::-moz-placeholder { opacity: 1; }\n\n\/*\n * Removes `box-shadow` for invalid controls in Firefox.\n *\/\n\n.uk-form :invalid { box-shadow: none; }\n\n\/*\n * Vertical alignment\n *\/\n\n.uk-form input:not([type=\"radio\"]):not([type=\"checkbox\"]),\n.uk-form select { vertical-align: middle; }\n\n\n\/* Style\n ========================================================================== *\/\n\n\/*\n * Remove margin from the last-child\n *\/\n\n.uk-form > :last-child { margin-bottom: 0; }\n\n\/*\n * Controls\n * Except for `range`, `radio`, `checkbox`, `file`, `submit`, `reset`, `button` and `image`\n * 1. Must be `height` because `min-height` is not working in OSX\n * 2. Responsiveness: Sets a maximum width relative to the parent to scale on narrower viewports\n * 3. Vertical `padding` needed for `select` elements in Firefox\n * 4. Style\n *\/\n\n.uk-form select,\n.uk-form textarea,\n.uk-form input:not([type]),\n.uk-form input[type=\"text\"],\n.uk-form input[type=\"password\"],\n.uk-form input[type=\"datetime\"],\n.uk-form input[type=\"datetime-local\"],\n.uk-form input[type=\"date\"],\n.uk-form input[type=\"month\"],\n.uk-form input[type=\"time\"],\n.uk-form input[type=\"week\"],\n.uk-form input[type=\"number\"],\n.uk-form input[type=\"email\"],\n.uk-form input[type=\"url\"],\n.uk-form input[type=\"search\"],\n.uk-form input[type=\"tel\"],\n.uk-form input[type=\"color\"] {\n    \/* 1 *\/\n    height: @form-height;\n    \/* 2 *\/\n    max-width: 100%;\n    \/* 3 *\/\n    padding: @form-padding;\n    \/* 4 *\/\n    border: @form-border-width solid @form-border;\n    background: @form-background;\n    color: @form-color;\n    -webkit-transition: all 0.2s linear;\n    -webkit-transition-property: border, background, color, box-shadow, padding;\n    transition: all 0.2s linear;\n    transition-property: border, background, color, box-shadow, padding;\n    .hook-form;\n\n    \/\/ Focus state\n    &:focus {\n        border-color: @form-focus-border;\n        outline: 0;\n        background: @form-focus-background;\n        color: @form-focus-color;\n        .hook-form-focus;\n    }\n\n    \/\/ Disabled state\n    &:disabled {\n        border-color: @form-disabled-border;\n        background-color: @form-disabled-background;\n        color: @form-disabled-color;\n        .hook-form-disabled;\n    }\n}\n\n\/*\n * Placeholder\n *\/\n\n.uk-form :-ms-input-placeholder { color: @form-placeholder-color !important; }\n.uk-form ::-moz-placeholder { color: @form-placeholder-color; }\n.uk-form ::-webkit-input-placeholder { color: @form-placeholder-color; }\n\n.uk-form :disabled:-ms-input-placeholder { color: @form-disabled-color !important; }\n.uk-form :disabled::-moz-placeholder { color: @form-disabled-color; }\n.uk-form :disabled::-webkit-input-placeholder { color: @form-disabled-color; }\n\n\/*\n * Legend\n * 1. Behave like block element\n * 2. Correct `color` not being inherited in IE 8\/9\/10\/11.\n * 3. Remove padding\n * 4. `margin-bottom` is not working in Safari and Opera.\n *    Using `padding` and :after instead to create the border\n * 5. Style\n *\/\n\n.uk-form legend {\n    \/* 1 *\/\n    width: 100%;\n    \/* 2 *\/\n    border: 0;\n    \/* 3 *\/\n    padding: 0;\n    \/* 4 *\/\n    padding-bottom: @form-gutter;\n    \/* 5 *\/\n    font-size: @form-legend-font-size;\n    line-height: @form-legend-line-height;\n    .hook-form-legend;\n}\n\n\/*\n * 1. Fixes IE9\n *\/\n\n.uk-form legend:after {\n    content: \"\";\n    display: block;\n    border-bottom: @form-legend-border-width solid @form-legend-border;\n    \/* 1 *\/\n    width: 100%;\n}\n\n\n\/* Size modifiers\n * Higher specificity needed to override defaults\n ========================================================================== *\/\n\nselect.uk-form-small,\ntextarea.uk-form-small,\ninput[type].uk-form-small,\ninput:not([type]).uk-form-small {\n    height: @form-small-height;\n    padding: @form-small-padding;\n    font-size: @form-small-font-size;\n}\n\nselect.uk-form-large,\ntextarea.uk-form-large,\ninput[type].uk-form-large,\ninput:not([type]).uk-form-large  {\n    height: @form-large-height;\n    padding: @form-large-padding;\n    font-size: @form-large-font-size;\n}\n\n\n\/* Reset height\n * Must be after size modifiers\n ========================================================================== *\/\n\n.uk-form textarea,\n.uk-form select[multiple],\n.uk-form select[size] { height: auto; }\n\n\n\/* Validation states\n * Using !important to keep the selector simple\n ========================================================================== *\/\n\n\/*\n * Error state\n *\/\n\n.uk-form-danger {\n    border-color: @form-danger-border !important;\n    background: @form-danger-background !important;\n    color: @form-danger-color !important;\n    .hook-form-danger;\n}\n\n\/*\n * Success state\n *\/\n\n.uk-form-success  {\n    border-color: @form-success-border !important;\n    background: @form-success-background !important;\n    color: @form-success-color !important;\n    .hook-form-success;\n}\n\n\n\/* Style modifiers\n * Using !important to keep the selector simple\n ========================================================================== *\/\n\n\/*\n * Blank form\n *\/\n\n.uk-form-blank {\n    border-color: transparent !important;\n    border-style: @form-blank-border-style !important;\n    background: none !important;\n    .hook-form-blank;\n}\n\n.uk-form-blank:focus {\n    border-color: @form-blank-border !important;\n    .hook-form-blank-focus;\n}\n\n\n\/* Size sub-modifiers\n ========================================================================== *\/\n\n\/*\n * Fixed widths\n * Different widths for mini sized `input` and `select` elements\n *\/\n\ninput.uk-form-width-mini { width: @form-mini-width; }\nselect.uk-form-width-mini { width: (@form-mini-width + 25px); }\n.uk-form-width-small { width: @form-small-width; }\n.uk-form-width-medium { width: @form-medium-width; }\n.uk-form-width-large { width: @form-large-width; }\n\n\n\/* Sub-objects: `uk-form-row`\n * Groups labels and controls in rows\n ========================================================================== *\/\n\n\/*\n * Micro clearfix\n * Needed for `uk-form-horizontal` modifier\n *\/\n\n.uk-form-row:before,\n.uk-form-row:after {\n    content: \"\";\n    display: table;\n}\n\n.uk-form-row:after { clear: both; }\n\n\/*\n * Vertical gutter\n *\/\n\n.uk-form-row + .uk-form-row { margin-top: @form-gutter; }\n\n\n\/* Help text\n * Sub-object: `uk-form-help-inline`, `uk-form-help-block`\n ========================================================================== *\/\n\n.uk-form-help-inline {\n    display: inline-block;\n    margin: 0 0 0 @form-help-inline-margin-left;\n}\n\n.uk-form-help-block { margin: @form-help-block-margin-top 0 0 0; }\n\n\n\/* Controls content\n * Sub-object: `uk-form-controls`, `uk-form-controls-condensed`\n ========================================================================== *\/\n\n\/*\n * Remove margins\n *\/\n\n.uk-form-controls > :first-child { margin-top: 0; }\n.uk-form-controls > :last-child { margin-bottom: 0; }\n\n\/*\n * Group controls and text into blocks with a small spacing between blocks\n *\/\n\n.uk-form-controls-condensed { margin: @form-controls-condensed-margin-vertical 0; }\n\n\n\/* Modifier: `uk-form-stacked`\n * Requires sub-object: `uk-form-label`\n ========================================================================== *\/\n\n.uk-form-stacked .uk-form-label {\n    display: block;\n    margin-bottom: @form-stacked-margin-bottom;\n    font-weight: @form-stacked-font-weight;\n    .hook-form-stacked-label;\n}\n\n\n\/* Modifier: `uk-form-horizontal`\n * Requires sub-objects: `uk-form-label`, `uk-form-controls`\n ========================================================================== *\/\n\n\/* Tablet portrait and smaller *\/\n@media (max-width: @breakpoint-medium-max) {\n\n    \/* Behave like `uk-form-stacked` *\/\n    .uk-form-horizontal .uk-form-label {\n        display: block;\n        margin-bottom: @form-stacked-margin-bottom;\n        font-weight: @form-stacked-font-weight;\n        .hook-form-stacked-label;\n    }\n\n}\n\n\/* Desktop and bigger *\/\n@media (min-width: @breakpoint-large) {\n\n    .uk-form-horizontal .uk-form-label {\n        width: @form-horizontal-label-width;\n        margin-top: @form-horizontal-label-margin-top;\n        float: left;\n        .hook-form-horizontal-label;\n    }\n\n    .uk-form-horizontal .uk-form-controls { margin-left: @form-horizontal-controls-margin-left; }\n\n    \/* Better vertical alignment if controls are checkboxes and radio buttons with text *\/\n    .uk-form-horizontal .uk-form-controls-text { padding-top: @form-horizontal-controls-text-padding-top; }\n\n}\n\n\n\/* Sub-object: `uk-form-icon`\n ========================================================================== *\/\n\n\/*\n * 1. Container width fits its content\n * 2. Create position context\n * 3. Prevent `inline-block` consequences\n *\/\n\n.uk-form-icon {\n    \/* 1 *\/\n    display: inline-block;\n    \/* 2 *\/\n    position: relative;\n    \/* 3 *\/\n    max-width: 100%;\n}\n\n\/*\n * 1. Make form element clickable through icon\n *\/\n\n.uk-form-icon > [class*='uk-icon-'] {\n    position: absolute;\n    top: 50%;\n    width: @form-icon-width;\n    margin-top: round(@form-icon-font-size \/ -2);\n    font-size: @form-icon-font-size;\n    color: @form-icon-color;\n    text-align: center;\n    \/* 1 *\/\n    pointer-events: none;\n}\n\n.uk-form-icon:not(.uk-form-icon-flip) > input { padding-left: @form-icon-width !important; }\n\n\/*\n * Sub-modifier: `uk-form-icon-flip`\n *\/\n\n.uk-form-icon-flip > [class*='uk-icon-'] { right: 0; }\n.uk-form-icon-flip > input { padding-right: @form-icon-width !important; }\n\n\n\/\/ Hooks\n\/\/ ========================================================================\n\n.hook-form-misc;\n\n.hook-form() {}\n.hook-form-focus() {}\n.hook-form-disabled() {}\n.hook-form-legend() {}\n.hook-form-danger() {}\n.hook-form-success() {}\n.hook-form-blank() {}\n.hook-form-blank-focus() {}\n.hook-form-stacked-label() {}\n.hook-form-horizontal-label() {}\n.hook-form-misc() {}\n\n\n\/\/ Common\n\/\/ Name:            Button\n\/\/ Description:     Defines styles for buttons\n\/\/\n\/\/ Component:       `uk-button`\n\/\/\n\/\/ Sub-objects:     `uk-button-group`\n\/\/                  `uk-button-dropdown`\n\/\/\n\/\/ Modifiers:       `uk-button-primary`\n\/\/                  `uk-button-success`\n\/\/                  `uk-button-danger`\n\/\/                  `uk-button-link`\n\/\/                  `uk-button-mini`\n\/\/                  `uk-button-small`\n\/\/                  `uk-button-large`\n\/\/\n\/\/ States:          `uk-active`\n\/\/\n\/\/ Markup:\n\/\/\n\/\/ <!-- uk-button-group -->\n\/\/ <div class=\"uk-button-group\">\n\/\/     <button class=\"uk-button\"><\/button>\n\/\/     <button class=\"uk-button\"><\/button>\n\/\/ <\/div>\n\/\/\n\/\/ <!-- uk-button-dropdown -->\n\/\/ <div class=\"uk-button-dropdown\" data-uk-dropdown>\n\/\/     <button class=\"uk-button\"><\/button>\n\/\/     <div class=\"uk-dropdown uk-dropdown-small\">\n\/\/         <ul class=\"uk-nav uk-nav-dropdown\">\n\/\/             <li><a href=\"\"><\/a><\/li>\n\/\/         <\/ul>\n\/\/     <\/div>\n\/\/ <\/div>\n\/\/\n\/\/ ========================================================================\n\n\n\/\/ Variables\n\/\/ ========================================================================\n\n@button-height:                                 30px;\n@button-mini-height:                            20px;\n@button-small-height:                           25px;\n@button-large-height:                           40px;\n\n@button-line-height:                            30px;\n@button-mini-line-height:                       20px;\n@button-small-line-height:                      25px;\n@button-large-line-height:                      40px;\n\n@button-mini-font-size:                         11px;\n@button-small-font-size:                        12px;\n@button-large-font-size:                        16px;\n\n@button-padding-horizontal:                     12px;\n@button-mini-padding-horizontal:                6px;\n@button-small-padding-horizontal:               10px;\n@button-large-padding-horizontal:               15px;\n\n@button-font-size:                              1rem;\n@button-background:                             #eee;\n@button-color:                                  #444;\n@button-hover-background:                       #f5f5f5;\n@button-hover-color:                            #444;\n@button-active-background:                      #ddd;\n@button-active-color:                           #444;\n\n@button-primary-background:                     #00a8e6;\n@button-primary-color:                          #fff;\n@button-primary-hover-background:               #35b3ee;\n@button-primary-hover-color:                    #fff;\n@button-primary-active-background:              #0091ca;\n@button-primary-active-color:                   #fff;\n\n@button-success-background:                     #8cc14c;\n@button-success-color:                          #fff;\n@button-success-hover-background:               #8ec73b;\n@button-success-hover-color:                    #fff;\n@button-success-active-background:              #72ae41;\n@button-success-active-color:                   #fff;\n\n@button-danger-background:                      #da314b;\n@button-danger-color:                           #fff;\n@button-danger-hover-background:                #e4354f;\n@button-danger-hover-color:                     #fff;\n@button-danger-active-background:               #c91032;\n@button-danger-active-color:                    #fff;\n\n@button-disabled-background:                    #f5f5f5;\n@button-disabled-color:                         #999;\n\n@button-link-color:                             #07D;\n@button-link-hover-color:                       #059;\n@button-link-hover-text-decoration:             underline;\n@button-link-disabled-color:                    #999;\n\n\n\/* ========================================================================\n   Component: Button\n ========================================================================== *\/\n\n\/*\n * Removes inner padding and border in Firefox 4+.\n *\/\n\n.uk-button::-moz-focus-inner {\n    border: 0;\n    padding: 0;\n}\n\n\/*\n * 1. Correct inability to style clickable `input` types in iOS.\n * 2. Remove margins in Chrome, Safari and Opera.\n * 3. Remove borders for `button`.\n * 4. Address `overflow` set to `hidden` in IE 8\/9\/10\/11.\n * 5. Correct `font` properties and `color` not being inherited for `button`.\n * 6. Address inconsistent `text-transform` inheritance which is only inherit in Firefox and IE\n * 7. Style\n * 8. `line-height` is used to create a height\n * 9. `min-height` is necessary for `input` elements in Firefox and Opera because `line-height` is not working.\n * 10. Reset button group whitespace hack\n * 11. Required for `a`.\n *\/\n\n.uk-button {\n    \/* 1 *\/\n    -webkit-appearance: none;\n    \/* 2 *\/\n    margin: 0;\n    \/* 3 *\/\n    border: none;\n    \/* 4 *\/\n    overflow: visible;\n    \/* 5 *\/\n    font: inherit;\n    color: @button-color;\n    \/* 6 *\/\n    text-transform: none;\n    \/* 7 *\/\n    display: inline-block;\n    box-sizing: border-box;\n    padding: 0 @button-padding-horizontal;\n    background: @button-background;\n    vertical-align: middle;\n    \/* 8 *\/\n    line-height: @button-line-height;\n    \/* 9 *\/\n    min-height: @button-height;\n    \/* 10 *\/\n    font-size: @button-font-size;\n    \/* 11 *\/\n    text-decoration: none;\n    text-align: center;\n    .hook-button;\n}\n\n.uk-button:not(:disabled) { cursor: pointer; }\n\n\/*\n * Hover\n * 1. Apply hover style also to focus state\n * 2. Remove default focus style\n * 3. Required for `a` elements\n *\/\n\n.uk-button:hover,\n.uk-button:focus { \/\/ 1\n    background-color: @button-hover-background;\n    color: @button-hover-color;\n    \/* 2 *\/\n    outline: none;\n    \/* 3 *\/\n    text-decoration: none;\n    .hook-button-hover;\n}\n\n\/* Active *\/\n.uk-button:active,\n.uk-button.uk-active {\n    background-color: @button-active-background;\n    color: @button-active-color;\n    .hook-button-active;\n}\n\n\n\/* Color modifiers\n ========================================================================== *\/\n\n\/*\n * Modifier: `uk-button-primary`\n *\/\n\n.uk-button-primary {\n    background-color: @button-primary-background;\n    color: @button-primary-color;\n    .hook-button-primary;\n}\n\n\/* Hover *\/\n.uk-button-primary:hover,\n.uk-button-primary:focus {\n    background-color: @button-primary-hover-background;\n    color: @button-primary-hover-color;\n    .hook-button-primary-hover;\n}\n\n\/* Active *\/\n.uk-button-primary:active,\n.uk-button-primary.uk-active {\n    background-color: @button-primary-active-background;\n    color: @button-primary-active-color;\n    .hook-button-primary-active;\n}\n\n\/*\n * Modifier: `uk-button-success`\n *\/\n\n.uk-button-success {\n    background-color: @button-success-background;\n    color: @button-success-color;\n    .hook-button-success;\n}\n\n\/* Hover *\/\n.uk-button-success:hover,\n.uk-button-success:focus {\n    background-color: @button-success-hover-background;\n    color: @button-success-hover-color;\n    .hook-button-success-hover;\n}\n\n\/* Active *\/\n.uk-button-success:active,\n.uk-button-success.uk-active {\n    background-color: @button-success-active-background;\n    color: @button-success-active-color;\n    .hook-button-success-active;\n}\n\n\/*\n * Modifier: `uk-button-danger`\n *\/\n\n.uk-button-danger {\n    background-color: @button-danger-background;\n    color: @button-danger-color;\n    .hook-button-danger;\n}\n\n\/* Hover *\/\n.uk-button-danger:hover,\n.uk-button-danger:focus {\n    background-color: @button-danger-hover-background;\n    color: @button-danger-hover-color;\n    .hook-button-danger-hover;\n}\n\n\/* Active *\/\n.uk-button-danger:active,\n.uk-button-danger.uk-active {\n    background-color: @button-danger-active-background;\n    color: @button-danger-active-color;\n    .hook-button-danger-active;\n}\n\n\n\/* Disabled state\n * Overrides also the color modifiers\n ========================================================================== *\/\n\n\/* Equal for all button types *\/\n.uk-button:disabled {\n    background-color: @button-disabled-background;\n    color: @button-disabled-color;\n    .hook-button-disable;\n}\n\n\n\/* Modifier: `uk-button-link`\n ========================================================================== *\/\n\n \/* Reset *\/\n.uk-button-link,\n.uk-button-link:hover,\n.uk-button-link:focus,\n.uk-button-link:active,\n.uk-button-link.uk-active,\n.uk-button-link:disabled {\n    border-color: transparent;\n    background: none;\n    .hook-button-link;\n}\n\n\/* Color *\/\n.uk-button-link { color: @button-link-color; }\n\n.uk-button-link:hover,\n.uk-button-link:focus,\n.uk-button-link:active,\n.uk-button-link.uk-active {\n    color: @button-link-hover-color;\n    text-decoration: @button-link-hover-text-decoration;\n}\n\n.uk-button-link:disabled { color: @button-link-disabled-color; }\n\n\/* Focus *\/\n.uk-button-link:focus { outline: 1px dotted; }\n\n\n\/* Size modifiers\n ========================================================================== *\/\n\n.uk-button-mini {\n    min-height: @button-mini-height;\n    padding: 0 @button-mini-padding-horizontal;\n    line-height: @button-mini-line-height;\n    font-size: @button-mini-font-size;\n}\n\n.uk-button-small {\n    min-height: @button-small-height;\n    padding: 0 @button-small-padding-horizontal;\n    line-height: @button-small-line-height;\n    font-size: @button-small-font-size;\n}\n\n.uk-button-large {\n    min-height: @button-large-height;\n    padding: 0 @button-large-padding-horizontal;\n    line-height: @button-large-line-height;\n    font-size: @button-large-font-size;\n    .hook-button-large;\n}\n\n\n\/* Sub-object `uk-button-group`\n ========================================================================== *\/\n\n\/*\n * 1. Behave like buttons\n * 2. Create position context for dropdowns\n * 3. Remove whitespace between child elements when using `inline-block`\n * 4. Prevent buttons from wrapping\n * 5. Remove whitespace between child elements when using `inline-block`\n *\/\n\n.uk-button-group {\n    \/* 1 *\/\n    display: inline-block;\n    vertical-align: middle;\n    \/* 2 *\/\n    position: relative;\n    \/* 3 *\/\n    font-size: 0.001px;\n    \/* 4 *\/\n    white-space: nowrap;\n}\n\n.uk-button-group > * { display: inline-block; }\n\n\/* 5 *\/\n.uk-button-group .uk-button { vertical-align: top; }\n\n\n\/* Sub-object: `uk-button-dropdown`\n ========================================================================== *\/\n\n\/*\n * 1. Behave like buttons\n * 2. Create position context for dropdowns\n *\/\n\n.uk-button-dropdown {\n    \/* 1 *\/\n    display: inline-block;\n    vertical-align: middle;\n    \/* 2 *\/\n    position: relative;\n}\n\n\n\/\/ Hooks\n\/\/ ========================================================================\n\n.hook-button-misc;\n\n.hook-button() {}\n.hook-button-hover() {}\n.hook-button-active() {}\n.hook-button-primary() {}\n.hook-button-primary-hover() {}\n.hook-button-primary-active() {}\n.hook-button-success() {}\n.hook-button-success-hover() {}\n.hook-button-success-active() {}\n.hook-button-danger() {}\n.hook-button-danger-hover() {}\n.hook-button-danger-active() {}\n.hook-button-disable() {}\n.hook-button-link() {}\n.hook-button-large() {}\n.hook-button-misc() {}\n\/\/ Name:            Icon\n\/\/ Description:     Defines styles for icons\n\/\/\n\/\/ Adapted from http:\/\/fortawesome.github.com\/Font-Awesome (Version 4.6.0)\n\/\/\n\/\/ Component:       `uk-icon-*`\n\/\/\n\/\/ Sub-objects:     `uk-icon-hover`\n\/\/                  `uk-icon-button`\n\/\/\n\/\/ Modifiers:       `uk-icon-small`\n\/\/                  `uk-icon-medium`\n\/\/                  `uk-icon-large`\n\/\/                  `uk-icon-justify`\n\/\/                  `uk-icon-spin`\n\/\/\n\/\/ Uses:            Animation\n\/\/\n\/\/ ========================================================================\n\n\n\/\/ Variables\n\/\/ ========================================================================\n\n@icon-font-path:                                \"..\/fonts\";\n\n@icon-small-font-size:                          150%;\n@icon-medium-font-size:                         200%;\n@icon-large-font-size:                          250%;\n\n@icon-small-vertical-align:                     -10%;\n@icon-medium-vertical-align:                    -16%;\n@icon-large-vertical-align:                     -22%;\n\n@icon-hover-color:                              #999;\n@icon-hover-hover-color:                        #444;\n\n@icon-button-width:                             35px;\n@icon-button-height:                            @icon-button-width;\n@icon-button-border-radius:                     100%;\n@icon-button-background:                        #eee;\n@icon-button-font-size:                         round((@icon-button-width * 0.5));\n@icon-button-color:                             #444;\n\n@icon-button-hover-background:                  #f5f5f5;\n@icon-button-hover-color:                       #444;\n\n@icon-button-active-background:                 #ddd;\n@icon-button-active-color:                      #444;\n\n\n\/* ========================================================================\n   Component: Icon\n ========================================================================== *\/\n\n@font-face {\n    font-family: 'FontAwesome';\n    src: url(\"\/templates\/yoo_eat\/warp\/vendor\/uikit\/less\/core\/@{icon-font-path}\/fontawesome-webfont.woff2\") format('woff2'),\n         url(\"\/templates\/yoo_eat\/warp\/vendor\/uikit\/less\/core\/@{icon-font-path}\/fontawesome-webfont.woff\") format(\"woff\"),\n         url(\"\/templates\/yoo_eat\/warp\/vendor\/uikit\/less\/core\/@{icon-font-path}\/fontawesome-webfont.ttf\") format(\"truetype\");\n    font-weight: normal;\n    font-style: normal;\n}\n\n\/*\n * 1. Allow margin\n * 2. Prevent inherit font style\n * 4. Correct line-height\n * 5. Better font rendering\n * 6. Remove `text-decoration` for anchors\n *\/\n\n[class*='uk-icon-'] {\n    font-family: FontAwesome;\n    \/* 1 *\/\n    display: inline-block;\n    \/* 2 *\/\n    font-weight: normal;\n    font-style: normal;\n    \/* 4 *\/\n    line-height: 1;\n    \/* 5 *\/\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n}\n\n\/* 6 *\/\n[class*='uk-icon-'],\n[class*='uk-icon-']:hover,\n[class*='uk-icon-']:focus { text-decoration: none; }\n\n\n\/* Size modifiers\n ========================================================================== *\/\n\n.uk-icon-small {\n    font-size: @icon-small-font-size;\n    vertical-align: @icon-small-vertical-align;\n}\n\n.uk-icon-medium {\n    font-size: @icon-medium-font-size;\n    vertical-align: @icon-medium-vertical-align;\n}\n\n.uk-icon-large {\n    font-size: @icon-large-font-size;\n    vertical-align: @icon-large-vertical-align;\n}\n\n\n\/* Modifier: `uk-icon-justify`\n ========================================================================== *\/\n\n.uk-icon-justify {\n    width: 1em;\n    text-align: center;\n}\n\n\n\/* Modifier: `uk-icon-spin`\n ========================================================================== *\/\n\n.uk-icon-spin {\n    display: inline-block;\n    -webkit-animation: uk-rotate 2s infinite linear;\n    animation: uk-rotate 2s infinite linear;\n}\n\n\n\/* Modifier: `uk-icon-hover`\n ========================================================================== *\/\n\n.uk-icon-hover {\n    color: @icon-hover-color;\n    .hook-icon-hover;\n}\n\n\/*\n * Hover\n *\/\n\n.uk-icon-hover:hover {\n    color: @icon-hover-hover-color;\n    .hook-icon-hover-hover;\n}\n\n\n\/* Modifier: `uk-icon-button`\n ========================================================================== *\/\n\n.uk-icon-button {\n    box-sizing: border-box;\n    display: inline-block;\n    width: @icon-button-width;\n    height: @icon-button-height;\n    border-radius: @icon-button-border-radius;\n    background: @icon-button-background;\n    line-height: @icon-button-height;\n    color: @icon-button-color;\n    font-size: @icon-button-font-size;\n    text-align: center;\n    .hook-icon-button;\n}\n\n\/*\n * Hover\n * 1. Apply hover style also to focus state\n * 2. Remove default focus style\n *\/\n\n.uk-icon-button:hover,\n.uk-icon-button:focus { \/\/ 1\n    background-color: @icon-button-hover-background;\n    color: @icon-button-hover-color;\n    \/* 2 *\/\n    outline: none;\n    .hook-icon-button-hover;\n}\n\n\/* Active *\/\n.uk-icon-button:active {\n    background-color: @icon-button-active-background;\n    color: @icon-button-active-color;\n    .hook-icon-button-active;\n}\n\n\n\/* Icon mapping\n ========================================================================== *\/\n\n.uk-icon-glass:before { content: \"\\f000\"; }\n.uk-icon-music:before { content: \"\\f001\"; }\n.uk-icon-search:before { content: \"\\f002\"; }\n.uk-icon-envelope-o:before { content: \"\\f003\"; }\n.uk-icon-heart:before { content: \"\\f004\"; }\n.uk-icon-star:before { content: \"\\f005\"; }\n.uk-icon-star-o:before { content: \"\\f006\"; }\n.uk-icon-user:before { content: \"\\f007\"; }\n.uk-icon-film:before { content: \"\\f008\"; }\n.uk-icon-th-large:before { content: \"\\f009\"; }\n.uk-icon-th:before { content: \"\\f00a\"; }\n.uk-icon-th-list:before { content: \"\\f00b\"; }\n.uk-icon-check:before { content: \"\\f00c\"; }\n.uk-icon-remove:before,\n.uk-icon-close:before,\n.uk-icon-times:before { content: \"\\f00d\"; }\n.uk-icon-search-plus:before { content: \"\\f00e\"; }\n.uk-icon-search-minus:before { content: \"\\f010\"; }\n.uk-icon-power-off:before { content: \"\\f011\"; }\n.uk-icon-signal:before { content: \"\\f012\"; }\n.uk-icon-gear:before,\n.uk-icon-cog:before { content: \"\\f013\"; }\n.uk-icon-trash-o:before { content: \"\\f014\"; }\n.uk-icon-home:before { content: \"\\f015\"; }\n.uk-icon-file-o:before { content: \"\\f016\"; }\n.uk-icon-clock-o:before { content: \"\\f017\"; }\n.uk-icon-road:before { content: \"\\f018\"; }\n.uk-icon-download:before { content: \"\\f019\"; }\n.uk-icon-arrow-circle-o-down:before { content: \"\\f01a\"; }\n.uk-icon-arrow-circle-o-up:before { content: \"\\f01b\"; }\n.uk-icon-inbox:before { content: \"\\f01c\"; }\n.uk-icon-play-circle-o:before { content: \"\\f01d\"; }\n.uk-icon-rotate-right:before,\n.uk-icon-repeat:before { content: \"\\f01e\"; }\n.uk-icon-refresh:before { content: \"\\f021\"; }\n.uk-icon-list-alt:before { content: \"\\f022\"; }\n.uk-icon-lock:before { content: \"\\f023\"; }\n.uk-icon-flag:before { content: \"\\f024\"; }\n.uk-icon-headphones:before { content: \"\\f025\"; }\n.uk-icon-volume-off:before { content: \"\\f026\"; }\n.uk-icon-volume-down:before { content: \"\\f027\"; }\n.uk-icon-volume-up:before { content: \"\\f028\"; }\n.uk-icon-qrcode:before { content: \"\\f029\"; }\n.uk-icon-barcode:before { content: \"\\f02a\"; }\n.uk-icon-tag:before { content: \"\\f02b\"; }\n.uk-icon-tags:before { content: \"\\f02c\"; }\n.uk-icon-book:before { content: \"\\f02d\"; }\n.uk-icon-bookmark:before { content: \"\\f02e\"; }\n.uk-icon-print:before { content: \"\\f02f\"; }\n.uk-icon-camera:before { content: \"\\f030\"; }\n.uk-icon-font:before { content: \"\\f031\"; }\n.uk-icon-bold:before { content: \"\\f032\"; }\n.uk-icon-italic:before { content: \"\\f033\"; }\n.uk-icon-text-height:before { content: \"\\f034\"; }\n.uk-icon-text-width:before { content: \"\\f035\"; }\n.uk-icon-align-left:before { content: \"\\f036\"; }\n.uk-icon-align-center:before { content: \"\\f037\"; }\n.uk-icon-align-right:before { content: \"\\f038\"; }\n.uk-icon-align-justify:before { content: \"\\f039\"; }\n.uk-icon-list:before { content: \"\\f03a\"; }\n.uk-icon-dedent:before,\n.uk-icon-outdent:before { content: \"\\f03b\"; }\n.uk-icon-indent:before { content: \"\\f03c\"; }\n.uk-icon-video-camera:before { content: \"\\f03d\"; }\n.uk-icon-photo:before,\n.uk-icon-image:before,\n.uk-icon-picture-o:before { content: \"\\f03e\"; }\n.uk-icon-pencil:before { content: \"\\f040\"; }\n.uk-icon-map-marker:before { content: \"\\f041\"; }\n.uk-icon-adjust:before { content: \"\\f042\"; }\n.uk-icon-tint:before { content: \"\\f043\"; }\n.uk-icon-edit:before,\n.uk-icon-pencil-square-o:before { content: \"\\f044\"; }\n.uk-icon-share-square-o:before { content: \"\\f045\"; }\n.uk-icon-check-square-o:before { content: \"\\f046\"; }\n.uk-icon-arrows:before { content: \"\\f047\"; }\n.uk-icon-step-backward:before { content: \"\\f048\"; }\n.uk-icon-fast-backward:before { content: \"\\f049\"; }\n.uk-icon-backward:before { content: \"\\f04a\"; }\n.uk-icon-play:before { content: \"\\f04b\"; }\n.uk-icon-pause:before { content: \"\\f04c\"; }\n.uk-icon-stop:before { content: \"\\f04d\"; }\n.uk-icon-forward:before { content: \"\\f04e\"; }\n.uk-icon-fast-forward:before { content: \"\\f050\"; }\n.uk-icon-step-forward:before { content: \"\\f051\"; }\n.uk-icon-eject:before { content: \"\\f052\"; }\n.uk-icon-chevron-left:before { content: \"\\f053\"; }\n.uk-icon-chevron-right:before { content: \"\\f054\"; }\n.uk-icon-plus-circle:before { content: \"\\f055\"; }\n.uk-icon-minus-circle:before { content: \"\\f056\"; }\n.uk-icon-times-circle:before { content: \"\\f057\"; }\n.uk-icon-check-circle:before { content: \"\\f058\"; }\n.uk-icon-question-circle:before { content: \"\\f059\"; }\n.uk-icon-info-circle:before { content: \"\\f05a\"; }\n.uk-icon-crosshairs:before { content: \"\\f05b\"; }\n.uk-icon-times-circle-o:before { content: \"\\f05c\"; }\n.uk-icon-check-circle-o:before { content: \"\\f05d\"; }\n.uk-icon-ban:before { content: \"\\f05e\"; }\n.uk-icon-arrow-left:before { content: \"\\f060\"; }\n.uk-icon-arrow-right:before { content: \"\\f061\"; }\n.uk-icon-arrow-up:before { content: \"\\f062\"; }\n.uk-icon-arrow-down:before { content: \"\\f063\"; }\n.uk-icon-mail-forward:before,\n.uk-icon-share:before { content: \"\\f064\"; }\n.uk-icon-expand:before { content: \"\\f065\"; }\n.uk-icon-compress:before { content: \"\\f066\"; }\n.uk-icon-plus:before { content: \"\\f067\"; }\n.uk-icon-minus:before { content: \"\\f068\"; }\n.uk-icon-asterisk:before { content: \"\\f069\"; }\n.uk-icon-exclamation-circle:before { content: \"\\f06a\"; }\n.uk-icon-gift:before { content: \"\\f06b\"; }\n.uk-icon-leaf:before { content: \"\\f06c\"; }\n.uk-icon-fire:before { content: \"\\f06d\"; }\n.uk-icon-eye:before { content: \"\\f06e\"; }\n.uk-icon-eye-slash:before { content: \"\\f070\"; }\n.uk-icon-warning:before,\n.uk-icon-exclamation-triangle:before { content: \"\\f071\"; }\n.uk-icon-plane:before { content: \"\\f072\"; }\n.uk-icon-calendar:before { content: \"\\f073\"; }\n.uk-icon-random:before { content: \"\\f074\"; }\n.uk-icon-comment:before { content: \"\\f075\"; }\n.uk-icon-magnet:before { content: \"\\f076\"; }\n.uk-icon-chevron-up:before { content: \"\\f077\"; }\n.uk-icon-chevron-down:before { content: \"\\f078\"; }\n.uk-icon-retweet:before { content: \"\\f079\"; }\n.uk-icon-shopping-cart:before { content: \"\\f07a\"; }\n.uk-icon-folder:before { content: \"\\f07b\"; }\n.uk-icon-folder-open:before { content: \"\\f07c\"; }\n.uk-icon-arrows-v:before { content: \"\\f07d\"; }\n.uk-icon-arrows-h:before { content: \"\\f07e\"; }\n.uk-icon-bar-chart-o:before,\n.uk-icon-bar-chart:before { content: \"\\f080\"; }\n.uk-icon-twitter-square:before { content: \"\\f081\"; }\n.uk-icon-facebook-square:before { content: \"\\f082\"; }\n.uk-icon-camera-retro:before { content: \"\\f083\"; }\n.uk-icon-key:before { content: \"\\f084\"; }\n.uk-icon-gears:before,\n.uk-icon-cogs:before { content: \"\\f085\"; }\n.uk-icon-comments:before { content: \"\\f086\"; }\n.uk-icon-thumbs-o-up:before { content: \"\\f087\"; }\n.uk-icon-thumbs-o-down:before { content: \"\\f088\"; }\n.uk-icon-star-half:before { content: \"\\f089\"; }\n.uk-icon-heart-o:before { content: \"\\f08a\"; }\n.uk-icon-sign-out:before { content: \"\\f08b\"; }\n.uk-icon-linkedin-square:before { content: \"\\f08c\"; }\n.uk-icon-thumb-tack:before { content: \"\\f08d\"; }\n.uk-icon-external-link:before { content: \"\\f08e\"; }\n.uk-icon-sign-in:before { content: \"\\f090\"; }\n.uk-icon-trophy:before { content: \"\\f091\"; }\n.uk-icon-github-square:before { content: \"\\f092\"; }\n.uk-icon-upload:before { content: \"\\f093\"; }\n.uk-icon-lemon-o:before { content: \"\\f094\"; }\n.uk-icon-phone:before { content: \"\\f095\"; }\n.uk-icon-square-o:before { content: \"\\f096\"; }\n.uk-icon-bookmark-o:before { content: \"\\f097\"; }\n.uk-icon-phone-square:before { content: \"\\f098\"; }\n.uk-icon-twitter:before { content: \"\\f099\"; }\n.uk-icon-facebook-f:before,\n.uk-icon-facebook:before { content: \"\\f09a\"; }\n.uk-icon-github:before { content: \"\\f09b\"; }\n.uk-icon-unlock:before { content: \"\\f09c\"; }\n.uk-icon-credit-card:before { content: \"\\f09d\"; }\n.uk-icon-rss:before { content: \"\\f09e\"; }\n.uk-icon-hdd-o:before { content: \"\\f0a0\"; }\n.uk-icon-bullhorn:before { content: \"\\f0a1\"; }\n.uk-icon-bell:before { content: \"\\f0f3\"; }\n.uk-icon-certificate:before { content: \"\\f0a3\"; }\n.uk-icon-hand-o-right:before { content: \"\\f0a4\"; }\n.uk-icon-hand-o-left:before { content: \"\\f0a5\"; }\n.uk-icon-hand-o-up:before { content: \"\\f0a6\"; }\n.uk-icon-hand-o-down:before { content: \"\\f0a7\"; }\n.uk-icon-arrow-circle-left:before { content: \"\\f0a8\"; }\n.uk-icon-arrow-circle-right:before { content: \"\\f0a9\"; }\n.uk-icon-arrow-circle-up:before { content: \"\\f0aa\"; }\n.uk-icon-arrow-circle-down:before { content: \"\\f0ab\"; }\n.uk-icon-globe:before { content: \"\\f0ac\"; }\n.uk-icon-wrench:before { content: \"\\f0ad\"; }\n.uk-icon-tasks:before { content: \"\\f0ae\"; }\n.uk-icon-filter:before { content: \"\\f0b0\"; }\n.uk-icon-briefcase:before { content: \"\\f0b1\"; }\n.uk-icon-arrows-alt:before { content: \"\\f0b2\"; }\n.uk-icon-group:before,\n.uk-icon-users:before { content: \"\\f0c0\"; }\n.uk-icon-chain:before,\n.uk-icon-link:before { content: \"\\f0c1\"; }\n.uk-icon-cloud:before { content: \"\\f0c2\"; }\n.uk-icon-flask:before { content: \"\\f0c3\"; }\n.uk-icon-cut:before,\n.uk-icon-scissors:before { content: \"\\f0c4\"; }\n.uk-icon-copy:before,\n.uk-icon-files-o:before { content: \"\\f0c5\"; }\n.uk-icon-paperclip:before { content: \"\\f0c6\"; }\n.uk-icon-save:before,\n.uk-icon-floppy-o:before { content: \"\\f0c7\"; }\n.uk-icon-square:before { content: \"\\f0c8\"; }\n.uk-icon-navicon:before,\n.uk-icon-reorder:before,\n.uk-icon-bars:before { content: \"\\f0c9\"; }\n.uk-icon-list-ul:before { content: \"\\f0ca\"; }\n.uk-icon-list-ol:before { content: \"\\f0cb\"; }\n.uk-icon-strikethrough:before { content: \"\\f0cc\"; }\n.uk-icon-underline:before { content: \"\\f0cd\"; }\n.uk-icon-table:before { content: \"\\f0ce\"; }\n.uk-icon-magic:before { content: \"\\f0d0\"; }\n.uk-icon-truck:before { content: \"\\f0d1\"; }\n.uk-icon-pinterest:before { content: \"\\f0d2\"; }\n.uk-icon-pinterest-square:before { content: \"\\f0d3\"; }\n.uk-icon-google-plus-square:before { content: \"\\f0d4\"; }\n.uk-icon-google-plus:before { content: \"\\f0d5\"; }\n.uk-icon-money:before { content: \"\\f0d6\"; }\n.uk-icon-caret-down:before { content: \"\\f0d7\"; }\n.uk-icon-caret-up:before { content: \"\\f0d8\"; }\n.uk-icon-caret-left:before { content: \"\\f0d9\"; }\n.uk-icon-caret-right:before { content: \"\\f0da\"; }\n.uk-icon-columns:before { content: \"\\f0db\"; }\n.uk-icon-unsorted:before,\n.uk-icon-sort:before { content: \"\\f0dc\"; }\n.uk-icon-sort-down:before,\n.uk-icon-sort-desc:before { content: \"\\f0dd\"; }\n.uk-icon-sort-up:before,\n.uk-icon-sort-asc:before { content: \"\\f0de\"; }\n.uk-icon-envelope:before { content: \"\\f0e0\"; }\n.uk-icon-linkedin:before { content: \"\\f0e1\"; }\n.uk-icon-rotate-left:before,\n.uk-icon-undo:before { content: \"\\f0e2\"; }\n.uk-icon-legal:before,\n.uk-icon-gavel:before { content: \"\\f0e3\"; }\n.uk-icon-dashboard:before,\n.uk-icon-tachometer:before { content: \"\\f0e4\"; }\n.uk-icon-comment-o:before { content: \"\\f0e5\"; }\n.uk-icon-comments-o:before { content: \"\\f0e6\"; }\n.uk-icon-flash:before,\n.uk-icon-bolt:before { content: \"\\f0e7\"; }\n.uk-icon-sitemap:before { content: \"\\f0e8\"; }\n.uk-icon-umbrella:before { content: \"\\f0e9\"; }\n.uk-icon-paste:before,\n.uk-icon-clipboard:before { content: \"\\f0ea\"; }\n.uk-icon-lightbulb-o:before { content: \"\\f0eb\"; }\n.uk-icon-exchange:before { content: \"\\f0ec\"; }\n.uk-icon-cloud-download:before { content: \"\\f0ed\"; }\n.uk-icon-cloud-upload:before { content: \"\\f0ee\"; }\n.uk-icon-user-md:before { content: \"\\f0f0\"; }\n.uk-icon-stethoscope:before { content: \"\\f0f1\"; }\n.uk-icon-suitcase:before { content: \"\\f0f2\"; }\n.uk-icon-bell-o:before { content: \"\\f0a2\"; }\n.uk-icon-coffee:before { content: \"\\f0f4\"; }\n.uk-icon-cutlery:before { content: \"\\f0f5\"; }\n.uk-icon-file-text-o:before { content: \"\\f0f6\"; }\n.uk-icon-building-o:before { content: \"\\f0f7\"; }\n.uk-icon-hospital-o:before { content: \"\\f0f8\"; }\n.uk-icon-ambulance:before { content: \"\\f0f9\"; }\n.uk-icon-medkit:before { content: \"\\f0fa\"; }\n.uk-icon-fighter-jet:before { content: \"\\f0fb\"; }\n.uk-icon-beer:before { content: \"\\f0fc\"; }\n.uk-icon-h-square:before { content: \"\\f0fd\"; }\n.uk-icon-plus-square:before { content: \"\\f0fe\"; }\n.uk-icon-angle-double-left:before { content: \"\\f100\"; }\n.uk-icon-angle-double-right:before { content: \"\\f101\"; }\n.uk-icon-angle-double-up:before { content: \"\\f102\"; }\n.uk-icon-angle-double-down:before { content: \"\\f103\"; }\n.uk-icon-angle-left:before { content: \"\\f104\"; }\n.uk-icon-angle-right:before { content: \"\\f105\"; }\n.uk-icon-angle-up:before { content: \"\\f106\"; }\n.uk-icon-angle-down:before { content: \"\\f107\"; }\n.uk-icon-desktop:before { content: \"\\f108\"; }\n.uk-icon-laptop:before { content: \"\\f109\"; }\n.uk-icon-tablet:before { content: \"\\f10a\"; }\n.uk-icon-mobile-phone:before,\n.uk-icon-mobile:before { content: \"\\f10b\"; }\n.uk-icon-circle-o:before { content: \"\\f10c\"; }\n.uk-icon-quote-left:before { content: \"\\f10d\"; }\n.uk-icon-quote-right:before { content: \"\\f10e\"; }\n.uk-icon-spinner:before { content: \"\\f110\"; }\n.uk-icon-circle:before { content: \"\\f111\"; }\n.uk-icon-mail-reply:before,\n.uk-icon-reply:before { content: \"\\f112\"; }\n.uk-icon-github-alt:before { content: \"\\f113\"; }\n.uk-icon-folder-o:before { content: \"\\f114\"; }\n.uk-icon-folder-open-o:before { content: \"\\f115\"; }\n.uk-icon-smile-o:before { content: \"\\f118\"; }\n.uk-icon-frown-o:before { content: \"\\f119\"; }\n.uk-icon-meh-o:before { content: \"\\f11a\"; }\n.uk-icon-gamepad:before { content: \"\\f11b\"; }\n.uk-icon-keyboard-o:before { content: \"\\f11c\"; }\n.uk-icon-flag-o:before { content: \"\\f11d\"; }\n.uk-icon-flag-checkered:before { content: \"\\f11e\"; }\n.uk-icon-terminal:before { content: \"\\f120\"; }\n.uk-icon-code:before { content: \"\\f121\"; }\n.uk-icon-mail-reply-all:before,\n.uk-icon-reply-all:before { content: \"\\f122\"; }\n.uk-icon-star-half-empty:before,\n.uk-icon-star-half-full:before,\n.uk-icon-star-half-o:before { content: \"\\f123\"; }\n.uk-icon-location-arrow:before { content: \"\\f124\"; }\n.uk-icon-crop:before { content: \"\\f125\"; }\n.uk-icon-code-fork:before { content: \"\\f126\"; }\n.uk-icon-unlink:before,\n.uk-icon-chain-broken:before { content: \"\\f127\"; }\n.uk-icon-question:before { content: \"\\f128\"; }\n.uk-icon-info:before { content: \"\\f129\"; }\n.uk-icon-exclamation:before { content: \"\\f12a\"; }\n.uk-icon-superscript:before { content: \"\\f12b\"; }\n.uk-icon-subscript:before { content: \"\\f12c\"; }\n.uk-icon-eraser:before { content: \"\\f12d\"; }\n.uk-icon-puzzle-piece:before { content: \"\\f12e\"; }\n.uk-icon-microphone:before { content: \"\\f130\"; }\n.uk-icon-microphone-slash:before { content: \"\\f131\"; }\n.uk-icon-shield:before { content: \"\\f132\"; }\n.uk-icon-calendar-o:before { content: \"\\f133\"; }\n.uk-icon-fire-extinguisher:before { content: \"\\f134\"; }\n.uk-icon-rocket:before { content: \"\\f135\"; }\n.uk-icon-maxcdn:before { content: \"\\f136\"; }\n.uk-icon-chevron-circle-left:before { content: \"\\f137\"; }\n.uk-icon-chevron-circle-right:before { content: \"\\f138\"; }\n.uk-icon-chevron-circle-up:before { content: \"\\f139\"; }\n.uk-icon-chevron-circle-down:before { content: \"\\f13a\"; }\n.uk-icon-html5:before { content: \"\\f13b\"; }\n.uk-icon-css3:before { content: \"\\f13c\"; }\n.uk-icon-anchor:before { content: \"\\f13d\"; }\n.uk-icon-unlock-alt:before { content: \"\\f13e\"; }\n.uk-icon-bullseye:before { content: \"\\f140\"; }\n.uk-icon-ellipsis-h:before { content: \"\\f141\"; }\n.uk-icon-ellipsis-v:before { content: \"\\f142\"; }\n.uk-icon-rss-square:before { content: \"\\f143\"; }\n.uk-icon-play-circle:before { content: \"\\f144\"; }\n.uk-icon-ticket:before { content: \"\\f145\"; }\n.uk-icon-minus-square:before { content: \"\\f146\"; }\n.uk-icon-minus-square-o:before { content: \"\\f147\"; }\n.uk-icon-level-up:before { content: \"\\f148\"; }\n.uk-icon-level-down:before { content: \"\\f149\"; }\n.uk-icon-check-square:before { content: \"\\f14a\"; }\n.uk-icon-pencil-square:before { content: \"\\f14b\"; }\n.uk-icon-external-link-square:before { content: \"\\f14c\"; }\n.uk-icon-share-square:before { content: \"\\f14d\"; }\n.uk-icon-compass:before { content: \"\\f14e\"; }\n.uk-icon-toggle-down:before,\n.uk-icon-caret-square-o-down:before { content: \"\\f150\"; }\n.uk-icon-toggle-up:before,\n.uk-icon-caret-square-o-up:before { content: \"\\f151\"; }\n.uk-icon-toggle-right:before,\n.uk-icon-caret-square-o-right:before { content: \"\\f152\"; }\n.uk-icon-euro:before,\n.uk-icon-eur:before { content: \"\\f153\"; }\n.uk-icon-gbp:before { content: \"\\f154\"; }\n.uk-icon-dollar:before,\n.uk-icon-usd:before { content: \"\\f155\"; }\n.uk-icon-rupee:before,\n.uk-icon-inr:before { content: \"\\f156\"; }\n.uk-icon-cny:before,\n.uk-icon-rmb:before,\n.uk-icon-yen:before,\n.uk-icon-jpy:before { content: \"\\f157\"; }\n.uk-icon-ruble:before,\n.uk-icon-rouble:before,\n.uk-icon-rub:before { content: \"\\f158\"; }\n.uk-icon-won:before,\n.uk-icon-krw:before { content: \"\\f159\"; }\n.uk-icon-bitcoin:before,\n.uk-icon-btc:before { content: \"\\f15a\"; }\n.uk-icon-file:before { content: \"\\f15b\"; }\n.uk-icon-file-text:before { content: \"\\f15c\"; }\n.uk-icon-sort-alpha-asc:before { content: \"\\f15d\"; }\n.uk-icon-sort-alpha-desc:before { content: \"\\f15e\"; }\n.uk-icon-sort-amount-asc:before { content: \"\\f160\"; }\n.uk-icon-sort-amount-desc:before { content: \"\\f161\"; }\n.uk-icon-sort-numeric-asc:before { content: \"\\f162\"; }\n.uk-icon-sort-numeric-desc:before { content: \"\\f163\"; }\n.uk-icon-thumbs-up:before { content: \"\\f164\"; }\n.uk-icon-thumbs-down:before { content: \"\\f165\"; }\n.uk-icon-youtube-square:before { content: \"\\f166\"; }\n.uk-icon-youtube:before { content: \"\\f167\"; }\n.uk-icon-xing:before { content: \"\\f168\"; }\n.uk-icon-xing-square:before { content: \"\\f169\"; }\n.uk-icon-youtube-play:before { content: \"\\f16a\"; }\n.uk-icon-dropbox:before { content: \"\\f16b\"; }\n.uk-icon-stack-overflow:before { content: \"\\f16c\"; }\n.uk-icon-instagram:before { content: \"\\f16d\"; }\n.uk-icon-flickr:before { content: \"\\f16e\"; }\n.uk-icon-adn:before { content: \"\\f170\"; }\n.uk-icon-bitbucket:before { content: \"\\f171\"; }\n.uk-icon-bitbucket-square:before { content: \"\\f172\"; }\n.uk-icon-tumblr:before { content: \"\\f173\"; }\n.uk-icon-tumblr-square:before { content: \"\\f174\"; }\n.uk-icon-long-arrow-down:before { content: \"\\f175\"; }\n.uk-icon-long-arrow-up:before { content: \"\\f176\"; }\n.uk-icon-long-arrow-left:before { content: \"\\f177\"; }\n.uk-icon-long-arrow-right:before { content: \"\\f178\"; }\n.uk-icon-apple:before { content: \"\\f179\"; }\n.uk-icon-windows:before { content: \"\\f17a\"; }\n.uk-icon-android:before { content: \"\\f17b\"; }\n.uk-icon-linux:before { content: \"\\f17c\"; }\n.uk-icon-dribbble:before { content: \"\\f17d\"; }\n.uk-icon-skype:before { content: \"\\f17e\"; }\n.uk-icon-foursquare:before { content: \"\\f180\"; }\n.uk-icon-trello:before { content: \"\\f181\"; }\n.uk-icon-female:before { content: \"\\f182\"; }\n.uk-icon-male:before { content: \"\\f183\"; }\n.uk-icon-gittip:before,\n.uk-icon-gratipay:before { content: \"\\f184\"; }\n.uk-icon-sun-o:before { content: \"\\f185\"; }\n.uk-icon-moon-o:before { content: \"\\f186\"; }\n.uk-icon-archive:before { content: \"\\f187\"; }\n.uk-icon-bug:before { content: \"\\f188\"; }\n.uk-icon-vk:before { content: \"\\f189\"; }\n.uk-icon-weibo:before { content: \"\\f18a\"; }\n.uk-icon-renren:before { content: \"\\f18b\"; }\n.uk-icon-pagelines:before { content: \"\\f18c\"; }\n.uk-icon-stack-exchange:before { content: \"\\f18d\"; }\n.uk-icon-arrow-circle-o-right:before { content: \"\\f18e\"; }\n.uk-icon-arrow-circle-o-left:before { content: \"\\f190\"; }\n.uk-icon-toggle-left:before,\n.uk-icon-caret-square-o-left:before { content: \"\\f191\"; }\n.uk-icon-dot-circle-o:before { content: \"\\f192\"; }\n.uk-icon-wheelchair:before { content: \"\\f193\"; }\n.uk-icon-vimeo-square:before { content: \"\\f194\"; }\n.uk-icon-turkish-lira:before,\n.uk-icon-try:before { content: \"\\f195\"; }\n.uk-icon-plus-square-o:before { content: \"\\f196\"; }\n.uk-icon-space-shuttle:before { content: \"\\f197\"; }\n.uk-icon-slack:before { content: \"\\f198\"; }\n.uk-icon-envelope-square:before { content: \"\\f199\"; }\n.uk-icon-wordpress:before { content: \"\\f19a\"; }\n.uk-icon-openid:before { content: \"\\f19b\"; }\n.uk-icon-institution:before,\n.uk-icon-bank:before,\n.uk-icon-university:before { content: \"\\f19c\"; }\n.uk-icon-mortar-board:before,\n.uk-icon-graduation-cap:before { content: \"\\f19d\"; }\n.uk-icon-yahoo:before { content: \"\\f19e\"; }\n.uk-icon-google:before { content: \"\\f1a0\"; }\n.uk-icon-reddit:before { content: \"\\f1a1\"; }\n.uk-icon-reddit-square:before { content: \"\\f1a2\"; }\n.uk-icon-stumbleupon-circle:before { content: \"\\f1a3\"; }\n.uk-icon-stumbleupon:before { content: \"\\f1a4\"; }\n.uk-icon-delicious:before { content: \"\\f1a5\"; }\n.uk-icon-digg:before { content: \"\\f1a6\"; }\n.uk-icon-pied-piper:before { content: \"\\f1a7\"; }\n.uk-icon-pied-piper-alt:before { content: \"\\f1a8\"; }\n.uk-icon-drupal:before { content: \"\\f1a9\"; }\n.uk-icon-joomla:before { content: \"\\f1aa\"; }\n.uk-icon-language:before { content: \"\\f1ab\"; }\n.uk-icon-fax:before { content: \"\\f1ac\"; }\n.uk-icon-building:before { content: \"\\f1ad\"; }\n.uk-icon-child:before { content: \"\\f1ae\"; }\n.uk-icon-paw:before { content: \"\\f1b0\"; }\n.uk-icon-spoon:before { content: \"\\f1b1\"; }\n.uk-icon-cube:before { content: \"\\f1b2\"; }\n.uk-icon-cubes:before { content: \"\\f1b3\"; }\n.uk-icon-behance:before { content: \"\\f1b4\"; }\n.uk-icon-behance-square:before { content: \"\\f1b5\"; }\n.uk-icon-steam:before { content: \"\\f1b6\"; }\n.uk-icon-steam-square:before { content: \"\\f1b7\"; }\n.uk-icon-recycle:before { content: \"\\f1b8\"; }\n.uk-icon-automobile:before,\n.uk-icon-car:before { content: \"\\f1b9\"; }\n.uk-icon-cab:before,\n.uk-icon-taxi:before { content: \"\\f1ba\"; }\n.uk-icon-tree:before { content: \"\\f1bb\"; }\n.uk-icon-spotify:before { content: \"\\f1bc\"; }\n.uk-icon-deviantart:before { content: \"\\f1bd\"; }\n.uk-icon-soundcloud:before { content: \"\\f1be\"; }\n.uk-icon-database:before { content: \"\\f1c0\"; }\n.uk-icon-file-pdf-o:before { content: \"\\f1c1\"; }\n.uk-icon-file-word-o:before { content: \"\\f1c2\"; }\n.uk-icon-file-excel-o:before { content: \"\\f1c3\"; }\n.uk-icon-file-powerpoint-o:before { content: \"\\f1c4\"; }\n.uk-icon-file-photo-o:before,\n.uk-icon-file-picture-o:before,\n.uk-icon-file-image-o:before { content: \"\\f1c5\"; }\n.uk-icon-file-zip-o:before,\n.uk-icon-file-archive-o:before { content: \"\\f1c6\"; }\n.uk-icon-file-sound-o:before,\n.uk-icon-file-audio-o:before { content: \"\\f1c7\"; }\n.uk-icon-file-movie-o:before,\n.uk-icon-file-video-o:before { content: \"\\f1c8\"; }\n.uk-icon-file-code-o:before { content: \"\\f1c9\"; }\n.uk-icon-vine:before { content: \"\\f1ca\"; }\n.uk-icon-codepen:before { content: \"\\f1cb\"; }\n.uk-icon-jsfiddle:before { content: \"\\f1cc\"; }\n.uk-icon-life-bouy:before,\n.uk-icon-life-buoy:before,\n.uk-icon-life-saver:before,\n.uk-icon-support:before,\n.uk-icon-life-ring:before { content: \"\\f1cd\"; }\n.uk-icon-circle-o-notch:before { content: \"\\f1ce\"; }\n.uk-icon-ra:before,\n.uk-icon-rebel:before { content: \"\\f1d0\"; }\n.uk-icon-ge:before,\n.uk-icon-empire:before { content: \"\\f1d1\"; }\n.uk-icon-git-square:before { content: \"\\f1d2\"; }\n.uk-icon-git:before { content: \"\\f1d3\"; }\n.uk-icon-hacker-news:before { content: \"\\f1d4\"; }\n.uk-icon-tencent-weibo:before { content: \"\\f1d5\"; }\n.uk-icon-qq:before { content: \"\\f1d6\"; }\n.uk-icon-wechat:before,\n.uk-icon-weixin:before { content: \"\\f1d7\"; }\n.uk-icon-send:before,\n.uk-icon-paper-plane:before { content: \"\\f1d8\"; }\n.uk-icon-send-o:before,\n.uk-icon-paper-plane-o:before { content: \"\\f1d9\"; }\n.uk-icon-history:before { content: \"\\f1da\"; }\n.uk-icon-genderless:before,\n.uk-icon-circle-thin:before { content: \"\\f1db\"; }\n.uk-icon-header:before { content: \"\\f1dc\"; }\n.uk-icon-paragraph:before { content: \"\\f1dd\"; }\n.uk-icon-sliders:before { content: \"\\f1de\"; }\n.uk-icon-share-alt:before { content: \"\\f1e0\"; }\n.uk-icon-share-alt-square:before { content: \"\\f1e1\"; }\n.uk-icon-bomb:before { content: \"\\f1e2\"; }\n.uk-icon-soccer-ball-o:before,\n.uk-icon-futbol-o:before { content: \"\\f1e3\"; }\n.uk-icon-tty:before { content: \"\\f1e4\"; }\n.uk-icon-binoculars:before { content: \"\\f1e5\"; }\n.uk-icon-plug:before { content: \"\\f1e6\"; }\n.uk-icon-slideshare:before { content: \"\\f1e7\"; }\n.uk-icon-twitch:before { content: \"\\f1e8\"; }\n.uk-icon-yelp:before { content: \"\\f1e9\"; }\n.uk-icon-newspaper-o:before { content: \"\\f1ea\"; }\n.uk-icon-wifi:before { content: \"\\f1eb\"; }\n.uk-icon-calculator:before { content: \"\\f1ec\"; }\n.uk-icon-paypal:before { content: \"\\f1ed\"; }\n.uk-icon-google-wallet:before { content: \"\\f1ee\"; }\n.uk-icon-cc-visa:before { content: \"\\f1f0\"; }\n.uk-icon-cc-mastercard:before { content: \"\\f1f1\"; }\n.uk-icon-cc-discover:before { content: \"\\f1f2\"; }\n.uk-icon-cc-amex:before { content: \"\\f1f3\"; }\n.uk-icon-cc-paypal:before { content: \"\\f1f4\"; }\n.uk-icon-cc-stripe:before { content: \"\\f1f5\"; }\n.uk-icon-bell-slash:before { content: \"\\f1f6\"; }\n.uk-icon-bell-slash-o:before { content: \"\\f1f7\"; }\n.uk-icon-trash:before { content: \"\\f1f8\"; }\n.uk-icon-copyright:before { content: \"\\f1f9\"; }\n.uk-icon-at:before { content: \"\\f1fa\"; }\n.uk-icon-eyedropper:before { content: \"\\f1fb\"; }\n.uk-icon-paint-brush:before { content: \"\\f1fc\"; }\n.uk-icon-birthday-cake:before { content: \"\\f1fd\"; }\n.uk-icon-area-chart:before { content: \"\\f1fe\"; }\n.uk-icon-pie-chart:before { content: \"\\f200\"; }\n.uk-icon-line-chart:before { content: \"\\f201\"; }\n.uk-icon-lastfm:before { content: \"\\f202\"; }\n.uk-icon-lastfm-square:before { content: \"\\f203\"; }\n.uk-icon-toggle-off:before { content: \"\\f204\"; }\n.uk-icon-toggle-on:before { content: \"\\f205\"; }\n.uk-icon-bicycle:before { content: \"\\f206\"; }\n.uk-icon-bus:before { content: \"\\f207\"; }\n.uk-icon-ioxhost:before { content: \"\\f208\"; }\n.uk-icon-angellist:before { content: \"\\f209\"; }\n.uk-icon-cc:before { content: \"\\f20a\"; }\n.uk-icon-shekel:before,\n.uk-icon-sheqel:before,\n.uk-icon-ils:before { content: \"\\f20b\"; }\n.uk-icon-meanpath:before { content: \"\\f20c\"; }\n.uk-icon-buysellads:before { content: \"\\f20d\"; }\n.uk-icon-connectdevelop:before { content: \"\\f20e\"; }\n.uk-icon-dashcube:before { content: \"\\f210\"; }\n.uk-icon-forumbee:before { content: \"\\f211\"; }\n.uk-icon-leanpub:before { content: \"\\f212\"; }\n.uk-icon-sellsy:before { content: \"\\f213\"; }\n.uk-icon-shirtsinbulk:before { content: \"\\f214\"; }\n.uk-icon-simplybuilt:before { content: \"\\f215\"; }\n.uk-icon-skyatlas:before { content: \"\\f216\"; }\n.uk-icon-cart-plus:before { content: \"\\f217\"; }\n.uk-icon-cart-arrow-down:before { content: \"\\f218\"; }\n.uk-icon-diamond:before { content: \"\\f219\"; }\n.uk-icon-ship:before { content: \"\\f21a\"; }\n.uk-icon-user-secret:before { content: \"\\f21b\"; }\n.uk-icon-motorcycle:before { content: \"\\f21c\"; }\n.uk-icon-street-view:before { content: \"\\f21d\"; }\n.uk-icon-heartbeat:before { content: \"\\f21e\"; }\n.uk-icon-venus:before { content: \"\\f221\"; }\n.uk-icon-mars:before { content: \"\\f222\"; }\n.uk-icon-mercury:before { content: \"\\f223\"; }\n.uk-icon-transgender:before { content: \"\\f224\"; }\n.uk-icon-transgender-alt:before { content: \"\\f225\"; }\n.uk-icon-venus-double:before { content: \"\\f226\"; }\n.uk-icon-mars-double:before { content: \"\\f227\"; }\n.uk-icon-venus-mars:before { content: \"\\f228\"; }\n.uk-icon-mars-stroke:before { content: \"\\f229\"; }\n.uk-icon-mars-stroke-v:before { content: \"\\f22a\"; }\n.uk-icon-mars-stroke-h:before { content: \"\\f22b\"; }\n.uk-icon-neuter:before { content: \"\\f22c\"; }\n.uk-icon-facebook-official:before { content: \"\\f230\"; }\n.uk-icon-pinterest-p:before { content: \"\\f231\"; }\n.uk-icon-whatsapp:before { content: \"\\f232\"; }\n.uk-icon-server:before { content: \"\\f233\"; }\n.uk-icon-user-plus:before { content: \"\\f234\"; }\n.uk-icon-user-times:before { content: \"\\f235\"; }\n.uk-icon-hotel:before,\n.uk-icon-bed:before { content: \"\\f236\"; }\n.uk-icon-viacoin:before { content: \"\\f237\"; }\n.uk-icon-train:before { content: \"\\f238\"; }\n.uk-icon-subway:before { content: \"\\f239\"; }\n.uk-icon-medium-logo:before { content: \"\\f23a\"; }\n.uk-icon-500px:before { content: \"\\f26e\"; }\n.uk-icon-amazon:before { content: \"\\f270\"; }\n.uk-icon-balance-scale:before { content: \"\\f24e\"; }\n.uk-icon-battery-empty:before,\n.uk-icon-battery-0:before { content: \"\\f244\"; }\n.uk-icon-battery-quarter:before,\n.uk-icon-battery-1:before { content: \"\\f243\"; }\n.uk-icon-battery-half:before,\n.uk-icon-battery-2:before { content: \"\\f242\"; }\n.uk-icon-battery-three-quarters:before,\n.uk-icon-battery-3:before { content: \"\\f241\"; }\n.uk-icon-battery-full:before,\n.uk-icon-battery-4:before { content: \"\\f240\"; }\n.uk-icon-black-tie:before { content: \"\\f27e\"; }\n.uk-icon-calendar-check-o:before { content: \"\\f274\"; }\n.uk-icon-calendar-minus-o:before { content: \"\\f272\"; }\n.uk-icon-calendar-plus-o:before { content: \"\\f271\"; }\n.uk-icon-calendar-times-o:before { content: \"\\f273\"; }\n.uk-icon-cc-diners-club:before { content: \"\\f24c\"; }\n.uk-icon-cc-jcb:before { content: \"\\f24b\"; }\n.uk-icon-chrome:before { content: \"\\f268\"; }\n.uk-icon-clone:before { content: \"\\f24d\"; }\n.uk-icon-commenting:before { content: \"\\f27a\"; }\n.uk-icon-commenting-o:before { content: \"\\f27b\"; }\n.uk-icon-contao:before { content: \"\\f26d\"; }\n.uk-icon-creative-commons:before { content: \"\\f25e\"; }\n.uk-icon-expeditedssl:before { content: \"\\f23e\"; }\n.uk-icon-firefox:before { content: \"\\f269\"; }\n.uk-icon-fonticons:before { content: \"\\f280\"; }\n.uk-icon-get-pocket:before { content: \"\\f265\"; }\n.uk-icon-gg:before { content: \"\\f260\"; }\n.uk-icon-gg-circle:before { content: \"\\f261\"; }\n.uk-icon-hand-lizard-o:before { content: \"\\f258\"; }\n.uk-icon-hand-stop-o:before,\n.uk-icon-hand-paper-o:before { content: \"\\f256\"; }\n.uk-icon-hand-peace-o:before { content: \"\\f25b\"; }\n.uk-icon-hand-pointer-o:before { content: \"\\f25a\"; }\n.uk-icon-hand-grab-o:before,\n.uk-icon-hand-rock-o:before { content: \"\\f255\"; }\n.uk-icon-hand-scissors-o:before { content: \"\\f257\"; }\n.uk-icon-hand-spock-o:before { content: \"\\f259\"; }\n.uk-icon-hourglass:before { content: \"\\f254\"; }\n.uk-icon-hourglass-o:before { content: \"\\f250\"; }\n.uk-icon-hourglass-1:before,\n.uk-icon-hourglass-start:before { content: \"\\f251\"; }\n.uk-icon-hourglass-2:before,\n.uk-icon-hourglass-half:before { content: \"\\f252\"; }\n.uk-icon-hourglass-3:before,\n.uk-icon-hourglass-end:before { content: \"\\f253\"; }\n.uk-icon-houzz:before { content: \"\\f27c\"; }\n.uk-icon-i-cursor:before { content: \"\\f246\"; }\n.uk-icon-industry:before { content: \"\\f275\"; }\n.uk-icon-internet-explorer:before { content: \"\\f26b\"; }\n.uk-icon-map:before { content: \"\\f279\"; }\n.uk-icon-map-o:before { content: \"\\f278\"; }\n.uk-icon-map-pin:before { content: \"\\f276\"; }\n.uk-icon-map-signs:before { content: \"\\f277\"; }\n.uk-icon-mouse-pointer:before { content: \"\\f245\"; }\n.uk-icon-object-group:before { content: \"\\f247\"; }\n.uk-icon-object-ungroup:before { content: \"\\f248\"; }\n.uk-icon-odnoklassniki:before { content: \"\\f263\"; }\n.uk-icon-odnoklassniki-square:before { content: \"\\f264\"; }\n.uk-icon-opencart:before { content: \"\\f23d\"; }\n.uk-icon-opera:before { content: \"\\f26a\"; }\n.uk-icon-optin-monster:before { content: \"\\f23c\"; }\n.uk-icon-registered:before { content: \"\\f25d\"; }\n.uk-icon-safari:before { content: \"\\f267\"; }\n.uk-icon-sticky-note:before { content: \"\\f249\"; }\n.uk-icon-sticky-note-o:before { content: \"\\f24a\"; }\n.uk-icon-tv:before,\n.uk-icon-television:before { content: \"\\f26c\"; }\n.uk-icon-trademark:before { content: \"\\f25c\"; }\n.uk-icon-tripadvisor:before { content: \"\\f262\"; }\n.uk-icon-vimeo:before { content: \"\\f27d\"; }\n.uk-icon-wikipedia-w:before { content: \"\\f266\"; }\n.uk-icon-yc:before,\n.uk-icon-y-combinator:before { content: \"\\f23b\"; }\n.uk-icon-yc-square:before,\n.uk-icon-y-combinator-square:before { content: \"\\f1d4\"; }\n\/\/ added fa 4.5\n.uk-icon-bluetooth:before { content: \"\\f293\"; }\n.uk-icon-bluetooth-b:before { content: \"\\f294\"; }\n.uk-icon-codiepie:before { content: \"\\f284\"; }\n.uk-icon-credit-card-alt:before { content: \"\\f283\"; }\n.uk-icon-edge:before { content: \"\\f282\"; }\n.uk-icon-fort-awesome:before { content: \"\\f286\"; }\n.uk-icon-hashtag:before { content: \"\\f292\"; }\n.uk-icon-mixcloud:before { content: \"\\f289\"; }\n.uk-icon-modx:before { content: \"\\f285\"; }\n.uk-icon-pause-circle:before { content: \"\\f28b\"; }\n.uk-icon-pause-circle-o:before { content: \"\\f28c\"; }\n.uk-icon-percent:before { content: \"\\f295\"; }\n.uk-icon-product-hunt:before { content: \"\\f288\"; }\n.uk-icon-reddit-alien:before { content: \"\\f281\"; }\n.uk-icon-scribd:before { content: \"\\f28a\"; }\n.uk-icon-shopping-bag:before { content: \"\\f290\"; }\n.uk-icon-shopping-basket:before { content: \"\\f291\"; }\n.uk-icon-stop-circle:before { content: \"\\f28d\"; }\n.uk-icon-stop-circle-o:before { content: \"\\f28e\"; }\n.uk-icon-usb:before { content: \"\\f287\"; }\n\/\/ added fa 4.6\n.uk-icon-american-sign-language-interpreting:before,\n.uk-icon-asl-interpreting:before { content: \"\\f2a3\"; }\n.uk-icon-assistive-listening-systems:before { content: \"\\f2a2\"; }\n.uk-icon-audio-description:before { content: \"\\f29e\"; }\n.uk-icon-blind:before { content: \"\\f29d\"; }\n.uk-icon-braille:before { content: \"\\f2a1\"; }\n.uk-icon-deaf:before { content: \"\\f2a4\"; }\n.uk-icon-deafness:before { content: \"\\f2a4\"; }\n.uk-icon-envira:before { content: \"\\f299\"; }\n.uk-icon-gitlab:before { content: \"\\f296\"; }\n.uk-icon-glide:before { content: \"\\f2a5\"; }\n.uk-icon-glide-g:before { content: \"\\f2a6\"; }\n.uk-icon-hard-of-hearing:before { content: \"\\f2a4\"; }\n.uk-icon-low-vision:before { content: \"\\f2a8\"; }\n.uk-icon-question-circle-o:before { content: \"\\f29c\"; }\n.uk-icon-sign-language:before,\n.uk-icon-signing:before { content: \"\\f2a7\"; }\n.uk-icon-snapchat:before { content: \"\\f2ab\"; }\n.uk-icon-snapchat-ghost:before { content: \"\\f2ac\"; }\n.uk-icon-snapchat-square:before { content: \"\\f2ad\"; }\n.uk-icon-universal-access:before { content: \"\\f29a\"; }\n.uk-icon-viadeo:before { content: \"\\f2a9\"; }\n.uk-icon-viadeo-square:before { content: \"\\f2aa\"; }\n.uk-icon-volume-control-phone:before { content: \"\\f2a0\"; }\n.uk-icon-wheelchair-alt:before { content: \"\\f29b\"; }\n.uk-icon-wpbeginner:before { content: \"\\f297\"; }\n.uk-icon-wpforms:before { content: \"\\f298\"; }\n\n\n\/\/ Hooks\n\/\/ ========================================================================\n\n.hook-icon-misc;\n\n.hook-icon-hover() {}\n.hook-icon-hover-hover() {}\n.hook-icon-button() {}\n.hook-icon-button-hover() {}\n.hook-icon-button-active() {}\n.hook-icon-misc() {}\n\n\/\/ Name:            Close\n\/\/ Description:     Defines styles for a close button\n\/\/\n\/\/ Component:       `uk-close`\n\/\/\n\/\/ Modifiers:       `uk-close-alt`\n\/\/\n\/\/ Uses:            Icon: FontAwesome\n\/\/\n\/\/ Used by:         Alert\n\/\/                  Modal\n\/\/\n\/\/ ========================================================================\n\n\n\/\/ Variables\n\/\/ ========================================================================\n\n@close-size:                                    20px;\n\n@close-alt-padding:                             2px;\n@close-alt-background:                          #eee;\n\n\n\/* ========================================================================\n   Component: Close\n ========================================================================== *\/\n\n\/*\n * Removes inner padding and border in Firefox 4+.\n *\/\n\n.uk-close::-moz-focus-inner {\n    border: 0;\n    padding: 0;\n}\n\n\/*\n * 1. Correct inability to style clickable `input` types in iOS.\n * 2. Remove margins in Chrome, Safari and Opera.\n * 3. Remove borders for `button`.\n * 4. Address `overflow` set to `hidden` in IE 8\/9\/10\/11.\n * 5. Correct `font` properties and `color` not being inherited for `button`.\n * 6. Address inconsistent `text-transform` inheritance which is only inherit in Firefox and IE\n * 7. Remove default `button` padding and background color\n * 8. Style\n *\/\n\n.uk-close {\n    \/* 1 *\/\n    -webkit-appearance: none;\n    \/* 2 *\/\n    margin: 0;\n    \/* 3 *\/\n    border: none;\n    \/* 4 *\/\n    overflow: visible;\n    \/* 5 *\/\n    font: inherit;\n    color: inherit;\n    \/* 6 *\/\n    text-transform: none;\n    \/* 7. *\/\n    padding: 0;\n    background: transparent;\n    \/* 8 *\/\n    display: inline-block;\n    box-sizing: content-box;\n    width: @close-size;\n    line-height: @close-size;\n    text-align: center;\n    vertical-align: middle;\n    opacity: 0.3;\n    .hook-close;\n}\n\n\/* Icon *\/\n.uk-close:after {\n    display: block;\n    content: \"\\f00d\";\n    font-family: FontAwesome;\n}\n\n\/*\n * Hover\n * 1. Apply hover style also to focus state\n * 2. Remove default focus style\n * 3. Required for `a` elements\n *\/\n\n.uk-close:hover,\n.uk-close:focus { \/\/ 1\n    opacity: 0.5;\n    \/* 2 *\/\n    outline: none;\n    \/* 3 *\/\n    color: inherit;\n    text-decoration: none;\n    cursor: pointer;\n}\n\n\n\/* Modifier\n ========================================================================== *\/\n\n.uk-close-alt {\n    padding: @close-alt-padding;\n    border-radius: 50%;\n    background: @close-alt-background;\n    opacity: 1;\n    .hook-close-alt;\n}\n\n\/* Hover *\/\n.uk-close-alt:hover,\n.uk-close-alt:focus { opacity: 1; }\n\n\/* Icon *\/\n.uk-close-alt:after { opacity: 0.5; }\n\n.uk-close-alt:hover:after,\n.uk-close-alt:focus:after { opacity: 0.8; }\n\n\n\/\/ Hooks\n\/\/ ========================================================================\n\n.hook-close-misc;\n\n.hook-close() {}\n.hook-close-alt() {}\n.hook-close-misc() {}\n\/\/ Name:            Badge\n\/\/ Description:     Defines styles for badges\n\/\/\n\/\/ Component:       `uk-badge`\n\/\/\n\/\/ Modifiers:       `uk-badge-notification`\n\/\/                  `uk-badge-success`\n\/\/                  `uk-badge-danger`\n\/\/\n\/\/ ========================================================================\n\n\n\/\/ Variables\n\/\/ ========================================================================\n\n@badge-background:                              #00a8e6;\n@badge-padding-horizontal:                      5px;\n@badge-font-size:                               10px;\n@badge-font-weight:                             bold;\n@badge-line-height:                             14px;\n@badge-color:                                   #fff;\n@badge-text-transform:                          none;\n@badge-hover-color:                             #fff;\n\n@badge-notification-font-size:                  12px;\n@badge-notification-line-height:                18px;\n\n@badge-success-background:                      #8cc14c;\n@badge-warning-background:                      #faa732;\n@badge-danger-background:                       #da314b;\n\n\n\/* ========================================================================\n   Component: Badge\n ========================================================================== *\/\n\n.uk-badge {\n    display: inline-block;\n    padding: 0 @badge-padding-horizontal;\n    background: @badge-background;\n    font-size: @badge-font-size;\n    font-weight: @badge-font-weight;\n    line-height: @badge-line-height;\n    color: @badge-color;\n    text-align: center;\n    vertical-align: middle;\n    text-transform: @badge-text-transform;\n    .hook-badge;\n}\n\n\/*\n * Keep color when badge is a link\n *\/\n\na.uk-badge:hover { color: @badge-hover-color; }\n\n\n\/* Modifier: `uk-badge-notification`;\n ========================================================================== *\/\n\n.uk-badge-notification {\n    box-sizing: border-box;\n    min-width: @badge-notification-line-height;\n    border-radius: 500px;\n    font-size: @badge-notification-font-size;\n    line-height: @badge-notification-line-height;\n}\n\n\n\/* Color modifier\n ========================================================================== *\/\n\n\/*\n * Modifier: `uk-badge-success`\n *\/\n\n.uk-badge-success {\n    background-color: @badge-success-background;\n    .hook-badge-success;\n}\n\n\/*\n * Modifier: `uk-badge-warning`\n *\/\n\n.uk-badge-warning {\n    background-color: @badge-warning-background;\n    .hook-badge-warning;\n}\n\n\/*\n * Modifier: `uk-badge-danger`\n *\/\n\n.uk-badge-danger {\n    background-color: @badge-danger-background;\n    .hook-badge-danger;\n}\n\n\n\/\/ Hooks\n\/\/ ========================================================================\n\n.hook-badge-misc;\n\n.hook-badge() {}\n.hook-badge-success() {}\n.hook-badge-warning() {}\n.hook-badge-danger() {}\n.hook-badge-misc() {}\n\/\/ Name:            Alert\n\/\/ Description:     Defines styles for alert messages\n\/\/\n\/\/ Component:       `uk-alert`\n\/\/\n\/\/ Sub-objects:     `uk-alert-close`\n\/\/\n\/\/ Modifiers:       `uk-alert-success`\n\/\/                  `uk-alert-warning`\n\/\/                  `uk-alert-danger`\n\/\/                  `uk-alert-large`\n\/\/\n\/\/ Uses:            Close: `uk-close`\n\/\/\n\/\/ Markup:\n\/\/\n\/\/ <!-- uk-alert -->\n\/\/ <div class=\"uk-alert\" data-uk-alert>\n\/\/     <a href=\"#\" class=\"uk-alert-close uk-close\"><\/a>\n\/\/     <p><\/p>\n\/\/ <\/div>\n\/\/\n\/\/ ========================================================================\n\n\n\/\/ Variables\n\/\/ ========================================================================\n\n@alert-margin-vertical:                         15px;\n@alert-padding:                                 10px;\n@alert-background:                              #ebf7fd;\n@alert-color:                                   #2d7091;\n\n@alert-success-background:                      #f2fae3;\n@alert-success-color:                           #659f13;\n\n@alert-warning-background:                      #fffceb;\n@alert-warning-color:                           #e28327;\n\n@alert-danger-background:                       #fff1f0;\n@alert-danger-color:                            #d85030;\n\n@alert-large-padding:                           20px;\n\n\n\/* ========================================================================\n   Component: Alert\n ========================================================================== *\/\n\n.uk-alert {\n    margin-bottom: @alert-margin-vertical;\n    padding: @alert-padding;\n    background: @alert-background;\n    color: @alert-color;\n    .hook-alert;\n}\n\n\/*\n * Add margin if adjacent element\n *\/\n\n* + .uk-alert { margin-top: @alert-margin-vertical; }\n\n\/*\n * Remove margin from the last-child\n *\/\n\n.uk-alert > :last-child { margin-bottom: 0; }\n\n\/*\n * Keep color for headings if the default heading color is changed\n *\/\n\n.uk-alert h1,\n.uk-alert h2,\n.uk-alert h3,\n.uk-alert h4,\n.uk-alert h5,\n.uk-alert h6 { color: inherit; }\n\n\n\/* Close in alert\n ========================================================================== *\/\n\n.uk-alert > .uk-close:first-child { float: right; }\n\n\/*\n * Remove margin from adjacent element\n *\/\n\n.uk-alert > .uk-close:first-child + * { margin-top: 0; }\n\n\n\/* Modifier: `uk-alert-success`\n ========================================================================== *\/\n\n.uk-alert-success {\n    background: @alert-success-background;\n    color: @alert-success-color;\n    .hook-alert-success;\n}\n\n\n\/* Modifier: `uk-alert-warning`\n ========================================================================== *\/\n\n.uk-alert-warning {\n    background: @alert-warning-background;\n    color: @alert-warning-color;\n    .hook-alert-warning;\n}\n\n\n\/* Modifier: `uk-alert-danger`\n ========================================================================== *\/\n\n.uk-alert-danger {\n    background: @alert-danger-background;\n    color: @alert-danger-color;\n    .hook-alert-danger;\n}\n\n\n\/* Modifier: `uk-alert-large`\n ========================================================================== *\/\n\n.uk-alert-large { padding: @alert-large-padding; }\n\n.uk-alert-large > .uk-close:first-child { margin: -10px -10px 0 0; }\n\n\n\/\/ Hooks\n\/\/ ========================================================================\n\n.hook-alert-misc;\n\n.hook-alert() {}\n.hook-alert-success() {}\n.hook-alert-warning() {}\n.hook-alert-danger() {}\n.hook-alert-misc() {}\n\/\/ Name:            Thumbnail\n\/\/ Description:     Defines styles for image thumbnails\n\/\/\n\/\/ Component:       `uk-thumbnail`\n\/\/\n\/\/ Sub-objects:     `uk-thumbnail-caption`\n\/\/\n\/\/ Modifiers:       `uk-thumbnail-mini`\n\/\/                  `uk-thumbnail-small`\n\/\/                  `uk-thumbnail-medium`\n\/\/                  `uk-thumbnail-large`\n\/\/                  `uk-thumbnail-expand`\n\/\/\n\/\/ Markup:\n\/\/\n\/\/ <!-- uk-thumbnail -->\n\/\/ <figure class=\"uk-thumbnail\">\n\/\/     <img src=\"\" alt=\"\">\n\/\/     <figcaption class=\"uk-thumbnail-caption\"><\/figcaption>\n\/\/ <\/figure>\n\/\/\n\/\/ ========================================================================\n\n\n\/\/ Variables\n\/\/ ========================================================================\n\n@thumbnail-padding:                             4px;\n@thumbnail-border:                              #ddd;\n@thumbnail-border-width:                        1px;\n@thumbnail-background:                          #fff;\n@thumbnail-hover-border:                        #aaa;\n@thumbnail-hover-background:                    #fff;\n\n@thumbnail-caption-padding:                     @thumbnail-padding;\n@thumbnail-caption-color:                       #444;\n\n@thumbnail-mini-width:                          150px;\n@thumbnail-small-width:                         200px;\n@thumbnail-medium-width:                        300px;\n@thumbnail-large-width:                         400px;\n\n\n\/* ========================================================================\n   Component: Thumbnail\n ========================================================================== *\/\n\n\/*\n * 1. Container width fits its content\n * 2. Responsive behavior\n * 3. Corrects `max-width` behavior sed\n * 4. Required for `figure` element\n * 5. Style\n *\/\n\n.uk-thumbnail {\n    \/* 1 *\/\n    display: inline-block;\n    \/* 2 *\/\n    max-width: 100%;\n    \/* 3 *\/\n    box-sizing: border-box;\n    \/* 3 *\/\n    margin: 0;\n    \/* 4 *\/\n    padding: @thumbnail-padding;\n    border: @thumbnail-border-width solid @thumbnail-border;\n    background: @thumbnail-background;\n    .hook-thumbnail;\n}\n\n\/*\n * Hover state for `a` elements\n * 1. Apply hover style also to focus state\n * 2. Needed for caption\n * 3. Remove default focus style\n *\/\n\na.uk-thumbnail:hover,\na.uk-thumbnail:focus { \/\/ 1\n    border-color: @thumbnail-hover-border;\n    background-color: @thumbnail-hover-background;\n    \/* 2 *\/\n    text-decoration: none;\n    \/* 3 *\/\n    outline: none;\n    .hook-thumbnail-hover;\n}\n\n\n\/* Caption\n ========================================================================== *\/\n\n.uk-thumbnail-caption {\n    padding-top: @thumbnail-caption-padding;\n    text-align: center;\n    color: @thumbnail-caption-color;\n    .hook-thumbnail-caption;\n}\n\n\n\/* Sizes\n ========================================================================== *\/\n\n.uk-thumbnail-mini { width: @thumbnail-mini-width; }\n.uk-thumbnail-small { width: @thumbnail-small-width; }\n.uk-thumbnail-medium { width: @thumbnail-medium-width; }\n.uk-thumbnail-large { width: @thumbnail-large-width; }\n\n.uk-thumbnail-expand,\n.uk-thumbnail-expand > img { width: 100%; }\n\n\n\/\/ Hooks\n\/\/ ========================================================================\n\n.hook-thumbnail-misc;\n\n.hook-thumbnail() {}\n.hook-thumbnail-hover() {}\n.hook-thumbnail-caption() {}\n.hook-thumbnail-misc() {}\n\/\/ Name:            Overlay\n\/\/ Description:     Defines styles for image overlays\n\/\/\n\/\/ Component:       `uk-overlay`\n\/\/\n\/\/ Sub-objects:     `uk-overlay-panel`\n\/\/                  `uk-overlay-hover`\n\/\/                  `uk-overlay-active`\n\/\/                  `uk-overlay-icon`\n\/\/\n\/\/ Modifier:        `uk-overlay-background`\n\/\/                  `uk-overlay-image`\n\/\/                  `uk-overlay-top`\n\/\/                  `uk-overlay-bottom`\n\/\/                  `uk-overlay-left`\n\/\/                  `uk-overlay-right`\n\/\/                  `uk-overlay-fade`\n\/\/                  `uk-overlay-scale`\n\/\/                  `uk-overlay-spin`\n\/\/                  `uk-overlay-grayscale`\n\/\/                  `uk-overlay-slide-top`\n\/\/                  `uk-overlay-slide-bottom`\n\/\/                  `uk-overlay-slide-left`\n\/\/                  `uk-overlay-slide-right`\n\/\/\n\/\/ DEPRECATED:      `uk-overlay-area`\n\/\/                  `uk-overlay-area-content`\n\/\/                  `uk-overlay-caption`\n\/\/                  `uk-overlay-toggle`\n\/\/\n\/\/ States:          `uk-hover`\n\/\/                  `uk-active`\n\/\/                  `uk-ignore`\n\/\/\n\/\/ Uses:            Icon: `[class*='uk-icon-']`\n\/\/                  `uk-border-circle`\n\/\/\n\/\/ Markup:\n\/\/\n\/\/ <!-- uk-overlay -->\n\/\/ <figure class=\"uk-overlay\" href=\"\">\n\/\/     <img src=\"\" alt=\"\">\n\/\/     <figcaption class=\"uk-overlay-panel\"><\/figcaption>\n\/\/ <\/figure>\n\/\/\n\/\/ ========================================================================\n\n\n\/\/ Variables\n\/\/ ========================================================================\n\n@overlay-panel-padding:                         20px;\n@overlay-panel-color:                           #fff;\n\n@overlay-panel-background:                      rgba(0,0,0,0.5);\n\n@overlay-icon:                                  \"\\f002\";\n@overlay-icon-size:                             50px;\n@overlay-icon-color:                            #fff;\n\n@overlay-fade-in-opacity:                       1;\n@overlay-fade-out-opacity:                      0.7;\n\n@overlay-scale-in-scale:                        1.1;\n@overlay-scale-out-scale:                       1;\n\n@overlay-spin-in-scale:                         1.1;\n@overlay-spin-out-scale:                        1;\n@overlay-spin-in-rotate:                        3deg;\n@overlay-spin-out-rotate:                       0deg;\n\n@overlay-panel-link-color:                      inherit;\n@overlay-panel-link-text-decoration:            underline;\n\n\/\/ DEPRECATED\n@overlay-area-background:                       rgba(0,0,0,0.3);\n\n@overlay-area-icon:                             \"\\f002\";\n@overlay-area-icon-size:                        50px;\n@overlay-area-icon-color:                       #fff;\n\n@overlay-area-content-font-size:                1rem;\n@overlay-area-content-padding-horizontal:       15px;\n@overlay-area-content-color:                    #fff;\n@overlay-area-content-link-color:               inherit;\n\n@overlay-caption-background:                    rgba(0,0,0,0.5);\n@overlay-caption-padding:                       15px;\n@overlay-caption-color:                         #fff;\n\n\n\/* ========================================================================\n   Component: Overlay\n ========================================================================== *\/\n\n\/*\n * 1. Container width fits its content\n * 2. Create position context\n * 3. Set max-width for responsive images to prevent `inline-block` consequences\n * 4. Remove the gap between the container and its child element\n * 5. Needed for transitions and to fixed wrong scaling calculation for images in Chrome\n * 6. Fixed `overflow: hidden` to be ignored with border-radius and CSS transforms in Webkit\n * 7. Reset margin\n *\/\n\n.uk-overlay {\n    \/* 1 *\/\n    display: inline-block;\n    \/* 2 *\/\n    position: relative;\n    \/* 3 *\/\n    max-width: 100%;\n    \/* 4 *\/\n    vertical-align: middle;\n    \/* 5 *\/\n    overflow: hidden;\n    \/* 6 *\/\n    -webkit-transform: translateZ(0);\n    \/* 7 *\/\n    margin: 0;\n}\n\n\/* 6 for Safari *\/\n.uk-overlay.uk-border-circle { -webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%); }\n\n\/*\n * Remove margin from content\n *\/\n\n.uk-overlay > :first-child { margin-bottom: 0; }\n\n\n\/* Sub-object `uk-overlay-panel`\n ========================================================================== *\/\n\n\/*\n * 1. Position cover\n * 2. Style\n *\/\n\n.uk-overlay-panel {\n    \/* 1 *\/\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    \/* 2 *\/\n    padding: @overlay-panel-padding;\n    color: @overlay-panel-color;\n    .hook-overlay-panel;\n}\n\n\/*\n * Remove margin from the last-child\n *\/\n\n.uk-overlay-panel > :last-child,\n.uk-overlay-panel.uk-flex > * > :last-child { margin-bottom: 0; }\n\n\/*\n * Keep color for headings if the default heading color is changed\n *\/\n\n.uk-overlay-panel h1,\n.uk-overlay-panel h2,\n.uk-overlay-panel h3,\n.uk-overlay-panel h4,\n.uk-overlay-panel h5,\n.uk-overlay-panel h6 { color: inherit; }\n\n.uk-overlay-panel a:not([class]) {\n    color: @overlay-panel-link-color;\n    text-decoration: @overlay-panel-link-text-decoration;\n}\n\n.uk-overlay-panel a[class*='uk-icon-']:not(.uk-icon-button) { color: @overlay-panel-link-color; }\n\n\n\/* Sub-object `uk-overlay-hover` and `uk-overlay-active`\n ========================================================================== *\/\n\n.uk-overlay-hover:not(:hover):not(.uk-hover) .uk-overlay-panel:not(.uk-ignore) { opacity: 0; }\n\n.uk-overlay-active :not(.uk-active) > .uk-overlay-panel:not(.uk-ignore) { opacity: 0; }\n\n\n\/* Modifier `uk-overlay-background`\n ========================================================================== *\/\n\n.uk-overlay-background {\n    background: @overlay-panel-background;\n    .hook-overlay-background;\n}\n\n\n\/* Modifier `uk-overlay-image`\n ========================================================================== *\/\n\n\/*\n * Reset panel\n *\/\n\n.uk-overlay-image {\n    padding: 0;\n    .hook-overlay-image;\n}\n\n\n\/* Position modifiers\n ========================================================================== *\/\n\n.uk-overlay-top { bottom: auto; }\n\n.uk-overlay-bottom { top: auto; }\n\n.uk-overlay-left { right: auto; }\n\n.uk-overlay-right { left: auto; }\n\n\n\/* Sub-object `uk-overlay-icon`\n ========================================================================== *\/\n\n.uk-overlay-icon:before {\n    content: @overlay-icon;\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    width: @overlay-icon-size;\n    height: @overlay-icon-size;\n    margin-top: -(@overlay-icon-size \/ 2);\n    margin-left: -(@overlay-icon-size \/ 2);\n    font-size: @overlay-icon-size;\n    line-height: 1;\n    font-family: FontAwesome;\n    text-align: center;\n    color: @overlay-icon-color;\n    .hook-overlay-icon;\n}\n\n\n\/* Transitions\n ========================================================================== *\/\n\n.uk-overlay-fade,\n.uk-overlay-scale,\n.uk-overlay-spin,\n.uk-overlay-grayscale,\n.uk-overlay-blur,\n[class*='uk-overlay-slide'] {\n    transition-duration: 0.3s;\n    transition-timing-function: ease-out;\n    transition-property: opacity, transform, filter;\n}\n\n.uk-overlay-active .uk-overlay-fade,\n.uk-overlay-active .uk-overlay-scale,\n.uk-overlay-active .uk-overlay-spin,\n.uk-overlay-active [class*='uk-overlay-slide'] { transition-duration: 0.8s; }\n\n\/*\n * Fade\n *\/\n\n.uk-overlay-fade { opacity: @overlay-fade-out-opacity; }\n\n.uk-overlay-hover:hover .uk-overlay-fade,\n.uk-overlay-hover.uk-hover .uk-overlay-fade,\n.uk-overlay-active .uk-active > .uk-overlay-fade { opacity: @overlay-fade-in-opacity; }\n\n\/*\n * Scale\n *\/\n\n.uk-overlay-scale {\n    -webkit-transform: scale(@overlay-scale-out-scale);\n    transform: scale(@overlay-scale-out-scale);\n}\n\n.uk-overlay-hover:hover .uk-overlay-scale,\n.uk-overlay-hover.uk-hover .uk-overlay-scale,\n.uk-overlay-active .uk-active > .uk-overlay-scale {\n    -webkit-transform: scale(@overlay-scale-in-scale);\n    transform: scale(@overlay-scale-in-scale);\n}\n\n\/*\n * Spin\n *\/\n\n.uk-overlay-spin {\n    -webkit-transform: scale(@overlay-spin-out-scale) rotate(@overlay-spin-out-rotate);\n    transform: scale(@overlay-spin-out-scale) rotate(@overlay-spin-out-rotate);\n}\n\n.uk-overlay-hover:hover .uk-overlay-spin,\n.uk-overlay-hover.uk-hover .uk-overlay-spin,\n.uk-overlay-active .uk-active > .uk-overlay-spin {\n    -webkit-transform: scale(@overlay-spin-in-scale) rotate(@overlay-spin-in-rotate);\n    transform: scale(@overlay-spin-in-scale) rotate(@overlay-spin-in-rotate);\n}\n\n\/*\n * Grayscale\n *\/\n\n.uk-overlay-grayscale {\n    -webkit-filter: grayscale(100%);\n    filter: grayscale(100%);\n}\n\n.uk-overlay-hover:hover .uk-overlay-grayscale,\n.uk-overlay-hover.uk-hover .uk-overlay-grayscale,\n.uk-overlay-active .uk-active > .uk-overlay-grayscale {\n    -webkit-filter: grayscale(0%);\n    filter: grayscale(0%);\n}\n\n\/*\n * Slide\n *\/\n\n[class*='uk-overlay-slide'] { opacity: 0; }\n\n\/* Top *\/\n.uk-overlay-slide-top {\n    -webkit-transform: translateY(-100%);\n    transform: translateY(-100%);\n}\n\n\/* Bottom *\/\n.uk-overlay-slide-bottom {\n    -webkit-transform: translateY(100%);\n    transform: translateY(100%);\n}\n\n\/* Left *\/\n.uk-overlay-slide-left {\n    -webkit-transform: translateX(-100%);\n    transform: translateX(-100%);\n}\n\n\/* Right *\/\n.uk-overlay-slide-right {\n    -webkit-transform: translateX(100%);\n    transform: translateX(100%);\n}\n\n\/* Hover *\/\n.uk-overlay-hover:hover [class*='uk-overlay-slide'],\n.uk-overlay-hover.uk-hover [class*='uk-overlay-slide'],\n.uk-overlay-active .uk-active > [class*='uk-overlay-slide'] {\n    opacity: 1;\n    -webkit-transform: translateX(0) translateY(0);\n    transform: translateX(0) translateY(0);\n}\n\n\n\/* DEPRECATED\n * Sub-object `uk-overlay-area`\n ========================================================================== *\/\n\n\/*\n * 1. Set position\n * 2. Set style\n * 3. Fade-in transition\n *\/\n\n.uk-overlay-area {\n    \/* 1 *\/\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    \/* 2 *\/\n    background: @overlay-area-background;\n    \/* 3 *\/\n    opacity: 0;\n    -webkit-transition: opacity 0.15s linear;\n    transition: opacity 0.15s linear;\n    -webkit-transform: translate3d(0,0,0);\n    .hook-overlay-area;\n}\n\n\/*\n * Hover\n * 1. `uk-hover` to support touch devices\n * 2. Use optional `uk-overlay-toggle` to trigger the overlay earlier\n *\/\n\n.uk-overlay:hover .uk-overlay-area,\n.uk-overlay.uk-hover .uk-overlay-area, \/\/ 1\n.uk-overlay-toggle:hover .uk-overlay-area, \/\/ 2\n.uk-overlay-toggle.uk-hover .uk-overlay-area { opacity: 1; }\n\n\/*\n * Icon\n *\/\n\n.uk-overlay-area:empty:before {\n    content: @overlay-area-icon;\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    width: @overlay-area-icon-size;\n    height: @overlay-area-icon-size;\n    margin-top: -(@overlay-area-icon-size \/ 2);\n    margin-left: -(@overlay-area-icon-size \/ 2);\n    font-size: @overlay-area-icon-size;\n    line-height: 1;\n    font-family: FontAwesome;\n    text-align: center;\n    color: @overlay-area-icon-color;\n    .hook-overlay-area-icon;\n}\n\n\n\/* DEPRECATED\n * Sub-object `uk-overlay-area-content`\n ========================================================================== *\/\n\n\/*\n * Remove whitespace between child elements when using `inline-block`\n * Needed for Firefox\n *\/\n\n.uk-overlay-area:not(:empty) { font-size: 0.001px; }\n\n\/*\n * 1. Needed for vertical alignment\n *\/\n\n.uk-overlay-area:not(:empty):before {\n    content: '';\n    display: inline-block;\n    height: 100%;\n    vertical-align: middle;\n}\n\n\/*\n * 1. Set vertical alignment\n * 2. Reset whitespace hack\n * 3. Set horizontal alignment\n * 4. Set style\n *\/\n\n.uk-overlay-area-content {\n    \/* 1 *\/\n    display: inline-block;\n    box-sizing: border-box;\n    width: 100%;\n    vertical-align: middle;\n    \/* 2 *\/\n    font-size: @overlay-area-content-font-size;\n    \/* 3 *\/\n    text-align: center;\n    \/* 4 *\/\n    padding: 0 @overlay-area-content-padding-horizontal;\n    color: @overlay-area-content-color;\n    .hook-overlay-area-content;\n}\n\n\/*\n * Remove margin from the last-child\n *\/\n\n.uk-overlay-area-content > :last-child { margin-bottom: 0; }\n\n\/*\n * Links in overlay area\n *\/\n\n.uk-overlay-area-content a:not([class]),\n.uk-overlay-area-content a:not([class]):hover { color: @overlay-area-content-link-color; }\n\n\n\/* DEPRECATED\n * Sub-object `uk-overlay-caption`\n ========================================================================== *\/\n\n\/*\n * 1. Set position\n * 2. Set style\n * 3. Fade-in transition\n *\/\n\n.uk-overlay-caption {\n    \/* 1 *\/\n    position: absolute;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    \/* 2 *\/\n    padding: @overlay-caption-padding;\n    background: @overlay-caption-background;\n    color: @overlay-caption-color;\n    \/* 3 *\/\n    opacity: 0;\n    -webkit-transition: opacity 0.15s linear;\n    transition: opacity 0.15s linear;\n    -webkit-transform: translate3d(0,0,0);\n    .hook-overlay-caption;\n}\n\n\/*\n * Hover\n * 1. `uk-hover` to support touch devices\n * 2. Use optional `uk-overlay-toggle` to trigger the overlay earlier\n *\/\n\n.uk-overlay:hover .uk-overlay-caption,\n.uk-overlay.uk-hover .uk-overlay-caption, \/\/ 1\n.uk-overlay-toggle:hover .uk-overlay-caption, \/\/ 2\n.uk-overlay-toggle.uk-hover .uk-overlay-caption { opacity: 1; }\n\n\n\/\/ Hooks\n\/\/ ========================================================================\n\n.hook-overlay-misc;\n\n.hook-overlay-panel() {}\n.hook-overlay-background() {}\n.hook-overlay-image() {}\n.hook-overlay-icon() {}\n.hook-overlay-misc() {}\n\n\/\/ DEPRECATED\n.hook-overlay-area() {}\n.hook-overlay-area-icon() {}\n.hook-overlay-area-content() {}\n.hook-overlay-caption() {}\n\n\/\/ Name:            Column\n\/\/ Description:     Provides a responsive, fluid and nestable columns for text and inline elements\n\/\/\n\/\/ Component:       `uk-column`\n\/\/\n\/\/ Modifiers:       `uk-column-small`\n\/\/                  `uk-column-medium-*`\n\/\/\n\/\/ ========================================================================\n\n\n\/\/ Variables\n\/\/ ========================================================================\n\n@column-gutter:                                   25px;\n\n\n\/* ========================================================================\n   Component: Column\n ========================================================================== *\/\n\n[class*='uk-column-'] {\n    -webkit-column-gap: @column-gutter;\n    -moz-column-gap: @column-gutter;\n    column-gap: @column-gutter;\n    .hook-column;\n}\n\n\n\/* Width modifiers\n ========================================================================== *\/\n\n.uk-column-1-2 {\n    -webkit-column-count: 2;\n    -moz-column-count: 2;\n    column-count: 2;\n}\n\n.uk-column-1-3 {\n    -webkit-column-count: 3;\n    -moz-column-count: 3;\n    column-count: 3;\n}\n\n.uk-column-1-4 {\n    -webkit-column-count: 4;\n    -moz-column-count: 4;\n    column-count: 4;\n}\n\n.uk-column-1-5 {\n    -webkit-column-count: 5;\n    -moz-column-count: 5;\n    column-count: 5;\n}\n\n.uk-column-1-6 {\n    -webkit-column-count: 6;\n    -moz-column-count: 6;\n    column-count: 6;\n}\n\n\/* Phone landscape and bigger *\/\n@media (min-width: @breakpoint-small) {\n\n    .uk-column-small-1-2 {\n        -webkit-column-count: 2;\n        -moz-column-count: 2;\n        column-count: 2;\n    }\n\n    .uk-column-small-1-3 {\n        -webkit-column-count: 3;\n        -moz-column-count: 3;\n        column-count: 3;\n    }\n\n    .uk-column-small-1-4 {\n        -webkit-column-count: 4;\n        -moz-column-count: 4;\n        column-count: 4;\n    }\n\n    .uk-column-small-1-5 {\n        -webkit-column-count: 5;\n        -moz-column-count: 5;\n        column-count: 5;\n    }\n\n    .uk-column-small-1-6 {\n        -webkit-column-count: 6;\n        -moz-column-count: 6;\n        column-count: 6;\n    }\n\n}\n\n\/* Tablet and bigger *\/\n@media (min-width: @breakpoint-medium) {\n\n    .uk-column-medium-1-2 {\n        -webkit-column-count: 2;\n        -moz-column-count: 2;\n        column-count: 2;\n    }\n\n    .uk-column-medium-1-3 {\n        -webkit-column-count: 3;\n        -moz-column-count: 3;\n        column-count: 3;\n    }\n\n    .uk-column-medium-1-4 {\n        -webkit-column-count: 4;\n        -moz-column-count: 4;\n        column-count: 4;\n    }\n\n    .uk-column-medium-1-5 {\n        -webkit-column-count: 5;\n        -moz-column-count: 5;\n        column-count: 5;\n    }\n\n    .uk-column-medium-1-6 {\n        -webkit-column-count: 6;\n        -moz-column-count: 6;\n        column-count: 6;\n    }\n\n}\n\n\/* Desktop and bigger *\/\n@media (min-width: @breakpoint-large) {\n\n    .uk-column-large-1-2 {\n        -webkit-column-count: 2;\n        -moz-column-count: 2;\n        column-count: 2;\n    }\n\n    .uk-column-large-1-3 {\n        -webkit-column-count: 3;\n        -moz-column-count: 3;\n        column-count: 3;\n    }\n\n    .uk-column-large-1-4 {\n        -webkit-column-count: 4;\n        -moz-column-count: 4;\n        column-count: 4;\n    }\n\n    .uk-column-large-1-5 {\n        -webkit-column-count: 5;\n        -moz-column-count: 5;\n        column-count: 5;\n    }\n\n    .uk-column-large-1-6 {\n        -webkit-column-count: 6;\n        -moz-column-count: 6;\n        column-count: 6;\n    }\n\n}\n\n\/* Large screen and bigger *\/\n@media (min-width: @breakpoint-xlarge) {\n\n    .uk-column-xlarge-1-2 {\n        -webkit-column-count: 2;\n        -moz-column-count: 2;\n        column-count: 2;\n    }\n\n    .uk-column-xlarge-1-3 {\n        -webkit-column-count: 3;\n        -moz-column-count: 3;\n        column-count: 3;\n    }\n\n    .uk-column-xlarge-1-4 {\n        -webkit-column-count: 4;\n        -moz-column-count: 4;\n        column-count: 4;\n    }\n\n    .uk-column-xlarge-1-5 {\n        -webkit-column-count: 5;\n        -moz-column-count: 5;\n        column-count: 5;\n    }\n\n    .uk-column-xlarge-1-6 {\n        -webkit-column-count: 6;\n        -moz-column-count: 6;\n        column-count: 6;\n    }\n}\n\n\n\/\/ Hooks\n\/\/ ========================================================================\n\n.hook-column-misc;\n\n.hook-column() {}\n.hook-column-misc() {}\n\n\/\/ Name:            Animation\n\/\/ Description:     Provides a useful set of keyframe animations\n\/\/\n\/\/ Component:       `uk-animation-*`\n\/\/\n\/\/ Modifiers:       `uk-animation-fade`\n\/\/                  `uk-animation-scale-up`\n\/\/                  `uk-animation-scale-down`\n\/\/                  `uk-animation-slide-top`\n\/\/                  `uk-animation-slide-bottom`\n\/\/                  `uk-animation-slide-left`\n\/\/                  `uk-animation-slide-right`\n\/\/                  `uk-animation-scale`\n\/\/                  `uk-animation-shake`\n\/\/                  `uk-animation-reverse`\n\/\/                  `uk-animation-15`\n\/\/                  `uk-animation-top-left`\n\/\/                  `uk-animation-top-center`\n\/\/                  `uk-animation-top-right`\n\/\/                  `uk-animation-middle-left`\n\/\/                  `uk-animation-middle-right`\n\/\/                  `uk-animation-bottom-left`\n\/\/                  `uk-animation-bottom-center`\n\/\/                  `uk-animation-bottom-right`\n\/\/\n\/\/ Sub-objects:     `uk-animation-hover`\n\/\/\n\/\/ Uses:            Scrollspy\n\/\/\n\/\/ Used by:         Dropdown\n\/\/                  Icon\n\/\/                  Search\n\/\/                  Datepicker\n\/\/                  Slideshow\n\/\/\n\/\/ ========================================================================\n\n\n\/* ========================================================================\n   Component: Animation\n ========================================================================== *\/\n\n[class*='uk-animation-'] {\n    -webkit-animation-duration: 0.5s;\n    animation-duration: 0.5s;\n    -webkit-animation-timing-function: ease-out;\n    animation-timing-function: ease-out;\n    -webkit-animation-fill-mode: both;\n    animation-fill-mode: both;\n}\n\n\/* Hide animated element if scrollspy is used *\/\n@media screen {\n\n    [data-uk-scrollspy*='uk-animation-']:not([data-uk-scrollspy*='target']) { opacity: 0; }\n\n}\n\n\/*\n * Fade\n * Higher specificity (!important) needed because of reverse modifier\n *\/\n\n.uk-animation-fade {\n    -webkit-animation-name: uk-fade;\n    animation-name: uk-fade;\n    -webkit-animation-duration: 0.8s;\n    animation-duration: 0.8s;\n    -webkit-animation-timing-function: linear !important;\n    animation-timing-function: linear !important;\n}\n\n\/*\n * Fade with scale\n *\/\n\n.uk-animation-scale-up {\n    -webkit-animation-name: uk-fade-scale-02;\n    animation-name: uk-fade-scale-02;\n}\n\n.uk-animation-scale-down {\n    -webkit-animation-name: uk-fade-scale-18;\n    animation-name: uk-fade-scale-18;\n}\n\n\/*\n * Fade with slide\n *\/\n\n.uk-animation-slide-top {\n    -webkit-animation-name: uk-fade-top;\n    animation-name: uk-fade-top;\n}\n\n.uk-animation-slide-bottom {\n    -webkit-animation-name: uk-fade-bottom;\n    animation-name: uk-fade-bottom;\n}\n\n.uk-animation-slide-left {\n    -webkit-animation-name: uk-fade-left;\n    animation-name: uk-fade-left;\n}\n\n.uk-animation-slide-right {\n    -webkit-animation-name: uk-fade-right;\n    animation-name: uk-fade-right;\n}\n\n\/*\n * Scale\n *\/\n\n.uk-animation-scale {\n    -webkit-animation-name: uk-scale-12;\n    animation-name: uk-scale-12;\n}\n\n\/*\n * Shake\n *\/\n\n.uk-animation-shake {\n    -webkit-animation-name: uk-shake;\n    animation-name: uk-shake;\n}\n\n\n\/* Direction modifiers\n ========================================================================== *\/\n\n.uk-animation-reverse {\n    -webkit-animation-direction: reverse;\n    animation-direction: reverse;\n    -webkit-animation-timing-function: ease-in;\n    animation-timing-function: ease-in;\n}\n\n\n\/* Duration modifiers\n========================================================================== *\/\n\n.uk-animation-15 {\n    -webkit-animation-duration: 15s;\n    animation-duration: 15s;\n}\n\n\n\/* Origin modifiers\n========================================================================== *\/\n\n.uk-animation-top-left {\n     -webkit-transform-origin: 0 0;\n     transform-origin: 0 0;\n}\n\n.uk-animation-top-center {\n     -webkit-transform-origin: 50% 0;\n     transform-origin: 50% 0;\n}\n\n.uk-animation-top-right {\n     -webkit-transform-origin: 100% 0;\n     transform-origin: 100% 0;\n}\n\n.uk-animation-middle-left {\n     -webkit-transform-origin: 0 50%;\n     transform-origin: 0 50%;\n}\n\n.uk-animation-middle-right {\n     -webkit-transform-origin: 100% 50%;\n     transform-origin: 100% 50%;\n}\n\n.uk-animation-bottom-left {\n     -webkit-transform-origin: 0 100%;\n     transform-origin: 0 100%;\n}\n\n.uk-animation-bottom-center {\n     -webkit-transform-origin: 50% 100%;\n     transform-origin: 50% 100%;\n}\n\n.uk-animation-bottom-right {\n     -webkit-transform-origin: 100% 100%;\n     transform-origin: 100% 100%;\n}\n\n\n\/* Sub-object: `uk-animation-hover`\n========================================================================== *\/\n\n\/*\n * Enable animation only on hover\n * Note: Firefox also needs this because animations are not triggered when switching between display `hidden` and `block`\n *\/\n\n.uk-animation-hover:not(:hover),\n.uk-animation-hover:not(:hover) [class*='uk-animation-'],\n.uk-touch .uk-animation-hover:not(.uk-hover),\n.uk-touch .uk-animation-hover:not(.uk-hover) [class*='uk-animation-'] {\n    -webkit-animation-name: none;\n    animation-name: none;\n}\n\n\n\/* Keyframes: Fade\n * Used by dropdown, datepicker and slideshow component\n ========================================================================== *\/\n\n@-webkit-keyframes uk-fade {\n    0% { opacity: 0; }\n    100% { opacity: 1; }\n}\n\n@keyframes uk-fade {\n    0% { opacity: 0; }\n    100% { opacity: 1; }\n}\n\n\n\/* Keyframes: Fade with slide\n ========================================================================== *\/\n\n\/*\n * Top\n *\/\n\n@-webkit-keyframes uk-fade-top {\n    0% {\n        opacity: 0;\n        -webkit-transform: translateY(-100%);\n    }\n    100% {\n        opacity: 1;\n        -webkit-transform: translateY(0);\n    }\n}\n\n@keyframes uk-fade-top {\n    0% {\n        opacity: 0;\n        transform: translateY(-100%);\n    }\n    100% {\n        opacity: 1;\n        transform: translateY(0);\n    }\n}\n\n\/*\n * Bottom\n *\/\n\n@-webkit-keyframes uk-fade-bottom {\n    0% {\n        opacity: 0;\n        -webkit-transform: translateY(100%);\n    }\n    100% {\n        opacity: 1;\n        -webkit-transform: translateY(0);\n    }\n}\n\n@keyframes uk-fade-bottom {\n    0% {\n        opacity: 0;\n        transform: translateY(100%);\n    }\n    100% {\n        opacity: 1;\n        transform: translateY(0);\n    }\n}\n\n\/*\n * Left\n *\/\n\n@-webkit-keyframes uk-fade-left {\n    0% {\n        opacity: 0;\n        -webkit-transform: translateX(-100%);\n    }\n    100% {\n        opacity: 1;\n        -webkit-transform: translateX(0);\n    }\n}\n\n@keyframes uk-fade-left {\n    0% {\n        opacity: 0;\n        transform: translateX(-100%);\n    }\n    100% {\n        opacity: 1;\n        transform: translateX(0);\n    }\n}\n\n\/*\n * Right\n *\/\n\n@-webkit-keyframes uk-fade-right {\n    0% {\n        opacity: 0;\n        -webkit-transform: translateX(100%);\n    }\n    100% {\n        opacity: 1;\n        -webkit-transform: translateX(0);\n    }\n}\n\n@keyframes uk-fade-right {\n    0% {\n        opacity: 0;\n        transform: translateX(100%);\n    }\n    100% {\n        opacity: 1;\n        transform: translateX(0);\n    }\n}\n\n\n\/* Keyframes: Fade with scale\n ========================================================================== *\/\n\n\/*\n * Scale by 0.2\n *\/\n\n@-webkit-keyframes uk-fade-scale-02 {\n    0% {\n        opacity: 0;\n        -webkit-transform: scale(0.2);\n    }\n    100% {\n        opacity: 1;\n        -webkit-transform: scale(1);\n    }\n}\n\n@keyframes uk-fade-scale-02 {\n    0% {\n        opacity: 0;\n        transform: scale(0.2);\n    }\n    100% {\n        opacity: 1;\n        transform: scale(1);\n    }\n}\n\n\/*\n * Scale by 1.5\n * Used by slideshow component\n *\/\n\n@-webkit-keyframes uk-fade-scale-15 {\n    0% {\n        opacity: 0;\n        -webkit-transform: scale(1.5);\n    }\n    100% {\n        opacity: 1;\n        -webkit-transform: scale(1);\n    }\n}\n\n@keyframes uk-fade-scale-15 {\n    0% {\n        opacity: 0;\n        transform: scale(1.5);\n    }\n    100% {\n        opacity: 1;\n        transform: scale(1);\n    }\n}\n\n\/*\n * Scale by 1.8\n *\/\n\n@-webkit-keyframes uk-fade-scale-18 {\n    0% {\n        opacity: 0;\n        -webkit-transform: scale(1.8);\n    }\n    100% {\n        opacity: 1;\n        -webkit-transform: scale(1);\n    }\n}\n\n@keyframes uk-fade-scale-18 {\n    0% {\n        opacity: 0;\n        transform: scale(1.8);\n    }\n    100% {\n        opacity: 1;\n        transform: scale(1);\n    }\n}\n\n\n\/* Keyframes: Slide\n * Used by slideshow component\n ========================================================================== *\/\n\n\/*\n * Left\n *\/\n\n@-webkit-keyframes uk-slide-left {\n    0% { -webkit-transform: translateX(-100%); }\n    100% { -webkit-transform: translateX(0); }\n}\n\n@keyframes uk-slide-left {\n    0% { transform: translateX(-100%); }\n    100% { transform: translateX(0); }\n}\n\n\/*\n * Right\n *\/\n\n@-webkit-keyframes uk-slide-right {\n    0% { -webkit-transform: translateX(100%); }\n    100% { -webkit-transform: translateX(0); }\n}\n\n@keyframes uk-slide-right {\n    0% { transform: translateX(100%); }\n    100% { transform: translateX(0); }\n}\n\n\/*\n * Left third\n *\/\n\n@-webkit-keyframes uk-slide-left-33 {\n    0% { -webkit-transform: translateX(33%); }\n    100% { -webkit-transform: translateX(0); }\n}\n\n@keyframes uk-slide-left-33 {\n    0% { transform: translateX(33%); }\n    100% { transform: translateX(0); }\n}\n\n\/*\n * Right third\n *\/\n\n@-webkit-keyframes uk-slide-right-33 {\n    0% { -webkit-transform: translateX(-33%); }\n    100% { -webkit-transform: translateX(0); }\n}\n\n@keyframes uk-slide-right-33 {\n    0% { transform: translateX(-33%); }\n    100% { transform: translateX(0); }\n}\n\n\n\/* Keyframes: Scale\n ========================================================================== *\/\n\n@-webkit-keyframes uk-scale-12 {\n    0% { -webkit-transform: scale(1.2); }\n    100% { -webkit-transform: scale(1); }\n}\n\n@keyframes uk-scale-12 {\n    0% { transform: scale(1.2); }\n    100% { transform: scale(1); }\n}\n\n\n\/* Keyframes: Rotate\n * Used by icon component\n ========================================================================== *\/\n\n@-webkit-keyframes uk-rotate {\n    0% { -webkit-transform: rotate(0deg); }\n    100% { -webkit-transform: rotate(359deg); }\n}\n\n@keyframes uk-rotate {\n    0% { transform: rotate(0deg); }\n    100% { transform: rotate(359deg); }\n}\n\n\n\/* Keyframes: Shake\n ========================================================================== *\/\n\n@-webkit-keyframes uk-shake {\n    0%, 100% { -webkit-transform: translateX(0); }\n    10% { -webkit-transform: translateX(-9px); }\n    20% { -webkit-transform: translateX(8px); }\n    30% { -webkit-transform: translateX(-7px); }\n    40% { -webkit-transform: translateX(6px); }\n    50% { -webkit-transform: translateX(-5px); }\n    60% { -webkit-transform: translateX(4px); }\n    70% { -webkit-transform: translateX(-3px); }\n    80% { -webkit-transform: translateX(2px); }\n    90% { -webkit-transform: translateX(-1px); }\n}\n\n@keyframes uk-shake {\n    0%, 100% { transform: translateX(0); }\n    10% { transform: translateX(-9px); }\n    20% { transform: translateX(8px); }\n    30% { transform: translateX(-7px); }\n    40% { transform: translateX(6px); }\n    50% { transform: translateX(-5px); }\n    60% { transform: translateX(4px); }\n    70% { transform: translateX(-3px); }\n    80% { transform: translateX(2px); }\n    90% { transform: translateX(-1px); }\n}\n\n\n\/* Keyframes: Fade with slide fixed\n * Used by dropdown and search component\n ========================================================================== *\/\n\n\/*\n * Top fixed\n *\/\n\n@-webkit-keyframes uk-slide-top-fixed {\n    0% {\n        opacity: 0;\n        -webkit-transform: translateY(-10px);\n    }\n    100% {\n        opacity: 1;\n        -webkit-transform: translateY(0);\n    }\n}\n\n@keyframes uk-slide-top-fixed {\n    0% {\n        opacity: 0;\n        transform: translateY(-10px);\n    }\n    100% {\n        opacity: 1;\n        transform: translateY(0);\n    }\n}\n\n\/*\n * Bottom fixed\n *\/\n\n@-webkit-keyframes uk-slide-bottom-fixed {\n    0% {\n        opacity: 0;\n        -webkit-transform: translateY(10px);\n    }\n    100% {\n        opacity: 1;\n        -webkit-transform: translateY(0);\n    }\n}\n\n@keyframes uk-slide-bottom-fixed {\n    0% {\n        opacity: 0;\n        transform: translateY(10px);\n    }\n    100% {\n        opacity: 1;\n        transform: translateY(0);\n    }\n}\n\n\n\/\/ Hooks\n\/\/ ========================================================================\n\n.hook-animation-misc;\n\n.hook-animation-misc() {}\n\n\n\/\/ JavaScript\n\/\/ Name:            Dropdown\n\/\/ Description:     Defines styles for a toggleable dropdown\n\/\/\n\/\/ Component:       `uk-dropdown`\n\/\/\n\/\/ Sub-objects:     `uk-dropdown-overlay`\n\/\/\n\/\/ Modifiers:       `uk-dropdown-blank`\n\/\/                  `uk-dropdown-top`\n\/\/                  `uk-dropdown-bottom`\n\/\/                  `uk-dropdown-left`\n\/\/                  `uk-dropdown-right`\n\/\/                  `uk-dropdown-justify`\n\/\/                  `uk-dropdown-grid`\n\/\/                  `uk-dropdown-width-2`\n\/\/                  `uk-dropdown-width-3`\n\/\/                  `uk-dropdown-width-4`\n\/\/                  `uk-dropdown-width-5`\n\/\/                  `uk-dropdown-stack`\n\/\/                  `uk-dropdown-small`\n\/\/                  `uk-dropdown-navbar`\n\/\/                  `uk-dropdown-scrollable`\n\/\/\n\/\/ States:          `uk-open`\n\/\/\n\/\/ Uses:            Animation\n\/\/                  Grid: `uk-width-*`\n\/\/                  Panel: `uk-panel`\n\/\/                  Nav: `uk-nav`\n\/\/\n\/\/ ========================================================================\n\n\n\/\/ Variables\n\/\/ ========================================================================\n\n@dropdown-z-index:                              970;\n@dropdown-width:                                200px;\n@dropdown-margin-top:                           5px;\n@dropdown-padding:                              15px;\n@dropdown-background:                           #f5f5f5;\n@dropdown-color:                                #444;\n@dropdown-font-size:                            1rem;\n@dropdown-animation:                            uk-fade;\n\n@dropdown-divider-border-width:                 1px;\n@dropdown-divider-border:                       #ddd;\n\n@dropdown-small-padding:                        5px;\n\n@dropdown-navbar-margin:                        0;\n@dropdown-navbar-background:                    #f5f5f5;\n@dropdown-navbar-color:                         #444;\n@dropdown-navbar-animation:                     uk-slide-top-fixed;\n\n@dropdown-scrollable-height:                    200px;\n\n\n\/* ========================================================================\n   Component: Dropdown\n ========================================================================== *\/\n\n\/*\n * 1. Hide by default\n * 2. Set position\n * 3. Box-sizing is needed for `uk-dropdown-justify`\n * 4. Set width\n *\/\n\n.uk-dropdown,\n.uk-dropdown-blank {\n    \/* 1 *\/\n    display: none;\n    \/* 2 *\/\n    position: absolute;\n    z-index: @dropdown-z-index;\n    \/* 3 *\/\n    box-sizing: border-box;\n    \/* 4 *\/\n    width: @dropdown-width;\n}\n\n\/*\n * Dropdown style\n * 1. Reset button group whitespace hack\n *\/\n\n.uk-dropdown {\n    padding: @dropdown-padding;\n    background: @dropdown-background;\n    color: @dropdown-color;\n    \/* 1 *\/\n    font-size: @dropdown-font-size;\n    vertical-align: top;\n    .hook-dropdown;\n}\n\n\/*\n * 1. Show dropdown\n * 2. Set animation\n * 3. Needed for scale animation\n *\/\n\n.uk-open > .uk-dropdown,\n.uk-open > .uk-dropdown-blank {\n    \/* 1 *\/\n    display: block;\n    \/* 2 *\/\n    -webkit-animation: @dropdown-animation 0.2s ease-in-out;\n    animation: @dropdown-animation 0.2s ease-in-out;\n    \/* 3 *\/\n    -webkit-transform-origin: 0 0;\n    transform-origin: 0 0;\n}\n\n\/* Alignment modifiers\n ========================================================================== *\/\n\n\/*\n * Modifier\n *\/\n\n.uk-dropdown-top { margin-top: (-1 * @dropdown-margin-top); }\n.uk-dropdown-bottom { margin-top: @dropdown-margin-top; }\n.uk-dropdown-left { margin-left: (-1 * @dropdown-margin-top); }\n.uk-dropdown-right { margin-left: @dropdown-margin-top; }\n\n\n\/* Nav in dropdown\n ========================================================================== *\/\n\n.uk-dropdown .uk-nav { margin: 0 (-@dropdown-padding); }\n\n\n\/* Grid and panel in dropdown\n ========================================================================== *\/\n\n\/*\n* Vertical gutter\n*\/\n\n\/*\n * Grid\n * Higher specificity to override large gutter\n *\/\n\n.uk-grid .uk-dropdown-grid + .uk-dropdown-grid { margin-top: @dropdown-padding; }\n\n\/* Panels *\/\n.uk-dropdown-grid > [class*='uk-width-'] > .uk-panel + .uk-panel { margin-top: @dropdown-padding; }\n\n\/* Tablet and bigger *\/\n@media (min-width: @breakpoint-medium) {\n\n    \/*\n     * Horizontal gutter\n     *\/\n\n    .uk-dropdown:not(.uk-dropdown-stack) > .uk-dropdown-grid {\n        margin-left: -@dropdown-padding ;\n        margin-right: -@dropdown-padding;\n    }\n\n    .uk-dropdown:not(.uk-dropdown-stack) > .uk-dropdown-grid > [class*='uk-width-'] {\n        padding-left: @dropdown-padding;\n        padding-right: @dropdown-padding;\n    }\n\n    \/*\n     * Column divider\n     *\/\n\n    .uk-dropdown:not(.uk-dropdown-stack) > .uk-dropdown-grid > [class*='uk-width-']:nth-child(n+2) { border-left: @dropdown-divider-border-width solid @dropdown-divider-border; }\n\n    \/*\n     * Width multiplier for dropdown columns\n     *\/\n\n    .uk-dropdown-width-2:not(.uk-dropdown-stack) { width: (@dropdown-width * 2); }\n    .uk-dropdown-width-3:not(.uk-dropdown-stack) { width: (@dropdown-width * 3); }\n    .uk-dropdown-width-4:not(.uk-dropdown-stack) { width: (@dropdown-width * 4); }\n    .uk-dropdown-width-5:not(.uk-dropdown-stack) { width: (@dropdown-width * 5); }\n\n}\n\n\/* Phone landscape and smaller *\/\n@media (max-width: @breakpoint-small-max) {\n\n    \/*\n     * Stack columns and take full width\n     *\/\n\n    .uk-dropdown-grid > [class*='uk-width-'] { width: 100%; }\n\n    \/*\n     * Vertical gutter\n     *\/\n\n    .uk-dropdown-grid > [class*='uk-width-']:nth-child(n+2) { margin-top: @dropdown-padding; }\n\n}\n\n\/*\n* Stack grid columns\n*\/\n\n.uk-dropdown-stack > .uk-dropdown-grid > [class*='uk-width-'] { width: 100%; }\n\n.uk-dropdown-stack > .uk-dropdown-grid > [class*='uk-width-']:nth-child(n+2) { margin-top: @dropdown-padding; }\n\n\n\n\/* Modifier `uk-dropdown-small`\n ========================================================================== *\/\n\n\/*\n * Set min-width and text expands dropdown if needed\n *\/\n\n.uk-dropdown-small {\n    min-width: 150px;\n    width: auto;\n    padding: @dropdown-small-padding;\n    white-space: nowrap;\n}\n\n\/*\n * Nav in dropdown\n *\/\n\n.uk-dropdown-small .uk-nav { margin: 0 (-@dropdown-small-padding); }\n\n\n\/* Modifier: `uk-dropdown-navbar`\n ========================================================================== *\/\n\n.uk-dropdown-navbar {\n    margin-top: @dropdown-navbar-margin;\n    background: @dropdown-navbar-background;\n    color: @dropdown-navbar-color;\n    .hook-dropdown-navbar;\n}\n\n.uk-open > .uk-dropdown-navbar {\n    -webkit-animation: @dropdown-navbar-animation 0.2s ease-in-out;\n    animation: @dropdown-navbar-animation 0.2s ease-in-out;\n}\n\n\n\/* Modifier `uk-dropdown-scrollable`\n ========================================================================== *\/\n\n\/*\n * Usefull for long lists\n *\/\n\n.uk-dropdown-scrollable {\n    overflow-y: auto;\n    max-height: @dropdown-scrollable-height;\n}\n\n\n\/* Sub-object: `uk-dropdown-overlay`\n ========================================================================== *\/\n\n.uk-dropdown-overlay {\n    .hook-dropdown-overlay;\n}\n\n\n\n\/\/ Hooks\n\/\/ ========================================================================\n\n.hook-dropdown-misc;\n\n.hook-dropdown() {}\n.hook-dropdown-navbar() {}\n.hook-dropdown-overlay() {}\n.hook-dropdown-misc() {}\n\n\/\/ Name:            Modal\n\/\/ Description:     Defines styles for modal dialogs\n\/\/\n\/\/ Component:       `uk-modal`\n\/\/\n\/\/ Sub-objects:     `uk-modal-dialog`\n\/\/                  `uk-modal-close`\n\/\/                  `uk-modal-header`\n\/\/                  `uk-modal-footer`\n\/\/                  `uk-modal-caption`\n\/\/                  `uk-modal-spinner`\n\/\/\n\/\/ Modifiers:       `uk-modal-dialog-lightbox`\n\/\/                  `uk-modal-dialog-blank`\n\/\/                  `uk-modal-dialog-large`\n\/\/\n\/\/ States:          `uk-open`\n\/\/\n\/\/ Uses:            Close: `uk-close`\n\/\/\n\/\/ Markup:\n\/\/\n\/\/ <!-- uk-modal -->\n\/\/ <a href=\"#modal\" data-uk-modal=\"\"><\/a>\n\/\/ <div id=\"modal\" class=\"uk-modal\">\n\/\/     <div class=\"uk-modal-dialog\">\n\/\/         <a href=\"\" class=\"uk-modal-close uk-close\"><\/a>\n\/\/         <p><\/p>\n\/\/     <\/div>\n\/\/ <\/div>\n\/\/\n\/\/ ========================================================================\n\n\n\/\/ Variables\n\/\/ ========================================================================\n\n@modal-z-index:                                 1010;\n@modal-background:                              rgba(0,0,0,0.6);\n\n@modal-dialog-margin-vertical:                  50px;\n@modal-dialog-padding:                          20px;\n@modal-dialog-width:                            600px;\n@modal-dialog-background:                       #fff;\n\n@modal-dialog-large-width:                      930px;\n@modal-dialog-large-width-large:                1130px;\n\n@modal-header-margin-bottom:                    15px;\n\n@modal-footer-margin-top:                       15px;\n\n@modal-caption-margin-bottom:                   -10px;\n@modal-caption-color:                           #fff;\n\n\n\/* ========================================================================\n   Component: Modal\n ========================================================================== *\/\n\n\/*\n * This is the modal overlay and modal dialog container\n * 1. Hide by default\n * 2. Set fixed position\n * 3. Allow scrolling for the modal dialog\n * 4. Mask the background page\n * 5. Fade-in transition\n * 6. Deactivate browser history navigation in IE11\n * 7. force hardware acceleration to prevent browser rendering hiccups\n *\/\n\n.uk-modal {\n    \/* 1 *\/\n    display: none;\n    \/* 2 *\/\n    position: fixed;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    z-index: @modal-z-index;\n    \/* 3 *\/\n    overflow-y: auto;\n    -webkit-overflow-scrolling: touch;\n    \/* 4 *\/\n    background: @modal-background;\n    \/* 5 *\/\n    opacity: 0;\n    -webkit-transition: opacity 0.15s linear;\n    transition: opacity 0.15s linear;\n    \/* 6 *\/\n    touch-action: cross-slide-y pinch-zoom double-tap-zoom;\n    \/* 7 *\/\n    -webkit-transform: translateZ(0);\n    transform: translateZ(0);\n    .hook-modal;\n}\n\n\/*\n * Open state\n *\/\n\n.uk-modal.uk-open { opacity: 1; }\n\n\/*\n * Prevents duplicated scrollbar caused by 4.\n *\/\n\n.uk-modal-page,\n.uk-modal-page body { overflow: hidden; }\n\n\n\/* Sub-object: `uk-modal-dialog`\n ========================================================================== *\/\n\n\/*\n * 1. Create position context for caption, spinner and close button\n * 2. Set box sizing\n * 3. Set style\n * 4. Slide-in transition\n *\/\n\n.uk-modal-dialog {\n    \/* 1 *\/\n    position: relative;\n    \/* 2 *\/\n    box-sizing: border-box;\n    margin: @modal-dialog-margin-vertical auto;\n    padding: @modal-dialog-padding;\n    width: @modal-dialog-width;\n    max-width: 100%;\n    max-width: ~\"calc(100% - 20px)\";\n    \/* 3 *\/\n    background: @modal-dialog-background;\n    \/* 4 *\/\n    opacity: 0;\n    -webkit-transform: translateY(-100px);\n    transform: translateY(-100px);\n    -webkit-transition: opacity 0.3s linear, -webkit-transform 0.3s ease-out;\n    transition: opacity 0.3s linear, transform 0.3s ease-out;\n    .hook-modal-dialog;\n}\n\n\/* Phone landscape and smaller *\/\n@media (max-width: @breakpoint-small-max) {\n\n    \/*\n     * Fit in small screen\n     *\/\n\n    .uk-modal-dialog {\n        width: auto;\n        margin: 10px auto;\n    }\n\n}\n\n\/*\n * Open state\n *\/\n\n.uk-open .uk-modal-dialog {\n    \/* 4 *\/\n    opacity: 1;\n    -webkit-transform: translateY(0);\n    transform: translateY(0);\n}\n\n\/*\n * Remove margin from the last-child\n *\/\n\n.uk-modal-dialog > :not([class*='uk-modal-']):last-child { margin-bottom: 0; }\n\n\n\/* Close in modal\n ========================================================================== *\/\n\n.uk-modal-dialog > .uk-close:first-child {\n    margin: -10px -10px 0 0;\n    float: right;\n}\n\n\/*\n * Remove margin from adjacent element\n *\/\n\n .uk-modal-dialog > .uk-close:first-child + :not([class*='uk-modal-']) { margin-top: 0; }\n\n\n\/* Modifier: `uk-modal-dialog-lightbox`\n ========================================================================== *\/\n\n.uk-modal-dialog-lightbox {\n    margin: 15px auto;\n    padding: 0;\n    max-width: 95%;\n    max-width: ~\"calc(100% - 30px)\";\n    min-height: 50px;\n    .hook-modal-dialog-lightbox;\n}\n\n\/*\n * Close button\n *\/\n\n.uk-modal-dialog-lightbox > .uk-close:first-child {\n    position: absolute;\n    top: -12px;\n    right: -12px;\n    margin: 0;\n    float: none;\n}\n\n\/* Phone landscape and smaller *\/\n@media (max-width: @breakpoint-small-max) {\n\n    .uk-modal-dialog-lightbox > .uk-close:first-child {\n        top: -7px;\n        right: -7px;\n    }\n\n}\n\n\/* Modifier: `uk-modal-dialog-blank`\n ========================================================================== *\/\n\n.uk-modal-dialog-blank {\n    margin: 0;\n    padding: 0;\n    width: 100%;\n    max-width: 100%;\n    -webkit-transition: opacity 0.3s linear;\n    transition: opacity 0.3s linear;\n}\n\n\/*\n* Close button\n*\/\n\n.uk-modal-dialog-blank > .uk-close:first-child {\n    position: absolute;\n    top: 20px;\n    right: 20px;\n    z-index: 1;\n    margin: 0;\n    float: none;\n}\n\n\n\/* Modifier: `uk-modal-dialog-large`\n ========================================================================== *\/\n\n\/* Tablet and bigger *\/\n@media (min-width: @breakpoint-medium) {\n\n    .uk-modal-dialog-large { width: @modal-dialog-large-width; }\n\n}\n\n\/* Large screen and bigger *\/\n@media (min-width: @breakpoint-xlarge) {\n\n    .uk-modal-dialog-large { width: @modal-dialog-large-width-large; }\n\n}\n\n\n\/* Sub-Object: `uk-modal-header` and `uk-modal-footer`\n ========================================================================== *\/\n\n.uk-modal-header {\n    margin-bottom: @modal-header-margin-bottom;\n    .hook-modal-header;\n}\n\n.uk-modal-footer {\n    margin-top: @modal-footer-margin-top;\n    .hook-modal-footer;\n}\n\n\/*\n * Remove margin from the last-child\n *\/\n\n.uk-modal-header  > :last-child,\n.uk-modal-footer  > :last-child { margin-bottom: 0; }\n\n\n\/* Sub-Object: `uk-modal-caption`\n ========================================================================== *\/\n\n.uk-modal-caption {\n    position: absolute;\n    left: 0;\n    right: 0;\n    bottom: (-@modal-dialog-padding);\n    margin-bottom: @modal-caption-margin-bottom;\n    color: @modal-caption-color;\n    text-align: center;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    .hook-modal-caption;\n}\n\n\n\/* Sub-Object: `uk-modal-spinner`\n ========================================================================== *\/\n\n.uk-modal-spinner {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    -webkit-transform: translate(-50%,-50%);\n    transform: translate(-50%,-50%);\n    font-size: 25px;\n    color: #ddd;\n    .hook-modal-spinner;\n}\n\n.uk-modal-spinner:after {\n    content: \"\\f110\";\n    display: block;\n    font-family: FontAwesome;\n    -webkit-animation: uk-rotate 2s infinite linear;\n    animation: uk-rotate 2s infinite linear;\n}\n\n\n\/\/ Hooks\n\/\/ ========================================================================\n\n.hook-modal-misc;\n\n.hook-modal() {}\n.hook-modal-dialog() {}\n.hook-modal-dialog-lightbox() {}\n.hook-modal-header() {}\n.hook-modal-footer() {}\n.hook-modal-caption() {}\n.hook-modal-spinner() {}\n.hook-modal-misc() {}\n\n\/\/ Name:            Off-canvas\n\/\/ Description:     Defines styles for an off-canvas sidebar that slides in and out of the page\n\/\/\n\/\/ Component:       `uk-offcanvas`\n\/\/\n\/\/ Sub-objects:     `uk-offcanvas-page`\n\/\/                  `uk-offcanvas-bar`\n\/\/                  `uk-offcanvas-close`\n\/\/\n\/\/ Modifiers:       `uk-offcanvas-bar-flip`\n\/\/\n\/\/ States:          `uk-active`\n\/\/\n\/\/ Uses:            Panel: `uk-panel`\n\/\/\n\/\/ Markup:\n\/\/\n\/\/ <!-- uk-offcanvas -->\n\/\/ <a href=\"#offcanvas\" data-uk-offcanvas>Open<\/a>\n\/\/ <div id=\"offcanvas\" class=\"uk-offcanvas\">\n\/\/     <div class=\"uk-offcanvas-bar\"><\/div>\n\/\/ <\/div>\n\/\/\n\/\/ ========================================================================\n\n\n\/\/ Variables\n\/\/ ========================================================================\n\n@offcanvas-z-index:                             1000;\n@offcanvas-background:                          rgba(0,0,0,0.1);\n\n@offcanvas-bar-width:                           270px;\n@offcanvas-bar-background:                      #333;\n\n@offcanvas-panel-margin:                        20px 15px;\n@offcanvas-panel-color:                         #777;\n@offcanvas-panel-link-color:                    #ccc;\n@offcanvas-panel-link-hover-color:              #fff;\n@offcanvas-panel-title-color:                   @offcanvas-panel-link-color;\n\n\n\/* ========================================================================\n   Component: Off-canvas\n ========================================================================== *\/\n\n\/*\n * This is the offcanvas overlay and bar container\n * 1. Hide by default\n * 2. Set fixed position\n * 3. Deactivate browser touch actions in IE11\n * 4. Mask the background page\n *\/\n\n.uk-offcanvas {\n    \/* 1 *\/\n    display: none;\n    \/* 2 *\/\n    position: fixed;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    z-index: @offcanvas-z-index;\n    \/* 3 *\/\n    touch-action: none;\n    \/* 4 *\/\n    background: @offcanvas-background;\n    .hook-offcanvas;\n}\n\n.uk-offcanvas.uk-active { display: block; }\n\n\n\/* Sub-object `uk-offcanvas-page`\n ========================================================================== *\/\n\n\/*\n * Prepares the whole HTML page to slide-out\n * 1. Fix the main page and disallow scrolling\n * 2. Side-out transition\n *\/\n\n.uk-offcanvas-page {\n    \/* 1 *\/\n    position: fixed;\n    \/* 2 *\/\n    -webkit-transition: margin-left 0.3s ease-in-out;\n    transition: margin-left 0.3s ease-in-out;\n}\n\n\n\/* Sub-object `uk-offcanvas-bar`\n ========================================================================== *\/\n\n\/*\n * This is the offcanvas bar\n * 1. Set fixed position\n * 2. Size and style\n * 3. Allow scrolling\n * 4. Side-out transition\n * 5. Deactivate scroll chaining in IE11\n *\/\n\n.uk-offcanvas-bar {\n    \/* 1 *\/\n    position: fixed;\n    top: 0;\n    bottom: 0;\n    left: 0;\n    -webkit-transform: translateX(-100%);\n    transform: translateX(-100%);\n    z-index: @offcanvas-z-index + 1;\n    \/* 2 *\/\n    width: @offcanvas-bar-width;\n    max-width: 100%;\n    background: @offcanvas-bar-background;\n    \/* 3 *\/\n    overflow-y: auto;\n    -webkit-overflow-scrolling: touch;\n    \/* 4 *\/\n    -webkit-transition: -webkit-transform 0.3s ease-in-out;\n    transition: transform 0.3s ease-in-out;\n    \/* 5 *\/\n    -ms-scroll-chaining: none;\n    .hook-offcanvas-bar;\n}\n\n.uk-offcanvas.uk-active .uk-offcanvas-bar.uk-offcanvas-bar-show {\n    -webkit-transform: translateX(0%);\n    transform: translateX(0%);\n}\n\n\/* Modifier `uk-offcanvas-bar-flip`\n ========================================================================== *\/\n\n.uk-offcanvas-bar-flip {\n    left: auto;\n    right: 0;\n    -webkit-transform: translateX(100%);\n    transform: translateX(100%);\n}\n\n\n\/* Panel in offcanvas\n ========================================================================== *\/\n\n.uk-offcanvas .uk-panel {\n    margin: @offcanvas-panel-margin;\n    color: @offcanvas-panel-color;\n    .hook-offcanvas-panel;\n}\n\n.uk-offcanvas .uk-panel-title { color: @offcanvas-panel-title-color; }\n\n.uk-offcanvas .uk-panel a:not([class]) { color: @offcanvas-panel-link-color; }\n.uk-offcanvas .uk-panel a:not([class]):hover { color: @offcanvas-panel-link-hover-color; }\n\n\n\/\/ Hooks\n\/\/ ========================================================================\n\n.hook-offcanvas-misc;\n\n.hook-offcanvas() {}\n.hook-offcanvas-bar() {}\n.hook-offcanvas-panel() {}\n.hook-offcanvas-misc() {}\n\/\/ Name:            Switcher\n\/\/ Description:     Defines styles for the switcher\n\/\/\n\/\/ Component:       `uk-switcher`\n\/\/\n\/\/ States:          `uk-active`\n\/\/\n\/\/ ========================================================================\n\n\n\/* ========================================================================\n   Component: Switcher\n ========================================================================== *\/\n\n\/*\n * 1. Deactivate browser history navigation in IE11\n *\/\n.uk-switcher {\n    margin: 0;\n    padding: 0;\n    list-style: none;\n    \/* 1 *\/\n    touch-action: cross-slide-y pinch-zoom double-tap-zoom;\n}\n\n\/*\n * Items\n *\/\n\n.uk-switcher > :not(.uk-active) { display: none; }\n\n\n\/\/ Hooks\n\/\/ ========================================================================\n\n.hook-switcher-misc;\n\n.hook-switcher-misc() {}\n\n\/\/ Need to be loaded last\n\/\/ Name:            Text\n\/\/ Description:     Collection of useful text utility classes to style your content\n\/\/\n\/\/ Component:       `uk-text-*`\n\/\/\n\/\/ ========================================================================\n\n\n\/\/ Variables\n\/\/ ========================================================================\n\n@text-small-font-size:                          11px;\n@text-small-line-height:                        16px;\n@text-large-font-size:                          18px;\n@text-large-line-height:                        24px;\n@text-large-font-weight:                        normal;\n\n@text-muted-color:                              #999;\n@text-primary-color:                            #2d7091;\n@text-success-color:                            #659f13;\n@text-warning-color:                            #e28327;\n@text-danger-color:                             #d85030;\n@text-contrast-color:                           #fff;\n\n\n\/* ========================================================================\n   Component: Text\n ========================================================================== *\/\n\n\/* Size modifiers\n ========================================================================== *\/\n\n.uk-text-small {\n    font-size: @text-small-font-size;\n    line-height: @text-small-line-height;\n}\n\n.uk-text-large {\n    font-size: @text-large-font-size;\n    line-height: @text-large-line-height;\n    font-weight: @text-large-font-weight;\n}\n\n\n\/* Weight modifiers\n ========================================================================== *\/\n\n.uk-text-bold { font-weight: bold; }\n\n\n\/* Color modifiers\n ========================================================================== *\/\n\n.uk-text-muted { color: @text-muted-color !important; }\n.uk-text-primary { color: @text-primary-color !important; }\n.uk-text-success { color: @text-success-color !important; }\n.uk-text-warning { color: @text-warning-color !important; }\n.uk-text-danger { color: @text-danger-color !important; }\n.uk-text-contrast { color: @text-contrast-color !important; }\n\n\n\/* Alignment modifiers\n ========================================================================== *\/\n\n.uk-text-left { text-align: left !important; }\n.uk-text-right { text-align: right !important; }\n.uk-text-center { text-align: center !important; }\n.uk-text-justify { text-align: justify !important; }\n\n.uk-text-top { vertical-align: top !important; }\n.uk-text-middle { vertical-align: middle !important; }\n.uk-text-bottom { vertical-align: bottom !important; }\n\n\/* Only tablets portrait and smaller *\/\n@media (max-width: @breakpoint-medium-max) {\n\n    .uk-text-center-medium { text-align: center !important; }\n    .uk-text-left-medium { text-align: left !important; }\n\n}\n\n\/* Phone landscape and smaller *\/\n@media (max-width: @breakpoint-small-max) {\n\n    .uk-text-center-small { text-align: center !important; }\n    .uk-text-left-small { text-align: left !important; }\n\n}\n\n\n\/* Wrap modifiers\n ========================================================================== *\/\n\n\/*\n * Prevent text from wrapping onto multiple lines\n *\/\n\n.uk-text-nowrap { white-space: nowrap; }\n\n\/*\n * Prevent text from wrapping onto multiple lines, and truncate with an ellipsis\n *\/\n\n.uk-text-truncate {\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n\n\/*\n * Break strings if their length exceeds the width of their container\n *\/\n\n.uk-text-break {\n    word-wrap: break-word;\n    -webkit-hyphens: auto;\n    -ms-hyphens: auto;\n    -moz-hyphens: auto;\n    hyphens: auto;\n}\n\n\n\/\/ Hooks\n\/\/ ========================================================================\n\n.hook-text-misc;\n\n.hook-text-misc() {}\n\/\/ Name:            Utility\n\/\/ Description:     Collection of useful utility classes to style your content\n\/\/\n\/\/ Component:       `uk-container-*`\n\/\/                  `uk-clearfix`\n\/\/                  `uk-nbfc-*`\n\/\/                  `uk-float-*`\n\/\/                  `uk-align-*`\n\/\/                  `uk-vertical-align-*`\n\/\/                  `uk-height-*`\n\/\/                  `uk-responsive-*`\n\/\/                  `uk-margin-*`\n\/\/                  `uk-padding-*`\n\/\/                  `uk-border-*`\n\/\/                  `uk-heading-*`\n\/\/                  `uk-link-*`\n\/\/                  `uk-scrollable-*`\n\/\/                  `uk-overflow-*`\n\/\/                  `uk-position-*`\n\/\/                  `uk-display-*`\n\/\/                  `uk-visible-*`\n\/\/                  `uk-hidden-*`\n\/\/                  `uk-invisible`\n\/\/\n\/\/ Used by:         Overlay\n\/\/\n\/\/ ========================================================================\n\n\n\/\/ Variables\n\/\/ ========================================================================\n\n@utility-container-max-width:                   980px;\n@utility-container-padding-horizontal:          25px;\n\n@utility-container-large-max-width:             1200px;\n@utility-container-large-padding-horizontal:    35px;\n\n@utility-align-horizontal:                      15px;\n@utility-align-vertical:                        15px;\n\n@utility-height-viewport-min-height:            600px;\n\n@utility-margin:                                15px;\n@utility-margin-small:                          5px;\n@utility-margin-large:                          50px;\n\n@utility-border-rounded:                        5px;\n\n@utility-heading-large-small-font-size:         36px;\n@utility-heading-large-small-line-height:       42px;\n@utility-heading-large-font-size:               52px;\n@utility-heading-large-line-height:             64px;\n\n@utility-link-muted-color:                      #444;\n@utility-link-muted-hover-color:                #444;\n\n@utility-scrollable-text-height:                300px;\n\n@utility-scrollable-box-height:                 170px;\n@utility-scrollable-box-padding:                10px;\n@utility-scrollable-box-border:                 #ddd;\n@utility-scrollable-box-border-width:           1px;\n\n\n\/* ========================================================================\n   Component: Utility\n ========================================================================== *\/\n\n\/* Container\n ========================================================================== *\/\n\n.uk-container {\n    box-sizing: border-box;\n    max-width: @utility-container-max-width;\n    padding: 0 @utility-container-padding-horizontal;\n    .hook-container;\n}\n\n\/* Large screen and bigger *\/\n@media (min-width: @breakpoint-xlarge) {\n\n    .uk-container {\n        max-width: @utility-container-large-max-width;\n        padding: 0 @utility-container-large-padding-horizontal;\n    }\n\n}\n\n\/*\n * Micro clearfix\n *\/\n\n.uk-container:before,\n.uk-container:after {\n    content: \"\";\n    display: table;\n}\n\n.uk-container:after { clear: both; }\n\n\/*\n * Center container\n *\/\n\n.uk-container-center {\n    margin-left: auto;\n    margin-right: auto;\n}\n\n\n\/* Clearing\n ========================================================================== *\/\n\n\/*\n * Micro clearfix\n* `table-cell` is used with `:before` because `table` creates a 1px gap when it becomes a flex item, only in Webkit\n * `table` is used again with `:after` because `clear` only works with block elements.\n * Note: `display: block` with `overflow: hidden` is currently not working in the latest Safari\n *\/\n\n.uk-clearfix:before {\n    content: \"\";\n    display: table-cell;\n}\n\n.uk-clearfix:after {\n    content: \"\";\n    display: table;\n    clear: both;\n}\n\n\n\/*\n *  Create a new block formatting context\n *\/\n\n.uk-nbfc { overflow: hidden; }\n\n.uk-nbfc-alt {\n    display: table-cell;\n    width: 10000px;\n}\n\n\n\/* Alignment of block elements\n ========================================================================== *\/\n\n\/*\n * Float blocks\n * 1. Prevent content overflow on small devices\n *\/\n\n.uk-float-left { float: left; }\n.uk-float-right { float: right; }\n\n\/* 1 *\/\n[class*='uk-float-'] { max-width: 100%; }\n\n\n\/* Alignment of images and objects\n ========================================================================== *\/\n\n\/*\n * Alignment\n *\/\n\n[class*='uk-align-'] {\n    display: block;\n    margin-bottom: @utility-align-vertical;\n}\n\n.uk-align-left {\n    margin-right: @utility-align-horizontal;\n    float: left;\n}\n\n.uk-align-right {\n    margin-left: @utility-align-horizontal;\n    float: right;\n}\n\n\/* Tablet and bigger *\/\n@media (min-width: @breakpoint-medium) {\n\n    .uk-align-medium-left {\n        margin-right: @utility-align-horizontal;\n        float: left;\n    }\n\n    .uk-align-medium-right {\n        margin-left: @utility-align-horizontal;\n        float: right;\n    }\n\n}\n\n.uk-align-center {\n    margin-left: auto;\n    margin-right: auto;\n}\n\n\n\/* Vertical alignment\n ========================================================================== *\/\n\n\/*\n * Remove whitespace between child elements when using `inline-block`\n *\/\n\n.uk-vertical-align { font-size: 0.001px; }\n\n\/*\n *  The `uk-vertical-align` container needs a specific height\n *\/\n\n.uk-vertical-align:before {\n    content: '';\n    display: inline-block;\n    height: 100%;\n    vertical-align: middle;\n}\n\n\/*\n * Sub-object which can have any height\n * 1. Reset whitespace hack\n *\/\n\n.uk-vertical-align-middle,\n.uk-vertical-align-bottom {\n    display: inline-block;\n    max-width: 100%;\n    \/* 1 *\/\n    font-size: 1rem;\n}\n\n.uk-vertical-align-middle { vertical-align: middle; }\n.uk-vertical-align-bottom { vertical-align: bottom; }\n\n\n\/* Height\n ========================================================================== *\/\n\n\/*\n * More robust if padding and border are used\n *\/\n\n[class*='uk-height'] { box-sizing: border-box; }\n\n\/*\n * Useful to extend the `html` and `body` element to the full height of the page.\n *\/\n\n.uk-height-1-1 { height: 100%; }\n\n\/*\n * Useful to create image teasers\n *\/\n\n.uk-height-viewport {\n    height: 100vh;\n    min-height: @utility-height-viewport-min-height;\n}\n\n\n\/* Responsive objects\n * Note: Images are already responsive by default, see Base component\n ========================================================================== *\/\n\n\/*\n * 1. Corrects `max-width` and `max-height` behavior if padding and border are used\n *\/\n\n.uk-responsive-width,\n.uk-responsive-height { box-sizing: border-box; }\n\n\/*\n * Responsiveness: Sets a maximum width relative to the parent and auto scales the height\n * `important` needed to override `uk-img-preserve img`\n *\/\n\n.uk-responsive-width {\n    max-width: 100% !important;\n    height: auto;\n}\n\n\/*\n * Responsiveness: Sets a maximum height relative to the parent and auto scales the width\n * Only works if the parent element has a fixed height.\n *\/\n\n.uk-responsive-height {\n    max-height: 100%;\n    width: auto;\n}\n\n\n\/* Margin\n ========================================================================== *\/\n\n\/*\n * Create a block with the same margin of a paragraph\n * Add margin if adjacent element\n *\/\n\n.uk-margin { margin-bottom: @utility-margin; }\n* + .uk-margin { margin-top: @utility-margin; }\n\n.uk-margin-top { margin-top: @utility-margin !important; }\n.uk-margin-bottom { margin-bottom: @utility-margin !important; }\n.uk-margin-left { margin-left: @utility-margin !important; }\n.uk-margin-right { margin-right: @utility-margin !important; }\n\n\/*\n * Larger margins\n *\/\n\n.uk-margin-large { margin-bottom: @utility-margin-large; }\n* + .uk-margin-large { margin-top: @utility-margin-large; }\n\n.uk-margin-large-top { margin-top: @utility-margin-large !important; }\n.uk-margin-large-bottom { margin-bottom: @utility-margin-large !important; }\n.uk-margin-large-left { margin-left: @utility-margin-large !important; }\n.uk-margin-large-right { margin-right: @utility-margin-large !important; }\n\n\/*\n * Smaller margins\n *\/\n\n.uk-margin-small { margin-bottom: @utility-margin-small; }\n* + .uk-margin-small { margin-top: @utility-margin-small; }\n\n.uk-margin-small-top { margin-top: @utility-margin-small !important; }\n.uk-margin-small-bottom { margin-bottom: @utility-margin-small !important; }\n.uk-margin-small-left { margin-left: @utility-margin-small !important; }\n.uk-margin-small-right { margin-right: @utility-margin-small !important; }\n\n\/*\n * Remove margins\n *\/\n\n.uk-margin-remove { margin: 0 !important; }\n.uk-margin-top-remove { margin-top: 0 !important; }\n.uk-margin-bottom-remove { margin-bottom: 0 !important; }\n\n\n\/* Padding\n ========================================================================== *\/\n\n.uk-padding-remove { padding: 0 !important; }\n.uk-padding-top-remove { padding-top: 0 !important; }\n.uk-padding-bottom-remove { padding-bottom: 0 !important; }\n\n.uk-padding-vertical-remove {\n    padding-top: 0 !important;\n    padding-bottom: 0 !important;\n}\n\n\/* Border\n ========================================================================== *\/\n\n.uk-border-circle { border-radius: 50%; }\n.uk-border-rounded { border-radius: @utility-border-rounded; }\n\n\n\/* Headings\n ========================================================================== *\/\n\n.uk-heading-large {\n    font-size: @utility-heading-large-small-font-size;\n    line-height: @utility-heading-large-small-line-height;\n}\n\n\/* Tablet and bigger *\/\n@media (min-width: @breakpoint-medium) {\n\n    .uk-heading-large {\n        font-size: @utility-heading-large-font-size;\n        line-height: @utility-heading-large-line-height;\n    }\n\n}\n\n\n\/* Link\n ========================================================================== *\/\n\n\/*\n * Let links appear in default text color\n *\/\n\n.uk-link-muted,\n.uk-link-muted a { color: @utility-link-muted-color; }\n\n.uk-link-muted:hover,\n.uk-link-muted a:hover { color: @utility-link-muted-hover-color; }\n\n\/*\n * Reset link style\n *\/\n\n.uk-link-reset,\n.uk-link-reset a,\n.uk-link-reset:hover,\n.uk-link-reset a:hover,\n.uk-link-reset:focus,\n.uk-link-reset a:focus {\n    color: inherit;\n    text-decoration: none;\n}\n\n\n\/* Scrollable\n ========================================================================== *\/\n\n\/*\n * Enable scrolling for preformatted text\n *\/\n\n.uk-scrollable-text {\n    height: @utility-scrollable-text-height;\n    overflow-y: scroll;\n    -webkit-overflow-scrolling: touch;\n    resize: both;\n}\n\n\/*\n * Box with scrolling enabled\n *\/\n\n.uk-scrollable-box {\n    box-sizing: border-box;\n    height: @utility-scrollable-box-height;\n    padding: @utility-scrollable-box-padding;\n    border: @utility-scrollable-box-border-width solid @utility-scrollable-box-border;\n    overflow: auto;\n    -webkit-overflow-scrolling: touch;\n    resize: both;\n    .hook-scrollable-box;\n}\n\n.uk-scrollable-box > :last-child { margin-bottom: 0; }\n\n\n\/* Overflow\n ========================================================================== *\/\n\n.uk-overflow-hidden { overflow: hidden; }\n\n\/*\n * Enable scrollbars if content is clipped\n *\/\n\n.uk-overflow-container {\n    overflow: auto;\n    -webkit-overflow-scrolling: touch;\n}\n\n.uk-overflow-container > :last-child { margin-bottom: 0; }\n\n\n\/* Position\n ========================================================================== *\/\n\n.uk-position-absolute,\n[class*='uk-position-top'],\n[class*='uk-position-bottom'] { position: absolute !important; }\n\n\/* Don't use `width: 100%` because it is wrong if the parent has padding. *\/\n.uk-position-top {\n    top: 0;\n    left: 0;\n    right: 0;\n}\n\n.uk-position-bottom {\n    bottom: 0;\n    left: 0;\n    right: 0;\n}\n\n.uk-position-top-left {\n    top: 0;\n    left: 0;\n}\n\n.uk-position-top-right {\n    top: 0;\n    right: 0;\n}\n\n.uk-position-bottom-left {\n    bottom: 0;\n    left: 0;\n}\n\n.uk-position-bottom-right {\n    bottom: 0;\n    right: 0;\n}\n\n\/*\n * Cover\n *\/\n\n.uk-position-cover {\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    left: 0;\n    right: 0;\n}\n\n\/*\n * Relative\n *\/\n\n.uk-position-relative { position: relative !important; }\n\n\/*\n * Z-index\n *\/\n\n.uk-position-z-index { z-index: 1; }\n\n\n\/* Display\n ========================================================================== *\/\n\n\/*\n * Display\n * 1. Required if child is a responsive image\n *\/\n\n.uk-display-block { display: block !important; }\n.uk-display-inline { display: inline !important; }\n\n.uk-display-inline-block {\n    display: inline-block !important;\n    \/* 1 *\/\n    max-width: 100%;\n}\n\n\/*\n * Visibility\n * Avoids setting display to `block` so it works also with `inline-block` and `table`\n *\/\n\n\/* Desktop and bigger *\/\n@media (min-width: @breakpoint-large) {\n\n    .uk-visible-small { display: none !important; }\n    .uk-visible-medium { display: none !important; }\n    .uk-hidden-large { display: none !important; }\n\n}\n\n\/* Tablets portrait *\/\n@media (min-width: @breakpoint-medium) and (max-width: @breakpoint-medium-max) {\n\n    .uk-visible-small { display: none !important; }\n    .uk-visible-large { display: none !important ; }\n    .uk-hidden-medium { display: none !important; }\n\n}\n\n\/* Phone landscape and smaller*\/\n@media (max-width: @breakpoint-small-max) {\n\n    .uk-visible-medium { display: none !important; }\n    .uk-visible-large { display: none !important; }\n    .uk-hidden-small { display: none !important; }\n\n}\n\n\/* Remove from the flow and screen readers on any device *\/\n.uk-hidden {\n    display: none !important;\n    visibility: hidden !important;\n}\n\n\/* It's hidden, but still affects layout *\/\n.uk-invisible { visibility: hidden !important; }\n\n\/* Show on hover *\/\n.uk-visible-hover:hover .uk-hidden,\n.uk-visible-hover:hover .uk-invisible {\n    display: block !important;\n    visibility: visible !important;\n}\n\n.uk-visible-hover-inline:hover .uk-hidden,\n.uk-visible-hover-inline:hover .uk-invisible {\n    display: inline-block !important;\n    visibility: visible !important;\n}\n\n\/* Hide on touch *\/\n.uk-touch .uk-hidden-touch,\n.uk-notouch .uk-hidden-notouch { display: none !important; }\n\n\n\/\/ Hooks\n\/\/ ========================================================================\n\n.hook-utility-misc;\n\n.hook-container() {}\n.hook-scrollable-box() {}\n.hook-utility-misc() {}\n\n\/\/ Name:            Flex\n\/\/ Description:     Defines styles to create layouts with flexbox\n\/\/\n\/\/ Component:       `uk-flex-*`\n\/\/\n\/\/ Used by:         Caption\n\/\/\n\/\/\n\/\/ ========================================================================\n\n\n\/* ========================================================================\n   Component: Flex\n ========================================================================== *\/\n\n.uk-flex {\n    display: -ms-flexbox;\n    display: -webkit-flex;\n    display: flex;\n}\n\n.uk-flex-inline {\n    display: -ms-inline-flexbox;\n    display: -webkit-inline-flex;\n    display: inline-flex;\n}\n\n\/*\n * Fixes initial flex-shrink value in IE10\n *\/\n\n.uk-flex > *,\n.uk-flex-inline > * { -ms-flex-negative: 1; }\n\n\n\/* Alignment\n ========================================================================== *\/\n\n\/*\n * Vertical alignment\n * Default value is `stretch`\n *\/\n\n\/\/ .uk-flex-stretch { align-items: stretch; }\n\n.uk-flex-top {\n    -ms-flex-align: start;\n    -webkit-align-items: flex-start;\n    align-items: flex-start;\n}\n\n.uk-flex-middle {\n    -ms-flex-align: center;\n    -webkit-align-items: center;\n    align-items: center;\n}\n\n.uk-flex-bottom {\n    -ms-flex-align: end;\n    -webkit-align-items: flex-end;\n    align-items: flex-end;\n}\n\n\/*\n * Horizontal alignment\n * Default value is `flex-start`\n *\/\n\n\/\/ .uk-flex-left { justify-content: flex-start; }\n\n.uk-flex-center {\n    -ms-flex-pack: center;\n    -webkit-justify-content: center;\n    justify-content: center;\n}\n\n.uk-flex-right {\n    -ms-flex-pack: end;\n    -webkit-justify-content: flex-end;\n    justify-content: flex-end;\n}\n\n.uk-flex-space-between {\n    -ms-flex-pack: justify;\n    -webkit-justify-content: space-between;\n    justify-content: space-between;\n}\n\n.uk-flex-space-around {\n    -ms-flex-pack: distribute;\n    -webkit-justify-content: space-around;\n    justify-content: space-around;\n}\n\n\n\/* Direction\n ========================================================================== *\/\n\n\/\/ .uk-flex-row { flex-direction: row; }\n\n.uk-flex-row-reverse {\n    -ms-flex-direction: row-reverse;\n    -webkit-flex-direction: row-reverse;\n    flex-direction: row-reverse;\n}\n\n.uk-flex-column {\n    -ms-flex-direction: column;\n    -webkit-flex-direction: column;\n    flex-direction: column;\n}\n\n.uk-flex-column-reverse {\n    -ms-flex-direction: column-reverse;\n    -webkit-flex-direction: column-reverse;\n    flex-direction: column-reverse;\n}\n\n\n\/* Wrap\n ========================================================================== *\/\n\n\/\/ Default\n.uk-flex-nowrap {\n    -ms-flex-wrap: nowrap;\n    -webkit-flex-wrap: nowrap;\n    flex-wrap: nowrap;\n}\n\n.uk-flex-wrap {\n    -ms-flex-wrap: wrap;\n    -webkit-flex-wrap: wrap;\n    flex-wrap: wrap;\n}\n\n.uk-flex-wrap-reverse {\n    -ms-flex-wrap: wrap-reverse;\n    -webkit-flex-wrap: wrap-reverse;\n    flex-wrap: wrap-reverse;\n}\n\n\/*\n * Horizontal alignment\n * Default value is `stretch`\n *\/\n\n\/\/ .uk-flex-wrap-stretch { align-content: stretch; }\n\n.uk-flex-wrap-top {\n    -ms-flex-line-pack: start;\n    -webkit-align-content: flex-start;\n    align-content: flex-start;\n}\n\n.uk-flex-wrap-middle {\n    -ms-flex-line-pack: center;\n    -webkit-align-content: center;\n    align-content: center;\n}\n\n.uk-flex-wrap-bottom {\n    -ms-flex-line-pack: end;\n    -webkit-align-content: flex-end;\n    align-content: flex-end;\n}\n\n.uk-flex-wrap-space-between {\n    -ms-flex-line-pack: justify;\n    -webkit-align-content: space-between;\n    align-content: space-between;\n}\n\n.uk-flex-wrap-space-around {\n    -ms-flex-line-pack: distribute;\n    -webkit-align-content: space-around;\n    align-content: space-around;\n}\n\n\n\/* Item ordering\n ========================================================================== *\/\n\n\/*\n * Default is 0\n *\/\n\n.uk-flex-order-first {\n    -ms-flex-order: -1;\n    -webkit-order: -1;\n    order: -1;\n}\n\n.uk-flex-order-last {\n    -ms-flex-order: 99;\n    -webkit-order: 99;\n    order: 99;\n}\n\n\n\/* Phone landscape and bigger *\/\n@media (min-width: @breakpoint-small) {\n\n    .uk-flex-order-first-small {\n        -ms-flex-order: -1;\n        -webkit-order: -1;\n        order: -1;\n    }\n\n    .uk-flex-order-last-small {\n        -ms-flex-order: 99;\n        -webkit-order: 99;\n        order: 99;\n    }\n\n}\n\n\/* Tablet and bigger *\/\n@media (min-width: @breakpoint-medium) {\n\n    .uk-flex-order-first-medium {\n        -ms-flex-order: -1;\n        -webkit-order: -1;\n        order: -1;\n    }\n\n    .uk-flex-order-last-medium {\n        -ms-flex-order: 99;\n        -webkit-order: 99;\n        order: 99;\n    }\n\n}\n\n\/* Desktop and bigger *\/\n@media (min-width: @breakpoint-large) {\n\n    .uk-flex-order-first-large {\n        -ms-flex-order: -1;\n        -webkit-order: -1;\n        order: -1;\n    }\n\n    .uk-flex-order-last-large {\n        -ms-flex-order: 99;\n        -webkit-order: 99;\n        order: 99;\n    }\n\n}\n\n\/* Large screen and bigger *\/\n@media (min-width: @breakpoint-xlarge) {\n\n    .uk-flex-order-first-xlarge {\n        -ms-flex-order: -1;\n        -webkit-order: -1;\n        order: -1;\n    }\n\n    .uk-flex-order-last-xlarge {\n        -ms-flex-order: 99;\n        -webkit-order: 99;\n        order: 99;\n    }\n\n}\n\n\n\n\/* Item dimensions\n ========================================================================== *\/\n\n\/*\n * Initial: 0 1 auto\n * Content dimensions, but shrinks\n *\/\n\n\/*\n * No Flex: 0 0 auto\n * Content dimensions\n *\/\n\n.uk-flex-item-none {\n    -ms-flex: none;\n    -webkit-flex: none;\n    flex: none;\n}\n\n\/*\n * Relative Flex: 1 1 auto\n * Space is allocated considering content\n * 1. Fixes flex-shrink value in IE10\n *\/\n\n.uk-flex-item-auto {\n    -ms-flex: auto;\n    -webkit-flex: auto;\n    flex: auto;\n    \/* 1 *\/\n    -ms-flex-negative: 1;\n}\n\n\/*\n * Absolute Flex: 1 1 0%\n * Space is allocated solely based on flex\n *\/\n\n.uk-flex-item-1 {\n    -ms-flex: 1;\n    -webkit-flex: 1;\n    flex: 1;\n}\n\n\n\/\/ Hooks\n\/\/ ========================================================================\n\n.hook-flex-misc;\n\n.hook-flex-misc() {}\n\/\/ Name:            Contrast\n\/\/ Description:     Utility class to adjust colors for dark or colored blocks\n\/\/\n\/\/ Component:       `uk-contrast`\n\/\/\n\/\/ ========================================================================\n\n\n\/\/ Variables\n\/\/ ========================================================================\n\n@contrast-color:                                #fff;\n@contrast-inverted-color:                       #444;\n\n\/\/\n\/\/ Components\n\/\/\n\n@contrast-base-color:                           @contrast-color;\n\n@contrast-base-link-color:                      fade(@contrast-color, 70%);\n@contrast-base-link-text-decoration:            none;\n@contrast-base-link-hover-color:                @contrast-color;\n@contrast-base-link-hover-text-decoration:      underline;\n\n@contrast-base-code-color:                      @contrast-color;\n@contrast-base-em-color:                        @contrast-color;\n\n@contrast-base-heading-color:                   @contrast-color;\n\n@contrast-base-hr-border:                       fade(@contrast-color, 20%);\n\n@contrast-nav-side-color:                       @contrast-color;\n@contrast-nav-side-hover-background:            fade(@contrast-color, 10%);\n@contrast-nav-side-hover-color:                 @contrast-color;\n@contrast-nav-side-active-background:           @contrast-color;\n@contrast-nav-side-active-color:                @contrast-inverted-color;\n@contrast-nav-side-header-color:                @contrast-color;\n@contrast-nav-side-divider-border:              fade(@contrast-color, 20%);\n@contrast-nav-side-nested-color:                fade(@contrast-color, 70%);\n@contrast-nav-side-nested-hover-color:          @contrast-color;\n\n@contrast-subnav-color:                         fade(@contrast-color, 70%);\n@contrast-subnav-hover-color:                   @contrast-color;\n@contrast-subnav-hover-text-decoration:         none;\n@contrast-subnav-active-color:                  @contrast-color;\n\n@contrast-subnav-line-border:                   fade(@contrast-color, 20%);\n\n@contrast-subnav-pill-hover-background:         fade(@contrast-color, 70%);\n@contrast-subnav-pill-hover-color:              @contrast-inverted-color;\n@contrast-subnav-pill-active-background:        @contrast-color;\n@contrast-subnav-pill-active-color:             @contrast-inverted-color;\n\n@contrast-tab-border:                           fade(@contrast-color, 20%);\n@contrast-tab-color:                            fade(@contrast-color, 70%);\n@contrast-tab-hover-border:                     fade(@contrast-color, 70%);\n@contrast-tab-hover-background:                 fade(@contrast-color, 70%);\n@contrast-tab-hover-color:                      @contrast-inverted-color;\n@contrast-tab-active-border:                    fade(@contrast-color, 20%);\n@contrast-tab-active-background:                @contrast-color;\n@contrast-tab-active-color:                     @contrast-inverted-color;\n\n@contrast-list-line-border:                     fade(@contrast-color, 20%);\n\n@contrast-form-border:                          fade(@contrast-color, 80%);\n@contrast-form-background:                      fade(@contrast-color, 80%);\n@contrast-form-color:                           @contrast-inverted-color;\n@contrast-form-focus-border:                    @contrast-color;\n@contrast-form-focus-background:                @contrast-color;\n@contrast-form-focus-color:                     @contrast-inverted-color;\n\n@contrast-form-placeholder-color:               fade(@contrast-inverted-color, 70%);\n\n@contrast-button-background:                    @contrast-color;\n@contrast-button-color:                         @contrast-inverted-color;\n@contrast-button-hover-background:              fade(@contrast-color, 80%);\n@contrast-button-hover-color:                   @contrast-inverted-color;\n@contrast-button-active-background:             fade(@contrast-color, 70%);\n@contrast-button-active-color:                  @contrast-inverted-color;\n\n@contrast-button-primary-background:            #00a8e6;\n@contrast-button-primary-color:                 @contrast-color;\n@contrast-button-primary-hover-background:      #35b3ee;\n@contrast-button-primary-hover-color:           @contrast-color;\n@contrast-button-primary-active-background:     #0091ca;\n@contrast-button-primary-active-color:          @contrast-color;\n\n@contrast-icon-hover-color:                     fade(@contrast-color, 70%);\n@contrast-icon-hover-hover-color:               @contrast-color;\n\n@contrast-icon-button-background:               @contrast-color;\n@contrast-icon-button-color:                    @contrast-inverted-color;\n@contrast-icon-button-hover-background:         fade(@contrast-color, 80%);\n@contrast-icon-button-hover-color:              @contrast-inverted-color;\n@contrast-icon-button-active-background:        fade(@contrast-color, 70%);\n@contrast-icon-button-active-color:             @contrast-inverted-color;\n\n@contrast-text-muted-color:                     fade(@contrast-color, 60%);\n@contrast-text-primary-color:                   #2d7091;\n\n\n\/* ========================================================================\n   Component: Contrast\n ========================================================================== *\/\n\n.uk-contrast {\n\n    color: @contrast-base-color;\n\n    \/\/ Base\n    \/\/ ========================================================================\n\n    \/\/\n    \/\/ Link\n    \/\/\n\n    a:not([class]),\n    .uk-link  {\n        color: @contrast-base-link-color;\n        text-decoration: @contrast-base-link-text-decoration;\n    }\n\n    a:not([class]):hover,\n    .uk-link:hover {\n        color: @contrast-base-link-hover-color;\n        text-decoration: @contrast-base-link-hover-text-decoration;\n    }\n\n    \/\/\n    \/\/ Code\n    \/\/\n\n    :not(pre) > code,\n    :not(pre) > kbd,\n    :not(pre) > samp {\n        color: @contrast-base-code-color;\n        .hook-contrast-base-code;\n    }\n\n    \/\/\n    \/\/ Emphasize\n    \/\/\n\n    em { color: @contrast-base-em-color; }\n\n    \/\/\n    \/\/ Headings\n    \/\/\n\n    h1, h2, h3, h4, h5, h6 { color: @contrast-base-heading-color; }\n\n    \/\/\n    \/\/ Horizontal rules\n    \/\/\n\n    hr { border-top-color: @contrast-base-hr-border; }\n\n\n    \/\/ Nav\n    \/\/ ========================================================================\n\n    .uk-nav li > a,\n    .uk-nav li > a:hover { text-decoration: none; }\n\n    \/\/\n    \/\/ Nav Site\n    \/\/\n\n    .uk-nav-side > li > a {\n        color: @contrast-nav-side-color;\n        .hook-contrast-nav-side;\n    }\n\n    .uk-nav-side > li > a:hover,\n    .uk-nav-side > li > a:focus {\n        background: @contrast-nav-side-hover-background;\n        color: @contrast-nav-side-hover-color;\n        .hook-contrast-nav-side-hover;\n    }\n\n    .uk-nav-side > li.uk-active > a {\n        background: @contrast-nav-side-active-background;\n        color: @contrast-nav-side-active-color;\n        .hook-contrast-nav-side-active;\n    }\n\n    \/\/ Nav header\n    .uk-nav-side .uk-nav-header {\n        color: @contrast-nav-side-header-color;\n        .hook-contrast-nav-side-header;\n    }\n\n    \/\/ Nav divider\n    .uk-nav-side .uk-nav-divider {\n        border-top-color: @contrast-nav-side-divider-border;\n        .hook-contrast-nav-side-divider;\n    }\n\n    \/\/ Nested items\n    .uk-nav-side ul a { color: @contrast-nav-side-nested-color; }\n    .uk-nav-side ul a:hover { color: @contrast-nav-side-nested-hover-color; }\n\n\n    \/\/ Subnav\n    \/\/ ========================================================================\n\n    .uk-subnav > * > a {\n        color: @contrast-subnav-color;\n        text-decoration: none;\n        .hook-contrast-subnav;\n    }\n\n    .uk-subnav > * > a:hover,\n    .uk-subnav > * > a:focus {\n        color: @contrast-subnav-hover-color;\n        text-decoration: @contrast-subnav-hover-text-decoration;\n        .hook-contrast-subnav-hover;\n    }\n\n    .uk-subnav > .uk-active > a {\n        color: @contrast-subnav-active-color;\n        .hook-contrast-subnav-active;\n    }\n\n    \/\/\n    \/\/ Subnav line\n    \/\/\n\n    .uk-subnav-line > :nth-child(n+2):before {\n        border-left-color: @contrast-subnav-line-border;\n        .hook-contrast-subnav-line-divider;\n    }\n\n    \/\/\n    \/\/ Subnav pill\n    \/\/\n\n    .uk-subnav-pill > * > a:hover,\n    .uk-subnav-pill > * > a:focus {\n        background: @contrast-subnav-pill-hover-background;\n        color: @contrast-subnav-pill-hover-color;\n        text-decoration: none;\n        .hook-contrast-subnav-pill-hover;\n    }\n\n    .uk-subnav-pill > .uk-active > a {\n        background: @contrast-subnav-pill-active-background;\n        color: @contrast-subnav-pill-active-color;\n        .hook-contrast-subnav-pill-active;\n    }\n\n\n    \/\/ Tab\n    \/\/ ========================================================================\n\n    .uk-tab { border-bottom-color: @contrast-tab-border; }\n\n    .uk-tab > li > a {\n        border-color: transparent;\n        color: @contrast-tab-color;\n        .hook-contrast-tab;\n    }\n\n    .uk-tab > li > a:hover,\n    .uk-tab > li > a:focus,\n    .uk-tab > li.uk-open > a {\n        border-color: @contrast-tab-hover-border;\n        background: @contrast-tab-hover-background;\n        color: @contrast-tab-hover-color;\n        text-decoration: none;\n        .hook-contrast-tab-hover;\n    }\n\n    \/* Active *\/\n    .uk-tab > li.uk-active > a {\n        border-color: @contrast-tab-active-border;\n        border-bottom-color: transparent;\n        background: @contrast-tab-active-background;\n        color: @contrast-tab-active-color;\n        .hook-contrast-tab-active;\n    }\n\n    \/\/\n    \/\/ Tab center\n    \/\/\n\n    .uk-tab-center { border-bottom-color: @contrast-tab-border; }\n\n    \/\/\n    \/\/ Tab grid\n    \/\/\n\n    .uk-tab-grid:before { border-top-color: @contrast-tab-border; }\n\n\n    \/\/ List\n    \/\/ ========================================================================\n\n    .uk-list-line > li:nth-child(n+2) {\n        border-top-color: @contrast-list-line-border;\n        .hook-contrast-list-line;\n    }\n\n\n    \/\/ Form\n    \/\/ ========================================================================\n\n    .uk-form select,\n    .uk-form textarea,\n    .uk-form input:not([type]),\n    .uk-form input[type=\"text\"],\n    .uk-form input[type=\"password\"],\n    .uk-form input[type=\"datetime\"],\n    .uk-form input[type=\"datetime-local\"],\n    .uk-form input[type=\"date\"],\n    .uk-form input[type=\"month\"],\n    .uk-form input[type=\"time\"],\n    .uk-form input[type=\"week\"],\n    .uk-form input[type=\"number\"],\n    .uk-form input[type=\"email\"],\n    .uk-form input[type=\"url\"],\n    .uk-form input[type=\"search\"],\n    .uk-form input[type=\"tel\"],\n    .uk-form input[type=\"color\"] {\n        border-color: @contrast-form-border;\n        background: @contrast-form-background;\n        color: @contrast-form-color;\n        background-clip: padding-box;\n        .hook-contrast-form;\n\n        &:focus {\n            border-color: @contrast-form-focus-border;\n            background: @contrast-form-focus-background;\n            color: @contrast-form-focus-color;\n            .hook-contrast-form-focus;\n        }\n    }\n\n    \/\/\n    \/\/ Placeholder\n    \/\/\n\n    .uk-form :-ms-input-placeholder { color: @contrast-form-placeholder-color !important; }\n    .uk-form ::-moz-placeholder { color: @contrast-form-placeholder-color; }\n    .uk-form ::-webkit-input-placeholder { color: @contrast-form-placeholder-color; }\n\n\n    \/\/ Button\n    \/\/ ========================================================================\n\n    .uk-button {\n        color: @contrast-button-color;\n        background: @contrast-button-background;\n        .hook-contrast-button;\n    }\n\n    .uk-button:hover,\n    .uk-button:focus {\n        background-color: @contrast-button-hover-background;\n        color: @contrast-button-hover-color;\n        .hook-contrast-button-hover;\n    }\n\n    .uk-button:active,\n    .uk-button.uk-active {\n        background-color: @contrast-button-active-background;\n        color: @contrast-button-active-color;\n        .hook-contrast-button-active;\n    }\n\n    \/\/\n    \/\/ Button primary\n    \/\/\n\n    .uk-button-primary {\n        background-color: @contrast-button-primary-background;\n        color: @contrast-button-primary-color;\n        .hook-contrast-button-primary;\n    }\n\n    .uk-button-primary:hover,\n    .uk-button-primary:focus {\n        background-color: @contrast-button-primary-hover-background;\n        color: @contrast-button-primary-hover-color;\n        .hook-contrast-button-primary-hover;\n    }\n\n    .uk-button-primary:active,\n    .uk-button-primary.uk-active {\n        background-color: @contrast-button-primary-active-background;\n        color: @contrast-button-primary-active-color;\n        .hook-contrast-button-primary-active;\n    }\n\n\n    \/\/ Icon\n    \/\/ ========================================================================\n\n    \/\/\n    \/\/ Icon hover\n    \/\/\n\n    .uk-icon-hover {\n        color: @contrast-icon-hover-color;\n        .hook-contrast-icon-hover;\n    }\n\n    .uk-icon-hover:hover {\n        color: @contrast-icon-hover-hover-color;\n        .hook-contrast-icon-hover-hover;\n    }\n\n    \/\/\n    \/\/ Icon button\n    \/\/\n\n    .uk-icon-button {\n        background: @contrast-icon-button-background;\n        color: @contrast-icon-button-color;\n        .hook-contrast-icon-button;\n    }\n\n    .uk-icon-button:hover,\n    .uk-icon-button:focus {\n        background-color: @contrast-icon-button-hover-background;\n        color: @contrast-icon-button-hover-color;\n        .hook-contrast-icon-button-hover;\n    }\n\n    .uk-icon-button:active {\n        background-color: @contrast-icon-button-active-background;\n        color: @contrast-icon-button-active-color;\n        .hook-contrast-icon-button-active;\n    }\n\n\n    \/\/ Text\n    \/\/ ========================================================================\n\n    .uk-text-muted { color: @contrast-text-muted-color !important; }\n    .uk-text-primary { color: @contrast-text-primary-color !important; }\n\n\n    \/\/ Misc hook\n    \/\/ ========================================================================\n\n    .hook-contrast-misc;\n\n}\n\n\n\/\/ Hooks\n\/\/ ========================================================================\n\n.hook-contrast-base-code() {}\n\n.hook-contrast-nav-side() {}\n.hook-contrast-nav-side-hover() {}\n.hook-contrast-nav-side-active() {}\n.hook-contrast-nav-side-header() {}\n.hook-contrast-nav-side-divider() {}\n\n.hook-contrast-subnav() {}\n.hook-contrast-subnav-hover() {}\n.hook-contrast-subnav-active() {}\n.hook-contrast-subnav-line-divider() {}\n.hook-contrast-subnav-pill-hover() {}\n.hook-contrast-subnav-pill-active() {}\n\n.hook-contrast-tab() {}\n.hook-contrast-tab-hover() {}\n.hook-contrast-tab-active() {}\n\n.hook-contrast-list-line() {}\n\n.hook-contrast-form() {}\n.hook-contrast-form-focus() {}\n\n.hook-contrast-button() {}\n.hook-contrast-button-hover() {}\n.hook-contrast-button-active() {}\n.hook-contrast-button-primary() {}\n.hook-contrast-button-primary-hover() {}\n.hook-contrast-button-primary-active() {}\n\n.hook-contrast-icon-hover() {}\n.hook-contrast-icon-hover-hover() {}\n.hook-contrast-icon-button() {}\n.hook-contrast-icon-button-hover() {}\n.hook-contrast-icon-button-active() {}\n\n.hook-contrast-misc() {}\n\/\/ Name:            Print\n\/\/ Description:     Optimize page for printing\n\/\/\n\/\/ Adapted from http:\/\/github.com\/h5bp\/html5-boilerplate\n\/\/\n\/\/ Modifications:   Removed link `href` and `title` related rules\n\/\/\n\/\/ ========================================================================\n\n\n\/* ========================================================================\n   Component: Print\n ========================================================================== *\/\n\n@media print {\n\n    *,\n    *:before,\n    *:after {\n        background: transparent !important;\n        color: black !important;\n        box-shadow: none !important;\n        text-shadow: none !important;\n    }\n\n    a,\n    a:visited { text-decoration: underline; }\n\n    pre,\n    blockquote {\n        border: 1px solid #999;\n        page-break-inside: avoid;\n    }\n\n    thead { display: table-header-group; }\n\n    tr,\n    img { page-break-inside: avoid; }\n\n    img { max-width: 100% !important; }\n\n    @page { margin: 0.5cm; }\n\n    p,\n    h2,\n    h3 {\n        orphans: 3;\n        widows: 3;\n    }\n\n    h2,\n    h3 { page-break-after: avoid; }\n\n   .hook-print;\n\n}\n\n\/\/ Hooks\n\/\/ ========================================================================\n\n.hook-print() {}\n\n\n\n@icon-font-path: \"..\/..\/fonts\";\n\n\/\/ Components: Navs\n\/\/ Name:            Dotnav\n\/\/ Description:     Defines styles for a dot navigation\n\/\/\n\/\/ Component:       `uk-dotnav`\n\/\/\n\/\/ Modifier:        `uk-dotnav-contrast`\n\/\/                  `uk-dotnav-vertical`\n\/\/\n\/\/ States:          `uk-active`\n\/\/\n\/\/ Markup:\n\/\/\n\/\/ <!-- uk-dotnav -->\n\/\/ <ul class=\"uk-dotnav\">\n\/\/     <li class=\"uk-active\"><a href=\"\"><\/a><\/li>\n\/\/     <li><a href=\"\"><\/a><\/li>\n\/\/ <\/ul>\n\/\/\n\/\/ ========================================================================\n\n\n\/\/ Variables\n\/\/ ========================================================================\n\n@dotnav-margin-horizontal:                      15px;\n@dotnav-margin-vertical:                        @dotnav-margin-horizontal;\n\n@dotnav-width:                                  20px;\n@dotnav-height:                                 @dotnav-width;\n@dotnav-background:                             rgba(50,50,50,0.1);\n\n@dotnav-hover-background:                       rgba(50,50,50,0.4);\n@dotnav-onclick-background:                     rgba(50,50,50,0.6);\n@dotnav-active-background:                      rgba(50,50,50,0.4);\n\n@dotnav-contrast-background:                    rgba(255,255,255,0.4);\n@dotnav-contrast-hover-background:              rgba(255,255,255,0.7);\n@dotnav-contrast-onclick-background:            rgba(255,255,255,0.9);\n@dotnav-contrast-active-background:             rgba(255,255,255,0.9);\n\n\n\/* ========================================================================\n   Component: Dotnav\n ========================================================================== *\/\n\n\/*\n * 1. Gutter\n * 2. Remove default list style\n *\/\n\n.uk-dotnav {\n    display: -ms-flexbox;\n    display: -webkit-flex;\n    display: flex;\n    -ms-flex-wrap: wrap;\n    -webkit-flex-wrap: wrap;\n    flex-wrap: wrap;\n    \/* 1 *\/\n    margin-left: -@dotnav-margin-horizontal;\n    margin-top: -@dotnav-margin-vertical;\n    \/* 2 *\/\n    padding: 0;\n    list-style: none;\n}\n\n\/*\n * 1. Space is allocated solely based on content dimensions\n * 2. Horizontal gutter is using `padding` so `uk-width-*` classes can be applied\n *\/\n\n.uk-dotnav > * {\n    \/* 1 *\/\n    -ms-flex: none;\n    -webkit-flex: none;\n    flex: none;\n    \/* 2 *\/\n    padding-left: @dotnav-margin-horizontal;\n    margin-top: @dotnav-margin-vertical;\n}\n\n\/*\n * DEPRECATED IE9 Support\n *\/\n\n.uk-dotnav:before,\n.uk-dotnav:after {\n    content: \"\";\n    display: block;\n    overflow: hidden;\n}\n\n.uk-dotnav:after { clear: both; }\n\n.uk-dotnav > * { float: left; }\n\n\n\/* Items\n ========================================================================== *\/\n\n\/*\n * Items\n * 1. Hide text if present\n *\/\n\n.uk-dotnav > * > * {\n    display: block;\n    box-sizing: content-box;\n    width: @dotnav-width;\n    height: @dotnav-height;\n    border-radius: 50%;\n    background: @dotnav-background;\n    \/* 1 *\/\n    text-indent: 100%;\n    overflow: hidden;\n    white-space: nowrap;\n    .hook-dotnav-item;\n}\n\n\/*\n * Hover\n * 1. Apply hover style also to focus state\n * 2. Remove default focus style\n *\/\n\n.uk-dotnav > * > :hover,\n.uk-dotnav > * > :focus { \/\/ 1\n    background: @dotnav-hover-background;\n    \/* 2 *\/\n    outline: none;\n    .hook-dotnav-item-hover;\n}\n\n\/* OnClick *\/\n.uk-dotnav > * > :active {\n    background: @dotnav-onclick-background;\n    .hook-dotnav-item-onclick;\n}\n\n\/* Active *\/\n.uk-dotnav > .uk-active > * {\n    background: @dotnav-active-background;\n    .hook-dotnav-item-active;\n}\n\n\n\/* Modifier: `uk-dotnav-contrast`\n ========================================================================== *\/\n\n.uk-dotnav-contrast > * > * {\n    background: @dotnav-contrast-background;\n    .hook-dotnav-contrast-item;\n}\n\n\/*\n * Hover\n * 1. Apply hover style also to focus state\n *\/\n\n.uk-dotnav-contrast > * > :hover,\n.uk-dotnav-contrast > * > :focus { \/\/ 1\n    background: @dotnav-contrast-hover-background;\n    .hook-dotnav-contrast-item-hover;\n}\n\n\/* OnClick *\/\n.uk-dotnav-contrast > * > :active {\n    background: @dotnav-contrast-onclick-background;\n    .hook-dotnav-contrast-item-onclick;\n}\n\n\/* Active *\/\n.uk-dotnav-contrast > .uk-active > * {\n    background: @dotnav-contrast-active-background;\n    .hook-dotnav-contrast-item-active;\n}\n\n\n\/* Modifier: 'uk-dotnav-vertical'\n ========================================================================== *\/\n\n\/*\n * DEPRECATED\n *\/\n\n.uk-dotnav-vertical {\n    -ms-flex-direction: column;\n    -webkit-flex-direction: column;\n    flex-direction: column;\n}\n\n\/*\n * DEPRECATED IE9 Support\n *\/\n\n.uk-dotnav-vertical > * { float: none; }\n\n\n\n\/\/ Hooks\n\/\/ ========================================================================\n\n.hook-dotnav-misc;\n\n.hook-dotnav-item() {}\n.hook-dotnav-item-hover() {}\n.hook-dotnav-item-onclick() {}\n.hook-dotnav-item-active() {}\n.hook-dotnav-contrast-item() {}\n.hook-dotnav-contrast-item-hover() {}\n.hook-dotnav-contrast-item-onclick() {}\n.hook-dotnav-contrast-item-active() {}\n.hook-dotnav-misc() {}\n\/\/ Name:            Slidenav\n\/\/ Description:     Defines styles for a previous\/next navigation between slides\n\/\/\n\/\/ Component:       `uk-slidenav`\n\/\/\n\/\/ Modifiers:       `uk-slidenav-previous`\n\/\/                  `uk-slidenav-next`\n\/\/                  `uk-slidenav-contrast`\n\/\/\n\/\/ Sub-objects:     `uk-slidenav-position`\n\/\/\n\/\/ Uses:            Icon: FontAwesome\n\/\/\n\/\/ Markup:\n\/\/\n\/\/ <!-- uk-slidenav -->\n\/\/ <a href=\"\" class=\"uk-slidenav uk-slidenav-previous\"><\/a>\n\/\/ <a href=\"\" class=\"uk-slidenav uk-slidenav-next\"><\/a>\n\/\/\n\/\/ <!-- uk-slidenav-position -->\n\/\/ <div class=\"uk-slidenav-position\">\n\/\/     <img src=\"\" alt=\"\">\n\/\/     <a href=\"\" class=\"uk-slidenav uk-slidenav-previous\"><\/a>\n\/\/     <a href=\"\" class=\"uk-slidenav uk-slidenav-next\"><\/a>\n\/\/ <\/div>\n\/\/\n\/\/ ========================================================================\n\n\n\/\/ Variables\n\/\/ ========================================================================\n\n@slidenav-width:                                60px;\n@slidenav-height:                               @slidenav-width;\n@slidenav-color:                                rgba(50,50,50,0.4);\n@slidenav-font-size:                            60px;\n@slidenav-line-height:                          @slidenav-height;\n@slidenav-previous-icon:                        \"\\f104\";\n@slidenav-next-icon:                            \"\\f105\";\n\n@slidenav-hover-color:                          rgba(50,50,50,0.7);\n\n@slidenav-active-color:                         rgba(50,50,50,0.9);\n\n@slidenav-position-previous:                    20px;\n@slidenav-position-next:                        @slidenav-position-previous;\n\n@slidenav-contrast-color:                       rgba(255,255,255,0.5);\n@slidenav-contrast-hover-color:                 rgba(255,255,255,0.7);\n@slidenav-contrast-active-color:                rgba(255,255,255,0.9);\n\n\n\/* ========================================================================\n   Component: Slidenav\n ========================================================================== *\/\n\n\/*\n * 1. Required for `a` elements\n * 2. Dimension\n * 3. Style\n *\/\n\n.uk-slidenav {\n    \/* 1 *\/\n    display: inline-block;\n    \/* 2 *\/\n    box-sizing: border-box;\n    width: @slidenav-width;\n    height: @slidenav-height;\n    \/* 3 *\/\n    line-height: @slidenav-line-height;\n    color: @slidenav-color;\n    font-size: @slidenav-font-size;\n    text-align: center;\n    .hook-slidenav;\n}\n\n\/*\n * Hover\n * 1. Apply hover style also to focus state\n * 2. Remove default focus style\n * 3. Required for `a` elements\n * 4. Style\n *\/\n\n.uk-slidenav:hover,\n.uk-slidenav:focus { \/\/ 1\n    \/* 2 *\/\n    outline: none;\n    \/* 3 *\/\n    text-decoration: none;\n    \/* 4 *\/\n    color: @slidenav-hover-color;\n    cursor: pointer;\n    .hook-slidenav-hover;\n}\n\n\/* Active *\/\n.uk-slidenav:active {\n    color: @slidenav-active-color;\n    .hook-slidenav-active;\n}\n\n\/*\n * Icons\n *\/\n\n.uk-slidenav-previous:before {\n    content: @slidenav-previous-icon;\n    font-family: FontAwesome;\n}\n\n.uk-slidenav-next:before {\n    content: @slidenav-next-icon;\n    font-family: FontAwesome;\n}\n\n\n\/* Sub-object: `uk-slidenav-position`\n ========================================================================== *\/\n\n\/*\n * Create position context\n *\/\n\n.uk-slidenav-position { position: relative; }\n\n\/*\n * Center vertically\n *\/\n\n.uk-slidenav-position .uk-slidenav {\n    display: none;\n    position: absolute;\n    top: 50%;\n    z-index: 1;\n    margin-top: -(@slidenav-height \/ 2);\n}\n\n.uk-slidenav-position:hover .uk-slidenav { display: block; }\n\n.uk-slidenav-position .uk-slidenav-previous { left: @slidenav-position-previous; }\n.uk-slidenav-position .uk-slidenav-next { right: @slidenav-position-next; }\n\n\n\/* Modifier: `uk-slidenav-contrast`\n ========================================================================== *\/\n\n.uk-slidenav-contrast {\n    color: @slidenav-contrast-color;\n    .hook-slidenav-contrast;\n}\n\n\/*\n * Hover\n * 1. Apply hover style also to focus state\n *\/\n\n.uk-slidenav-contrast:hover,\n.uk-slidenav-contrast:focus { \/\/ 1\n    color: @slidenav-contrast-hover-color;\n    .hook-slidenav-contrast-hover;\n}\n\n\/* Active *\/\n.uk-slidenav-contrast:active {\n    color: @slidenav-contrast-active-color;\n    .hook-slidenav-contrast-active;\n}\n\n\n\/\/ Hooks\n\/\/ ========================================================================\n\n.hook-slidenav-misc;\n\n.hook-slidenav() {}\n.hook-slidenav-hover() {}\n.hook-slidenav-active() {}\n.hook-slidenav-contrast() {}\n.hook-slidenav-contrast-hover() {}\n.hook-slidenav-contrast-active() {}\n.hook-slidenav-misc() {}\n\n\/\/ Components: Common\n\/\/ Name:            Progress\n\/\/ Description:     Defines styles for progress bars\n\/\/\n\/\/ Component:       `uk-progress`\n\/\/\n\/\/ Sub-objects:     `uk-progress-bar`\n\/\/\n\/\/ Modifiers:       `uk-progress-mini`\n\/\/                  `uk-progress-small`\n\/\/                  `uk-progress-success`\n\/\/                  `uk-progress-warning`\n\/\/                  `uk-progress-danger`\n\/\/                  `uk-progress-striped`\n\/\/\n\/\/ Markup:\n\/\/\n\/\/ <!-- uk-progress -->\n\/\/ <div class=\"uk-progress\">\n\/\/     <div class=\"uk-progress-bar\" style=\"width: 40%;\"><\/div>\n\/\/ <\/div>\n\/\/\n\/\/ ========================================================================\n\n\n\/\/ Variables\n\/\/ ========================================================================\n\n@progress-height:                               20px;\n@progress-mini-height:                          6px;\n@progress-small-height:                         12px;\n\n@progress-margin-vertical:                      15px;\n@progress-background:                           #eee;\n\n@progress-bar-background:                       #00a8e6;\n@progress-bar-font-size:                        12px;\n@progress-bar-color:                            #fff;\n\n@progress-bar-success-background:               #8cc14c;\n@progress-bar-warning-background:               #faa732;\n@progress-bar-danger-background:                #da314b;\n\n\n\/* ========================================================================\n   Component: Progress\n ========================================================================== *\/\n\n\/*\n * 1. Clearing\n * 2. Vertical alignment if text is used\n *\/\n\n.uk-progress {\n    box-sizing: border-box;\n    height: @progress-height;\n    margin-bottom: @progress-margin-vertical;\n    background: @progress-background;\n    \/* 1 *\/\n    overflow: hidden;\n    \/* 2 *\/\n    line-height: @progress-height;\n    .hook-progress;\n}\n\n\/*\n * Add margin if adjacent element\n *\/\n\n* + .uk-progress { margin-top: @progress-margin-vertical; }\n\n\n\/* Sub-object: `uk-progress-bar`\n ========================================================================== *\/\n\n\/*\n * 1. Transition\n * 2. Needed for text\n *\/\n\n.uk-progress-bar {\n    width: 0;\n    height: 100%;\n    background: @progress-bar-background;\n    float: left;\n    \/* 1 *\/\n    -webkit-transition: width 0.6s ease;\n    transition: width 0.6s ease;\n    \/* 2 *\/\n    font-size: @progress-bar-font-size;\n    color: @progress-bar-color;\n    text-align: center;\n    .hook-progress-bar;\n}\n\n\n\/* Size modifiers\n ========================================================================== *\/\n\n\/* Mini *\/\n.uk-progress-mini {\n    height: @progress-mini-height;\n    .hook-progress-mini;\n}\n\n\n\/* Small *\/\n.uk-progress-small {\n    height: @progress-small-height;\n    .hook-progress-small;\n}\n\n\n\/* Color modifiers\n ========================================================================== *\/\n\n.uk-progress-success .uk-progress-bar {\n    background-color: @progress-bar-success-background;\n    .hook-progress-bar-success;\n}\n\n.uk-progress-warning .uk-progress-bar {\n    background-color: @progress-bar-warning-background;\n    .hook-progress-bar-warning;\n}\n\n.uk-progress-danger .uk-progress-bar {\n    background-color: @progress-bar-danger-background;\n    .hook-progress-bar-danger;\n}\n\n\n\/* Modifier: `uk-progress-striped`\n ========================================================================== *\/\n\n.uk-progress-striped .uk-progress-bar {\n    background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);\n    background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);\n    background-size: 30px 30px;\n}\n\n\/*\n * Animation\n *\/\n\n.uk-progress-striped.uk-active .uk-progress-bar {\n    -webkit-animation: uk-progress-bar-stripes 2s linear infinite;\n    animation: uk-progress-bar-stripes 2s linear infinite;\n}\n\n@-webkit-keyframes uk-progress-bar-stripes {\n    0% { background-position: 0 0;}\n    100% { background-position: 30px 0; }\n}\n\n@keyframes uk-progress-bar-stripes {\n    0% { background-position: 0 0;}\n    100% { background-position: 30px 0; }\n}\n\n\n\/\/ Hooks\n\/\/ ========================================================================\n\n.hook-progress-misc;\n\n.hook-progress() {}\n.hook-progress-bar() {}\n.hook-progress-mini() {}\n.hook-progress-small() {}\n.hook-progress-bar-success() {}\n.hook-progress-bar-warning() {}\n.hook-progress-bar-danger() {}\n.hook-progress-misc() {}\n\n\/\/ Components: JavaScript\n\/\/ Name:            Accordion\n\/\/ Description:     Defines styles for the accordion\n\/\/\n\/\/ Component:       `uk-accordion`\n\/\/\n\/\/ Sub-objects:     `uk-accordion-title`\n\/\/                  `uk-accordion-content`\n\/\/\n\/\/ Markup:\n\/\/\n\/\/ <!-- uk-accordion -->\n\/\/ <div class=\"uk-accordion\" data-uk-accordion>\n\/\/     <h3 class=\"uk-accordion-title\"><\/h3>\n\/\/     <div class=\"uk-accordion-content\">\n\/\/         <p><\/p>\n\/\/     <\/div>\n\/\/ <\/div>\n\/\/\n\/\/ ========================================================================\n\n\n\/\/ Variables\n\/\/ ========================================================================\n\n@accordion-title-margin-bottom:                 15px;\n@accordion-title-padding-vertical:              5px;\n@accordion-title-padding-horizontal:            15px;\n@accordion-title-font-size:                     18px;\n@accordion-title-line-height:                   24px;\n@accordion-title-background:                    #eee;\n\n@accordion-content-padding-horizontal:          @accordion-title-padding-horizontal;\n@accordion-content-padding-bottom:              @accordion-title-padding-horizontal;\n\n\n\/* ========================================================================\n   Component: Accordion\n ========================================================================== *\/\n\n.uk-accordion {\n    .hook-accordion;\n}\n\n\/* Sub-object: `uk-accordion-title`\n ========================================================================== *\/\n\n.uk-accordion-title {\n    margin-top: 0;\n    margin-bottom: @accordion-title-margin-bottom;\n    padding: @accordion-title-padding-vertical @accordion-title-padding-horizontal;\n    background: @accordion-title-background;\n    font-size: @accordion-title-font-size;\n    line-height: @accordion-title-line-height;\n    cursor: pointer;\n    .hook-accordion-title;\n}\n\n\n\/* Sub-object: `uk-accordion-content`\n ========================================================================== *\/\n\n.uk-accordion-content {\n    padding: 0 @accordion-content-padding-horizontal @accordion-content-padding-bottom @accordion-content-padding-horizontal;\n    .hook-accordion-content;\n}\n\n\/*\n * Micro clearfix to make panels more robust\n *\/\n\n.uk-accordion-content:before,\n.uk-accordion-content:after {\n    content: \"\";\n    display: table;\n}\n\n.uk-accordion-content:after { clear: both; }\n\n\/*\n * Remove margin from the last-child\n *\/\n\n .uk-accordion-content > :last-child { margin-bottom: 0; }\n\n\n\/\/ Hooks\n\/\/ ========================================================================\n\n.hook-accordion-misc;\n\n.hook-accordion() {}\n.hook-accordion-title() {}\n.hook-accordion-content() {}\n.hook-accordion-misc() {}\n\/\/ Name:            Search\n\/\/ Description:     Defines a search component\n\/\/\n\/\/ Component:       `uk-search`\n\/\/\n\/\/ Sub-objects:     `uk-search-field`\n\/\/\n\/\/ Modifier:        (Nav) `uk-nav-search`\n\/\/                  (Dropdown) `uk-dropdown-search`\n\/\/\n\/\/ States:          `uk-active`\n\/\/                  `uk-loading`\n\/\/\n\/\/ Uses:            Animation\n\/\/                  Icon: FontAwesome\n\/\/                  Navbar: `uk-navbar-flip`\n\/\/\n\/\/ Used by:         Off-canvas\n\/\/\n\/\/ Markup:\n\/\/\n\/\/ <!-- uk-search -->\n\/\/ <form class=\"uk-search\" data-uk-search>\n\/\/     <input class=\"uk-search-field\" type=\"search\" placeholder=\"\">\n\/\/ <\/form>\n\/\/\n\/\/ ========================================================================\n\n\n\/\/ Variables\n\/\/ ========================================================================\n\n@search-width:                                  120px;\n@search-focus-width:                            180px;\n@search-height:                                 30px;\n@search-padding:                                30px;\n@search-border:                                 rgba(0,0,0,0);\n@search-border-width:                           1px;\n@search-background:                             rgba(0,0,0,0);\n@search-color:                                  #444;\n@search-placeholder-color:                      #999;\n\n@search-icon:                                   \"\\f002\";\n@search-icon-size:                              14px;\n@search-icon-color:                             rgba(0,0,0,0.2);\n\n\/\/ Dropdown modifier\n@dropdown-search-width:                         300px;\n@dropdown-search-margin-top:                    0;\n@dropdown-search-background:                    #f5f5f5;\n@dropdown-search-color:                         #444;\n@dropdown-search-animation:                     uk-slide-top-fixed;\n@dropdown-search-navbar-margin-top:             5px;\n@dropdown-search-navbar-margin-right:           -15px;\n\n\/\/ Nav modifier\n@nav-search-color:                              #444;\n@nav-search-active-background:                  #00a8e6;\n@nav-search-active-color:                       #fff;\n@nav-search-header-color:                       #999;\n@nav-search-divider-border:                     #ddd;\n@nav-search-divider-border-width:               1px;\n@nav-search-nested-color:                       #07D;\n@nav-search-nested-hover-color:                 #059;\n\n\/\/ Search in offcanvas\n@offcanvas-search-margin:                       20px 15px;\n@offcanvas-search-background:                   #1a1a1a;\n@offcanvas-search-border:                       rgba(0,0,0,0);\n@offcanvas-search-color:                        #ccc;\n@offcanvas-search-placeholder-color:            #777;\n@offcanvas-search-icon-color:                   #777;\n\n\n\/* ========================================================================\n   Component: Search\n ========================================================================== *\/\n\n\/*\n * 1. Create position context for dropdowns\n * 2. Needed for `form` element\n *\/\n\n.uk-search {\n    display: inline-block;\n    \/* 1 *\/\n    position: relative;\n    \/* 2 *\/\n    margin: 0;\n    .hook-search;\n}\n\n\/*\n * Icon\n *\/\n\n.uk-search:before {\n    content: @search-icon;\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: @search-padding;\n    line-height: @search-height;\n    text-align: center;\n    font-family: FontAwesome;\n    font-size: @search-icon-size;\n    color: @search-icon-color;\n    .hook-search-icon;\n}\n\n\n\/* Sub-object `uk-search-field`\n ========================================================================== *\/\n\n\/*\n * Removes inner padding and border in Firefox 4+.\n *\/\n\n.uk-search-field::-moz-focus-inner {\n    border: 0;\n    padding: 0;\n}\n\n\/*\n * Remove inner padding and search cancel button in Chrome, Safari and Opera on OS X.\n *\/\n\n.uk-search-field::-webkit-search-cancel-button,\n.uk-search-field::-webkit-search-decoration { -webkit-appearance: none; }\n\n\/*\n * Removes cancel button in IE10\n *\/\n\n.uk-search-field::-ms-clear { display: none; }\n\n\/*\n * Removes placeholder transparency in Firefox.\n *\/\n\n.uk-search-field::-moz-placeholder { opacity: 1; }\n\n\/*\n * 1. Define consistent box sizing.\n * 2. Address margins set differently in Firefox\/IE and Chrome\/Safari\/Opera.\n * 3. Remove `border-radius` in iOS.\n * 4. Correct `font` properties and `color` not being inherited.\n * 5. Remove default style in iOS.\n * 6. Style\n *\/\n\n.uk-search-field {\n    \/* 1 *\/\n    box-sizing: border-box;\n    \/* 2 *\/\n    margin: 0;\n    \/* 3 *\/\n    border-radius: 0;\n    \/* 4 *\/\n    font: inherit;\n    color: @search-color;\n    \/* 5 *\/\n    -webkit-appearance: none;\n    \/* 6 *\/\n    width: @search-width;\n    height: @search-height;\n    padding: 0 0 0 @search-padding;\n    border: @search-border-width solid @search-border;\n    background: @search-background;\n    -webkit-transition: all 0.2s linear;\n    transition: all 0.2s linear;\n    vertical-align: middle;\n    .hook-search-field;\n}\n\n\/* Placeholder *\/\n.uk-search-field:-ms-input-placeholder { color: @search-placeholder-color !important; }\n.uk-search-field::-moz-placeholder { color: @search-placeholder-color; }\n.uk-search-field::-webkit-input-placeholder { color: @search-placeholder-color; }\n\n\/* Focus *\/\n.uk-search-field:focus {\n    outline: 0;\n    .hook-search-field-focus;\n}\n\n\/* Focus + Active *\/\n.uk-search-field:focus,\n.uk-search.uk-active .uk-search-field { width: @search-focus-width; }\n\n\n\/* Dropdown modifier: `uk-dropdown-search`\n ========================================================================== *\/\n\n.uk-dropdown-search {\n    width: @dropdown-search-width;\n    margin-top: @dropdown-search-margin-top;\n    background: @dropdown-search-background;\n    color: @dropdown-search-color;\n    .hook-dropdown-search;\n}\n\n.uk-open > .uk-dropdown-search {\n    -webkit-animation: @dropdown-search-animation 0.2s ease-in-out;\n    animation: @dropdown-search-animation 0.2s ease-in-out;\n}\n\n\/*\n * Dependency `uk-navbar-flip`\n *\/\n\n.uk-navbar-flip .uk-dropdown-search {\n    margin-top: @dropdown-search-navbar-margin-top;\n    margin-right: @dropdown-search-navbar-margin-right;\n}\n\n\n\/* Nav modifier `uk-nav-search`\n ========================================================================== *\/\n\n\/*\n * Items\n *\/\n\n.uk-nav-search > li > a {\n    color: @nav-search-color;\n    .hook-nav-search;\n}\n\n\/*\n * Active\n * 1. Remove default focus style\n *\/\n\n.uk-nav-search > li.uk-active > a {\n    background: @nav-search-active-background;\n    color: @nav-search-active-color;\n    \/* 1 *\/\n    outline: none;\n    .hook-nav-search-active;\n}\n\n\/*\n * Sub-object: `uk-nav-header`\n *\/\n\n.uk-nav-search .uk-nav-header {\n    color: @nav-search-header-color;\n    .hook-nav-search-header;\n}\n\n\/*\n * Sub-object: `uk-nav-divider`\n *\/\n\n.uk-nav-search .uk-nav-divider {\n    border-top: @nav-search-divider-border-width solid @nav-search-divider-border;\n    .hook-nav-search-divider;\n}\n\n\/*\n * Nested items\n *\/\n\n.uk-nav-search ul a { color: @nav-search-nested-color; }\n.uk-nav-search ul a:hover { color: @nav-search-nested-hover-color; }\n\n\n\/* Search in offcanvas\n ========================================================================== *\/\n\n.uk-offcanvas .uk-search {\n    display: block;\n    margin: @offcanvas-search-margin;\n}\n\n.uk-offcanvas .uk-search:before { color: @offcanvas-search-icon-color; }\n\n.uk-offcanvas .uk-search-field {\n    width: 100%;\n    border-color: @offcanvas-search-border;\n    background: @offcanvas-search-background;\n    color: @offcanvas-search-color;\n    .hook-offcanvas-search-field;\n}\n\n.uk-offcanvas .uk-search-field:-ms-input-placeholder { color: @offcanvas-search-placeholder-color !important; }\n.uk-offcanvas .uk-search-field::-moz-placeholder { color: @offcanvas-search-placeholder-color; }\n.uk-offcanvas .uk-search-field::-webkit-input-placeholder { color: @offcanvas-search-placeholder-color; }\n\n\n\/\/ Hooks\n\/\/ ========================================================================\n\n.hook-search-misc;\n\n.hook-search() {}\n.hook-search-icon() {}\n.hook-search-field() {}\n.hook-search-field-focus() {}\n\n.hook-dropdown-search() {}\n.hook-nav-search() {}\n.hook-nav-search-active() {}\n.hook-nav-search-header() {}\n.hook-nav-search-divider() {}\n.hook-offcanvas-search-field() {}\n\n.hook-search-misc() {}\n\n\/\/ Name:            Slideshow\n\/\/ Description:     Defines styles for a slideshow\n\/\/\n\/\/ Component:       `uk-slideshow`\n\/\/\n\/\/ Modifier:        `uk-slideshow-fullscreen`\n\/\/\n\/\/ Sub-modifier:    `uk-slideshow-fade-out`\n\/\/                  `uk-slideshow-scroll-forward-in`\n\/\/                  `uk-slideshow-scroll-forward-out`\n\/\/                  `uk-slideshow-scroll-backward-in`\n\/\/                  `uk-slideshow-scroll-backward-out`\n\/\/                  `uk-slideshow-scale-out`\n\/\/                  `uk-slideshow-swipe-forward-in`\n\/\/                  `uk-slideshow-swipe-forward-out`\n\/\/                  `uk-slideshow-swipe-backward-in`\n\/\/                  `uk-slideshow-swipe-backward-out`\n\/\/\n\/\/ States:          `uk-active`\n\/\/\n\/\/ Uses:            Cover (JS)\n\/\/\n\/\/ Markup:\n\/\/\n\/\/ <!-- uk-slideshow -->\n\/\/ <ul class=\"uk-slideshow\" data-uk-slideshow>\n\/\/     <li><img src=\"\" width=\"\" height=\"\" alt=\"\"><\/li>\n\/\/ <\/ul>\n\/\/\n\/\/ ========================================================================\n\n\n\/* ========================================================================\n   Component: Slideshow\n ========================================================================== *\/\n\n\/*\n * 1. Create position context\n * 2. Create stacking context to prevent z-index issues with other components\n * 3. Set width because child elements are positioned absolute. Height is set via JS\n * 4. Reset list style\n * 5. Clip child elements\n * 6. Deactivate browser history navigation in IE11\n *\/\n\n.uk-slideshow {\n    \/* 1 *\/\n    position: relative;\n    \/* 2 *\/\n    z-index: 0;\n    \/* 3 *\/\n    width: 100%;\n    \/* 4 *\/\n    margin: 0;\n    padding: 0;\n    list-style: none;\n    \/* 5 *\/\n    overflow: hidden;\n    \/* 6 *\/\n    touch-action: pan-y;\n}\n\n\/*\n * Sub-object item\n * 1. Position items above each other\n * 2. Expand to parent container width\n * 3. Hide by default\n *\/\n\n.uk-slideshow > li {\n    \/* 1 *\/\n    position: absolute;\n    top: 0;\n    left: 0;\n    \/* 2 *\/\n    width: 100%;\n    \/* 3 *\/\n    opacity: 0;\n}\n\n\/*\n * Active\n * 1. Stack at first\n * 2. Show slide\n *\/\n\n.uk-slideshow > .uk-active {\n    \/* 1 *\/\n    z-index: 10;\n    \/* 2 *\/\n    opacity: 1;\n}\n\n\/*\n * Hide default images which is only relevant to keep existing proportions\n *\/\n\n.uk-slideshow > li > img { visibility: hidden; }\n\n\/*\n * Pointer for controls\n *\/\n\n[data-uk-slideshow-slide] { cursor: pointer; }\n\n\n\/* Modifier: `uk-slideshow-fullscreen`\n ========================================================================== *\/\n\n.uk-slideshow-fullscreen,\n.uk-slideshow-fullscreen > li { height: 100vh; }\n\n\n\/* Animations\n ========================================================================== *\/\n\n\/*\n * Fade\n *\/\n\n .uk-slideshow-fade-in {\n     -webkit-animation: uk-fade 0.5s linear;\n     animation: uk-fade 0.5s linear;\n }\n\n.uk-slideshow-fade-out {\n    -webkit-animation: uk-fade 0.5s linear reverse;\n    animation: uk-fade 0.5s linear reverse;\n}\n\n\/*\n * Scroll\n *\/\n\n.uk-slideshow-scroll-forward-in {\n    -webkit-animation: uk-slide-right 0.5s ease-in-out;\n    animation: uk-slide-right 0.5s ease-in-out;\n}\n\n.uk-slideshow-scroll-forward-out {\n    -webkit-animation: uk-slide-left 0.5s ease-in-out reverse;\n    animation: uk-slide-left 0.5s ease-in-out reverse;\n}\n\n.uk-slideshow-scroll-backward-in {\n    -webkit-animation: uk-slide-left 0.5s ease-in-out;\n    animation: uk-slide-left 0.5s ease-in-out;\n}\n\n.uk-slideshow-scroll-backward-out {\n    -webkit-animation: uk-slide-right 0.5s ease-in-out reverse;\n    animation: uk-slide-right 0.5s ease-in-out reverse;\n}\n\n\/*\n * Scale\n *\/\n\n.uk-slideshow-scale-out {\n    -webkit-animation: uk-fade-scale-15 0.5s ease-in-out reverse;\n    animation: uk-fade-scale-15 0.5s ease-in-out reverse;\n}\n\n\/*\n * Swipe\n *\/\n\n.uk-slideshow-swipe-forward-in {\n    -webkit-animation: uk-slide-left-33 0.5s ease-in-out;\n    animation: uk-slide-left-33 0.5s ease-in-out;\n}\n\n.uk-slideshow-swipe-forward-out {\n    -webkit-animation: uk-slide-left 0.5s ease-in-out reverse;\n    animation: uk-slide-left 0.5s ease-in-out reverse;\n}\n\n.uk-slideshow-swipe-backward-in {\n    -webkit-animation: uk-slide-right-33 0.5s ease-in-out;\n    animation: uk-slide-right-33 0.5s ease-in-out;\n}\n\n.uk-slideshow-swipe-backward-out {\n    -webkit-animation: uk-slide-right 0.5s ease-in-out reverse;\n    animation: uk-slide-right 0.5s ease-in-out reverse;\n}\n\n.uk-slideshow-swipe-forward-in:before,\n.uk-slideshow-swipe-backward-in:before {\n    content: '';\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    z-index: 1;\n    background: rgba(0,0,0,0.6);\n    -webkit-animation: uk-fade 0.5s ease-in-out reverse;\n    animation: uk-fade 0.5s ease-in-out reverse;\n}\n\n\n\/\/ Hooks\n\/\/ ========================================================================\n\n.hook-slideshow-misc;\n\n.hook-slideshow-misc() {}\n\n\/\/ Name:            Slider\n\/\/ Description:     Defines styles for a horizontal slider\n\/\/\n\/\/ Component:       `uk-slider`\n\/\/\n\/\/ Sub-objects:     `uk-slider-container`\n\/\/\n\/\/ Modifier:        `uk-slider-fullscreen`\n\/\/\n\/\/ States:          `uk-drag`\n\/\/\n\/\/ Markup:\n\/\/\n\/\/ <!-- uk-slider -->\n\/\/ <div data-uk-slider>\n\/\/     <div class=\"uk-slider-container\">\n\/\/         <ul class=\"uk-slider\">\n\/\/             <li><\/li>\n\/\/             <li><\/li>\n\/\/         <\/ul>\n\/\/     <\/div>\n\/\/ <\/div>\n\/\/\n\/\/ ========================================================================\n\n\n\/* ========================================================================\n   Component: Slider\n ========================================================================== *\/\n\n\/*\n * 1. Create position context\n * 2. Create stacking context to prevent z-index issues with other components\n * 3. Deactivate browser history navigation in IE11\n *\/\n\n.uk-slider {\n    \/* 1 *\/\n    position: relative;\n    \/* 2 *\/\n    z-index: 0;\n    \/* 3 *\/\n    touch-action: pan-y;\n}\n\n\/*\n * 1. Reset list style without interfering with grid\n *\/\n\n.uk-slider:not(.uk-grid) {\n    \/* 1 *\/\n    margin: 0;\n    padding: 0;\n    list-style: none;\n}\n\n\/*\n * Sub-object item\n * 1. Position items above each other\n *\/\n\n.uk-slider > * {\n    \/* 1 *\/\n    position: absolute;\n    top: 0;\n    left: 0;\n}\n\n\/*\n * Clip child elements\n *\/\n\n.uk-slider-container { overflow: hidden; }\n\n\/*\n * Dragged\n *\/\n\n.uk-slider:not(.uk-drag) {\n    -webkit-transition: -webkit-transform 200ms linear;\n    transition: transform 200ms linear;\n}\n\n\/*\n * 1. Makes text unselectable\n *\/\n\n.uk-slider.uk-drag {\n    cursor: col-resize;\n    \/* 1 *\/\n    -moz-user-select: none;\n    -webkit-user-select: none;\n    -ms-user-select: none;\n    user-select: none;\n}\n\n\/*\n * 1. Prevents images and links from being dragged (default browser behavior)\n * 2. Disables the default callout shown when you touch and hold a touch target\n * Currently only works in Webkit\n *\/\n\n.uk-slider a,\n.uk-slider img {\n    \/* 1 *\/\n    -webkit-user-drag: none;\n    user-drag: none;\n    \/* 2 *\/\n    -webkit-touch-callout: none;\n}\n\n\/*\n * 1. Prevents images and links from being dragged in Firefox\n *\/\n\n.uk-slider img { pointer-events: none; }\n\n\n\/* Modifier: `uk-slider-fullscreen`\n ========================================================================== *\/\n\n.uk-slider-fullscreen,\n.uk-slider-fullscreen > li { height: 100vh; }\n\n\n\/\/ Hooks\n\/\/ ========================================================================\n\n.hook-slider-misc;\n\n.hook-slider-misc() {}\n\/\/ Name:            Sticky\n\/\/ Description:     Make elements remain at the top of the viewport\n\/\/\n\/\/ Component:       `data-uk-sticky`\n\/\/\n\/\/ States:          `uk-active`\n\/\/\n\/\/ ========================================================================\n\n\n\/\/ Variables\n\/\/ ========================================================================\n\n@sticky-z-index:                                980;\n\n@sticky-animation-duration:                     0.2s;\n@sticky-reverse-animation-duration:             0.2s;\n\n\n\/* ========================================================================\n   Component: Sticky\n ========================================================================== *\/\n\n\/*\n * 1. More robust if padding and border are used\n *\/\n\n[data-uk-sticky].uk-active {\n   z-index: @sticky-z-index;\n   \/* 1 *\/\n   box-sizing: border-box;\n}\n\n\/*\n * Faster animations\n *\/\n\n[data-uk-sticky][class*='uk-animation-'] {\n    -webkit-animation-duration: @sticky-animation-duration;\n    animation-duration: @sticky-animation-duration;\n}\n\n[data-uk-sticky].uk-animation-reverse {\n    -webkit-animation-duration: @sticky-reverse-animation-duration;\n    animation-duration: @sticky-reverse-animation-duration;\n}\n\n\n\/\/ Hooks\n\/\/ ========================================================================\n\n.hook-sticky-misc;\n\n.hook-sticky-misc() {}\n\n\/\/ Name:            Tooltip\n\/\/ Description:     Defines styles for tooltips\n\/\/\n\/\/ Component:       `uk-tooltip`\n\/\/\n\/\/ Modifiers        `uk-tooltip-top`\n\/\/                  `uk-tooltip-top-left`\n\/\/                  `uk-tooltip-top-right`\n\/\/                  `uk-tooltip-bottom`\n\/\/                  `uk-tooltip-bottom-left`\n\/\/                  `uk-tooltip-bottom-right`\n\/\/                  `uk-tooltip-left`\n\/\/                  `uk-tooltip-right`\n\/\/\n\/\/ ========================================================================\n\n\n\/\/ Variables\n\/\/ ========================================================================\n\n@tooltip-z-index:                               1030;\n@tooltip-max-width:                             200px;\n@tooltip-padding-vertical:                      5px;\n@tooltip-padding-horizontal:                    8px;\n@tooltip-background:                            #333;\n@tooltip-triangle-size:                         5px;\n\n@tooltip-color:                                 rgba(255,255,255,0.7);\n@tooltip-font-size:                             12px;\n@tooltip-line-height:                           18px;\n\n@tooltip-offset-horizontal:                     10px;\n\n\n\/* ========================================================================\n   Component: Tooltip\n ========================================================================== *\/\n\n\/*\n * 1. Hide by default\n * 2. Set fixed position\n * 3. Set dimensions\n * 4. Set style\n *\/\n\n.uk-tooltip {\n    \/* 1 *\/\n    display: none;\n    \/* 2 *\/\n    position: absolute;\n    z-index: @tooltip-z-index;\n    \/* 3 *\/\n    box-sizing: border-box;\n    max-width: @tooltip-max-width;\n    padding: @tooltip-padding-vertical @tooltip-padding-horizontal;\n    \/* 4 *\/\n    background: @tooltip-background;\n    color: @tooltip-color;\n    font-size: @tooltip-font-size;\n    line-height: @tooltip-line-height;\n    .hook-tooltip;\n}\n\n\n\/* Triangle\n ========================================================================== *\/\n\n\/*\n * 1. Dashed is less antialised than solid\n *\/\n\n.uk-tooltip:after {\n    content: \"\";\n    display: block;\n    position: absolute;\n    width: 0;\n    height: 0;\n    \/* 1 *\/\n    border: @tooltip-triangle-size dashed @tooltip-background;\n}\n\n\n\/* Direction modifiers\n ========================================================================== *\/\n\n\/*\n * Top\n *\/\n\n.uk-tooltip-top:after,\n.uk-tooltip-top-left:after,\n.uk-tooltip-top-right:after {\n    bottom: -@tooltip-triangle-size;\n    border-top-style: solid;\n    border-bottom: none;\n    border-left-color: transparent;\n    border-right-color: transparent;\n    border-top-color: @tooltip-background;\n}\n\n\/*\n * Bottom\n *\/\n\n.uk-tooltip-bottom:after,\n.uk-tooltip-bottom-left:after,\n.uk-tooltip-bottom-right:after {\n    top: -@tooltip-triangle-size;\n    border-bottom-style: solid;\n    border-top: none;\n    border-left-color: transparent;\n    border-right-color: transparent;\n    border-bottom-color: @tooltip-background;\n}\n\n\/*\n * Top\/Bottom center\n *\/\n\n.uk-tooltip-top:after,\n.uk-tooltip-bottom:after {\n    left: 50%;\n    margin-left: -@tooltip-triangle-size;\n}\n\n\/*\n * Top\/Bottom left\n *\/\n\n.uk-tooltip-top-left:after,\n.uk-tooltip-bottom-left:after { left: @tooltip-offset-horizontal; }\n\n\/*\n * Top\/Bottom right\n *\/\n\n.uk-tooltip-top-right:after,\n.uk-tooltip-bottom-right:after { right: @tooltip-offset-horizontal; }\n\n\/*\n * Left\n *\/\n\n.uk-tooltip-left:after {\n    right: -@tooltip-triangle-size;\n    top: 50%;\n    margin-top: -@tooltip-triangle-size;\n    border-left-style: solid;\n    border-right: none;\n    border-top-color: transparent;\n    border-bottom-color: transparent;\n    border-left-color: @tooltip-background;\n}\n\n\/*\n * Right\n *\/\n\n.uk-tooltip-right:after {\n    left: -@tooltip-triangle-size;\n    top: 50%;\n    margin-top: -@tooltip-triangle-size;\n    border-right-style: solid;\n    border-left: none;\n    border-top-color: transparent;\n    border-bottom-color: transparent;\n    border-right-color: @tooltip-background;\n}\n\n\n\/\/ Hooks\n\/\/ ========================================================================\n\n.hook-tooltip-misc;\n\n.hook-tooltip() {}\n.hook-tooltip-misc() {}\n\n\/\/ Theme\n\/\/ ========================================================================\n\n\/\/ LESS related\n\/\/ Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http:\/\/www.yootheme.com\/license) *\/\n\n\/\/\n\/\/ Component: Variables\n\/\/\n\/\/ ========================================================================\n\n\n\/\/ Global variables\n\/\/ ========================================================================\n\n\/\/\n\/\/ Text\n\/\/\n\n@global-color:                                  #525252;\n@global-muted-color:                            #AAAAAA ;\n\n@global-dark-color:                             #525252;\n\n@global-link-color:                             #b7c261;\n@global-link-hover-color:                       #a5b337;\n\n@global-contrast-color:                         #fff;\n\n@global-font-weight:                            400;\n@global-font-size:                              16px;\n@global-line-height:                            24px;\n\n@global-primary-color:                          #B0BD5A;\n@global-success-color:                          #84ab54;\n@global-warning-color:                          #f3c053;\n@global-danger-color:                           #ea642e;\n\n@global-text-transform:                        \tuppercase;\n\n\/\/\n\/\/ Backgrounds & Borders\n\/\/\n\n@global-background:                             #fff;\n@global-border:                                 #EAEAEA;\n\n@global-primary-background:                     mix(@global-primary-gradient-top, @global-primary-gradient-bottom, 40%);\n@global-success-background:                     mix(@global-success-gradient-top, @global-success-gradient-bottom, 40%);\n@global-warning-background:                     mix(@global-warning-gradient-top, @global-warning-gradient-bottom, 40%);\n@global-danger-background:                      mix(@global-danger-gradient-top, @global-danger-gradient-bottom, 40%);\n\n@global-light-background: \t\t\t\t\t\t#fafafa;\n@global-default-active-background: \t\t\t\t#EEEEEE;\n\n@global-border-radius:                          2px;\n\n\/\/\n\/\/ Gradients\n\/\/\n\n@global-default-gradient-top:                   #FCFCFC;\n@global-default-gradient-bottom:                #FAFAFA;\n\n@global-primary-gradient-top:                   #bbc46a;\n@global-primary-gradient-bottom:                #abb95b;\n\n@global-success-gradient-top:                   #91be59;\n@global-success-gradient-bottom:                #84ab54;\n\n@global-warning-gradient-top:                   #f7cb6b;\n@global-warning-gradient-bottom:                #f3c053;\n\n@global-danger-gradient-top:                    #f77a48;\n@global-danger-gradient-bottom:                 #ea642e;\n\n\n\/\/\n\/\/ Panel\n\/\/\n\n@panel-box-primary-background: #b7c261;\n\n\/\/\n\/\/ Spacings\n\/\/\n\n@global-margin:                                 20px;\n@global-margin-large:                           30px;\n@global-grid-gutter:                            30px;\n@global-grid-gutter-large:                      35px;\n\n\/\/\n\/\/ Controls\n\/\/\n\n@global-height:                                 36px;\n@global-mini-height:                            20px;\n@global-small-height:                           25px;\n@global-large-height:                           40px;\n\n\/\/\n\/\/ Z-index\n\/\/\n\n@global-z-index:                                1000;\n\n\n\/\/ Internal Global variables\n\/\/ ==========================================================================\n\n@global-image-path:                             'images';\n@global-style:                                  'default';\n\n\/\/ Defaults\n\/\/ Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http:\/\/www.yootheme.com\/license) *\/\n\n\/\/\n\/\/ Component: Base\n\/\/\n\/\/ ========================================================================\n\n\n\/\/ Variables\n\/\/ ========================================================================\n\n@base-body-background:                          @global-background;\n@base-body-font-family:                         'Lato';\n@base-body-font-weight:                         @global-font-weight;\n@base-body-font-size:                           @global-font-size;\n@base-body-line-height:                         @global-line-height;\n@base-body-color:                               @global-color;\n\n@base-link-color:                               @global-link-color;\n@base-link-hover-color:                         @global-link-hover-color;\n@base-em-color:                                 #9C3302;\n@base-ins-background:                           darken(@global-light-background, 5%);\n@base-ins-color:                                @global-color;\n\n@base-mark-background:                         \tfade(@global-primary-background, 30%);\n@base-mark-color:                               darken(@global-link-color, 25%);\n\n@base-selection-background:                     fade(@global-primary-background, 80%);\n\n@base-margin-vertical:                          @global-margin;\n\n@base-heading-font-family:                      'Lato';\n@base-heading-font-weight:                      700;\n@base-heading-color:                            @global-dark-color;\n@base-heading-text-transform:                  \t@global-text-transform;\n@base-heading-margin-top:                       @global-margin-large;\n@base-h1-font-size:                             round((@global-font-size * 2.375)); \/\/ 38px\n@base-h1-line-height:                           round((@base-h1-font-size * 1.26)); \/\/ 46px\n@base-h2-font-size:                             round((@global-font-size * 2)); \/\/ 32px\n@base-h2-line-height:                           round((@base-h2-font-size * 1.25)); \/\/ 40px\n@base-h3-font-size:                             round((@global-font-size * 1.62)); \/\/ 26px\n@base-h3-line-height:                           round((@base-h3-font-size * 1.3)); \/\/ 34px\n@base-h4-font-size:                             round((@global-font-size * 1.125)); \/\/ 18px\n@base-h4-line-height:                           round((@base-h4-font-size * 1.4)); \/\/ 26px\n@base-h5-font-size:                             @global-font-size; \/\/ 16px\n@base-h5-line-height:                           @global-line-height; \/\/ 24px\n@base-h6-font-size:                             round((@global-font-size * 0.85)); \/\/ 12px\n@base-h6-line-height:                           round((@base-h6-font-size * 1.5)); \/\/ 18px\n\n@base-hr-border:                                @global-border;\n\n@base-blockquote-border:                        @global-border;\n@base-blockquote-small-color:                   @global-muted-color;\n@base-blockquote-font-size:                     round((@global-font-size * 1.14)); \/\/ 16px\n@base-blockquote-line-height:                   round((@base-blockquote-font-size * 1.37)); \/\/ 22px\n\n@base-code-color:                               @global-color;\n@base-code-font-size:                           round((@global-font-size * 0.9)); \/\/ 13px\n\n@base-pre-background:                           @global-light-background;\n@base-pre-color:                                @global-color;\n@base-pre-font-size:                            round((@global-font-size * 0.85)); \/\/ 12px\n@base-pre-line-height:                          round((@base-pre-font-size * 1.5)); \/\/ 18px\n\n\/\/\n\/\/ New\n\/\/\n\n@base-code-border:                              @global-border;\n@base-code-border-radius: \t\t\t\t\t\t@global-border-radius;\n@base-code-background:                          @global-light-background;\n\n@base-pre-border:                               @global-border;\n@base-pre-border-radius: \t\t\t\t\t\t@global-border-radius;\n\n@base-heading-letter-spacing:                   0;\n\n\n\/\/ Body\n\/\/ ========================================================================\n\n.hook-base-body() {}\n\n\n\/* Text-level semantics\n========================================================================== *\/\n\n\n\/*\n * Links\n *\/\n\na:hover {\n    text-decoration: none;\n    -webkit-transition: color.1s ease-in-out;\n    transition: color.1s ease-in-out;\n}\n\n\n\n\/\/ Code and preformatted text\n\/\/ ========================================================================\n\n.hook-base-code() {\n\tpadding: 2px 4px;\n    border: 1px solid @base-code-border;\n    border-radius: @base-code-border-radius;\n    background: @base-code-background;\n}\n\n.hook-base-code-reset() {\n\tpadding: 0;\n    border: 0;\n    background: transparent;\n    box-shadow: none;\n}\n\n.hook-base-pre() {\n\tborder: 1px solid @base-pre-border;\n\tborder-radius: @base-pre-border-radius;\n}\n\n\n\/\/ Miscellaneous\n\/\/ ========================================================================\n\n.hook-base-misc() {\n\n    h1, h2, h3, h4, h5, h6 { letter-spacing: @base-heading-letter-spacing; }\n\n}\n\n\/\/ Layout\n\/\/ Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http:\/\/www.yootheme.com\/license) *\/\n\n\/\/\n\/\/ Component: Grid\n\/\/\n\/\/ ========================================================================\n\n\n\/\/ Variables\n\/\/ ========================================================================\n\n@grid-gutter-horizontal:                        @global-grid-gutter;\n@grid-gutter-vertical:                          @global-grid-gutter;\n\n@grid-gutter-large-horizontal:                  @global-grid-gutter-large;\n@grid-gutter-large-vertical:                    @global-grid-gutter-large;\n\n@grid-divider-border:                           @global-border;\n@grid-divider-border-width:                     2px;\n\n\/\/\n\/\/ New\n\/\/\n\n@grid-divider-border-style:                     dotted;\n\n\n\/\/ Miscellaneous\n\/\/ ========================================================================\n\n.hook-grid-misc() {\n\n    \/*\n     * Horizontal divider\n     *\n     *\/\n\n    .uk-grid-divider > [class*='uk-width-1-']:not(.uk-width-1-1):nth-child(n+2),\n    .uk-grid-divider > [class*='uk-width-2-']:nth-child(n+2),\n    .uk-grid-divider > [class*='uk-width-3-']:nth-child(n+2),\n    .uk-grid-divider > [class*='uk-width-4-']:nth-child(n+2),\n    .uk-grid-divider > [class*='uk-width-5-']:nth-child(n+2),\n    .uk-grid-divider > [class*='uk-width-6-']:nth-child(n+2),\n    .uk-grid-divider > [class*='uk-width-7-']:nth-child(n+2),\n    .uk-grid-divider > [class*='uk-width-8-']:nth-child(n+2),\n    .uk-grid-divider > [class*='uk-width-9-']:nth-child(n+2) {\n                border-left-style: @grid-divider-border-style;\n                -webkit-border-image: url(\"\/templates\/yoo_eat\/less\/uikit\/@{global-image-path}\/border_dotted_vertical.svg\") 0 0 0 2 repeat;\n                border-image: url(\"\/templates\/yoo_eat\/less\/uikit\/@{global-image-path}\/border_dotted_vertical.svg\") 0 0 0 2 repeat;\n    }\n\n\n    \/* Tablet and bigger *\/\n    @media (min-width: @breakpoint-medium) {\n\n        .uk-grid-divider > [class*='uk-width-medium-']:not(.uk-width-medium-1-1):nth-child(n+2) {\n\n                border-left-style: @grid-divider-border-style;\n                -webkit-border-image: url(\"\/templates\/yoo_eat\/less\/uikit\/@{global-image-path}\/border_dotted_vertical.svg\") 0 0 0 2 repeat;\n                border-image: url(\"\/templates\/yoo_eat\/less\/uikit\/@{global-image-path}\/border_dotted_vertical.svg\") 0 0 0 2 repeat;\n            }\n\n    }\n\n    \/* Desktop and bigger *\/\n    @media (min-width: @breakpoint-large) {\n\n        .uk-grid-divider > [class*='uk-width-large-']:not(.uk-width-large-1-1):nth-child(n+2) {\n                border-left-style: @grid-divider-border-style;\n                -webkit-border-image: url(\"\/templates\/yoo_eat\/less\/uikit\/@{global-image-path}\/border_dotted_vertical.svg\") 0 0 0 2 repeat;\n                border-image: url(\"\/templates\/yoo_eat\/less\/uikit\/@{global-image-path}\/border_dotted_vertical.svg\") 0 0 0 2 repeat;\n\n        }\n\n    }\n\n\n}\n\n\/\/ Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http:\/\/www.yootheme.com\/license) *\/\n\n\/\/\n\/\/ Component: Panel\n\/\/\n\/\/ ========================================================================\n\n\n\/\/ Variables\n\/\/ ========================================================================\n\n@panel-title-margin-bottom:                     @global-margin;\n@panel-title-font-size:                         round((@global-font-size * 1.125)); \/\/ 18px\n@panel-title-line-height:                       round((@panel-title-font-size * 1.4)); \/\/ 26px\n@panel-title-color:                             @global-dark-color;\n@panel-title-font-weight:                       700;\n@panel-title-text-transform:                    @global-text-transform;\n\n@panel-box-padding:                             30px;\n@panel-box-background:                          #fff;\n@panel-box-color:                               @global-color;\n@panel-box-title-color:                         @global-dark-color;\n@panel-box-badge-top:                           0;\n@panel-box-badge-right:                         10px;\n\n@panel-box-primary-background:                  #b7c261;\n@panel-box-primary-color:                       fade(@global-contrast-color, 90%);\n@panel-box-primary-title-color:                 @global-contrast-color;\n\n@panel-box-secondary-background:                @global-light-background;\n@panel-box-secondary-color:                     @global-color;\n@panel-box-secondary-title-color:               @global-dark-color;\n\n@panel-header-title-border:                     rgba(0,0,0,0);\n@panel-header-title-color:                      @panel-title-color;\n\n@panel-divider-gutter:                          @global-grid-gutter;\n@panel-divider-gutter-large:                    @global-grid-gutter-large;\n@panel-divider-border:                          @global-border;\n\n\/\/\n\/\/ New\n\/\/\n\n@panel-box-border: \t\t\t\t\t\t\t    @global-border;\n\n@panel-box-primary-link-color:                  saturate(shade(@panel-box-primary-background, 40%), 20%);\n@panel-box-primary-link-hover-color:            shade(@panel-box-primary-link-color, 15%);\n@panel-box-primary-box-shadow:                  fade(darken(@panel-box-primary-background, 10%), 80%);\n\n@panel-hover-border:                            @global-border;\n@panel-hover-hover-background:                  #fff;\n@panel-hover-padding:                           30px;\n@panel-hover-badge-top:                         0;\n@panel-hover-badge-right:                       10px;\n\n\n\/\/ Sub-object: `uk-panel-title`\n\/\/ ========================================================================\n\n.hook-panel-title() {}\n\n\n\/\/ Sub-object: `uk-panel-badge`\n\/\/ ========================================================================\n\n.hook-panel-badge() {}\n\n\n\/\/ Modifier: `uk-panel-box`\n\/\/ ========================================================================\n\n.hook-panel-box() { border: 1px solid @panel-box-border; }\n\n.hook-panel-box-hover() {}\n\n\/\/\n\/\/ Sub-modifier: `uk-panel-box-primary`\n\/\/\n\n.hook-panel-box-primary() {\n\n    border: none;\n    box-shadow: inset 0 0 9px @panel-box-primary-box-shadow;\n\n    > a:not([class]),\n    > :not([class*='uk-nav']) a:not([class]) { color: @panel-box-primary-link-color; }\n\n    > a:not([class]):hover,\n    > :not([class*='uk-nav']) a:not([class]):hover { color: @panel-box-primary-link-hover-color; }\n\n\t&:before { content: none; }\n}\n\n.hook-panel-box-primary-hover() {}\n\n\/\/\n\/\/ Sub-modifier: `uk-panel-box-secondary`\n\/\/\n\n.hook-panel-box-secondary() {\n\n    &:before { content: none; }\n\n}\n\n.hook-panel-box-secondary-hover() {}\n\n\n\/\/ Modifier: `uk-panel-hover`\n\/\/ ========================================================================\n\n.hook-panel-hover() { border: 1px solid transparent; }\n\n.hook-panel-hover-hover() { border-color: @panel-hover-border; }\n\n\n\/\/ Modifier: `uk-panel-header`\n\/\/ ========================================================================\n\n.hook-panel-header() {\n\n    &.uk-panel-title:after {\n        content: \"\";\n        display: block;\n        height: 10px;\n        margin-top: 10px;\n        background: url(\"\/templates\/yoo_eat\/less\/uikit\/@{global-image-path}\/@{global-style}\/border_striped_horizontal.png\") 0 0 repeat-x;\n    }\n\n}\n\n\n\/\/ Miscellaneous\n\/\/ ========================================================================\n\n.hook-panel-misc() {}\n\/\/ Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http:\/\/www.yootheme.com\/license) *\/\n\n\/\/\n\/\/ Component: Block\n\/\/\n\/\/ ========================================================================\n\n\n\/\/ Variables\n\/\/ ========================================================================\n\n@block-default-background:                      @global-background;\n\n\n\/\/ Component\n\/\/ ========================================================================\n\n.hook-block() {}\n\n\n\/\/ Color modifier\n\/\/ ========================================================================\n\n.hook-block-default() {}\n\n.hook-block-muted() {}\n\n.hook-block-secondary() {}\n\n.hook-block-primary() {}\n\n\n\/\/ Miscellaneous\n\/\/ ========================================================================\n\n.hook-block-misc() {\n\n    \/\/\n    \/\/ Adjust padding between equal colored blocks\n    \/\/\n\n    .uk-block-default + .uk-block-default,\n    .uk-block-muted + .uk-block-muted,\n    .uk-block-primary + .uk-block-primary,\n    .uk-block-secondary + .uk-block-secondary { padding-top: 0; }\n\n}\n\n\n\/\/ Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http:\/\/www.yootheme.com\/license) *\/\n\n\/\/\n\/\/ Component: Article\n\/\/\n\/\/ ========================================================================\n\n\n\/\/ Variables\n\/\/ ========================================================================\n\n@article-margin-top:                            @global-margin-large;\n\n@article-title-font-size:                       round((@global-font-size * 2.5)); \/\/ 40px\n@article-title-line-height:                     round((@article-title-font-size * 1.05)); \/\/ 42px\n@article-title-font-weight:                    \t700;\n\n@article-title-text-transform:                  @global-text-transform;\n\n@article-meta-font-size:                        round((@global-font-size * 1.14)); \/\/ 16px\n@article-meta-line-height:                      round((@article-meta-font-size * 1.5)); \/\/ 18px\n@article-meta-color:                            #777777;\n\n@article-lead-color:                            fade(@global-dark-color, 80%);\n@article-lead-font-size:                        round((@global-font-size * 1.28)); \/\/ 18px\n@article-lead-line-height:                      round((@article-lead-font-size * 1.33)); \/\/ 24px\n\n@article-divider-margin:                        @global-margin-large;\n@article-divider-border:                        @global-border;\n\n\/\/\n\/\/ New\n\/\/\n\n@article-meta-font-family: \t\t\t\t\t\t'Times New Roman';\n@article-meta-font-style: \t\t\t\t\t\titalic;\n\n\n\/\/ Sub-object `uk-article-title`\n\/\/ ========================================================================\n\n.hook-article-title() {}\n\n\n\/\/ Sub-object `uk-article-meta`\n\/\/ ========================================================================\n\n.hook-article-meta() {\n\tfont-family: @article-meta-font-family;\n\tfont-style: @article-meta-font-style;\n}\n\n\n\/\/ Sub-object `uk-article-lead`\n\/\/ ========================================================================\n\n.hook-article-lead() {}\n\n\n\/\/ Sub-object `uk-article-divider`\n\/\/ ========================================================================\n\n.hook-article-divider() {}\n\n\n\/\/ Miscellaneous\n\/\/ ========================================================================\n\n.hook-article-misc() {}\n\/\/ Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http:\/\/www.yootheme.com\/license) *\/\n\n\/\/\n\/\/ Component: Comment\n\/\/\n\/\/ ========================================================================\n\n\n\/\/ Variables\n\/\/ ========================================================================\n\n@comment-header-margin-bottom:                  @global-margin;\n\n@comment-avatar-margin-right:                   @global-margin;\n\n@comment-title-font-size:                       round((@global-font-size * 1.14)); \/\/ 16px\n@comment-title-line-height:                     round((@comment-title-font-size * 1.37)); \/\/ 22px\n\n@comment-meta-color:                            @global-muted-color;\n@comment-meta-font-size:                        round((@global-font-size * 0.78)); \/\/ 11px\n@comment-meta-line-height:                      round((@comment-meta-font-size * 1.45)); \/\/ 16px\n\n@comment-list-margin-top:                       @global-margin;\n\n\/\/\n\/\/ New\n\/\/\n\n@comment-avatar-border-width:                   3px;\n@comment-avatar-border:                         #fff;\n@comment-avatar-border-radius:                  100px;\n\n@comment-primary-padding: \t\t\t\t\t\t@global-margin;\n@comment-primary-background: \t\t\t\t\t@global-light-background;\n@comment-primary-box-shadow: \t\t\t\t\trgba(0,0,0,0.03);\n@comment-primary-border: \t\t\t\t\t\t@global-border;\n\n\n\/\/ Component\n\/\/ ========================================================================\n\n.hook-comment() {}\n\n\n\/\/ Sub-object `uk-comment-header`\n\/\/ ========================================================================\n\n.hook-comment-header() {}\n\n\n\/\/ Sub-object `uk-comment-avatar`\n\/\/ ========================================================================\n\n.hook-comment-avatar() {\n\tborder: @comment-avatar-border-width solid @comment-avatar-border;\n    border-radius: @comment-avatar-border-radius;\n\tbox-shadow: 0 1px 1px rgba(0,0,0,0.2);\n}\n\n\n\/\/ Sub-object `uk-comment-title`\n\/\/ ========================================================================\n\n.hook-comment-title() { font-weight: 700; }\n\n\n\/\/ Sub-object `uk-comment-meta`\n\/\/ ========================================================================\n\n.hook-comment-meta() {}\n\n\n\/\/ Sub-object `uk-comment-body`\n\/\/ ========================================================================\n\n.hook-comment-body() {}\n\n\n\/* Modifier `uk-comment-primary`\n ========================================================================== *\/\n\n.hook-comment-primary {\n\tpadding: @comment-primary-padding;\n\tbackground: @comment-primary-background;\n\tbox-shadow: inset 0 0 14px @comment-primary-box-shadow;\n\tborder: 1px solid @comment-primary-border;\n}\n\n\n\/\/ Miscellaneous\n\/\/ ========================================================================\n\n.hook-comment-misc() {}\n\n\/\/ Navs\n\/\/ Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http:\/\/www.yootheme.com\/license) *\/\n\n\/\/\n\/\/ Component: Nav\n\/\/\n\/\/ ========================================================================\n\n\n\/\/ Variables\n\/\/ ========================================================================\n\n@nav-padding-vertical:                          7px;\n\n@nav-header-font-size:                          round((@global-font-size * 0.75)); \/\/ 12px\n@nav-header-margin-top:                         @global-margin;\n@nav-header-padding-horizontal:                 15px;\n\n@nav-divider-margin-vertical:                   0;\n@nav-divider-margin-horizontal:                 0;\n\n@nav-subtitle-font-size:                        round((@global-font-size * 0.85)); \/\/ 12px\n@nav-subtitle-line-height:                      round((@nav-subtitle-font-size * 1.5)); \/\/ 18px\n@nav-sub-padding-vertical:                      10px;\n@nav-sub-padding-left:                          0;\n@nav-parent-icon-width:                         @global-line-height;\n@nav-parent-icon-margin-right:                  0;\n\n@nav-side-color:                                fade(@global-color, 60%);\n@nav-side-hover-background:                     rgba(0,0,0,0);\n@nav-side-hover-color:                          @global-dark-color;\n@nav-side-active-background:                    rgba(0,0,0,0);\n@nav-side-active-color:                         @global-dark-color;\n@nav-side-header-color:                         fade(@global-color, 85%);\n@nav-side-divider-border:                       @global-border;\n@nav-side-nested-color:                         @global-muted-color;\n@nav-side-nested-hover-color:                  \t@global-dark-color;\n\n@nav-dropdown-color:                            lighten(@global-color, 30%);\n@nav-dropdown-hover-background:                 rgba(0,0,0,0);\n@nav-dropdown-hover-color:                      #111;\n@nav-dropdown-header-color:                     @global-dark-color;\n@nav-dropdown-divider-border:                   @global-border;\n@nav-dropdown-nested-color:                     @global-muted-color;\n@nav-dropdown-nested-hover-color:               @global-dark-color;\n\n@nav-navbar-color:                              @global-dark-color;\n@nav-navbar-hover-background:                   @global-light-background;\n@nav-navbar-hover-color:                        @global-dark-color;\n@nav-navbar-header-color:                       @global-dark-color;\n@nav-navbar-divider-border:                     fade(@global-border, 50%);\n@nav-navbar-nested-color:                       fade(@nav-navbar-color, 50%);\n@nav-navbar-nested-hover-color:                 @global-dark-color;\n\n@nav-offcanvas-color:                           @offcanvas-panel-link-color;\n@nav-offcanvas-hover-background:                lighten(@offcanvas-bar-background, 5%);\n@nav-offcanvas-hover-color:                     @offcanvas-panel-link-hover-color;\n@nav-offcanvas-active-background:               darken(@offcanvas-bar-background, 5%);\n@nav-offcanvas-active-color:                    @offcanvas-panel-link-hover-color;\n@nav-offcanvas-header-color:                    @offcanvas-panel-color;\n@nav-offcanvas-divider-border:                  darken(@offcanvas-bar-background, 10%);\n@nav-offcanvas-nested-color:                    @offcanvas-panel-link-color;\n@nav-offcanvas-nested-hover-color:              @global-contrast-color;\n\n\/\/\n\/\/ New\n\/\/\n\n@nav-header-font-weight: \t\t\t\t\t\tbold;\n@nav-border: \t\t\t\t\t\t\t\t\t@global-border;\n@nav-divider-height: \t\t\t\t\t\t\t3px;\n\n@nav-sub-background: \t\t\t\t\t\t\t@nav-navbar-hover-background;\n\n@nav-side-open-color: \t\t\t\t\t\t\t@global-dark-color;\n\n@nav-dropdown-active-color:                     @global-dark-color;\n\n@nav-navbar-active-background:                  @nav-navbar-hover-background;\n\n@nav-offcanvas-sub-nav-background:              rgba(255, 255, 255, 0.05);\n@nav-offcanvas-border:                          rgba(255, 255, 255, 0.05);\n\n\n\/\/ Sub-object: `uk-nav-header`\n\/\/ ========================================================================\n\n.hook-nav-header() { font-weight: @nav-header-font-weight; }\n\n\n\/\/ Sub-object: `uk-nav-divider`\n\/\/ ========================================================================\n\n.hook-nav-divider() { border-width: @nav-divider-height!important; }\n\n\n\/\/ Sub-object: `uk-nav-sub`\n\/\/ ========================================================================\n\n.hook-nav-sub() {\n    padding: 10px 20px;\n    border-top: 1px solid @nav-border;\n\tbackground: @nav-sub-background;\n}\n\n\n\/\/ Modifier: `uk-nav-parent-icon`\n\/\/ ========================================================================\n\n.hook-nav-parent-icon() {}\n\n\n\/\/ Modifier `uk-nav-side`\n\/\/ ========================================================================\n\n\/\/\n\/\/ Items\n\/\/\n\n.hook-nav-side() { padding: @nav-padding-vertical 0; }\n\n\/\/ Hover\n.hook-nav-side-hover() {}\n\n\/\/ Active\n.hook-nav-side-active() {}\n\n\/\/\n\/\/ Sub-object: `uk-nav-header`\n\/\/\n\n.hook-nav-side-header() { padding: @nav-padding-vertical 0; }\n\n\/\/\n\/\/ Sub-object: `uk-nav-divider`\n\/\/\n\n.hook-nav-side-divider() {}\n\n\n\/\/ Modifier `uk-nav-dropdown`\n\/\/ ========================================================================\n\n\/\/\n\/\/ Items\n\/\/\n\n.hook-nav-dropdown() {}\n\n\/\/ Hover\n.hook-nav-dropdown-hover() {}\n\n\/\/\n\/\/ Sub-object: `uk-nav-header`\n\/\/\n\n.hook-nav-dropdown-header() { font-weight: @nav-header-font-weight; }\n\n\/\/\n\/\/ Sub-object: `uk-nav-divider`\n\/\/\n\n.hook-nav-dropdown-divider() {}\n\n\n\/\/ Modifier `uk-nav-navbar`\n\/\/ ========================================================================\n\n\/\/\n\/\/ Items\n\/\/\n\n.hook-nav-navbar() {\n    -webkit-transition: background-color 0.1s ease-in-out;\n    transition: background-color 0.1s ease-in-out;\n}\n\n\/\/ Hover\n.hook-nav-navbar-hover() { }\n\n\/\/\n\/\/ Sub-object: `uk-nav-header`\n\/\/\n\n.hook-nav-navbar-header() { padding-left: @nav-padding-horizontal; }\n\n\/\/\n\/\/ Sub-object: `uk-nav-divider`\n\/\/\n\n.hook-nav-navbar-divider() {}\n\n\n\/\/ Modifier `uk-nav-offcanvas`\n\/\/ ========================================================================\n\n.hook-nav-offcanvas-link() {}\n.hook-nav-offcanvas-link-hover() {}\n\n\/\/\n\/\/ Items\n\/\/\n\n.hook-nav-offcanvas() {\n    position: relative;\n    border-top: 1px solid rgba(0,0,0,0.3);\n    box-shadow: inset 0 1px 0 rgba(255,255,255,0.05);\n}\n\n\/\/ Hover\n.hook-nav-offcanvas-hover() {}\n\n\/\/ Active\n.hook-nav-offcanvas-active() {\n\n    box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);\n\n    &:before {\n        content: \"\";\n        display: block;\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 2px;\n        height: (@global-line-height + (2 * @nav-offcanvas-padding-vertical));\n        border: 1px solid rgba(0, 0, 0, 0.06);\n        background: @global-primary-background;\n        background-image: -webkit-linear-gradient(top, @global-primary-gradient-top, @global-primary-gradient-bottom);\n        background-image: linear-gradient(to bottom, @global-primary-gradient-top, @global-primary-gradient-bottom);\n    }\n\n}\n\n\/\/\n\/\/ Sub-object: `uk-nav-header`\n\/\/\n\n.hook-nav-offcanvas-header() { padding: @nav-offcanvas-padding-vertical @nav-offcanvas-padding-horizontal; }\n\n\/\/\n\/\/ Sub-object: `uk-nav-divider`\n\/\/\n\n.hook-nav-offcanvas-divider() { box-shadow: inset 0 1px 3px rgba(0,0,0,0.3); }\n\n\n\/\/ Miscellaneous\n\/\/ ========================================================================\n\n.hook-nav-misc() {\n\n    \/\/ Modifier `uk-nav-dropdown`\n    \/\/ ==========================================================================\n\n    \/\/ Active\n    .uk-nav-dropdown > .uk-active > a { color: @nav-dropdown-active-color; }\n\n    \/\/ Modifier `uk-nav-navbar`\n    \/\/ ==========================================================================\n\n    \/\/ Active\n    .uk-nav-navbar > .uk-active > a { background-color: @nav-navbar-active-background; }\n\n\t\/\/ Modifier `uk-nav-side`\n    \/\/ ==========================================================================\n\n    .uk-nav-side > li:not(.uk-nav-header) + li > a { border-top: 1px solid @nav-border; }\n\n    \/\/ Open\n    .uk-nav-side > .uk-open > a { color: @nav-side-open-color; }\n\n\n\t\/\/ Modifier `uk-nav-navbar`\n    \/\/ ==========================================================================\n\n    \/\/ Different Link within a panel\n\t.uk-nav-navbar.uk-panel > li > a {\n\n        color: @dropdown-navbar-color;\n\n        &:hover { color: @nav-navbar-hover-color; }\n\n    }\n\n    .uk-nav-offcanvas {\n        border-bottom: 1px solid rgba(0,0,0,0.3);\n        box-shadow: 0 1px 0 rgba(255,255,255,0.05);\n    }\n\n    \/\/ Open\n    .uk-nav-offcanvas ul.uk-nav-sub {\n        border-top-color: none;\n        background: @nav-offcanvas-sub-nav-background;\n    }\n\n    \/* Sub-object: `uk-nav-sub` *\/\n    .uk-nav-offcanvas ul.uk-nav-sub {\n        border-top: 1px solid rgba(0,0,0,0.3);\n        box-shadow: inset 0 1px 0 rgba(255,255,255,0.05);\n    }\n\n    \/\/ Modifier: `uk-panel-box`\n    \/\/ ==========================================================================\n\n    .uk-panel-box .uk-nav-side { margin: 0; }\n\n    .uk-panel-box .uk-open + li a { border-top: transparent; }\n\n    .uk-panel-box .uk-nav-side .uk-nav-header { padding-left: 0; }\n\n    .uk-panel-box .uk-nav-side .uk-nav-sub {\n        background: none;\n        border-top: transparent;\n    }\n\n    .uk-panel-box .uk-open.uk-parent {\n\n        ul.uk-nav-sub { background: @nav-sub-background; }\n\n        > a { border-bottom: 1px solid @nav-border; }\n\n    }\n\n}\n\/\/ Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http:\/\/www.yootheme.com\/license) *\/\n\n\/\/\n\/\/ Component: Navbar\n\/\/\n\/\/ ========================================================================\n\n\n\/\/ Variables\n\/\/ ========================================================================\n\n@navbar-background:                            \t#fff;\n@navbar-color:                                  #77797a;\n@navbar-link-color:                             @global-link-color;\n@navbar-link-hover-color:                       @global-link-hover-color;\n@navbar-nav-height:                             60px;\n@navbar-nav-line-height:                        @navbar-nav-height;\n@navbar-nav-color:                              @global-muted-color;\n@navbar-nav-font-weight:                        400;\n@navbar-nav-font-family:                        'Lato';\n@navbar-nav-hover-background:                   #fff;\n@navbar-nav-hover-color:                        @global-dark-color;\n@navbar-nav-onclick-color:                      @global-color;\n@navbar-nav-active-color:                       @global-dark-color;\n\n@navbar-nav-active-background:                  rgba(0,0,0,0);\n\n@navbar-brand-font-size:                        round((@global-font-size * 1.28)); \/\/ 18px\n@navbar-brand-color:                            @global-color;\n@navbar-brand-hover-color:                      @global-color;\n\n@navbar-toggle-font-size:                       round((@global-font-size * 1.28)); \/\/ 18px\n@navbar-toggle-color:                           @global-color;\n@navbar-toggle-hover-color:                     @global-color;\n\n\/\/\n\/\/ New\n\/\/\n\n@navbar-border:                                 @global-border;\n\n@navbar-nav-text-transform:                     uppercase;\n@navbar-nav-active-font-weight:                 bold;\n\n\n\/\/ Component\n\/\/ ========================================================================\n\n.hook-navbar() { border-top: 1px solid @navbar-border; }\n\n\n\/\/ Sub-object: `uk-navbar-nav`\n\/\/ ========================================================================\n\n.hook-navbar-nav() {\n   \tbackground-image: linear-gradient(@navbar-nav-hover-background, @navbar-nav-hover-background 50%, @navbar-background 50%, @navbar-background);\n   \tbackground-position: 0 100%;\n   \tbackground-size: 100% 210%;\n   \ttext-transform: @navbar-nav-text-transform;\n}\n\n\/\/ Hover\n.hook-navbar-nav-hover() {\n\tbackground-position: 0 0;\n\t-webkit-transition: all 0.2s ease-in-out;\n   \ttransition: all 0.2s ease-in-out;\n}\n\n\/\/ OnClick\n.hook-navbar-nav-onclick() {}\n\n\/\/ Active\n.hook-navbar-nav-active() {\n\n  font-weight: @navbar-nav-active-font-weight;\n\n\t&:hover { color: @navbar-nav-hover-color; }\n\n}\n\n\n\/\/ Sub-object: `uk-navbar-content`\n\/\/ ========================================================================\n\n.hook-navbar-content() {}\n\n\n\/\/ Miscellaneous\n\/\/ ========================================================================\n\n.hook-navbar-misc() {\n\n\t.uk-navbar-nav > .uk-active.uk-open > a { color: @navbar-nav-hover-color; }\n\n  .uk-navbar-toggle { padding: 0; }\n\n}\n\/\/ Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http:\/\/www.yootheme.com\/license) *\/\n\n\/\/\n\/\/ Component: Subnav\n\/\/\n\/\/ ========================================================================\n\n\n\/\/ Variables\n\/\/ ========================================================================\n\n@subnav-color:                                  @global-color;\n@subnav-hover-color:                            fade(@global-color, 70%);\n@subnav-active-color:                           @subnav-hover-color;\n\n@subnav-line-border:                            darken(@global-border, 10%);\n\n@subnav-pill-hover-color:                       fade(@global-color, 80%);\n@subnav-pill-hover-background:                  #FCFCFC;\n@subnav-pill-active-background:                 @global-primary-background;\n@subnav-pill-active-color:                      @global-contrast-color;\n\n@subnav-disabled-color:                         @global-muted-color;\n\n\/\/\n\/\/ New\n\/\/\n\n@subnav-pill-hover-border:                      rgba(0,0,0,0.1);\n@subnav-pill-active-border:                     rgba(0,0,0,0.07);\n@subnav-pill-background:                        #FCFCFC;\n@subnav-pill-border:                            @global-border;\n\n\n\/\/ Component\n\/\/ ========================================================================\n\n\/\/\n\/\/ Items\n\/\/\n\n.hook-subnav() {}\n\n\/\/ Hover\n.hook-subnav-hover() {}\n\n\/\/ Active\n.hook-subnav-active() {}\n\n\n\/\/ Modifier: `uk-subnav-line'\n\/\/ ========================================================================\n\n.hook-subnav-line-divider() {}\n\n\n\/\/ Modifier: `uk-subnav-pill'\n\/\/ ========================================================================\n\n.hook-subnav-pill() {\n    padding: 3px 8px;\n    border: 1px solid @subnav-pill-border;\n    border-radius: 1px;\n    background: @subnav-pill-background;\n}\n\n\/\/ Hover\n.hook-subnav-pill-hover() {\n    border-color: @subnav-pill-hover-border;\n    -webkit-transition: none;\n    transition: none;\n}\n\n\/\/ Active\n.hook-subnav-pill-active() { border-color: @subnav-pill-active-border; }\n\n\n\/\/ Disabled state\n\/\/ ========================================================================\n\n.hook-subnav-disabled() {}\n\n\n\/\/ Miscellaneous\n\/\/ ========================================================================\n\n.hook-subnav-misc() {\n\n    .uk-subnav { font-weight: 400; }\n\n    .uk-subnav > li > a:hover { text-decoration: none; }\n\n}\n\/\/ Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http:\/\/www.yootheme.com\/license) *\/\n\n\/\/\n\/\/ Component: Breadcrumb\n\/\/\n\/\/ ========================================================================\n\n\n\/\/ Variables\n\/\/ ========================================================================\n\n@breadcrumb-divider:                            \"\\f105\";\n@breadcrumb-disabled-color:                     @global-muted-color;\n\n\n\/\/ Component\n\/\/ ========================================================================\n\n.hook-breadcrumb() {}\n\n\n\/\/ Items\n\/\/ ========================================================================\n\n.hook-breadcrumb-divider() { \n\tmargin: 1px @breadcrumb-divider-margin;\n\tcolor: @global-link-color;\n\tfont-family: \"FontAwesome\";\n}\n\n\n\/\/ Miscellaneous\n\/\/ ========================================================================\n\n.hook-breadcrumb-misc() {}\n\/\/ Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http:\/\/www.yootheme.com\/license) *\/\n\n\/\/\n\/\/ Component: Pagination\n\/\/\n\/\/ ========================================================================\n\n\n\/\/ Variables\n\/\/ ========================================================================\n\n@pagination-line-height:                        @global-line-height;\n@pagination-background:                        \t@global-light-background;\n@pagination-color:                              @global-color;\n@pagination-hover-color:                        fade(@global-color, 80%);\n@pagination-onclick-color:                      @global-color;\n@pagination-onclick-background:                 @global-default-active-background;\n\n@pagination-active-background:                  @global-primary-background;\n@pagination-active-color:                       @global-contrast-color;\n\n@pagination-disabled-background:                @global-light-background;\n@pagination-disabled-color:                     @global-muted-color;\n\n\/\/\n\/\/ New\n\/\/\n\n@pagination-border:                             #DEDEDE;\n\n\/\/ Component\n\/\/ ========================================================================\n\n.hook-pagination-item() {\n\tpadding: 5px 7px;\n\tborder: 1px solid @pagination-border;\n}\n\n\n\/\/ Items\n\/\/ ========================================================================\n\n.hook-pagination-link() {}\n\n.hook-pagination-link-hover() {}\n\n.hook-pagination-link-active() { position: relative; }\n\n\/\/\n\/\/ Active\n\/\/\n\n.hook-pagination-active() { border-color: darken(@pagination-active-background, 10%); }\n\n\/\/\n\/\/ Disabled\n\/\/\n\n.hook-pagination-disabled() {}\n\n\n\/\/ Miscellaneous\n\/\/ ========================================================================\n\n.hook-pagination-misc() {\n\n\t.uk-pagination > li:nth-child(n+2) { margin-left: -1px; }\n\n    .uk-pagination > li > a.previous { margin-right: 10px; }\n    .uk-pagination > li > a.next { margin-left: 10px; }\n\n    .uk-pagination .uk-active { position: relative; }\n\n}\n\/\/ Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http:\/\/www.yootheme.com\/license) *\/\n\n\/\/\n\/\/ Component: Tab\n\/\/\n\/\/ ========================================================================\n\n\n\/\/ Variables\n\/\/ ========================================================================\n\n@tab-border:                                    @global-border;\n@tab-padding-horizontal:                        20px;\n@tab-padding-vertical:                          10px;\n@tab-hover-border:                              @global-border;\n@tab-color:                                     @global-color;\n@tab-hover-background:                          @global-light-background;\n@tab-hover-color:                               fade(@global-color, 80%);\n@tab-active-border:                             @global-border;\n@tab-active-background:                         @global-background;\n@tab-active-color:                              @global-dark-color;\n@tab-disabled-color:                            @global-muted-color;\n\n\n\/\/ Component\n\/\/ ========================================================================\n\n\/\/\n\/\/ Items\n\/\/\n\n.hook-tab() { font-weight: 400; }\n\n\/\/ Hover\n.hook-tab-hover() {}\n\n\/\/ Active\n.hook-tab-active() { font-weight: 600;}\n\n\/\/ Disabled\n.hook-tab-disabled() {}\n\n\n\/\/ Miscellaneous\n\/\/ ========================================================================\n\n.hook-tab-misc() {\n\n\t.uk-tab > li:nth-child(n+2) > a { margin-left: -1px; }\n    .uk-tab-flip > li:nth-child(n+2) > a { margin-right: -1px; }\n    .uk-tab-left > li:nth-child(n+2) > a { margin: -1px 0 0 0; }\n    .uk-tab-right > li:nth-child(n+2) > a { margin-top: -1px; }\n    .uk-tab-right > li:not(.uk-active) > a:hover,\n    .uk-tab-right > li:not(.uk-active) > a:focus { padding-left: 18px; }\n\n}\n\n\/\/ Elements\n\/\/ Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http:\/\/www.yootheme.com\/license) *\/\n\n\/\/\n\/\/ Component: List\n\/\/\n\/\/ ========================================================================\n\n\n\/\/ Variables\n\/\/ ========================================================================\n\n@list-line-border:                    @global-border;\n@list-striped-background:             @global-light-background;\n\n\/\/\n\/\/ New\n\/\/\n\n@list-link-color:                     @nav-side-color;\n@list-link-hover-color:               @nav-side-hover-color;\n\n\n\/\/ Modifier: `list-line`\n\/\/ ========================================================================\n\n.hook-list-line() {}\n\n\n\/\/ Modifier: `list-striped`\n\/\/ ========================================================================\n\n.hook-list-striped() {}\n\n\n\/\/ Miscellaneous\n\/\/ ========================================================================\n\n.hook-list-misc() {\n\n    .uk-list > li > a { color: @list-link-color; }\n    .uk-list > li > a:hover { color: @list-link-hover-color; }\n\n}\n\/\/ Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http:\/\/www.yootheme.com\/license) *\/\n\n\/\/\n\/\/ Component: Description list\n\/\/\n\/\/ ========================================================================\n\n\n\/\/ Variables\n\/\/ ========================================================================\n\n@description-list-line-border:                  @global-border;\n@description-list-line-color:                   @global-muted-color;\n\n\n\/\/ Miscellaneous\n\/\/ ========================================================================\n\n.hook-description-list-misc() {}\n\/\/ Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http:\/\/www.yootheme.com\/license) *\/\n\n\/\/\n\/\/ Component: Table\n\/\/\n\/\/ ========================================================================\n\n\n\/\/ Variables\n\/\/ ========================================================================\n\n@table-margin-vertical:                         @global-margin;\n@table-padding-vertical:                        10px;\n@table-padding-horizontal:                      10px;\n\n@table-striped-background:                      @global-light-background;\n\n@table-caption-color:                           @global-muted-color;\n@table-caption-font-size:                       round((@global-font-size * 0.85)); \/\/ 12px\n\n@table-hover-background: \t\t\t\t\t\t@global-light-background;\n\n\/\/\n\/\/ New\n\/\/\n\n@table-border:                                 \t@global-border;\n@table-heaing-color: \t\t\t\t\t\t\t@global-dark-color;\n@table-heaing-text-transform: \t\t\t\t\t@global-text-transform;\n\n\n\/\/ Component\n\/\/ ========================================================================\n\n.hook-table() {}\n\n\n\/\/ Miscellaneous\n\/\/ ========================================================================\n\n.hook-table-misc() {\n\n\t.uk-table thead th {\n\t\tborder: 1px solid @table-border;\n\t\tcolor: @table-heaing-color;\n\t\ttext-transform: @table-heaing-text-transform;\n\t\ttext-align: center;\n\t}\n\n\t.uk-table thead th:first-child,\n\t.uk-table td:first-child  {\n\t\tborder-left: none;\n\t\ttext-align: left;\n\t}\n\t.uk-table thead th:last-child { border-right: none; }\n\n\t.uk-table td {\n\t\tposition: relative;\n\t\tborder-left: 1px solid @table-border;\n\t\tvertical-align: middle;\n\t\ttext-align: center;\n\t}\n\n}\n\/\/ Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http:\/\/www.yootheme.com\/license) *\/\n\n\/\/\n\/\/ Component: Form\n\/\/\n\/\/ ========================================================================\n\n\n\/\/ Variables\n\/\/ ========================================================================\n\n@form-height:                                   @global-height + 1px;\n@form-small-height:                             @global-small-height + 1px;\n@form-large-height:                             @global-large-height + 1px;\n@form-small-font-size:                          round((@global-font-size * 0.85)); \/\/ 12px\n@form-large-font-size:                          round((@global-font-size * 1.14)); \/\/ 16px\n\n@form-border:                                   @global-border;\n@form-background:                               @global-background;\n@form-color:                                    @global-color;\n@form-placeholder-color:                        @global-muted-color;\n\n@form-focus-border:                         \tdarken(@form-border, 10%);\n@form-focus-background:                     \t@form-background;\n@form-focus-color:                          \t@global-color;\n\n@form-disabled-border:                          @global-border;\n@form-disabled-color:                           @global-muted-color;\n\n@form-danger-border:                       \t\t#E7DEE0;\n@form-danger-background:                    \t#FEF8F9;\n@form-danger-color:                         \t#D3B8B6;\n\n@form-success-border:                       \t#E0E7D5;\n@form-success-background:                   \t#EFF7EE;\n@form-success-color:                        \t#AFC4B0;\n\n@form-blank-border:                             @global-border;\n\n@form-legend-border:                            @global-border;\n@form-legend-font-size:                         round((@global-font-size * 1.28)); \/\/ 18px\n@form-legend-line-height:                       round((@form-legend-font-size * 1.66)); \/\/ 30px\n\n@form-gutter:                                   @global-margin;\n\n@form-icon-width:                               @global-height;\n@form-icon-font-size:                           @global-font-size;\n@form-icon-color:                               @global-muted-color;\n\n\/\/\n\/\/ New\n\/\/\n\n@form-font-weight:                              300;\n\n@form-legend-color: \t\t\t\t\t\t\t@global-dark-color;\n@form-legend-text-transform: \t\t\t\t\tuppercase;\n\n\n\/\/ Component\n\/\/ ========================================================================\n\n.hook-form() { font-weight: @form-font-weight; }\n\n\/\/ Focus state\n.hook-form-focus() {}\n\n\/\/ Disabled state\n.hook-form-disabled() {}\n\n\/\/ Legend\n.hook-form-legend() {}\n\n\n\/\/ Validation states\n\/\/ ========================================================================\n\n\/\/\n\/\/ Error state\n\/\/\n\n.hook-form-danger() {}\n\n\/\/\n\/\/ Success state\n\/\/\n\n.hook-form-success() {}\n\n\n\/\/ Style modifiers\n\/\/ ========================================================================\n\n.hook-form-blank() {}\n.hook-form-blank-focus() {}\n\n\n\/\/ Miscellaneous\n\/\/ ========================================================================\n\n.hook-form-misc() {\n\n\t.uk-form legend {\n\t\tcolor: @form-legend-color;\n\t\ttext-transform: @form-legend-text-transform;\n\t\tfont-weight: 700;\n\t}\n\n}\n\n\/\/ Common\n\/\/ Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http:\/\/www.yootheme.com\/license) *\/\n\n\/\/\n\/\/ Component: Button\n\/\/\n\/\/ ========================================================================\n\n\n\/\/ Variables\n\/\/ ========================================================================\n\n@button-height:                                 @global-height;\n@button-mini-height:                            @global-mini-height;\n@button-small-height:                           @global-small-height;\n@button-large-height:                           @global-large-height;\n\n@button-line-height:                            @global-height;\n@button-mini-line-height:                       @global-mini-height;\n@button-small-line-height:                      @global-small-height;\n@button-large-line-height:                      @global-large-height;\n\n@button-mini-font-size:                         round((@global-font-size * 0.78)); \/\/ 11px\n@button-small-font-size:                        round((@global-font-size * 0.85)); \/\/ 12px\n@button-large-font-size:                        round((@global-font-size * 1.14)); \/\/ 16px\n\n@button-color:                                  lighten(@global-color, 30%);\n@button-hover-background:                       @button-gradient-top;\n@button-hover-color:                            lighten(@button-color, 15%);\n@button-active-background:                      @global-default-active-background;\n@button-active-color:                           @button-hover-color;\n\n@button-primary-background:                     @global-primary-background;\n@button-primary-color:                          @global-contrast-color;\n@button-primary-hover-background:              \t@global-primary-background;\n@button-primary-hover-color:                    @global-contrast-color;\n@button-primary-active-background:              darken(@global-primary-background, 3%);\n@button-primary-active-color:                   @global-contrast-color;\n\n@button-success-background:                     @global-success-background;\n@button-success-color:                          @global-contrast-color;\n@button-success-hover-background:               @global-success-background;\n@button-success-hover-color:                    @global-contrast-color;\n@button-success-active-background:              darken(@global-success-background, 3%);\n@button-success-active-color:                   @global-contrast-color;\n\n@button-danger-background:                      @global-danger-background;\n@button-danger-color:                           @global-contrast-color;\n@button-danger-hover-background:                @global-danger-background;\n@button-danger-hover-color:                     @global-contrast-color;\n@button-danger-active-background:               darken(@global-danger-background, 3%);\n@button-danger-active-color:                    @global-contrast-color;\n\n@button-disabled-background:                    @global-light-background;\n@button-disabled-color:                         @global-muted-color;\n\n@button-link-color:                             @global-link-color;\n@button-link-hover-color:                       @global-link-hover-color;\n@button-link-disabled-color:                    @global-muted-color;\n\n\/\/\n\/\/ New\n\/\/\n\n@button-border:                             \t@global-border;\n@button-gradient-top:                           @global-default-gradient-top;\n@button-gradient-bottom:                        @global-default-gradient-bottom;\n@button-box-shadow:                             rgba(0,0,0,0.09);\n@button-text-transform:                         @global-text-transform;\n@button-font-size:                              round((@global-font-size * 0.87)); \/\/ 14px\n@button-hover-box-shadow: \t\t\t\t\t\trgba(0,0,0,0.025);\n@button-active-box-shadow: \t\t\t\t\t\trgba(0,0,0,0.05);\n\n@button-primary-border: \t\t\t\t\t\trgba(0,0,0,0.06);\n@button-primary-gradient-top:                   @global-primary-gradient-top;\n@button-primary-gradient-bottom:                @global-primary-gradient-bottom;\n@button-primary-active-box-shadow: \t\t\t\trgba(0,0,0,0.1);\n\n@button-success-gradient-top:                   @global-success-gradient-top;\n@button-success-gradient-bottom:                @global-success-gradient-bottom;\n@button-success-hover-box-shadow: \t\t\t\trgba(0,0,0,0.2);\n@button-success-active-box-shadow: \t\t\t\trgba(0,0,0,0.2);\n\n@button-warning-gradient-top:                   @global-warning-gradient-top;\n@button-warning-gradient-bottom:                @global-warning-gradient-bottom;\n\n@button-danger-gradient-top:                    @global-danger-gradient-top;\n@button-danger-gradient-bottom:                 @global-danger-gradient-bottom;\n@button-danger-hover-box-shadow: \t\t\t\trgba(0,0,0,0.2);\n@button-danger-active-box-shadow: \t\t\t\trgba(0,0,0,0.2);\n\n\n\/\/ Component\n\/\/ ========================================================================\n\n.hook-button() {\n\tborder-width: 1px 1px 0 1px;\n\tborder-style: solid;\n\tborder-color: @button-border;\n\tbackground-image: -webkit-linear-gradient(top, @button-gradient-top, @button-gradient-bottom);\n    background-image: linear-gradient(to bottom, @button-gradient-top, @button-gradient-bottom);\n\tbox-shadow: inset 0 -1px @button-box-shadow;\n\ttext-transform: @button-text-transform;\n\tfont-size: @button-font-size;\n}\n\n.hook-button-hover() {\n    border-color: rgba(0, 0, 0, 0.08);\n    background-image: none;\n    box-shadow: inset 1px 3px 2px @button-hover-box-shadow,\n                inset 0 -1px 1px rgba(0,0,0,0.07);\n    text-shadow: 1px 1px rgba(255,255,255,0.9);\n}\n\n.hook-button-active() {\n    border-color: rgba(0,0,0,0.09);\n    background-image: none;\n    box-shadow: inset 0 1px 5px rgba(0,0,0,0.04), inset 0 0 1px rgba(0,0,0,0.1);\n    text-shadow: 1px 1px rgba(255,255,255,0.5);\n}\n\n\n\/\/ Color modifiers\n\/\/ ========================================================================\n\n\/\/\n\/\/ Modifier: `uk-button-primary`\n\/\/\n\n.hook-button-primary() {\n\tbackground-image: -webkit-linear-gradient(top, @button-primary-gradient-top, @button-primary-gradient-bottom);\n    background-image: linear-gradient(to bottom, @button-primary-gradient-top, @button-primary-gradient-bottom);\n    border-color: transparent;\n}\n\n.hook-button-primary-hover() {\n    border-color: fade(@button-primary-border, 10%);\n    background-image: none;\n    box-shadow: inset 0 -1px 3px @button-hover-box-shadow;\n    text-shadow: none;\n}\n\n.hook-button-primary-active() {\n\tbackground-image: none;\n\tbox-shadow: inset 0 1px 3px @button-primary-active-box-shadow;\n\ttext-shadow: none;\n}\n\n\/\/\n\/\/ Modifier: `uk-button-success`\n\/\/\n\n.hook-button-success() {\n\tbackground-image: -webkit-linear-gradient(top, @button-success-gradient-top, @button-success-gradient-bottom);\n    background-image: linear-gradient(to bottom, @button-success-gradient-top, @button-success-gradient-bottom);\n    border-color: @button-primary-border;\n}\n\n.hook-button-success-hover() {\n\tbackground-image: none;\n\tborder-color: fade(@button-primary-border, 10%);\n\tbox-shadow: inset 0 -1px 3px @button-success-hover-box-shadow;\n\ttext-shadow: none;\n}\n\n.hook-button-success-active() {\n\tbackground-image: none;\n\tbox-shadow: inset 0 1px 3px @button-success-active-box-shadow;\n\ttext-shadow: none;\n}\n\n\/\/\n\/\/ Modifier: `uk-button-danger`\n\/\/\n\n.hook-button-danger() {\n    border-color: @button-primary-border;\n\tbackground-image: -webkit-linear-gradient(top, @button-danger-gradient-top, @button-danger-gradient-bottom);\n    background-image: linear-gradient(to bottom, @button-danger-gradient-top, @button-danger-gradient-bottom);\n}\n\n.hook-button-danger-hover() {\n\tbackground-image: none;\n\tborder-color: fade(@button-primary-border, 10%);\n\tbox-shadow: inset 0 -1px 3px @button-danger-hover-box-shadow;\n\ttext-shadow: none;\n}\n.hook-button-danger-active() {\n\tbackground-image: none;\n\tbox-shadow: inset 0 1px 3px @button-danger-active-box-shadow;\n\ttext-shadow: none;\n}\n\n\n\/\/ Disabled state\n\/\/ ========================================================================\n\n.hook-button-disable() {\n\tbox-shadow: inset 0 -1px @button-box-shadow;\n\tbackground-image: none;\n\n\t&:hover { border-color: @button-border; }\n}\n\n\n\/\/ Modifier: `uk-button-link`\n\/\/ ========================================================================\n\n.hook-button-link() { box-shadow: none; }\n\n\n\/\/ Size modifiers\n\/\/ ========================================================================\n\n.hook-button-large() {}\n\n\n\/\/ Miscellaneous\n\/\/ ========================================================================\n\n\n.hook-button-misc() {\n\n    .uk-button,\n    a.uk-button,\n    button.uk-button { font-weight: 300; }\n\n    \/* Sub-object `uk-button-group`\n     ========================================================================== *\/\n\n    \/*\n     * Collapse border\n     *\/\n\n    .uk-button-group > .uk-button:nth-child(n+2),\n    .uk-button-group > div:nth-child(n+2) .uk-button { margin-left: -1px; }\n\n    \/*\n     * Create position context to superimpose the successor elements border\n     * Known issue: If you use an `a` element as button and an icon inside,\n     * the active state will not work if you click the icon inside the button\n     * Workaround: Just use a `button` or `input` element as button\n     *\/\n\n    .uk-button-group .uk-button:active { position: relative; }\n\n}\n\/\/ Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http:\/\/www.yootheme.com\/license) *\/\n\n\/\/\n\/\/ Component: Icon\n\/\/\n\/\/ ========================================================================\n\n\n\/\/ Variables\n\/\/ ========================================================================\n\n@icon-hover-color:                              @global-color;\n@icon-hover-hover-color:                        lighten(@global-dark-color, 30%);\n\n@icon-button-width:                             26px;\n@icon-button-height:                            @icon-button-width;\n@icon-button-border-radius:                     0;\n@icon-button-background:                        rgba(0,0,0,0);\n@icon-button-font-size:                         18px;\n@icon-button-color:                             @global-dark-color;\n@icon-button-hover-background:                  rgba(0,0,0,0);\n\n@icon-button-hover-color:                       lighten(@global-dark-color, 30%);\n\n@icon-button-active-background:                 rgba(0,0,0,0);\n@icon-button-active-color:                      lighten(@global-dark-color, 50%);\n\n\n\/\/ Modifier: `uk-icon-hover`\n\/\/ ========================================================================\n\n.hook-icon-hover() {}\n\n.hook-icon-hover-hover() {}\n\n\n\/\/ Modifier: `uk-icon-button`\n\/\/ ========================================================================\n\n.hook-icon-button() {}\n\n\/\/ Hover\n.hook-icon-button-hover() {\n    background-position: 0 0;\n    -webkit-transition: color 0.1s ease-in-out;\n       transition: color 0.1s ease-in-out;\n}\n\n\/\/ Active\n.hook-icon-button-active() {}\n\n\n\/\/ Miscellaneous\n\/\/ ========================================================================\n\n.hook-icon-misc() {}\n\/\/ Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http:\/\/www.yootheme.com\/license) *\/\n\n\/\/\n\/\/ Component: Close\n\/\/\n\/\/ ========================================================================\n\n\/\/ Variables\n\/\/ ========================================================================\n\n@close-alt-background:                          @global-light-background;\n\n\n\/\/ Component\n\/\/ ========================================================================\n\n.hook-close() { opacity: 1; }\n\n\n\/\/ Modifier: `uk-close-alt`\n\/\/ ========================================================================\n\n.hook-close-alt() { box-shadow: 0 0 0 1px rgba(0,0,0,0.1); }\n\n\n\/\/ Miscellaneous\n\/\/ ========================================================================\n\n.hook-close-misc() {\n\n\t.uk-close-alt:after { opacity: 1; }\n\n}\n\/\/ Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http:\/\/www.yootheme.com\/license) *\/\n\n\/\/\n\/\/ Component: Badge\n\/\/\n\/\/ ========================================================================\n\n\n\/\/ Variables\n\/\/ ========================================================================\n\n@badge-background:                              @global-primary-background;\n\n@badge-padding-horizontal:                      10px;\n\n@badge-font-size:                               round((@global-font-size * 0.78)); \/\/ 12px\n@badge-line-height:                             round((@badge-font-size * 1.83)); \/\/ 22px\n@badge-font-weight:                             inherit;\n@badge-color:                                   @global-contrast-color;\n\n@badge-notification-font-size:                  round((@global-font-size * 0.875)); \/\/ 14px\n@badge-notification-line-height:                round((@badge-notification-font-size * 1.714)); \/\/ 24px\n\n@badge-success-background:                      @global-success-background;\n@badge-warning-background:                      @global-warning-background;\n@badge-danger-background:                       @global-danger-background;\n\n\/\/\n\/\/ New\n\/\/\n\n@badge-padding-vertical:                        2px;\n@badge-text-transform:                          uppercase;\n\n\n\/\/ Component\n\/\/ ========================================================================\n\n.hook-badge() {\n    padding: @badge-padding-vertical @badge-padding-horizontal;\n    text-transform: @badge-text-transform;\n}\n\n\n\/\/ Color modifier\n\/\/ ========================================================================\n\n\/\/\n\/\/ Modifier: `bagde-success`\n\/\/\n\n.hook-badge-success() {}\n\n\/\/\n\/\/ Modifier: `badge-warning`\n\/\/\n\n.hook-badge-warning() {}\n\n\/\/\n\/\/ Modifier: `badge-danger`\n\/\/\n\n.hook-badge-danger() {}\n\n\n\/\/ Miscellaneous\n\/\/ ========================================================================\n\n.hook-badge-misc() {}\n\/\/ Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http:\/\/www.yootheme.com\/license) *\/\n\n\/\/\n\/\/ Component: Alert\n\/\/\n\/\/ ========================================================================\n\n\n\/\/ Variables\n\/\/ ========================================================================\n\n@alert-margin-vertical:                         @global-margin;\n@alert-background:                              @global-light-background;\n@alert-color:                                   @global-link-hover-color;\n@alert-success-background:                      @global-light-background;\n@alert-success-color:                           @global-success-color;\n@alert-warning-background:                      @global-light-background;\n@alert-warning-color:                           @global-warning-color;\n@alert-danger-background:                       @global-light-background;\n@alert-danger-color:                            @global-danger-color;\n\n\/\/\n\/\/ New\n\/\/\n\n@alert-font-weight: \t\t\t\t\t\t\t400;\n@alert-border:                                  @global-border;\n@alert-border-radius:                           @global-border-radius;\n@alert-text-transform: \t\t\t\t\t\t\t@global-text-transform;\n\n\/\/ Component\n\/\/ ========================================================================\n\n.hook-alert() {\n\tposition: relative;\n    border: 1px solid @alert-border;\n    border-radius: 0 @alert-border-radius @alert-border-radius 0;\n    box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.03);\n    text-transform: @alert-text-transform;\n\tfont-weight: @alert-font-weight;\n\n\th2 + p { text-transform: none; }\n\n    &:before {\n\t    content: \"\";\n\t\tdisplay: block;\n\t\tposition: absolute;\n\t\ttop: -1px;\n\t\tleft: -3px;\n\t\twidth: 3px;\n\t\theight: 100%;\n\t    border: 1px solid rgba(0, 0, 0, 0.06);\n        background: @global-primary-background;\n\t\tbackground-image: -webkit-linear-gradient(top, @global-primary-gradient-top, @global-primary-gradient-bottom);\n\t    background-image: linear-gradient(to bottom, @global-primary-gradient-top, @global-primary-gradient-bottom);\n    }\n}\n\n\n\/\/ Modifier: `uk-alert-success`\n\/\/ ========================================================================\n\n.hook-alert-success() {\n\n    &:before {\n        background: @global-success-background;\n\t\tbackground-image: -webkit-linear-gradient(top, @global-success-gradient-top, @global-success-gradient-bottom);\n\t    background-image: linear-gradient(to bottom, @global-success-gradient-top, @global-success-gradient-bottom);\n\t}\n}\n\n\n\/\/ Modifier: `uk-alert-warning`\n\/\/ ========================================================================\n\n.hook-alert-warning() {\n\n    &:before {\n        background: @global-warning-background;\n\t\tbackground-image: -webkit-linear-gradient(top, @global-warning-gradient-top, @global-warning-gradient-bottom);\n\t    background-image: linear-gradient(to bottom, @global-warning-gradient-top, @global-warning-gradient-bottom);\n\t}\n}\n\n\n\/\/ Modifier: `uk-alert-danger`\n\/\/ ========================================================================\n\n.hook-alert-danger() {\n\n    &:before {\n        background: @global-danger-background;\n\t\tbackground-image: -webkit-linear-gradient(top, @global-danger-gradient-top, @global-danger-gradient-bottom);\n\t    background-image: linear-gradient(to bottom, @global-danger-gradient-top, @global-danger-gradient-bottom);\n\t}\n}\n\n\n\/\/ Miscellaneous\n\/\/ ========================================================================\n\n.hook-alert-misc() {\n\n\n}\n\/\/ Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http:\/\/www.yootheme.com\/license) *\/\n\n\/\/\n\/\/ Component: Thumbnail\n\/\/\n\/\/ ========================================================================\n\n\n\/\/ Variables\n\/\/ ========================================================================\n\n@thumbnail-padding:                             0;\n@thumbnail-border:                              @global-border;\n@thumbnail-background:                          @global-background;\n@thumbnail-hover-border:                        darken(@global-border, 5%);\n@thumbnail-hover-background:                    @global-background;\n\n@thumbnail-caption-color:                       @global-color;\n@thumbnail-caption-padding:                     10px;\n\n\/\/\n\/\/ New\n\/\/\n\n\n\/\/ Component\n\/\/ ========================================================================\n\n.hook-thumbnail() { background-clip: border-box; }\n\n.hook-thumbnail-hover() {}\n\n\n\/\/ Caption\n\/\/ ========================================================================\n\n.hook-thumbnail-caption() { padding-bottom: @thumbnail-caption-padding; }\n\n\n\/\/ Miscellaneous\n\/\/ ========================================================================\n\n.hook-thumbnail-misc() {}\n\/\/ Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http:\/\/www.yootheme.com\/license) *\/\n\n\/\/\n\/\/ Component: Overlay\n\/\/\n\/\/ ========================================================================\n\n\n\/\/ Variables\n\/\/ ========================================================================\n\n@overlay-area-background:                       rgba(0,0,0,0.7);\n@overlay-area-icon-color:                       @global-contrast-color;\n\n@overlay-caption-padding:                       @global-margin;\n@overlay-caption-color:                         @global-contrast-color;\n\n\n\/\/ Sub-object `uk-overlay-area`\n\/\/ ========================================================================\n\n.hook-overlay-area() {\n\tbox-shadow: inset 0 0 16px rgba(0,0,0,0.2);\n\tmargin: -1px;\n}\n\n.hook-overlay-area-icon() {\n\ttop: 55%;\n\t-webkit-transition: all .45s ease-out;\n\ttransition: all .45s ease-out;\n\topacity: 0;\n}\n\n\n\/* Sub-object `uk-overlay-area-content`\n ========================================================================== *\/\n\n.hook-overlay-area-content() {\n\n\tdisplay: block;\n\tposition: absolute;\n\ttop: 45%;\n\t-webkit-transition: all .45s ease-out;\n\ttransition: all .45s ease-out;\n\topacity: 0;\n\n\th1, h2, h3, h4, h5, h6 { color: @global-contrast-color; }\n}\n\n\n\/\/ Sub-object `uk-overlay-caption`\n\/\/ ========================================================================\n\n.hook-overlay-caption() {}\n\n\n\/\/ Miscellaneous\n\/\/ ========================================================================\n\n.hook-overlay-misc() {\n\n\t.uk-overlay-toggle:hover {\n\n\t\t.uk-overlay-area-content {\n\t\t\ttop: 40%;\n\t\t\topacity: 0.9;\n\t\t}\n\n\t\t.uk-overlay-area:before {\n\t\t\ttop: 50%;\n\t\t\topacity: 0.9;\n\t\t}\n\n\t}\n\n}\n\/\/ Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http:\/\/www.yootheme.com\/license) *\/\n\n\/\/\n\/\/ Component: Progress\n\/\/\n\/\/ ========================================================================\n\n\n\/\/ Variables\n\/\/ ========================================================================\n\n@progress-margin-vertical:                      @global-margin;\n\n@progress-background:                           @global-light-background;\n\n@progress-bar-background:                       @global-primary-background;\n@progress-bar-font-size:                        round((@global-font-size * 0.85)); \/\/ 12px\n@progress-bar-color:                            @global-contrast-color;\n\n@progress-bar-success-background:               @global-success-background;\n@progress-bar-warning-background:               @global-warning-background;\n@progress-bar-danger-background:                @global-danger-background;\n\n\/\/\n\/\/ New\n\/\/\n\n@progress-border-radius: \t\t\t\t\t\t@global-border-radius;\n@progress-bar-box-shadow: \t\t\t\t\t\trgba(0,0,0,0.06);\n\n@progress-bar-primary-gradient-top: \t\t\t@global-primary-gradient-top;\n@progress-bar-primary-gradient-bottom: \t\t\t@global-primary-gradient-bottom;\n\n@progress-bar-success-gradient-top: \t\t\t@global-success-gradient-top;\n@progress-bar-success-gradient-bottom: \t\t\t@global-success-gradient-bottom;\n\n@progress-bar-warning-gradient-top: \t\t\t@global-warning-gradient-top;\n@progress-bar-warning-gradient-bottom: \t\t\t@global-warning-gradient-bottom;\n\n@progress-bar-danger-gradient-top: \t\t\t\t@global-danger-gradient-top;\n@progress-bar-danger-gradient-bottom: \t\t\t@global-danger-gradient-bottom;\n\n\n\/\/ Component\n\/\/ ========================================================================\n\n.hook-progress() {\n\tborder-radius: @progress-border-radius;\n\tbox-shadow: inset 0 1px 1px @progress-bar-box-shadow;\n}\n\n\n\/\/ Sub-object: `progress-bar`\n\/\/ ========================================================================\n\n.hook-progress-bar() {\n    border: 1px solid rgba(0,0,0,0.07);\n    background-image: -webkit-linear-gradient(top, @progress-bar-primary-gradient-top, @progress-bar-primary-gradient-bottom);\n    background-image: linear-gradient(to bottom, @progress-bar-primary-gradient-top, @progress-bar-primary-gradient-bottom);\n}\n\n\n\/\/ Color modifiers\n\/\/ ========================================================================\n\n.hook-progress-bar-success() {\n    background-image: -webkit-linear-gradient(top, @progress-bar-success-gradient-top, @progress-bar-success-gradient-bottom);\n    background-image: linear-gradient(to bottom, @progress-bar-success-gradient-top, @progress-bar-success-gradient-bottom);\n}\n\n.hook-progress-bar-warning() {\n    background-image: -webkit-linear-gradient(top, @progress-bar-warning-gradient-top, @progress-bar-warning-gradient-bottom);\n    background-image: linear-gradient(to bottom, @progress-bar-warning-gradient-top, @progress-bar-warning-gradient-bottom);\n}\n\n.hook-progress-bar-danger() {\n    background-image: -webkit-linear-gradient(top, @progress-bar-danger-gradient-top, @progress-bar-danger-gradient-bottom);\n    background-image: linear-gradient(to bottom, @progress-bar-danger-gradient-top, @progress-bar-danger-gradient-bottom);\n}\n\n\n\/\/ Miscellaneous\n\/\/ ========================================================================\n\n.hook-progress-misc() {}\n\n\/\/ JavaScript\n\/\/ Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http:\/\/www.yootheme.com\/license) *\/\n\n\/\/\n\/\/ Component: Dropdown\n\/\/\n\/\/ ========================================================================\n\n\n\/\/ Variables\n\/\/ ========================================================================\n\n@dropdown-z-index:                              (@global-z-index + 20);\n@dropdown-width:                                250px;\n@dropdown-padding:                              @global-grid-gutter;\n@dropdown-color:                                @global-color;\n@dropdown-divider-border:                       @global-border;\n@dropdown-background:                           @global-background;\n\n@dropdown-navbar-background:                    @navbar-nav-hover-background;\n@dropdown-navbar-color:                        \t@global-dark-color;\n\n@dropdown-search-background:                    #fff;\n@dropdown-search-color:                         @global-color;\n@dropdown-search-navbar-margin-top:             ((@navbar-nav-height - @search-height) \/ 2);\n@dropdown-search-navbar-margin-right:           -@navbar-nav-padding-horizontal;\n\n\/\/\n\/\/ New\n\/\/\n\n\n@dropdown-nav-sub-border:                       #eaeaea;\n@dropdown-navbar-nav-sub-border:                rgba(255,255,255,0.08);\n@dropdown-navbar-divider-border:                rgba(234,234,234,0.1);\n\n\n\/\/ Component\n\/\/ ========================================================================\n\n.hook-dropdown() {\n\n    box-shadow: 1px 0 0 rgba(47, 49, 53, 0.05),\n                -1px 0 0 rgba(47, 49, 53, 0.05), 0 1px 0 rgba(47, 49, 53, 0.05);\n\n    ul.uk-nav-sub { border-bottom: 1px solid @dropdown-nav-sub-border; }\n\n}\n\n\n\/\/ Modifier: `uk-dropdown-navbar`\n\/\/ ========================================================================\n\n.hook-dropdown-navbar() {\n\n    box-shadow: 1px 0 0 rgba(47,49,53,0.05),\n                -1px 0 0 rgba(47,49,53,0.05),\n                0 1px 0 rgba(47,49,53,0.05);\n\n    .uk-panel a {\n        color: @nav-navbar-hover-color;\n\n        &:hover { color: @global-contrast-color; }\n    }\n\n    ul.uk-nav-sub {\n\n        border-top-color: @dropdown-navbar-nav-sub-border;\n        border-bottom: 1px solid @dropdown-navbar-nav-sub-border;\n    }\n\n}\n\n\n\/\/ Modifier: `uk-dropdown-search`\n\/\/ ========================================================================\n\n.hook-dropdown-search() {\n\n    box-shadow: 1px 0 0 rgba(47,49,53,0.05),\n                -1px 0 0 rgba(47,49,53,0.05),\n                0 1px 0 rgba(47,49,53,0.05);\n\n    ul.uk-nav-sub {\n\n        border-top-color: @dropdown-navbar-nav-sub-border;\n        border-bottom: 1px solid @dropdown-navbar-nav-sub-border;\n    }\n\n}\n\n\n\/\/ Miscellaneous\n\/\/ ========================================================================\n\n.hook-dropdown-misc() {\n\n    \/*\n    * Column divider\n    *\/\n\n    .uk-dropdown:not(.uk-dropdown-stack) > .uk-grid > [class*='uk-width-']:nth-child(n+2) {\n        border-left: none;\n        padding-left: 0;\n    }\n\n    body .uk-dropdown .uk-nav,\n    .uk-dropdown .uk-nav.uk-nav-navbar { margin: 0; }\n\n    .uk-open > .uk-dropdown-navbar {\n        -webkit-animation: @dropdown-navbar-animation 0.2s ease-in;\n        animation: @dropdown-navbar-animation 0.2s ease-in;\n\t}\n\n    .uk-dropdown-navbar:not(.uk-dropdown-stack) > .uk-grid > [class*='uk-width-']:nth-child(n+2) { border-left-color: @dropdown-navbar-divider-border; }\n\n    .uk-dropdown-small { padding: @dropdown-small-padding (@dropdown-small-padding + 10px) (@dropdown-small-padding + 10px) (@dropdown-small-padding + 10px); }\n\n\n\n\n}\n\/\/ Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http:\/\/www.yootheme.com\/license) *\/\n\n\/\/\n\/\/ Component: Modal\n\/\/\n\/\/ ========================================================================\n\n\n\/\/ Variables\n\/\/ ========================================================================\n\n@modal-z-index:                                     @global-z-index + 10;\n@modal-background:                                  rgba(0,0,0,0.8);\n\n@modal-dialog-background:                           @global-background;\n\n@modal-header-margin-bottom:                        @global-margin;\n@modal-header-font-size:                            round((@global-font-size * 1.74)); \/\/ 24px \/ 28px\n@modal-header-line-height:                          round((@modal-header-font-size * 1.27)); \/\/ 30px \/ 36px\n\n@modal-footer-margin-top:                           @global-margin;\n\n@modal-caption-color:                               @global-contrast-color;\n\n\/\/\n\/\/ New\n\/\/\n\n@modal-dialog-blank-close-background:              @global-primary-background;\n@modal-dialog-blank-close-color:                   @global-contrast-color;\n@modal-dialog-blank-close-font-size:               20px;\n@modal-dialog-blank-close-width:                   50px;\n@modal-dialog-blank-close-height:                  @modal-dialog-blank-close-width;\n\n\n\/\/ Component\n\/\/ ========================================================================\n\n.hook-modal() {}\n\n\n\/\/ Sub-object: `uk-modal-dialog`\n\/\/ ========================================================================\n\n.hook-modal-dialog() {}\n\n\n\/\/ Modifier: `uk-modal-dialog-lightbox`\n\/\/ ========================================================================\n\n.hook-modal-dialog-lightbox() {}\n\n\n\/\/ Sub-object: `uk-modal-header`\n\/\/ ========================================================================\n\n.hook-modal-header() {}\n\n\n\/\/ Sub-object: `uk-modal-footer`\n\/\/ ========================================================================\n\n.hook-modal-footer() {}\n\n\n\/\/ Sub-object: `uk-modal-caption`\n\/\/ ========================================================================\n\n.hook-modal-caption() {}\n\n\n\/\/ Sub-object: `uk-modal-spinner`\n\/\/ ========================================================================\n\n.hook-modal-spinner() {}\n\n\n\/\/ Miscellaneous\n\/\/ ========================================================================\n\n.hook-modal-misc() {\n\n    .uk-modal-dialog-blank .uk-modal-close {\n        background: @modal-dialog-blank-close-background;\n        opacity: 1;\n        color: @modal-dialog-blank-close-color;\n        font-size: @modal-dialog-blank-close-font-size;\n    }\n\n    .uk-modal-dialog-blank .uk-modal-close:hover { opacity: 0.6; }\n\n    .uk-modal-dialog-blank > .uk-close:first-child {\n        top: 0;\n        right: 0;\n    }\n\n    \/\/ Tablet and bigger\n    @media (min-width: @breakpoint-medium) {\n\n        .uk-modal-dialog-blank .uk-modal-close:first-child {\n            width: @modal-dialog-blank-close-width;\n            height: @modal-dialog-blank-close-height;\n        }\n\n    }\n\n}\n\/\/ Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http:\/\/www.yootheme.com\/license) *\/\n\n\/\/\n\/\/ Component: Off-canvas\n\/\/\n\/\/ ========================================================================\n\n\n\/\/ Variables\n\/\/ ========================================================================\n\n@offcanvas-background:                          rgba(0,0,0,0.5);\n@offcanvas-z-index:                             @global-z-index;\n\n@offcanvas-bar-background:                      #2A2A2A;\n@offcanvas-panel-link-color:                    fade(@global-contrast-color, 50%);\n@offcanvas-panel-title-color:                   @offcanvas-panel-link-color;\n\n@offcanvas-search-background:                   darken(@offcanvas-bar-background, 5%);\n@offcanvas-search-color:                        @offcanvas-panel-link-color;\n@offcanvas-search-placeholder-color:            @offcanvas-panel-color;\n@offcanvas-search-icon-color:                   @offcanvas-panel-color;\n\n\n\/\/ Component\n\/\/ ========================================================================\n\n.hook-offcanvas() {}\n\n\n\/\/ Sub-object `uk-offcanvas-bar`\n\/\/ ========================================================================\n\n.hook-offcanvas-bar() {\n\n    .uk-search:before { left: 5px; }\n\n}\n\n\n\/\/ Panel in offcanvas\n\/\/ ========================================================================\n\n.hook-offcanvas-panel() {}\n\n\n\/\/ Search in offcanvas\n\/\/ ========================================================================\n\n.hook-offcanvas-search-field() {\n    padding: 0 10px 0 35px !important;\n    border-radius: 50px;\n    box-shadow: inset 0 1px 0px 0px rgba(0, 0, 0, 0.1),\n                0 1px 0px 0px rgba(255, 255, 255, 0.07);\n}\n\n\n\/\/ Miscellaneous\n\/\/ ========================================================================\n\n.hook-offcanvas-misc() {\n\n    .uk-offcanvas-bar:after {\n        content: \"\";\n        display: block;\n        position: absolute;\n        top: 0;\n        bottom: 0;\n        right: 0;\n        width: 1px;\n        box-shadow: 0 0 5px 2px rgba(0,0,0,0.3);\n    }\n\n    .uk-offcanvas-bar-flip:after {\n        right: auto;\n        left: 0;\n        width: 1px;\n        box-shadow: 0 0 5px 2px rgba(0,0,0,0.3);\n    }\n\n}\n\n\/\/ Components: Navs\n\/\/ Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http:\/\/www.yootheme.com\/license) *\/\n\n\/\/\n\/\/ Component: Dotnav\n\/\/\n\/\/ ========================================================================\n\n\n\/\/ Variables\n\/\/ ========================================================================\n\n\n\/\/ Component\n\/\/ ========================================================================\n\n.hook-dotnav-item() {\n    -webkit-transition: all 0.2s ease-in-out;\n    transition: all 0.2s ease-in-out;\n}\n\n.hook-dotnav-item-hover() {}\n\n.hook-dotnav-item-onclick() {}\n\n.hook-dotnav-item-active() {\n    -webkit-transform: scale(1.3);\n    transform: scale(1.3);\n}\n\n.hook-dotnav-contrast-item() {}\n\n.hook-dotnav-contrast-item-hover() {}\n\n.hook-dotnav-contrast-item-onclick() {}\n\n.hook-dotnav-contrast-item-active() {}\n\n\n\/\/ Miscellaneous\n\/\/ ========================================================================\n\n.hook-dotnav-misc() {}\n\/\/ Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http:\/\/www.yootheme.com\/license) *\/\n\n\/\/\n\/\/ Component: Slidenav\n\/\/\n\/\/ ========================================================================\n\n\n\/\/ Variables\n\/\/ ========================================================================\n\n\n\/\/ Component\n\/\/ ========================================================================\n\n.hook-slidenav() {}\n\n.hook-slidenav-hover() {}\n\n.hook-slidenav-active() {}\n\n.hook-slidenav-contrast() {}\n\n.hook-slidenav-contrast-hover() {}\n\n.hook-slidenav-contrast-active() {}\n\n\n\/\/ Miscellaneous\n\/\/ ========================================================================\n\n.hook-slidenav-misc() {}\n\n\/\/ Components: JavaScript\n\/\/ Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http:\/\/www.yootheme.com\/license) *\/\n\n\/\/\n\/\/ Component: Accordion\n\/\/\n\/\/ ========================================================================\n\n\n\/\/ Variables\n\/\/ ========================================================================\n\n@accordion-title-margin-bottom:                 @global-margin;\n@accordion-title-padding-horizontal:            @global-margin;\n@accordion-title-font-size:                     round((@global-font-size * 1.28)); \/\/ 18px \/ 20px\n@accordion-title-line-height:                   round((@accordion-title-font-size * 1.32)); \/\/ 24px \/ 26px\n@accordion-title-background:                    @global-light-background;\n\n\/\/\n\/\/ New\n\/\/\n\n@accordion-title-border:                        @global-border;\n\n\/\/ Component\n\/\/ ========================================================================\n\n.hook-accordion() {}\n\n\n\/\/ Modifier: `uk-accordion-title`\n\/\/ ========================================================================\n\n.hook-accordion-title() {\n    border: 1px solid @accordion-title-border;\n    border-radius: @global-border-radius;\n}\n\n\n\/\/ Modifier: `uk-accordion-content`\n\/\/ ========================================================================\n\n.hook-accordion-content() {}\n\n\n\/\/ Miscellaneous\n\/\/ ========================================================================\n\n.hook-accordion-misc() {}\n\/\/ Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http:\/\/www.yootheme.com\/license) *\/\n\n\/\/\n\/\/ Component: Search\n\/\/\n\/\/ ========================================================================\n\n\n\/\/ Variables\n\/\/ ========================================================================\n\n@search-width:                                  150px;\n@search-focus-width:                            @search-width;\n@search-height:                                 @global-height;\n@search-color:                                  @search-placeholder-color;\n@search-placeholder-color:                      @global-muted-color;\n\n@search-icon-size:                              18px;\n@search-icon-color:                             @global-muted-color;\n@search-placeholder-color: \t\t\t\t\t\t@global-muted-color;\n\n@dropdown-search-background:                    @global-background;\n@dropdown-search-color:                         @global-color;\n@dropdown-search-navbar-margin-top:             12px;\n@dropdown-search-navbar-margin-right:           -15px;\n\n@nav-search-color:                              @global-dark-color;\n@nav-search-active-background:                  #FAFAFA;\n@nav-search-active-color:                       @global-dark-color;\n@nav-search-header-color:                       fade(@global-dark-color, 80%);\n@nav-search-divider-border:                     fade(@global-border, 50%);\n@nav-search-nested-color:                       fade(@global-dark-color, 50%);\n@nav-search-nested-hover-color:                 @global-link-color;\n\n@offcanvas-search-background:                   rgba(24,24,24,0.62);\n\n\/\/\n\/\/ New\n\/\/\n\n@nav-search-padding-vertical:                   15px;\n@nav-search-hover-color:                        #f5f5f5;\n@search-field-text-transform: \t\t\t\t\t@global-text-transform;\n@search-field-font-weight:                      300;\n@search-field-font-size:                        14px;\n@search-placeholder-focus-color: \t\t\t\tfade(@search-placeholder-color, 50%);\n\n@dropdown-search-nav-sub-background:            rgba(255,255,255,0.05);\n@dropdown-search-nav-sub-border:                rgba(255,255,255,0.08);\n\n\n\/\/ Component\n\/\/ ========================================================================\n\n.hook-search() {}\n\n.hook-search-icon() {}\n\n\n\/\/ Sub-object `uk-search-field`\n\/\/ ========================================================================\n\n.hook-search-field() {\n\ttext-transform: @search-field-text-transform;\n\tfont-weight: @search-field-font-weight;\n    font-size: @search-field-font-size;\n}\n\n.hook-search-field-focus() {\n\n\t&.uk-search-field:-ms-input-placeholder { color: @search-placeholder-focus-color; }\n\t&.uk-search-field::-moz-placeholder { color: @search-placeholder-focus-color; }\n\t&.uk-search-field::-webkit-input-placeholder { color: @search-placeholder-focus-color; }\n\n}\n\n\n\/\/ Modifier: `uk-dropdown-search`\n\/\/ ========================================================================\n\n.hook-dropdown-search() {\n\n    box-shadow: 1px 0 0 rgba(47,49,53,0.05),\n                -1px 0 0 rgba(47,49,53,0.05),\n                0 1px 0 rgba(47,49,53,0.05);\n\n    ul.uk-nav-sub {\n\n        border-top-color: @dropdown-navbar-nav-sub-border;\n        border-bottom: 1px solid @dropdown-navbar-nav-sub-border;\n    }\n\n}\n\n\n\/\/ Modifier `uk-nav-search`\n\/\/ ========================================================================\n\n\/\/\n\/\/ Items\n\/\/\n\n.hook-nav-search() {\n\n    padding: @nav-search-padding-vertical @nav-padding-horizontal;\n\n    &:hover { color: @nav-search-hover-color; }\n\n}\n\n\/\/ Active\n.hook-nav-search-active() {}\n\n\/\/\n\/\/ Sub-object: `uk-nav-header`\n\/\/\n\n.hook-nav-search-header() {}\n\n\/\/\n\/\/ Sub-object: `uk-nav-divider`\n\/\/\n\n.hook-nav-search-divider() {}\n\n\n\/\/ Search in offcanvas\n\/\/ ========================================================================\n\n.hook-offcanvas-search-field() {\n    padding: 0 10px 0 35px !important;\n    border-radius: 50px;\n    box-shadow: inset 0 1px 0px 0px rgba(0, 0, 0, 0.1),\n                0 1px 0px 0px rgba(255, 255, 255, 0.07);\n}\n\n\n\/\/ Miscellaneous\n\/\/ ========================================================================\n\n.hook-search-misc() {\n\n\n    \/* Hover *\/\n    .uk-nav-search > li > a:hover {\n        -webkit-transition: all .2s linear;\n        transition: all .2s linear;\n    }\n\n    \/\/ Search in offcanvas\n    \/\/ ========================================================================\n\n    .uk-offcanvas-bar .uk-search:before { left: 5px; }\n\n    #offcanvas .uk-panel > .uk-search { margin: 0; }\n}\n\/\/ Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http:\/\/www.yootheme.com\/license) *\/\n\n\/\/\n\/\/ Component: Tooltip\n\/\/\n\/\/ ========================================================================\n\n\n\/\/ Variables\n\/\/ ========================================================================\n\n@tooltip-z-index:                               (@global-z-index + 30);\n\n@tooltip-color: \t\t\t\t\t\t\t\tfade(@global-contrast-color, 60%);\n@tooltip-font-size:                             round((@global-font-size * 0.85)); \/\/ 12px\n@tooltip-line-height:                           round((@tooltip-font-size * 1.5)); \/\/ 18px\n\n@tooltip-background: \t\t\t\t\t\t\t#3F3C3C;\n\n\/\/ Component\n\/\/ ========================================================================\n\n.hook-tooltip() {}\n\n\n\/\/ Miscellaneous\n\/\/ ========================================================================\n\n.hook-tooltip-misc() {}\n\n\/\/ Need to be loaded last\n\/\/ Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http:\/\/www.yootheme.com\/license) *\/\n\n\/\/\n\/\/ Component: Text\n\/\/\n\/\/ ========================================================================\n\n\n\/\/ Variables\n\/\/ ========================================================================\n\n@text-small-font-size:                          round((@global-font-size * 0.78)); \/\/ 11px\n@text-small-line-height:                        round((@text-small-font-size * 1.45)); \/\/ 16px\n@text-large-font-size:                          round((@global-font-size * 1.125)); \/\/ 18px\n@text-large-line-height:                        round((@text-large-font-size * 1.44)); \/\/ 26px\n\n@text-muted-color:                              @global-muted-color;\n@text-primary-color:                            @global-primary-color;\n@text-success-color:                            @global-success-color;\n@text-warning-color:                            @global-warning-color;\n@text-danger-color:                             @global-danger-color;\n\n\n\/\/ Miscellaneous\n\/\/ ========================================================================\n\n.hook-text-misc() {}\n\/\/ Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http:\/\/www.yootheme.com\/license) *\/\n\n\/\/\n\/\/ Component: Utility\n\/\/\n\/\/ ========================================================================\n\n\n\/\/ Variables\n\/\/ ========================================================================\n\n@utility-container-padding-horizontal:          @global-grid-gutter;\n@utility-container-large-padding-horizontal:    @global-grid-gutter-large;\n\n@utility-align-horizontal:                      @global-margin;\n@utility-align-vertical:                        @global-margin;\n\n@utility-container-padding-horizontal:          25px;\n@utility-container-large-padding-horizontal:    70px;\n\n@utility-margin:                                @global-margin;\n\n@utility-heading-large-font-size:               round((@global-font-size * 3.75)); \/\/ 60px\n@utility-heading-large-line-height:             round((@utility-heading-large-font-size * 1.1)); \/\/ 66px\n\n@utility-link-muted-color:                      @global-color;\n@utility-link-muted-hover-color:                fade(@utility-link-muted-color, 60%);\n\n@utility-scrollable-box-border:                 @global-border;\n\n\n\/\/ Container\n\/\/ ========================================================================\n\n.hook-container() {}\n\n\n\/\/ Scrollable\n\/\/ ========================================================================\n\n.hook-scrollable-box() {}\n\n\n\/\/ Miscellaneous\n\/\/ ========================================================================\n\n.hook-utility-misc() {}\n\/\/ Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http:\/\/www.yootheme.com\/license) *\/\n\n\/\/\n\/\/ Component: Contrast\n\/\/\n\/\/ ========================================================================\n\n@contrast-tab-hover-border:               rgba(0,0,0,0);\n@contrast-tab-hover-background:           rgba(0,0,0,0);\n@contrast-tab-hover-color:                @contrast-color;\n\n\n\/\/ Base\n\/\/ ========================================================================\n\n.hook-contrast-base-code() {}\n\n\n\/\/ Nav\n\/\/ ========================================================================\n\n.hook-contrast-nav-side() {}\n.hook-contrast-nav-side-hover() {}\n.hook-contrast-nav-side-active() {}\n.hook-contrast-nav-side-header() {}\n.hook-contrast-nav-side-divider() {}\n\n\n\/\/ Subnav\n\/\/ ========================================================================\n\n.hook-contrast-subnav() {}\n.hook-contrast-subnav-hover() {}\n.hook-contrast-subnav-active() {}\n.hook-contrast-subnav-line-divider() {}\n.hook-contrast-subnav-pill-hover() {}\n.hook-contrast-subnav-pill-active() {}\n\n\n\/\/ List\n\/\/ ========================================================================\n\n.hook-contrast-list-line() {}\n\n\/\/ Form\n\/\/ ========================================================================\n\n.hook-contrast-form() {}\n.hook-contrast-form-focus() {}\n\n\n\/\/ Tab\n\/\/ ========================================================================\n\n.hook-contrast-tab () {}\n.hook-contrast-tab-hover () {}\n.hook-contrast-tab-active () {}\n\n\n\/\/ Button\n\/\/ ========================================================================\n\n.hook-contrast-button() {}\n.hook-contrast-button-hover() {}\n.hook-contrast-button-active() {}\n.hook-contrast-button-primary() {}\n.hook-contrast-button-primary-hover() {}\n.hook-contrast-button-primary-active() {}\n\n\n\/\/ Icon\n\/\/ ========================================================================\n\n.hook-contrast-icon-hover() {}\n.hook-contrast-icon-hover-hover() {}\n.hook-contrast-icon-button() {}\n.hook-contrast-icon-button-hover() {}\n.hook-contrast-icon-button-active() {}\n\n\n\/\/ Miscellaneous\n\/\/ ========================================================================\n\n.hook-contrast-misc() {}\n\n\/* ========================================================================\n   Warp theme\n ========================================================================== *\/\n\n\/* Theme Variables\n ========================================================================== *\/\n\n@theme_global-body-style:                         'default';\n\n@theme_page-margin-top:                           -100px;\n\n@theme_block-full-height:                         400px;\n@theme_bottom-background:                         #FCFCFC;\n@theme_bottom-border:                             #eaeef0;\n\n@theme_block-dark-border:                         #eaeef0;\n@theme_block-dark-background:                     #FCFCFC;\n\n@theme_fullscreen-height:                         600px;\n@theme_fullscreen-border-top:                     rgba(0,0,0,0.05);\n@theme_fullscreen-border-bottom:                  rgba(0,0,0,0.15);\n\n@theme_teaser-text-shadow-color:                  rgba(0,0,0,0.2);\n@theme_teaser-color:                              @global-contrast-color;\n@theme_teaser-heading-font-weight:                700;\n@theme_teaser-top-subtitle-font-size:             24px;\n@theme_teaser-top-subtitle-line-height:           @theme_teaser-top-subtitle-font-size;\n@theme_teaser-top-subtitle-font-weight:           400;\n@theme_teaser-top-subtitle-text-transform:        none;\n@theme_teaser-line-length:                        160px;\n@theme_teaser-line-width:                         4px;\n@theme_teaser-subtitle-border:                    rgba(255,255,255,0.3);\n@theme_teaser-bottom-subtitle-text-transform:     none;\n@theme_teaser-bottom-subtitle-font-size:          20px;\n@theme_teaser-bottom-subtitle-line-height:        @theme_teaser-bottom-subtitle-font-size;\n@theme_teaser-bottom-subtitle-font-weight:        400;\n@theme_teaser-small-line-length:                  206px;\n\n@theme_heading-italic-font:                       'Times New Roman';\n@theme_heading-italic-font-weight:                normal;\n\n@theme_heading-underline-divider-width:           220px;\n@theme_heading-underline-border-height:           4px;\n@theme_heading-underline-border:                  fade(@global-border, 60%);\n\n@theme_heading-box-background:                    fade(@global-primary-background, 85%);\n@theme_heading-box-divider-width:                 80px;\n\n@theme_title-line-bottom-border:                  @global-border;\n\n@theme_toolbar-subnav-color:                      @subnav-color;\n@theme_headerbar-link-color:                      @global-color;\n@theme_headerbar-link-hover-color:                fade(@global-color, 70%);\n@theme_headerbar-color:                           @global-color;\n\n@theme_bottom-panel-title-color:                  @panel-title-color;\n@theme_bottom-nested-link-hover-color:            fade(@global-color, 70%);\n@theme_bottom-panel-color:                        @global-color;\n@theme_bottom-icon-color:                         @global-dark-color;\n@theme_bottom-icon-hover-color:                   lighten(@global-dark-color, 30%);\n@theme_bottom-icon-active-color:                  lighten(@global-dark-color, 50%);\n@theme_bottom-form-color:                         @global-muted-color;\n@theme_bottom-form-focus-color:                   @global-muted-color;\n@theme_bottom-form-background:                    @global-background;\n@theme_bottom-form-border-color:                  @global-border;\n@theme_bottom-form-focus-background:              @theme_bottom-form-background;\n@theme_bottom-form-focus-border-color:            darken(@theme_bottom-form-border-color, 10%);\n@theme_bottom-form-placeholder-color:             @global-muted-color;\n\n@theme_dropdown-form-color:                       @global-muted-color;\n@theme_dropdown-form-focus-color:                 @global-muted-color;\n@theme_dropdown-form-background:                  @global-background;\n@theme_dropdown-form-border-color:                @global-border;\n@theme_dropdown-form-focus-background:            @theme_dropdown-form-background;\n@theme_dropdown-form-focus-border-color:          darken(@theme_dropdown-form-border-color, 10%);\n@theme_dropdown-form-placeholder-color:           @global-muted-color;\n@theme_dropdown-list-link-color:                  fade(@global-color, 60%);\n@theme_dropdown-list-link-hover-color:            @global-dark-color;\n\n@theme_footer-color:                              @global-color;\n@theme_footer-link-color:                         @global-color;\n@theme_footer-link-hover-color:                   fade(@global-color, 70%);\n\n@wk-nav-border:                                   @global-border;\n@wk-nav-active:                                   @global-primary-background;\n@wk-button-background:                            @global-primary-background;\n\n\n\/* Layout\n ========================================================================== *\/\n\n\nhtml {\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n}\n\n.uk-button,\na.uk-button,\nbutton.uk-button {\n    -webkit-font-smoothing: auto!important;\n    -moz-osx-font-smoothing: auto!important;\n}\n\n\/*\n * Blocks\n *\/\n\n.tm-top-block  { box-shadow: 0 1px 0 rgba(47,49,53,0.04); }\n\n\n\/* Block light and grey *\/\n\n.tm-block-light + .tm-block-dark,\n.tm-block-dark + .tm-block-light { border-top: 1px solid @theme_block-dark-border; }\n\n.tm-block-light { background-color: @global-background; }\n.tm-block-dark { background-color: @theme_block-dark-background; }\n\n\n\/* Set tm-block-full height *\/\n\n.tm-block-full { height: @theme_block-full-height; }\n\n\n\/*\n * Logo\n *\/\n\n.tm-logo-small { letter-spacing: -0.31em; }\n\n\n\/*\n * Toolbar\n *\/\n\n.tm-toolbar { padding-top: 10px; }\n\n\n\/*\n * Page\n *\/\n\n.tm-page {\n    max-width: 100%;\n    margin: 0 auto;\n    box-shadow: 0 0 0 1px rgba(47,49,53,0.03),\n                0 1px 2px rgba(47,49,53,0.04);\n}\n\n\n\/*\n * Dropdown\n *\/\n\n.tm-dropdown {\n    min-width: @dropdown-width;\n    width: auto;\n}\n\n\/*\n * Headerbar\n *\/\n\n.tm-headerbar {\n\n    padding: 30px 0;\n\n    .tm-logo { float: left; }\n\n    .uk-panel {\n        max-width: 300px;\n        margin-right: 0;\n        float: right;\n    }\n\n}\n\n\/*\n * Navbar\n *\/\n\n.uk-navbar-content:last-child { padding: 0; }\n\n\/*\n * Sticky navbar\n *\/\n\n[data-uk-sticky].uk-active.tm-navbar { box-shadow: 0 1px 0 rgba(0,0,0,0.08); }\n\n\/*\n * Middle\n *\/\n\n.tm-main > :nth-child(n+2) { margin-top: @global-grid-gutter-large; }\n\n.tm-content > :last-child { margin-bottom: 0; }\n\n\n\/*\n * Bottom\n *\/\n\n.tm-bottom {\n    border-top: 1px solid @theme_bottom-border;\n    background: @theme_bottom-background;\n}\n\n\/*\n * To-top scroller\n *\/\n\n.tm-totop-scroller {\n    height: 35px;\n    margin-top: 25px;\n    line-height: 30px;\n}\n\n\n\/*\n * Responsive\n *\/\n\n\n\/* Only tablets *\/\n@media (max-width: @breakpoint-small-max) {\n\n    .tm-page {\n\n        margin-top: 0;\n        margin-bottom: @global-grid-gutter-large;\n\n        .tm-block:first-child { padding-top: @global-grid-gutter-large; }\n\n    }\n\n    .tm-block { padding-bottom: @global-grid-gutter-large; }\n\n    .tm-block-light + .tm-block-dark,\n    .tm-block-dark + .tm-block-light,\n    .tm-block-full + .tm-block { padding-top: @global-grid-gutter-large; }\n\n    .tm-bottom {\n        padding-top: @global-grid-gutter-large;\n        padding-bottom: @global-grid-gutter-large;\n    }\n\n}\n\n\/* Only tablets portrait *\/\n@media (min-width: @breakpoint-medium) and (max-width: @breakpoint-medium-max) {\n\n    .tm-page { margin-top: 1px!important; }\n\n}\n\n\/* Only tablets and desktops *\/\n@media (min-width: @breakpoint-medium) {\n\n    .tm-fullscreen:not(.uk-hidden-large) + .tm-page { margin-top: @theme_page-margin-top; }\n\n    .tm-page {\n\n        max-width: @utility-container-max-width;\n        margin: @global-grid-gutter-large auto;\n\n        .tm-block:first-child { padding-top: 2 * @global-grid-gutter-large; }\n\n    }\n\n    .tm-block { padding-bottom: 2 * @global-grid-gutter-large; }\n\n    .tm-block-light + .tm-block-dark,\n    .tm-block-dark + .tm-block-light,\n    .tm-block-full + .tm-block { padding-top: 2 * @global-grid-gutter-large; }\n\n    .tm-bottom {\n        padding-top: 2 * @global-grid-gutter-large;\n        padding-bottom: 2 * @global-grid-gutter-large;\n    }\n\n}\n\n\/* Only tablets and desktops *\/\n@media (min-width: @breakpoint-xlarge) {\n\n    .tm-page {\n\n        max-width: @utility-container-large-max-width;\n        margin: 2 * @global-grid-gutter-large auto;\n\n    }\n\n}\n\n\n\/* Dropdown stack\n ========================================================================== \/\n\n\/*\n * Reset width if column width is set\n *\/\n\n.uk-dropdown-navbar.uk-dropdown-stack {\n    min-width: 0 !important;\n    max-width: none !important;\n}\n\n\n\/* Blog\n ========================================================================== *\/\n\n.tm-article-center {\n\n    .uk-article-title,\n    .uk-article-meta,\n    .tm-blog-more { text-align: center; }\n\n    .uk-article-meta { margin-bottom: 0; }\n\n    .tm-article-content:before  {\n        content: \"\";\n        display: block;\n        position: relative;\n        left: 50%;\n        width: @theme_heading-underline-divider-width;\n        margin-top: 15px;\n        margin-left: -(@theme_heading-underline-divider-width \/ 2);\n        padding-top: 25px;\n        border-top: @theme_heading-underline-border-height solid @theme_heading-underline-border;\n    }\n\n}\n\n.uk-article + .uk-article{\n    padding-top: @global-grid-gutter-large;\n    border-top: 2px dotted @global-border;\n    -webkit-border-image: url(\"\/templates\/yoo_eat\/less\/uikit\/@{global-image-path}\/border_dotted_horizontal.svg\") 2 0 0 0 repeat;\n    border-image: url(\"\/templates\/yoo_eat\/less\/uikit\/@{global-image-path}\/border_dotted_horizontal.svg\") 2 0 0 0 repeat;\n}\n\n\/*\n * 2 or 3 columns\n *\/\n\n.tm-isblog .tm-content {\n\n    .uk-width-medium-1-2,\n    .uk-width-medium-1-3 {\n\n        .uk-article-title {\n            font-size: round(@article-title-font-size * 0.8);\n            line-height: round(@article-title-line-height * 0.8);\n        }\n\n        .uk-article-meta {\n            font-size: round(@article-meta-font-size * 0.9);\n            line-height: round(@article-meta-line-height * 0.9);\n        }\n\n    }\n\n}\n\n\/*\n * Leading article joomla only\n *\/\n\n.tm-leading-article + .uk-grid .uk-article:first-child {\n    padding-top: @global-grid-gutter-large;\n    border-top: 2px dotted @global-border;\n    -webkit-border-image: url(\"\/templates\/yoo_eat\/less\/uikit\/@{global-image-path}\/border_dotted_horizontal.svg\") 2 0 0 0 repeat;\n    border-image: url(\"\/templates\/yoo_eat\/less\/uikit\/@{global-image-path}\/border_dotted_horizontal.svg\") 2 0 0 0 repeat;\n}\n\n\/*\n * Space for pagnination\n *\/\n\n.uk-article:last-child { margin-bottom: @global-grid-gutter-large; }\n\n\n\/* Theme components\n ========================================================================== *\/\n\n.tm-teaser {\n\n    h1 {\n        padding: 0 20px;\n        color: @theme_teaser-color;\n        text-shadow: 0 -1px 0 @theme_teaser-text-shadow-color;\n        font-weight: @theme_teaser-heading-font-weight;\n    }\n\n}\n\n.tm-teaser-subtitle {\n    display: inline-block;\n    position: relative;\n    color: @theme_teaser-color;\n    text-transform: @theme_teaser-top-subtitle-text-transform;\n    text-shadow: 0 -1px 0 @theme_teaser-text-shadow-color;\n    line-height: @theme_teaser-top-subtitle-line-height;\n    font-weight: @theme_teaser-top-subtitle-font-weight;\n    font-size: @theme_teaser-top-subtitle-font-size;\n}\n\n.tm-teaser-subtitle:before,\n.tm-teaser-subtitle:after {\n    content: '';\n    position: absolute;\n    top: 50%;\n    width: @theme_teaser-line-length;\n    border-top: @theme_teaser-line-width solid @theme_teaser-subtitle-border;\n    opacity: 0;\n    -webkit-transition: opacity 1s ease-out .2s, left .7s ease-out .1s, right .7s ease-out .1s;\n    transition: opacity 1s ease-out .2s, left .7s ease-out .1s, right .7s ease-out .1s;\n}\n\n.tm-teaser-subtitle:before { left: 0; }\n.tm-teaser-subtitle:after { right: 0; }\n\n.uk-scrollspy-inview {\n\n    &.tm-teaser-subtitle:before {\n        left: -(@theme_teaser-line-length + 15px);\n        opacity: 1;\n    }\n\n    &.tm-teaser-subtitle:after {\n        right: -(@theme_teaser-line-length + 15px);\n        opacity: 1;\n    }\n\n}\n\n.tm-teaser-subtitle-small {\n    display: inline-block;\n    position: relative;\n    color: @theme_teaser-color;\n    text-transform: @theme_teaser-bottom-subtitle-text-transform;\n    text-shadow: 0 -1px 0 @theme_teaser-text-shadow-color;\n    line-height: @theme_teaser-bottom-subtitle-line-height;\n    font-weight: @theme_teaser-bottom-subtitle-font-weight;\n    font-size: @theme_teaser-bottom-subtitle-font-size;\n}\n\n.tm-teaser-subtitle-small:before,\n.tm-teaser-subtitle-small:after {\n    content: '';\n    position: absolute;\n    top: 50%;\n    width: @theme_teaser-small-line-length;\n    border-top: @theme_teaser-line-width solid @theme_teaser-subtitle-border;\n}\n\n.tm-teaser-subtitle-small:before { left: -(@theme_teaser-small-line-length + 15px); }\n.tm-teaser-subtitle-small:after { right: -(@theme_teaser-small-line-length + 15px); }\n\n\/* Phone landscape and smaller*\/\n@media (max-width: @breakpoint-small-max) {\n\n    .tm-teaser-subtitle:before,\n    .tm-teaser-subtitle:after { width: round(@theme_teaser-line-length * 0.3); }\n\n\n    .uk-scrollspy-inview {\n\n        &.tm-teaser-subtitle:before { left: -(round(@theme_teaser-line-length * 0.3) + 15px); }\n        &.tm-teaser-subtitle:after { right: -(round(@theme_teaser-line-length * 0.3) + 15px); }\n\n    }\n\n    .tm-teaser-subtitle-small:before,\n    .tm-teaser-subtitle-small:after { width: round(@theme_teaser-line-length * 0.45); }\n\n    .tm-teaser-subtitle-small:before { left: -(round(@theme_teaser-small-line-length * 0.45) + 15px); }\n    .tm-teaser-subtitle-small:after { right: -(round(@theme_teaser-small-line-length * 0.45) + 15px); }\n\n}\n\n\/* Phone portrait and smaller *\/\n@media (max-width: @breakpoint-mini-max) {\n\n    .tm-teaser-subtitle-small:before,\n    .tm-teaser-subtitle-small:after,\n    .tm-teaser-subtitle:before,\n    .tm-teaser-subtitle:after { border-top: none}\n\n}\n\n\/* Desktop and bigger *\/\n@media (min-width: @breakpoint-large) {\n\n    .tm-teaser { margin-top: @theme_page-margin-top; }\n\n}\n\n\/* Heading italic *\/\n\n.tm-heading-italic {\n    color: @global-muted-color;\n    text-transform: none;\n    font-family: @theme_heading-italic-font;\n    font-weight: @theme_heading-italic-font-weight;\n    font-style: italic;\n}\n\nspan.tm-heading-italic {\n    line-height: 27px;\n    font-size: 25px;\n}\n\n\/* Add an underline for heading large *\/\n\n.tm-heading-underline {\n\n    padding: 0 0 @global-margin-large 0;\n\n    &:after {\n        content: \"\";\n        display: block;\n        position: absolute;\n        left: 50%;\n        width: @theme_heading-underline-divider-width;\n        margin-top: (30px \/ 2) - (@theme_heading-underline-border-height \/ 2);\n        margin-left: -(@theme_heading-underline-divider-width \/ 2);\n        border-top: @theme_heading-underline-border-height solid @theme_heading-underline-border;\n    }\n\n}\n\n\/* Slideshow panel *\/\n\n.tm-panel-note:before {\n    content: \"\";\n    display: block;\n    position: absolute;\n    top: -15px;\n    right: 0;\n    left: 50%;\n    width: 26px;\n    height: 26px;\n    margin-left: -13px;\n    border-radius: 50px;\n    background-color: @theme_block-dark-background;\n    box-shadow: inset 0 -1px @panel-box-border;\n}\n\n.tm-badge-price {\n    display: block;\n    padding: 3px 6px;\n    border: 1px solid @global-border;\n    border-radius: 2px;\n    background: @global-light-background;\n    color: @global-color;\n    vertical-align: middle;\n    text-align: center;\n    line-height: 15px;\n    font-size: 13px;\n}\n\n\/* Creates a colored background *\/\n\n.tm-heading-box {\n\n    display: inline-block;\n    padding: 40px 50px;\n    background: @theme_heading-box-background;\n    color: @global-contrast-color;\n    text-align: center;\n    text-transform: uppercase;\n    line-height: 26px;\n    font-size: 26px;\n\n    &:after {\n        content: \"\";\n        display: block;\n        position: relative;\n        left: 50%;\n        width: @theme_heading-box-divider-width;\n        margin-top: (20px \/ 2) - (3px \/ 2);\n        margin-left: -(@theme_heading-box-divider-width \/ 2);\n        border-top: 3px solid @global-contrast-color;\n    }\n\n    h1,h2,h3,h4,h5 { color: @global-contrast-color; }\n\n}\n\n.tm-overlay-title {\n\n    &:after {\n        content: \"\";\n        display: block;\n        position: absolute;\n        left: 50%;\n        width: 18px;\n        margin-top: 5px;\n        margin-left: -(18px \/ 2);\n        border-top: 2px solid @global-contrast-color;\n    }\n\n}\n\n.tm-title-line {\n\n    margin-bottom: @global-margin-large;\n    overflow: hidden;\n    text-align: center;\n\n    &:before,\n    &:after {\n        content: \"\";\n        display: inline-block;\n        position: relative;\n        width: 50%;\n        height: 1px;\n        background-color: @global-border;\n        vertical-align: middle;\n    }\n\n    &:before {\n        right: @global-margin;\n        margin-left: -50%;\n    }\n\n    &:after {\n        left: @global-margin;\n        margin-right: -50%;\n    }\n\n}\n\n\/* Phones and tablets *\/\n@media (max-width: @breakpoint-medium-max) {\n\n    [data-uk-scrollspy*='uk-animation-']:not([data-uk-scrollspy*='target']) {\n      -webkit-animation-name: none;\n      animation-name: none;\n      opacity: 1; \n    }\n\n}\n\n\/* Color overrides\n ========================================================================== *\/\n\n\n.tm-toolbar .uk-subnav > li > a { color: @theme_toolbar-subnav-color; }\n\n.tm-headerbar {\n\n    .uk-link-muted,\n    .uk-link-muted a { color: @theme_headerbar-link-color; }\n\n    .uk-link-muted:hover,\n    .uk-link-muted a:hover { color: @theme_headerbar-link-hover-color; }\n\n    > h1, h2, h3, h4, h5, p, span { color: @theme_headerbar-color; }\n\n}\n\n.tm-bottom {\n\n    a:not([class]),\n    h1,\n    h2,\n    h3,\n    h4,\n    h5,\n    h6,\n    .uk-panel-title { color: @theme_bottom-panel-title-color; }\n\n    a:not([class]):hover,\n    .uk-panel a:not([class]):hover { color: @theme_bottom-nested-link-hover-color; }\n\n    .uk-panel,\n    .uk-panel li a:not([class]) { color: @theme_bottom-panel-color; }\n\n    .uk-icon-button { color: @theme_bottom-icon-color; }\n    .uk-icon-button:hover,\n    .uk-icon-button:focus { color: @theme_bottom-icon-hover-color; }\n    .uk-icon-button:active { color: @theme_bottom-icon-active-color; }\n\n    select,\n    textarea,\n    input[type] {\n\n        border-color: @theme_bottom-form-border-color;\n\n        background: @theme_bottom-form-background;\n        color: @theme_bottom-form-color;\n\n        &:focus {\n            border-color: @theme_bottom-form-focus-border-color;\n            background: @theme_bottom-form-focus-background;\n            color: @theme_bottom-form-focus-color;\n        }\n\n    }\n\n    .uk-form :-ms-input-placeholder { color: @theme_bottom-form-placeholder-color; }\n    .uk-form ::-moz-placeholder { color: @theme_bottom-form-placeholder-color; }\n    .uk-form ::-webkit-input-placeholder { color: @theme_bottom-form-placeholder-color; }\n\n    .tm-title-line {\n\n        color: @global-muted-color;\n\n        &:before,\n        &:after { background-color: @theme_title-line-bottom-border; }\n\n    }\n\n}\n\n.uk-dropdown-navbar {\n\n   select,\n   textarea,\n   input[type] {\n\n        border-color: @theme_dropdown-form-border-color;\n        background: @theme_dropdown-form-background;\n        color: @theme_dropdown-form-color;\n\n        &:focus {\n            border-color: @theme_dropdown-form-focus-border-color;\n            background: @theme_dropdown-form-focus-background;\n            color: @theme_dropdown-form-focus-color;\n        }\n\n    }\n\n    .uk-form :-ms-input-placeholder { color: @theme_dropdown-form-placeholder-color; }\n    .uk-form ::-moz-placeholder { color: @theme_dropdown-form-placeholder-color; }\n    .uk-form ::-webkit-input-placeholder { color: @theme_dropdown-form-placeholder-color; }\n\n    .uk-list a {\n\n        color: @theme_dropdown-list-link-color;\n        &:hover { color: @theme_dropdown-list-link-hover-color; }\n\n    }\n\n}\n\n\/*\n * Footer\n *\/\n\n.tm-footer {\n\n    color: @theme_footer-color;\n\n    a:not([class]) { color: @theme_footer-link-color!important; }\n    a:not([class]):hover { color: @theme_footer-link-hover-color!important; }\n\n}\n\n\n\/* Background Styles\n ========================================================================== *\/\n\n.body-style ();\n\n\/*\n * Default Style\n *\/\n\n.body-style () when (@theme_global-body-style = 'default') {\n\n    body { background: #F7F7F7; }\n\n\n}\n\n\/*\n * Blue Style\n *\/\n\n.body-style () when (@theme_global-body-style = 'pink') {\n\n    body { background: #F3EFE9; }\n\n    .tm-bottom {\n\n        .uk-grid-divider > [class*='uk-width-']:not(.uk-width-1-1):nth-child(n+2),\n        .uk-grid-divider > [class*='uk-width-']:nth-child(n+2),\n        .uk-grid-divider > [class*='uk-width-medium-']:not(.uk-width-medium-1-1):nth-child(n+2) {\n            -webkit-border-image: url(\"\/templates\/yoo_eat\/less\/uikit\/@{global-image-path}\/border_dotted_vertical_white.svg\") 0 0 2 repeat;\n            border-image: url(\"\/templates\/yoo_eat\/less\/uikit\/@{global-image-path}\/border_dotted_vertical_white.svg\") 0 0 0 2 repeat;\n        }\n    }\n}\n\n\/*\n * Blue Style\n *\/\n\n.body-style () when (@theme_global-body-style = 'blue') {\n\n    body { background: #232F3C ; }\n\n    .tm-bottom {\n\n        .uk-grid-divider > [class*='uk-width-']:not(.uk-width-1-1):nth-child(n+2),\n        .uk-grid-divider > [class*='uk-width-']:nth-child(n+2),\n        .uk-grid-divider > [class*='uk-width-medium-']:not(.uk-width-medium-1-1):nth-child(n+2) {\n            -webkit-border-image: url(\"\/templates\/yoo_eat\/less\/uikit\/@{global-image-path}\/border_dotted_vertical_white.svg\") 0 0 2 repeat;\n            border-image: url(\"\/templates\/yoo_eat\/less\/uikit\/@{global-image-path}\/border_dotted_vertical_white.svg\") 0 0 0 2 repeat;\n        }\n    }\n}\n\n\/*\n * Green Style\n *\/\n\n.body-style () when (@theme_global-body-style = 'green') {\n\n    body { background: #F7F7F7; }\n\n    .tm-bottom {\n\n        .uk-grid-divider > [class*='uk-width-']:not(.uk-width-1-1):nth-child(n+2),\n        .uk-grid-divider > [class*='uk-width-']:nth-child(n+2),\n        .uk-grid-divider > [class*='uk-width-medium-']:not(.uk-width-medium-1-1):nth-child(n+2) {\n            -webkit-border-image: url(\"\/templates\/yoo_eat\/less\/uikit\/@{global-image-path}\/border_dotted_vertical_white.svg\") 0 0 2 repeat;\n            border-image: url(\"\/templates\/yoo_eat\/less\/uikit\/@{global-image-path}\/border_dotted_vertical_white.svg\") 0 0 0 2 repeat;\n        }\n    }\n}\n\n\n\/*\n * Lilac Style\n *\/\n\n.body-style () when (@theme_global-body-style = 'lilac') {\n\n    body { background: #F7F7F7; }\n\n}\n\n\/*\n * Salmon Style\n *\/\n\n.body-style () when (@theme_global-body-style = 'salmon') {\n\n    body { background: #F7F7F7; }\n\n    .tm-bottom {\n\n        .uk-grid-divider > [class*='uk-width-']:not(.uk-width-1-1):nth-child(n+2),\n        .uk-grid-divider > [class*='uk-width-']:nth-child(n+2),\n        .uk-grid-divider > [class*='uk-width-medium-']:not(.uk-width-medium-1-1):nth-child(n+2) {\n            -webkit-border-image: url(\"\/templates\/yoo_eat\/less\/uikit\/@{global-image-path}\/border_dotted_vertical_white.svg\") 0 0 0 2 repeat;\n            border-image: url(\"\/templates\/yoo_eat\/less\/uikit\/@{global-image-path}\/border_dotted_vertical_white.svg\") 0 0 0 2 repeat;\n        }\n    }\n}\n\n\/*\n * Dove Style\n *\/\n\n.body-style () when (@theme_global-body-style = 'dove') {\n\n    body { background: #F7F7F7; }\n\n    .tm-bottom {\n\n        .uk-grid-divider > [class*='uk-width-']:not(.uk-width-1-1):nth-child(n+2),\n        .uk-grid-divider > [class*='uk-width-']:nth-child(n+2),\n        .uk-grid-divider > [class*='uk-width-medium-']:not(.uk-width-medium-1-1):nth-child(n+2) {\n            -webkit-border-image: url(\"\/templates\/yoo_eat\/less\/uikit\/@{global-image-path}\/border_dotted_vertical_white.svg\") 0 0 2 repeat;\n            border-image: url(\"\/templates\/yoo_eat\/less\/uikit\/@{global-image-path}\/border_dotted_vertical_white.svg\") 0 0 0 2 repeat;\n        }\n    }\n}\n\n\/* Fullscreen images\n ========================================================================== *\/\n\n\/*\n * Fullscreen image outside the wrapper\/blocks\n *\/\n\n.tm-fullscreen {\n    height: @theme_fullscreen-height;\n    border-top: 1px solid @theme_fullscreen-border-top;\n    border-bottom: 1px solid @theme_fullscreen-border-bottom;\n}\n\n\/\/ IPad landscape\n@media (max-width: @breakpoint-medium-max) {\n\n    .tm-fullscreen { border-bottom: none; }\n\n}\n\n.tm-image {\n    width: 100%;\n    height: 100%;\n    background-position: 50% 50%;\n    background-size: cover;\n    background-repeat: no-repeat;\n}\n\n\n\/* Error\n ========================================================================== *\/\n\n.tm-error-icon { font-size: 250px; }\n\n.tm-error-headline { font-size: 100px; }\n\n\n\/* Offline\n ========================================================================== *\/\n\n.tm-offline { width: 300px; }\n\n\n\/* WordPress only\n ========================================================================== *\/\n\n.alignleft {\n    display: block;\n    margin-right: @utility-align-horizontal;\n    float: left;\n}\n\n.alignright {\n    display: block;\n    margin-left: @utility-align-horizontal;\n    float: right;\n}\n\n.aligncenter {\n    display: block;\n    margin-right: auto;\n    margin-left: auto;\n}\n\n\n\/* Socialbuttons\n ========================================================================== *\/\n\n.tm-socialbuttons { line-height: 1; }\n\n.tm-socialbuttons > div {\n    margin-right: 10px;\n    float: left;\n}\n\n\n\/* Widgetkit Bonus Style: Slideshow\n ========================================================================== *\/\n\n\/*\n * Navigation\n *\/\n\n.wk-slideshow-eat .nav {\n    position: relative;\n    z-index: 2;\n    margin-top: 15px;\n    text-align: center;\n}\n\n\n.wk-slideshow-eat .nav li {\n    display: inline-block;\n    margin-left: 5px;\n}\n.wk-slideshow-eat .nav li:first-child { margin-left: 0; }\n\n.wk-slideshow-eat .nav span {\n    width: 6px;\n    height: 6px;\n    background-color: @wk-nav-border;\n    border: 4px solid rgba(0,0,0,0);\n    border-radius: 50%;\n}\n\n.wk-slideshow-eat .nav span:hover,\n.wk-slideshow-eat .nav span:active {\n    background-color: rgba(0,0,0,0);\n    border-color: @wk-nav-border;\n}\n\n.wk-slideshow-eat .nav .active span {\n    background-color: @wk-nav-active;\n    border-color: rgba(0,0,0,0);\n}\n\n\n\/*\n * Buttons\n *\/\n\n.wk-slideshow-eat > div { position: relative; }\n\n.wk-slideshow-eat > div .next,\n.wk-slideshow-eat > div .prev {\n    top: 50%;\n    width: 60px;\n    height: 60px;\n    margin-top: -30px;\n    background-color: @wk-button-background;\n    border-radius: 50%;\n    opacity: 0;\n}\n\n.wk-slideshow-eat > div .next:after,\n.wk-slideshow-eat > div .prev:after {\n    text-align: center;\n    position: absolute;\n    width: 65px;\n    height: 65px;\n    font-size: 50px;\n    line-height: 60px;\n    color: #fff;\n    font-family: 'FontAwesome'\n}\n\n.wk-slideshow-eat > div:hover .next,\n.wk-slideshow-eat > div:hover .prev {\n    -webkit-transition: all ease-out .3s;\n    transition: all ease-out .3s;\n    opacity: 1;\n}\n\n.wk-slideshow-eat > div:hover .next { right: -30px; }\n.wk-slideshow-eat > div:hover .prev { left: -30px; }\n\n.wk-slideshow-eat > div .next:after { content: \"\\f105\"; }\n.wk-slideshow-eat > div .prev:after { content: \"\\f104\"; }\n\n\n.wk-slideshow-eat > div .next:hover,\n.wk-slideshow-eat > div .prev:hover {\n    background-color: lighten(@wk-button-background, 5%);\n    -webkit-transform: scale(1.05);\n    transform: scale(1.2);\n    transition: all ease-in-out 0.18s;\n}\n\n.wk-slideshow-eat:hover > div .next:active,\n.wk-slideshow-eat:hover > div .prev:active {\n    background-color: darken(@wk-button-background, 5%);\n    -webkit-transform: scale(1.03);\n    transform: scale(1.1);\n    transition: all ease-in-out 0.06s;\n}\n\n\n\/* Helper\n ========================================================================== *\/\n\n.tm-uppercase { text-transform: uppercase; }\n\n.tm-animation-delay-50 {\n    -webkit-animation-delay: 50ms;\n    animation-delay: 50ms;\n}\n\n.tm-animation-delay-150 {\n    -webkit-animation-delay: 150ms;\n    animation-delay: 150ms;\n}\n\n@import 'https:\/\/fonts.googleapis.com\/css?family=Lato:900,700,400,300';\n\n@base-body-font-family: Lato;\n@base-heading-font-family: Lato;\n@global-link-color: #d70036;\n@global-link-hover-color: #550000;\n@global-text-transform: none;\n@theme_teaser-heading-font-weight: 700;\n@theme_teaser-top-subtitle-font-weight: 400;\n@theme_teaser-bottom-subtitle-font-weight: 400;\n@global-font-weight: 400;\n@article-title-font-weight: 500;\n@article-meta-font-family: Lato;\n@base-em-color: #d70036;"}];</script>
<script src="/templates/yoo_eat/warp/vendor/jquery/jquery-less.js"></script>
<script src="/templates/yoo_eat/warp/vendor/jquery/jquery-rtl.js"></script>
<script src="/templates/yoo_eat/warp/vendor/less/less-1.5.1.min.js"></script>
<script src="/templates/yoo_eat/warp/js/developer.js"></script>



<script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

  ga('create', 'UA-25304381-1', 'auto');
  ga('send', 'pageview');

</script>
<!-- Universal Google Analytics Plugin by PB Web Development -->


</head>

<body class="tm-sidebar-b-right tm-sidebars-1 tm-isblog">

    
	
	<div class="tm-headerbar uk-clearfix uk-hidden-small">

		<div class="uk-container uk-container-center">

						<a class="tm-logo" href="http://www.medipurpose.com">
	<p><a href="http://www.medipurpose.com" title=""><img alt="MediPurpose logo" class="pull-left" src="/images/medipurpose/company/images/logos/MEDIPURPOSE-Logo-Rev.0-225px-72dpi-RGB.png" title="MediPurpose™ logo" /></a></p>
</a>
			
			
		</div>
	</div>
	
		<div class="tm-top-block tm-grid-block">

					<nav class="tm-navbar uk-navbar" data-uk-sticky>

				<div class="uk-container uk-container-center">

										<div class="uk-navbar-flip uk-visible-large">
						<div class="uk-navbar-content">
<form id="search-93-5852389d2e826" class="uk-search" action="/blog" method="post" data-uk-search="{'source': '/component/search/?tmpl=raw&amp;type=json&amp;ordering=&amp;searchphrase=all', 'param': 'searchword', 'msgResultsHeader': 'Search Results', 'msgMoreResults': 'More Results', 'msgNoResults': 'No results found', flipDropdown: 1}">
	<input class="uk-search-field" type="text" name="searchword" placeholder="search...">
	<input type="hidden" name="task"   value="search">
	<input type="hidden" name="option" value="com_search">
	<input type="hidden" name="Itemid" value="449">
</form>
</div>
					</div>
					
											<ul class="uk-navbar-nav uk-hidden-small"><li><a href="/">Home</a></li><li class="uk-parent" data-uk-dropdown="{'preventflip':'y'}" aria-haspopup="true" aria-expanded="false"><a href="#">Products</a>
<div class="uk-dropdown uk-dropdown-navbar uk-dropdown-width-1"><div class="uk-grid uk-dropdown-grid"><div class="uk-width-1-1"><ul class="uk-nav uk-nav-navbar"><li><a href="/babylance/about">babyLance™ safety heelsticks</a></li><li><a href="/mediplus/about">MediPlus™ Advanced Wound Care</a></li><li><a href="/surgilance/about">SurgiLance™ Safety Lancets</a></li></ul></div></div></div></li><li class="uk-parent" data-uk-dropdown="{'preventflip':'y'}" aria-haspopup="true" aria-expanded="false"><a href="/services">Services</a><div class="uk-dropdown uk-dropdown-navbar uk-dropdown-width-1"><div class="uk-grid uk-dropdown-grid"><div class="uk-width-1-1"><ul class="uk-nav uk-nav-navbar"><li><a href="/distribution">For Distributors</a></li><li><a href="/innovation">For Innovators</a></li></ul></div></div></div></li><li><a href="/downloads">Media Center</a></li><li><a href="/news">News</a></li><li class="uk-active"><a href="/blog">Blog</a></li><li><a href="/customer-service">Customer Service</a></li><li class="uk-parent" data-uk-dropdown="{'preventflip':'y'}" aria-haspopup="true" aria-expanded="false"><a href="/about-us">About Us</a><div class="uk-dropdown uk-dropdown-navbar uk-dropdown-width-1"><div class="uk-grid uk-dropdown-grid"><div class="uk-width-1-1"><ul class="uk-nav uk-nav-navbar"><li><a href="/about-us/patrick-yi">Patrick Yi</a></li><li><a href="/about-us/reggie-carr">Reggie Carr</a></li><li><a href="/about-us/stephen-wilson">Stephen Wilson</a></li><li><a href="/about-us/cheryl-channell">Cheryl Channell</a></li><li><a href="/about-us/mindy-rodriguez">Mindy Rodriguez</a></li><li><a href="/about-us/adeline-yi">Adeline Yi</a></li><li><a href="/about-us/cheryl-yi">Cheryl Yi</a></li></ul></div></div></div></li><li><a href="/contact">Contact</a></li></ul>					
										<a href="#offcanvas" class="uk-navbar-toggle uk-visible-small" data-uk-offcanvas></a>
					
					
				</div>

		</nav>
		
	</div>
	
		<div id="tm-fullscreen" class="tm-fullscreen  uk-hidden-small uk-hidden-medium uk-hidden-large">
			</div>
	
	<div class="tm-page">

		
		
		
		
					<div class="tm-block tm-block-light">

				<div class="uk-container uk-container-center">

					<div class="uk-grid" data-uk-grid-match data-uk-grid-margin>

												<div class="tm-main uk-width-medium-3-5">

							
														<main class="tm-content">

								
								<div id="system-message-container">
</div>

<div id="yoo-zoo" class="yoo-zoo blog-pure blog-pure-frontpage">
	
		

	<div class="items items-col-1"><div class="width100 first last">
<div class="teaser-item">
	<div class="teaser-item-bg">
			
		

<div class="pos-date">
	<span class="month">Dec</span><span class="day">19</span>
</div>

<h1 class="pos-title">
	 <a title="Why are Safety Lancets Regulated When Other Lancets are Not?" href="/blog/item/why-are-safety-lancets-regulated-when-other-lancets-are-not">Why are Safety Lancets Regulated When Other Lancets are Not?</a> </h1>

<p class="pos-meta">
	<span class="element element-relateditems first">
	Written by // <a href="/blog/item/derekrudnak" title="Derek Rudnak">Derek Rudnak</a></span>
<span class="element element-itemcategory last">
	Categories // <a href="/blog/category/surgilance-4">SurgiLance</a></span></p>

<h2 class="pos-subtitle">
	 Just Because a Lancet is Called "Safe" Doesn't Mean That It's a "Safety Lancet" </h2>


<div class="floatbox">

		<div class="pos-media media-left">
		<div class="element element-image first last">
	
	<a href="/blog/item/why-are-safety-lancets-regulated-when-other-lancets-are-not"   title="Why are Safety Lancets Regulated When Other Lancets are Not?"  ><img src="http://www.medipurpose.com/media/zoo/images/surgilance-balance_1cca54aa00c48eb18ae7fea18f13e9b6.png" title="Why are Safety Lancets Regulated When Other Lancets are Not?" alt="Why are Safety Lancets Regulated When Other Lancets are Not?" width="225" height="464" /></a>
</div>	</div>
	
		<div class="pos-content">
		<div class="element element-textarea first last">
	<div><p style="text-align: left;">The Needlestick Safety and Prevention Act (NSPA) (HR.5178) was signed into law on November 6, 2000. It required employers to provide safety-engineered medical devices to employees that are at-risk for exposure to bloodborne pathogens.</p>
<p style="text-align: left;">The NSPA requires employers to:</p>
<ul>
<li style="text-align: left;">
<p>Identify, evaluate and implement safer medical devices.</p>
</li>
<li style="text-align: left;">
<p>Maintain a sharps injury log.</p>
</li>
<li style="text-align: left;">
<p>Involve healthcare workers in deciding which devices are used.</p>
</li>
<li style="text-align: left;">
<p>Implement engineering controls for sharps disposal containers, self-sheathing needles, safer medical devices (e.g., sharps with engineered injury protections and needleless systems). It also requires those engineering controls to be used to eliminate or lessen employee exposure to bloodborne pathogens.</p>
</li>
<li style="text-align: left;">
<p>Train employees in the proper usage of the engineering and work practice controls to help keep them safe.</p>
</li>
</ul>
<p style="text-align: left;">The NSPA quickly spurred the development of medical devices with sharps safety engineered features, which improved healthcare workplace safety conditions. For example, <a href="http://www.nejm.org/doi/full/10.1056/NEJMc1110979"><em>The New England Journal of Medicine</em></a> reported “a drop of about 38 percent in 2001 when the NSPA took effect” and that “subsequent injury rates, through 2005, remained well below pre-NSPA rates.” The <a href="http://www.cdc.gov/niosh/stopsticks/sharpsinjuries.html">Centers for Disease Control and Prevention</a> (CDC) further reported a 31.6-percent reduction in sharps-related injuries in non-surgical hospital settings during 2001–06 following the NSPA’s enactment.</p>
<h3 style="text-align: left;">Regulating Safety Medical Devices: FDA</h3>
<p style="text-align: left;">As the safety medical device market expanded, the U.S. Food and Drug Administration (FDA) has identified the risks to health generally associated with the use of sharps injury prevention features, and it requires a <a href="http://www.fda.gov/medicaldevices/deviceregulationandguidance/howtomarketyourdevice/premarketsubmissions/premarketnotification510k/default.htm">Premarket Notification (510k)</a> be submitted before the device can be marketed. The FDA has developed a <a href="http://www.fda.gov/MedicalDevices/DeviceRegulationandGuidance/GuidanceDocuments/ucm071663.htm">guidance document</a> to assist the industry in preparing premarket notification (510k) submissions for medical devices that incorporate a sharps injury prevention feature.</p>
<p style="text-align: left;">The FDA’s guidance document recommends the following:</p>
<ul>
<li style="text-align: left;">
<p>Design Controls</p>
</li>
<li style="text-align: left;">
<p>Bench Testing</p>
</li>
<li style="text-align: left;">
<p>Simulated Use Testing</p>
</li>
</ul>
<p style="text-align: left;">After the FDA clears the 510(k) application, the safety medical device can then be marketed as a device with sharps injury prevention features. A medical device that does not have 510(k) clearance, even if it appears to be designed to protect the user from a sharps injury, cannot be labeled as a safety medical device.</p>
<h3 style="text-align: left;">Examples of Safety Medical Devices: MediPurpose’s babyLance™ Safety Heelstick and SurgiLance™ Safety Lancet</h3>
<p style="text-align: left;">MediPurpose™ manufactures and distributes <em>two </em>safety medical devices that have received FDA 510(k) clearances with sharps safety preventions: <a href="http://www.medipurpose.com/babylance">babyLance™ safety heelsticks</a> and <a href="http://www.medipurpose.com/surgilance">SurgiLance™ safety lancets</a>.</p>
<p style="text-align: left;">babyLance is MediPurpose’s newest safety device. The new babyLance was launched in August 2012 as the “babyLance heelstick” (a Class I device without any safety claims) as it awaited clearance of its 510(k) for sharps prevention feature indications. It received babyLance’s 510(k) clearance in February 2013, permitting it to market its new <a href="http://www.medipurpose.com/babylance">infant heelstick incision device</a> as the<em> <a href="http://www.medipurpose.com/babylance">babyLance safety heelstick</a></em>.</p>
<p style="text-align: left;">MediPurpose recently published a white paper, <em><a href="/media-center/item/babylance-white-paper-510k">Obtaining a U.S. FDA 510(k) with Sharps Prevention Features</a>, </em>which describes how the company identified and met the requirements for babyLance’s 510(k) application.</p>
<p style="text-align: left;">To date, babyLance is believed to be the only infant heelstick marketed in the United States with 510(k) clearance for sharps prevention features.</p>
<h3 style="text-align: left;">Regulating Blood Lancets</h3>
<p style="text-align: left;">The U.S. FDA classifies <a href="http://www.medipurpose.com/surgilance">blood lancets</a>—including <a href="http://www.medipurpose.com/surgilance">fingerprick lancets</a> and <a href="http://www.medipurpose.com/babylance">heelsticks</a> as class I medical devices that are exempt from the FDA 510(k) requirements.</p>
<p style="text-align: left;">However, as discussed above, the U.S. FDA regulates safety blood lancets by requiring a <a href="http://www.fda.gov/medicaldevices/deviceregulationandguidance/howtomarketyourdevice/premarketsubmissions/premarketnotification510k/default.htm">Premarket Notification (510k)</a> be submitted before any safety lancet can be marketed. Although it is prudent to regulate safety lancets more stringently because of the safety features claim, it is ironical that regular blood lancets without any safety feature are not regulated at all. Manufacturers of safety lancets have to comply with more onerous regulatory requirements, while manufacturers of regular lancets without safety features do not.</p>
<hr />
<p style="text-align: left;"><em>Which device poses a greater risk to the public: safety lancets or regular lancets? Please share your thoughts in the comments section below!</em></p>
<p style="text-align: left;"> </p></div></div>	</div>
	
</div>


<p class="pos-links">
	<span class="element element-itemlink first">
	 <a href="/blog/item/why-are-safety-lancets-regulated-when-other-lancets-are-not">Continue Reading</a></span>

|
<span class="element element-itemcommentslink last">
	 <a href="/blog/item/why-are-safety-lancets-regulated-when-other-lancets-are-not#comments">Leave Comment</a></span>

</p>

		</div>
</div></div></div>

</div>
							</main>
							
							
						</div>
						
																														<aside class="tm-sidebar-b uk-width-medium-2-5"><div class="uk-panel uk-panel-box"><h3 class="uk-panel-title">Blog Categories</h3><ul class="zoo-list">
<li class="">
<a href="/news/category/medipurpose-2?f=1" class=""><span>MediPurpose</span></a>
</li>
<li class="">
<a href="/news/category/babylance-3?f=1" class=""><span>babyLance</span></a>
</li>
<li class="">
<a href="/news/category/surgilance-4?f=1" class=""><span>SurgiLance</span></a>
</li>
</ul></div>
<div class="uk-panel uk-panel-box"><h3 class="uk-panel-title">Previous Blogs</h3>

<ul class="zoo-item-list zoo-list blog-pure">
		<li>
<div class="layout-layout2 ">

		
		
		
		
		
		
	
</div></li>
		<li>
<div class="layout-layout2 ">

		
		
		
		
		
		
	
</div></li>
		<li>
<div class="layout-layout2 ">

		<div class="media media-left"> 
	<a href="/blog/item/why-are-safety-lancets-regulated-when-other-lancets-are-not"   title="Why are Safety Lancets Regulated When Other Lancets are Not?"  ><img src="http://www.medipurpose.com/media/zoo/images/surgilance-balance_e0fe0ad0178318fed0d0cb2db6cd0ccf.png" title="Why are Safety Lancets Regulated When Other Lancets are Not?" alt="Why are Safety Lancets Regulated When Other Lancets are Not?" width="50" height="103" /></a>
 </div>
		
		<p class="title"> <a title="Why are Safety Lancets Regulated When Other Lancets are Not?" href="/blog/item/why-are-safety-lancets-regulated-when-other-lancets-are-not">Why are Safety Lancets Regulated When Other Lancets are Not?</a> </p>
		
		
		
		
		
	
</div></li>
		<li>
<div class="layout-layout2 ">

		<div class="media media-left"> 
	<a href="/blog/item/celebrating-our-medical-device-websites-growth"   title="Celebrating OUR Medical Device Website’s Growth"  ><img src="http://www.medipurpose.com/media/zoo/images/MEDIPURPOSE-Order Online-Rev.0_139147c7ba456d99afde4fc9723c5d68.png" title="Celebrating OUR Medical Device Website’s Growth" alt="Celebrating OUR Medical Device Website’s Growth" width="50" height="33" /></a>
 </div>
		
		<p class="title"> <a title="Celebrating OUR Medical Device Website’s Growth" href="/blog/item/celebrating-our-medical-device-websites-growth">Celebrating OUR Medical Device Website’s Growth</a> </p>
		
		
		
		
		
	
</div></li>
		<li>
<div class="layout-layout2 ">

		<div class="media media-left"> 
	<a href="/blog/item/a-victory-lap-for-babylance-safety-heelstick-at-2013-nann"   title="A &quot;Victory Lap&quot; for babyLance Safety Heelstick at 2013 NANN"  ><img src="http://www.medipurpose.com/media/zoo/images/BL-White Paper-2011 NANN Survey-225px-RGB_809234b61c5991ad7724a6078b61238b.png" title="A &quot;Victory Lap&quot; for babyLance Safety Heelstick at 2013 NANN" alt="A "Victory Lap" for babyLance Safety Heelstick at 2013 NANN" width="50" height="64" /></a>
 </div>
		
		<p class="title"> <a title="A &quot;Victory Lap&quot; for babyLance Safety Heelstick at 2013 NANN" href="/blog/item/a-victory-lap-for-babylance-safety-heelstick-at-2013-nann">A "Victory Lap" for babyLance Safety Heelstick at 2013 NANN</a> </p>
		
		
		
		
		
	
</div></li>
		<li>
<div class="layout-layout2 ">

		<div class="media media-left"> 
	<a href="/blog/item/the-virtuosity-of-a-medical-product-companys-virtual-office"   title="The Virtuosity of a Medical Product Company’s Virtual Office"  ><img src="http://www.medipurpose.com/media/zoo/images/medipurpose-desktop_f929050646b5cc39be607a8fe8ad2a41.png" title="The Virtuosity of a Medical Product Company’s Virtual Office" alt="The Virtuosity of a Medical Product Company’s Virtual Office" width="50" height="33" /></a>
 </div>
		
		<p class="title"> <a title="The Virtuosity of a Medical Product Company’s Virtual Office" href="/blog/item/the-virtuosity-of-a-medical-product-companys-virtual-office">The Virtuosity of a Medical Product Company’s Virtual Office</a> </p>
		
		
		
		
		
	
</div></li>
		<li>
<div class="layout-layout2 ">

		
		<p class="title"> <a title="You Know You’ve Got &quot;Medical Device Quality&quot; When It’s Easier to Win the Lottery" href="/blog/item/you-know-youve-got-medical-device-quality-when-its-easier-to-win-the-lottery">You Know You’ve Got "Medical Device Quality" When It’s Easier to Win the Lottery</a> </p>
		
		
		
		
		
	
</div></li>
	</ul>

</div></aside>
												
					</div>

				</div>

			</div>
		
        
		
		
		
	</div>

		<div class="tm-block">
		<div class="uk-container uk-container-center">
			<footer class="tm-footer uk-text-center">

				<div>
				<div class="uk-panel">
	<p><a href="tel:569-9825-5630"> tel +1-770-448-9493 </a> <a href="tel:1-770-559-4382&quot;" class="uk-margin-left"> fax +1-770-559-4382 </a><br />&copy;2016 MediPurpose Private Limited. All rights reserved.</p></div>
<div class="uk-panel"><ul class="uk-subnav uk-subnav-line uk-flex-center"><li><a href="http://medipurpose.com/terms-of-use">Terms of Use</a></li></ul></div>
<div class="uk-panel uk-panel-space">
	</div>				</div>

				<div>
								</div>

			</footer>
		</div>
	</div>
	
	
		<div id="offcanvas" class="uk-offcanvas">
		<div class="uk-offcanvas-bar"><ul class="uk-nav uk-nav-offcanvas"><li><a href="/">Home</a></li><li class="uk-parent uk-nav-header">Products
<ul class="uk-nav-sub"><li><a href="/babylance/about">babyLance™ safety heelsticks</a></li><li><a href="/mediplus/about">MediPlus™ Advanced Wound Care</a></li><li><a href="/surgilance/about">SurgiLance™ Safety Lancets</a></li></ul></li><li class="uk-parent"><a href="/services">Services</a><ul class="uk-nav-sub"><li><a href="/distribution">For Distributors</a></li><li><a href="/innovation">For Innovators</a></li></ul></li><li><a href="/downloads">Media Center</a></li><li><a href="/news">News</a></li><li class="uk-active"><a href="/blog">Blog</a></li><li><a href="/customer-service">Customer Service</a></li><li class="uk-parent"><a href="/about-us">About Us</a><ul class="uk-nav-sub"><li><a href="/about-us/patrick-yi">Patrick Yi</a></li><li><a href="/about-us/reggie-carr">Reggie Carr</a></li><li><a href="/about-us/stephen-wilson">Stephen Wilson</a></li><li><a href="/about-us/cheryl-channell">Cheryl Channell</a></li><li><a href="/about-us/mindy-rodriguez">Mindy Rodriguez</a></li><li><a href="/about-us/adeline-yi">Adeline Yi</a></li><li><a href="/about-us/cheryl-yi">Cheryl Yi</a></li></ul></li><li><a href="/contact">Contact</a></li></ul></div>
	</div>
	

</body>
</html>