@import url(https://fonts.googleapis.com/css?family=Lobster);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700,300,600,800);
@import url(https://fonts.googleapis.com/css?family=Gentium+Basic:400,700);
@import url(https://fonts.googleapis.com/css?family=Special+Elite);
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;@font-face{//  font-family:BrieLight;//  src:url(/sites/all/themes/blogopronet/fonts/brie-light.eot) 
  //}
   @font-face{//  font-family:BrieLight;//  src:url(/sites/all/themes/blogopronet/fonts/brie-light.ttf) 
  //}
   @font-face{//     font-family:'architects_daughterregular';//     src:url(/sites/all/themes/blogopronet/fonts/architectsdaughter-webfont.eot);//     src:url(/sites/all/themes/blogopronet/fonts/architectsdaughter-webfont.eot?#iefix) format('embedded-opentype'),//          url(/sites/all/themes/blogopronet/fonts/architectsdaughter-webfont.woff) format('woff'),//          url(/sites/all/themes/blogopronet/fonts/architectsdaughter-webfont.ttf) format('truetype'),//          url(/sites/all/themes/blogopronet/fonts/architectsdaughter-webfont.svg#architects_daughterregular) format('svg');//     font-weight:normal;//     font-style:normal;//} 
 //////////1,100..900&display=swap');//////// Bootstrap library.// Core variables and mixins//
  // Variables
  // --------------------------------------------------
  
  
  //== Colors
  //
  //## Gray and brand colors for use across Bootstrap.@gray-darker:lighten(#000,13.5%);// #222@gray-dark:lighten(#000,20%);// #333@gray:lighten(#000,33.5%);// #555@gray-light:lighten(#000,60%);// #999@gray-lighter:lighten(#000,93.5%);// #eee
  
  //@brand-primary:#EEEBAD;//@brand-success:#5cb85c;@brand-info:#5bc0de;@brand-warning:#f0ad4e;//@brand-danger:#d9534f;//** Global text color on `<body>`.
  //@text-color:@gray-dark;//** Global textual link color.
  //@link-color:@brand-primary;//** Link hover color set via `darken()` function.
  //@link-hover-color:darken(@link-color,15%);//== Typography
  //
  //## Font,line-height,and color for body text,headings,and more.
  
  //@font-family-sans-serif:"Helvetica Neue",Helvetica,Arial,sans-serif;//@font-family-sans-serif:"Open Sans",Verdana,Helvetica,Arial,sans-serif;//@font-family-serif:Georgia,"Times New Roman",Times,serif;//** Default monospace fonts for `<code>`,`<kbd>`,and `<pre>`.@font-family-monospace:Menlo,Monaco,Consolas,"Courier New",monospace;//@font-family-base:@font-family-sans-serif;@font-family-base:var(--font-family-base);@font-family-display:var(--font-family-display);//@font-size-base:14px;@font-size-large:ceil((@font-size-base * 1.25));// ~18px@font-size-small:ceil((@font-size-base * 0.85));// ~12px
  
  //@font-size-h1:floor((@font-size-base * 2.6));// ~36px
  //@font-size-h2:floor((@font-size-base * 2.15));// ~30px
  //@font-size-h3:ceil((@font-size-base * 1.7));// ~24px@font-size-h4:ceil((@font-size-base * 1.25));// ~18px@font-size-h5:@font-size-base;@font-size-h6:ceil((@font-size-base * 0.85));// ~12px
  
  //** Unit-less `line-height` for use in components like buttons.@line-height-base:1.428571429;// 20/14
  //** Computed "line-height" (`font-size` * `line-height`) for use with `margin`,`padding`,etc.@line-height-computed:floor((@font-size-base *@line-height-base));// ~20px
  
  //** By default,this inherits from the `<body>`.@headings-font-family:inherit;//@headings-font-weight:500;@headings-line-height:1.1;@headings-color:inherit;// Variables para tamaños de cards@card-medium-width:180px;@card-standard-width:290px;@card-big-width:600px;@card-hero-width:1140px;//-- Iconography
  //
  //## Specify custom locations of the include Glyphicons icon font. Useful for those including Bootstrap via Bower.@icon-font-path:"../bootstrap/fonts/";@icon-font-name:"glyphicons-halflings-regular";@icon-font-svg-id:"glyphicons_halflingsregular";//== Components
  //
  //## Define common padding and border radius sizes and more. Values based on 14px text and 1.428 line-height (~20px to start).@padding-base-vertical:6px;@padding-base-horizontal:12px;@padding-large-vertical:10px;@padding-large-horizontal:16px;@padding-small-vertical:5px;@padding-small-horizontal:10px;@padding-xs-vertical:1px;@padding-xs-horizontal:5px;@line-height-large:1.33;@line-height-small:1.5;@border-radius-base:4px;@border-radius-large:6px;@border-radius-small:3px;//** Global color for active items (e.g.,navs or dropdowns).@component-active-color:#fff;//** Global background color for active items (e.g.,navs or dropdowns).@component-active-bg:@brand-primary;//** Width of the `border` for generating carets that indicator dropdowns.@caret-width-base:4px;//** Carets increase slightly in size for larger components.@caret-width-large:5px;//== Tables
  //
  //## Customizes the `.table` component with basic values,each used across all table variations.
  
  //** Padding for `<th>`s and `<td>`s.@table-cell-padding:8px;//** Padding for cells in `.table-condensed`.@table-condensed-cell-padding:5px;//** Default background color used for all tables.@table-bg:transparent;//** Background color used for `.table-striped`.
  //@table-bg-accent:#f9f9f9;//** Background color used for `.table-hover`.@table-bg-hover:#f5f5f5;@table-bg-active:@table-bg-hover;//** Border color for table and cell borders.
  //@table-border-color:#ddd;//== Buttons
  //
  //## For each of Bootstrap's buttons, define text, background and border color.
  
  @btn-font-weight:                normal;
  
  @btn-default-color:              #333;
  @btn-default-bg:                 #fff;
  @btn-default-border:             #ccc;
  
  //@btn-primary-color:              contrast(@brand-primary);
  @btn-primary-color:              contrast(@brand-primary, darken(@brand-primary, 20%), lighten(@brand-primary, 20%));
  
  @btn-primary-bg:                 @brand-primary;
  @btn-primary-border:             darken(@btn-primary-bg, 5%);
  
  @btn-success-color:              #fff;
  @btn-success-bg:                 @brand-success;
  @btn-success-border:             darken(@btn-success-bg, 5%);
  
  @btn-info-color:                 #fff;
  @btn-info-bg:                    @brand-info;
  @btn-info-border:                darken(@btn-info-bg, 5%);
  
  @btn-warning-color:              #fff;
  @btn-warning-bg:                 @brand-warning;
  @btn-warning-border:             darken(@btn-warning-bg, 5%);
  
  @btn-danger-color:               #fff;
  @btn-danger-bg:                  @brand-danger;
  @btn-danger-border:              darken(@btn-danger-bg, 5%);
  
  @btn-link-disabled-color:        @gray-light;
  
  
  //== Forms
  //
  //##
  
  //** `<input>` background color
  //@input-bg:                       #fff;
  //** `<input disabled>` background color
  @input-bg-disabled:              @gray-lighter;
  
  //** Text color for `<input>`s
  //@input-color:                    @gray;
  //** `<input>` border color
  @input-border:                   #ccc;
  //** `<input>` border radius
  @input-border-radius:            @border-radius-base;
  //** Border color for inputs on focus
  @input-border-focus:             #66afe9;
  
  //** Placeholder text color
  @input-color-placeholder:        @gray-light;
  
  //** Default `.form-control` height
  @input-height-base:              (@line-height-computed + (@padding-base-vertical * 2) + 2);
  //** Large `.form-control` height
  @input-height-large:             (ceil(@font-size-large * @line-height-large) + (@padding-large-vertical * 2) + 2);
  //** Small `.form-control` height
  @input-height-small:             (floor(@font-size-small * @line-height-small) + (@padding-small-vertical * 2) + 2);
  
  @legend-color:                   @gray-dark;
  @legend-border-color:            #e5e5e5;
  
  //** Background color for textual input addons
  @input-group-addon-bg:           @gray-lighter;
  //** Border color for textual input addons
  @input-group-addon-border-color: @input-border;
  
  
  //== Dropdowns
  //
  //## Dropdown menu container and contents.
  
  //** Background for the dropdown menu.
  @dropdown-bg:                    #fff;
  //** Dropdown menu `border-color`.
  @dropdown-border:                rgba(0,0,0,.15);
  //** Dropdown menu `border-color` **for IE8**.
  @dropdown-fallback-border:       #ccc;
  //** Divider color for between dropdown items.
  @dropdown-divider-bg:            #e5e5e5;
  
  //** Dropdown link text color.
  @dropdown-link-color:            @gray-dark;
  //** Hover color for dropdown links.
  @dropdown-link-hover-color:      darken(@gray-dark, 5%);
  //** Hover background for dropdown links.
  @dropdown-link-hover-bg:         #f5f5f5;
  
  //** Active dropdown menu item text color.
  @dropdown-link-active-color:     @component-active-color;
  //** Active dropdown menu item background color.
  @dropdown-link-active-bg:        @component-active-bg;
  
  //** Disabled dropdown menu item background color.
  @dropdown-link-disabled-color:   @gray-light;
  
  //** Text color for headers within dropdown menus.
  @dropdown-header-color:          @gray-light;
  
  // Note: Deprecated @dropdown-caret-color as of v3.1.0
  @dropdown-caret-color:           #000;
  
  
  //-- Z-index master list
  //
  // Warning: Avoid customizing these values. They're used for a bird's eye view
  // of components dependent on the z-axis and are designed to all work together.
  //
  // Note: These variables are not generated into the Customizer.
  
  @zindex-navbar:            1000;
  @zindex-dropdown:          1000;
  @zindex-popover:           1010;
  @zindex-tooltip:           1030;
  @zindex-navbar-fixed:      1030;
  @zindex-modal-background:  1040;
  @zindex-modal:             1050;
  
  
  //== Media queries breakpoints
  //
  //## Define the breakpoints at which your layout will change, adapting to different screen sizes.
  
  // Extra small screen / phone
  // Note: Deprecated @screen-xs and @screen-phone as of v3.0.1
  @screen-xs:                  480px;
  @screen-xs-min:              @screen-xs;
  @screen-phone:               @screen-xs-min;
  
  // Small screen / tablet
  // Note: Deprecated @screen-sm and @screen-tablet as of v3.0.1
  @screen-sm:                  768px;
  @screen-sm-min:              @screen-sm;
  @screen-tablet:              @screen-sm-min;
  
  // Medium screen / desktop
  // Note: Deprecated @screen-md and @screen-desktop as of v3.0.1
  @screen-md:                  992px;
  @screen-md-min:              @screen-md;
  @screen-desktop:             @screen-md-min;
  
  // Large screen / wide desktop
  // Note: Deprecated @screen-lg and @screen-lg-desktop as of v3.0.1
  @screen-lg:                  1200px;
  @screen-lg-min:              @screen-lg;
  @screen-lg-desktop:          @screen-lg-min;
  
  // So media queries don't overlap when required,provide a maximum@screen-xs-max:(@screen-sm-min - 1);@screen-sm-max:(@screen-md-min - 1);@screen-md-max:(@screen-lg-min - 1);// variables.less@screen-0300:300px;// mobile@screen-0320:320px;// mobile-vertical@screen-0480:480px;// mobile-not@screen-0700:700px;// tablet@screen-0768:768px;// tablet-vertical@screen-1224:1224px;// desktop@screen-1280:1280px;// hdtv@screen-1824:1824px;// desktop-wide
  
  //== Grid system
  //
  //## Define your custom responsive grid.
  
  //** Number of columns in the grid.@grid-columns:12;//** Padding between columns. Gets divided in half for the left and right.@grid-gutter-width:30px;// Navbar collapse
  //** Point at which the navbar becomes uncollapsed.@grid-float-breakpoint:@screen-sm-min;//** Point at which the navbar begins collapsing.@grid-float-breakpoint-max:(@grid-float-breakpoint - 1);//== Container sizes
  //
  //## Define the maximum width of `.container` for different screen sizes.
  
  // Small screen / tablet@container-tablet:((720px +@grid-gutter-width));//** For `@screen-sm-min` and up.@container-sm:@container-tablet;// Medium screen / desktop@container-desktop:((940px +@grid-gutter-width));//** For `@screen-md-min` and up.@container-md:@container-desktop;// Large screen / wide desktop@container-large-desktop:((1140px +@grid-gutter-width));//** For `@screen-lg-min` and up.@container-lg:@container-large-desktop;//== Navbar
  //
  //##
  
  // Basics of a navbar@navbar-height:50px;@navbar-margin-bottom:@line-height-computed;@navbar-border-radius:@border-radius-base;@navbar-padding-horizontal:floor((@grid-gutter-width / 2));@navbar-padding-vertical:((@navbar-height -@line-height-computed) / 2);@navbar-collapse-max-height:340px;@navbar-default-color:#777;//@navbar-default-bg:#f8f8f8;@navbar-default-border:darken(@navbar-default-bg,6.5%);// Navbar links@navbar-default-link-color:#777;@navbar-default-link-hover-color:#333;@navbar-default-link-hover-bg:transparent;@navbar-default-link-active-color:#555;@navbar-default-link-active-bg:darken(@navbar-default-bg,6.5%);@navbar-default-link-disabled-color:#ccc;@navbar-default-link-disabled-bg:transparent;// Navbar brand label@navbar-default-brand-color:@navbar-default-link-color;@navbar-default-brand-hover-color:darken(@navbar-default-brand-color,10%);@navbar-default-brand-hover-bg:transparent;// Navbar toggle@navbar-default-toggle-hover-bg:#ddd;@navbar-default-toggle-icon-bar-bg:#888;@navbar-default-toggle-border-color:#ddd;// Inverted navbar
  // Reset inverted navbar basics@navbar-inverse-color:@gray-light;@navbar-inverse-bg:#222;@navbar-inverse-border:darken(@navbar-inverse-bg,10%);// Inverted navbar links@navbar-inverse-link-color:@gray-light;@navbar-inverse-link-hover-color:#fff;@navbar-inverse-link-hover-bg:transparent;@navbar-inverse-link-active-color:@navbar-inverse-link-hover-color;@navbar-inverse-link-active-bg:darken(@navbar-inverse-bg,10%);@navbar-inverse-link-disabled-color:#444;@navbar-inverse-link-disabled-bg:transparent;// Inverted navbar brand label@navbar-inverse-brand-color:@navbar-inverse-link-color;@navbar-inverse-brand-hover-color:#fff;@navbar-inverse-brand-hover-bg:transparent;// Inverted navbar toggle@navbar-inverse-toggle-hover-bg:#333;@navbar-inverse-toggle-icon-bar-bg:#fff;@navbar-inverse-toggle-border-color:#333;//== Navs
  //
  //##
  
  //=== Shared nav styles@nav-link-padding:10px 15px;//@nav-link-hover-bg:@gray-lighter;@nav-disabled-link-color:@gray-light;@nav-disabled-link-hover-color:@gray-light;@nav-open-link-hover-color:#fff;//== Tabs@nav-tabs-border-color:#ddd;//@nav-tabs-link-hover-border-color:@gray-lighter;//@nav-tabs-active-link-hover-bg:@body-bg;//@nav-tabs-active-link-hover-color:@gray;@nav-tabs-active-link-hover-border-color:#ddd;@nav-tabs-justified-link-border-color:#ddd;@nav-tabs-justified-active-link-border-color:@body-bg;//== Pills@nav-pills-border-radius:@border-radius-base;@nav-pills-active-link-hover-bg:@component-active-bg;@nav-pills-active-link-hover-color:@component-active-color;//== Pagination
  //
  //##@pagination-color:@link-color;@pagination-bg:#fff;@pagination-border:#ddd;@pagination-hover-color:@link-hover-color;@pagination-hover-bg:@gray-lighter;@pagination-hover-border:#ddd;@pagination-active-color:#fff;@pagination-active-bg:@brand-primary;@pagination-active-border:@brand-primary;@pagination-disabled-color:@gray-light;@pagination-disabled-bg:#fff;@pagination-disabled-border:#ddd;//== Pager
  //
  //##@pager-bg:@pagination-bg;@pager-border:@pagination-border;@pager-border-radius:15px;@pager-hover-bg:@pagination-hover-bg;@pager-active-bg:@pagination-active-bg;@pager-active-color:@pagination-active-color;@pager-disabled-color:@pagination-disabled-color;//== Jumbotron
  //
  //##@jumbotron-padding:30px;@jumbotron-color:inherit;@jumbotron-bg:@gray-lighter;@jumbotron-heading-color:inherit;@jumbotron-font-size:ceil((@font-size-base * 1.5));//== Form states and alerts
  //
  //## Define colors for form feedback states and,by default,alerts.@state-success-text:#3c763d;@state-success-bg:#dff0d8;@state-success-border:darken(spin(@state-success-bg,-10),5%);@state-info-text:#31708f;@state-info-bg:#d9edf7;@state-info-border:darken(spin(@state-info-bg,-10),7%);@state-warning-text:#8a6d3b;@state-warning-bg:#fcf8e3;@state-warning-border:darken(spin(@state-warning-bg,-10),5%);@state-danger-text:#a94442;@state-danger-bg:#f2dede;@state-danger-border:darken(spin(@state-danger-bg,-10),5%);//== Tooltips
  //
  //##
  
  //** Tooltip max width@tooltip-max-width:200px;//** Tooltip text color@tooltip-color:#fff;//** Tooltip background color@tooltip-bg:#000;@tooltip-opacity:.9;//** Tooltip arrow width@tooltip-arrow-width:5px;//** Tooltip arrow color@tooltip-arrow-color:@tooltip-bg;//== Popovers
  //
  //##
  
  //** Popover body background color@popover-bg:#fff;//** Popover maximum width@popover-max-width:276px;//** Popover border color@popover-border-color:rgba(0,0,0,.2);//** Popover fallback border color@popover-fallback-border-color:#ccc;//** Popover title background color@popover-title-bg:darken(@popover-bg,3%);//** Popover arrow width@popover-arrow-width:10px;//** Popover arrow color@popover-arrow-color:#fff;//** Popover outer arrow width@popover-arrow-outer-width:(@popover-arrow-width + 1);//** Popover outer arrow color@popover-arrow-outer-color:fadein(@popover-border-color,5%);//** Popover outer arrow fallback color@popover-arrow-outer-fallback-color:darken(@popover-fallback-border-color,20%);//== Labels
  //
  //##
  
  //** Default label background color@label-default-bg:@gray-light;//** Primary label background color@label-primary-bg:@brand-primary;//** Success label background color@label-success-bg:@brand-success;//** Info label background color@label-info-bg:@brand-info;//** Warning label background color@label-warning-bg:@brand-warning;//** Danger label background color@label-danger-bg:@brand-danger;//** Default label text color@label-color:#fff;//** Default text color of a linked label@label-link-hover-color:#fff;//== Modals
  //
  //##
  
  //** Padding applied to the modal body@modal-inner-padding:20px;//** Padding applied to the modal title@modal-title-padding:15px;//** Modal title line-height@modal-title-line-height:@line-height-base;//** Background color of modal content area@modal-content-bg:#fff;//** Modal content border color@modal-content-border-color:rgba(0,0,0,.2);//** Modal content border color **for IE8**@modal-content-fallback-border-color:#999;//** Modal backdrop background color@modal-backdrop-bg:#000;//** Modal backdrop opacity@modal-backdrop-opacity:.5;//** Modal header border color@modal-header-border-color:#e5e5e5;//** Modal footer border color@modal-footer-border-color:@modal-header-border-color;@modal-lg:900px;@modal-md:600px;@modal-sm:300px;//== Alerts
  //
  //## Define alert colors,border radius,and padding.@alert-padding:15px;@alert-border-radius:@border-radius-base;@alert-link-font-weight:bold;@alert-success-bg:@state-success-bg;@alert-success-text:@state-success-text;@alert-success-border:@state-success-border;@alert-info-bg:@state-info-bg;@alert-info-text:@state-info-text;@alert-info-border:@state-info-border;@alert-warning-bg:@state-warning-bg;@alert-warning-text:@state-warning-text;@alert-warning-border:@state-warning-border;@alert-danger-bg:@state-danger-bg;@alert-danger-text:@state-danger-text;@alert-danger-border:@state-danger-border;//== Progress bars
  //
  //##
  
  //** Background color of the whole progress component@progress-bg:#f5f5f5;//** Progress bar text color@progress-bar-color:#fff;//** Default progress bar color@progress-bar-bg:@brand-primary;//** Success progress bar color@progress-bar-success-bg:@brand-success;//** Warning progress bar color@progress-bar-warning-bg:@brand-warning;//** Danger progress bar color@progress-bar-danger-bg:@brand-danger;//** Info progress bar color@progress-bar-info-bg:@brand-info;//== List group
  //
  //##
  
  //** Background color on `.list-group-item`@list-group-bg:#fff;//** `.list-group-item` border color@list-group-border:#ddd;//** List group border radius@list-group-border-radius:@border-radius-base;//** Background color of single list elements on hover@list-group-hover-bg:#f5f5f5;//** Text color of active list elements@list-group-active-color:@component-active-color;//** Background color of active list elements@list-group-active-bg:@component-active-bg;//** Border color of active list elements@list-group-active-border:@list-group-active-bg;@list-group-active-text-color:lighten(@list-group-active-bg,40%);@list-group-link-color:#555;@list-group-link-heading-color:#333;//== Panels
  //
  //##
  
  //@panel-bg:contrast(@text-color);@panel-bg:contrast(@text-color,darken(@text-color,10%),lighten(@text-color,10%));@panel-body-padding:15px;@panel-border-radius:@border-radius-base;//** Border color for elements within panels@panel-inner-border:#ddd;@panel-footer-bg:#f5f5f5;@panel-default-text:@gray-dark;@panel-default-border:#ddd;@panel-default-heading-bg:#f5f5f5;@panel-primary-text:#fff;@panel-primary-border:@brand-primary;@panel-primary-heading-bg:@brand-primary;@panel-success-text:@state-success-text;@panel-success-border:@state-success-border;@panel-success-heading-bg:@state-success-bg;@panel-info-text:@state-info-text;@panel-info-border:@state-info-border;@panel-info-heading-bg:@state-info-bg;@panel-warning-text:@state-warning-text;@panel-warning-border:@state-warning-border;@panel-warning-heading-bg:@state-warning-bg;@panel-danger-text:@state-danger-text;@panel-danger-border:@state-danger-border;@panel-danger-heading-bg:@state-danger-bg;//== Thumbnails
  //
  //##
  
  //** Padding around the thumbnail image@thumbnail-padding:4px;//** Thumbnail background color@thumbnail-bg:@body-bg;//** Thumbnail border color@thumbnail-border:#ddd;//** Thumbnail border radius@thumbnail-border-radius:@border-radius-base;//** Custom text color for thumbnail captions@thumbnail-caption-color:@text-color;//** Padding around the thumbnail caption@thumbnail-caption-padding:9px;//== Wells
  //
  //##@well-bg:darken(@body-bg,7%);@well-border:darken(@well-bg,7%);//== Badges
  //
  //##@badge-color:#fff;//** Linked badge text color on hover@badge-link-hover-color:#fff;@badge-bg:@gray-light;//** Badge text color in active nav link@badge-active-color:@link-color;//** Badge background color in active nav link@badge-active-bg:#fff;@badge-font-weight:bold;@badge-line-height:1;@badge-border-radius:10px;//== Breadcrumbs
  //
  //##@breadcrumb-padding-vertical:8px;@breadcrumb-padding-horizontal:15px;//** Breadcrumb background color@breadcrumb-bg:#f5f5f5;//** Breadcrumb text color@breadcrumb-color:#ccc;//** Text color of current page in the breadcrumb@breadcrumb-active-color:@gray-light;//** Textual separator for between breadcrumb elements@breadcrumb-separator:"/";//== Carousel
  //
  //##@carousel-text-shadow:0 1px 2px rgba(0,0,0,.6);@carousel-control-color:#fff;@carousel-control-width:15%;@carousel-control-opacity:.5;@carousel-control-font-size:20px;@carousel-indicator-active-bg:#fff;@carousel-indicator-border-color:#fff;@carousel-caption-color:#fff;//== Close
  //
  //##@close-font-weight:bold;@close-color:#000;@close-text-shadow:0 1px 0 #fff;//== Code
  //
  //##@code-color:#c7254e;@code-bg:#f9f2f4;@kbd-color:#fff;@kbd-bg:#333;@pre-bg:#f5f5f5;@pre-color:@gray-dark;@pre-border-color:#ccc;@pre-scrollable-max-height:340px;//== Type
  //
  //##
  
  //** Text muted color@text-muted:@gray-light;//** Abbreviations and acronyms border color@abbr-border-color:@gray-light;//** Headings small color@headings-small-color:@gray-light;//** Blockquote small color@blockquote-small-color:@gray-light;//** Blockquote font size@blockquote-font-size:(@font-size-base * 1.25);//** Blockquote border color@blockquote-border-color:@gray-lighter;//** Page header border color@page-header-border-color:@gray-lighter;//== Miscellaneous
  //
  //##
  
  //** Horizontal line color.@hr-border:@gray-lighter;//** Horizontal offset for forms and lists.@component-offset-horizontal:180px;// Modify this for custom colors,font-sizes,etc//
  // Mixins
  // --------------------------------------------------
  
  
  // Utilities
  // -------------------------
  
  // Clearfix
  // Source:http://nicolasgallagher.com/micro-clearfix-hack/
  //
  // For modern browsers
  // 1. The space content is one way to avoid an Opera bug when the
  //    contenteditable attribute is included anywhere else in the document.
  //    Otherwise it causes space to appear at the top and bottom of elements
  //    that are clearfixed.
  // 2. The use of `table` rather than `block` is only necessary if using
  //    `:before` to contain the top-margins of child elements.
  .clearfix(){&:before,&:after{content:" ";// 1
      display:table;// 2}&:after{clear:both;}}// WebKit-style focus
  .tab-focus(){// Default
    outline:thin dotted;// WebKit
    outline:5px auto -webkit-focus-ring-color;outline-offset:-2px;}// Center-align a block level element
  .center-block(){display:block;margin-left:auto;margin-right:auto;}// Sizing shortcuts
  .size(@width;@height){width:@width;height:@height;}.square(@size){.size(@size;@size);}// Placeholder text
  .placeholder(@color:@input-color-placeholder){&::-moz-placeholder{color:@color;// Firefox
                                    opacity:1;}// See https://github.com/twbs/bootstrap/pull/11526
    &:-ms-input-placeholder{color:@color;}// Internet Explorer 10+
    &::-webkit-input-placeholder{color:@color;}// Safari and Chrome}// Text overflow
  // Requires inline-block or block for proper styling
  .text-overflow(){overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}// CSS image replacement
  //
  // Heads up! v3 launched with with only `.hide-text()`,but per our pattern for
  // mixins being reused as classes with the same name,this doesn't hold up. As
  // of v3.0.1 we have added `.text-hide()` and deprecated `.hide-text()`. Note
  // that we cannot chain the mixins together in Less, so they are repeated.
  //
  // Source: https://github.com/h5bp/html5-boilerplate/commit/aa0396eae757
  
  // Deprecated as of v3.0.1 (will be removed in v4)
  .hide-text() {
    font: ~"0/0" a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
  }
  // New mixin to use as of v3.0.1
  .text-hide() {
    .hide-text();
  }
  
  
  
  // CSS3 PROPERTIES
  // --------------------------------------------------
  
  // Single side border-radius
  .border-top-radius(@radius) {
    border-top-right-radius: @radius;
     border-top-left-radius: @radius;
  }
  .border-right-radius(@radius) {
    border-bottom-right-radius: @radius;
       border-top-right-radius: @radius;
  }
  .border-bottom-radius(@radius) {
    border-bottom-right-radius: @radius;
     border-bottom-left-radius: @radius;
  }
  .border-left-radius(@radius) {
    border-bottom-left-radius: @radius;
       border-top-left-radius: @radius;
  }
  
  // Drop shadows
  //
  // Note: Deprecated `.box-shadow()` as of v3.1.0 since all of Bootstrap's
  //   supported browsers that have box shadow capabilities now support the
  //   standard `box-shadow` property.
  .box-shadow(@shadow){-webkit-box-shadow:@shadow;// iOS <4.3 & Android <4.1
            box-shadow:@shadow;}// Transitions
  .transition(@transition){-webkit-transition:@transition;transition:@transition;}.transition-property(@transition-property){-webkit-transition-property:@transition-property;transition-property:@transition-property;}.transition-delay(@transition-delay){-webkit-transition-delay:@transition-delay;transition-delay:@transition-delay;}.transition-duration(@transition-duration){-webkit-transition-duration:@transition-duration;transition-duration:@transition-duration;}.transition-transform(@transition){-webkit-transition:-webkit-transform@transition;-moz-transition:-moz-transform@transition;-o-transition:-o-transform@transition;transition:transform@transition;}// Transformations
  .rotate(@degrees){-webkit-transform:rotate(@degrees);-ms-transform:rotate(@degrees);// IE9 only
            transform:rotate(@degrees);}.scale(@ratio;@ratio-y...){-webkit-transform:scale(@ratio,@ratio-y);-ms-transform:scale(@ratio,@ratio-y);// IE9 only
            transform:scale(@ratio,@ratio-y);}.translate(@x;@y){-webkit-transform:translate(@x,@y);-ms-transform:translate(@x,@y);// IE9 only
            transform:translate(@x,@y);}.skew(@x;@y){-webkit-transform:skew(@x,@y);-ms-transform:skewX(@x) skewY(@y);// See https://github.com/twbs/bootstrap/issues/4885;IE9+
            transform:skew(@x,@y);}.translate3d(@x;@y;@z){-webkit-transform:translate3d(@x,@y,@z);transform:translate3d(@x,@y,@z);}.rotateX(@degrees){-webkit-transform:rotateX(@degrees);-ms-transform:rotateX(@degrees);// IE9 only
            transform:rotateX(@degrees);}.rotateY(@degrees){-webkit-transform:rotateY(@degrees);-ms-transform:rotateY(@degrees);// IE9 only
            transform:rotateY(@degrees);}.perspective(@perspective){-webkit-perspective:@perspective;-moz-perspective:@perspective;perspective:@perspective;}.perspective-origin(@perspective){-webkit-perspective-origin:@perspective;-moz-perspective-origin:@perspective;perspective-origin:@perspective;}.transform-origin(@origin){-webkit-transform-origin:@origin;-moz-transform-origin:@origin;-ms-transform-origin:@origin;// IE9 only
            transform-origin:@origin;}// Animations
  .animation(@animation){-webkit-animation:@animation;animation:@animation;}.animation-name(@name){-webkit-animation-name:@name;animation-name:@name;}.animation-duration(@duration){-webkit-animation-duration:@duration;animation-duration:@duration;}.animation-timing-function(@timing-function){-webkit-animation-timing-function:@timing-function;animation-timing-function:@timing-function;}.animation-delay(@delay){-webkit-animation-delay:@delay;animation-delay:@delay;}.animation-iteration-count(@iteration-count){-webkit-animation-iteration-count:@iteration-count;animation-iteration-count:@iteration-count;}.animation-direction(@direction){-webkit-animation-direction:@direction;animation-direction:@direction;}// Backface visibility
  // Prevent browsers from flickering when using CSS 3D transforms.
  // Default value is `visible`,but can be changed to `hidden`
  .backface-visibility(@visibility){-webkit-backface-visibility:@visibility;-moz-backface-visibility:@visibility;backface-visibility:@visibility;}// Box sizing
  .box-sizing(@boxmodel){-webkit-box-sizing:@boxmodel;-moz-box-sizing:@boxmodel;box-sizing:@boxmodel;}// User select
  // For selecting text on the page
  .user-select(@select){-webkit-user-select:@select;-moz-user-select:@select;-ms-user-select:@select;// IE10+
            user-select:@select;}// Resize anything
  .resizable(@direction){resize:@direction;// Options:horizontal,vertical,both
    overflow:auto;// Safari fix}// CSS3 Content Columns
  .content-columns(@column-count;@column-gap:@grid-gutter-width){-webkit-column-count:@column-count;-moz-column-count:@column-count;column-count:@column-count;-webkit-column-gap:@column-gap;-moz-column-gap:@column-gap;column-gap:@column-gap;}// Optional hyphenation
  .hyphens(@mode:auto){word-wrap:break-word;-webkit-hyphens:@mode;-moz-hyphens:@mode;-ms-hyphens:@mode;// IE10+
         -o-hyphens:@mode;hyphens:@mode;}// Opacity
  .opacity(@opacity){opacity:@opacity;// IE8 filter@opacity-ie:(@opacity * 100);filter:~"alpha(opacity=@{opacity-ie})";}// GRADIENTS
  // --------------------------------------------------
  
  #gradient{// Horizontal gradient,from left to right
    //
    // Creates two color stops,start and end,by specifying a color and position for each color stop.
    // Color stops are not available in IE9 and below.
    .horizontal(@start-color:#555;@end-color:#333;@start-percent:0%;@end-percent:100%){background-image:-webkit-linear-gradient(left,color-stop(@start-color@start-percent),color-stop(@end-color@end-percent));// Safari 5.1-6,Chrome 10+
      background-image:linear-gradient(to right,@start-color@start-percent,@end-color@end-percent);// Standard,IE10,Firefox 16+,Opera 12.10+,Safari 7+,Chrome 26+
      background-repeat:repeat-x;filter:e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=1)",argb(@start-color),argb(@end-color)));// IE9 and down}// Vertical gradient,from top to bottom
    //
    // Creates two color stops,start and end,by specifying a color and position for each color stop.
    // Color stops are not available in IE9 and below.
    .vertical(@start-color:#555;@end-color:#333;@start-percent:0%;@end-percent:100%){background-image:-webkit-linear-gradient(top,@start-color@start-percent,@end-color@end-percent);// Safari 5.1-6,Chrome 10+
      background-image:linear-gradient(to bottom,@start-color@start-percent,@end-color@end-percent);// Standard,IE10,Firefox 16+,Opera 12.10+,Safari 7+,Chrome 26+
      background-repeat:repeat-x;filter:e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)",argb(@start-color),argb(@end-color)));// IE9 and down}.directional(@start-color:#555;@end-color:#333;@deg:45deg){background-repeat:repeat-x;background-image:-webkit-linear-gradient(@deg,@start-color,@end-color);// Safari 5.1-6,Chrome 10+
      background-image:linear-gradient(@deg,@start-color,@end-color);// Standard,IE10,Firefox 16+,Opera 12.10+,Safari 7+,Chrome 26+}.horizontal-three-colors(@start-color:#00b3ee;@mid-color:#7a43b6;@color-stop:50%;@end-color:#c3325f){background-image:-webkit-linear-gradient(left,@start-color,@mid-color@color-stop,@end-color);background-image:linear-gradient(to right,@start-color,@mid-color@color-stop,@end-color);background-repeat:no-repeat;filter:e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=1)",argb(@start-color),argb(@end-color)));// IE9 and down,gets no color-stop at all for proper fallback}.vertical-three-colors(@start-color:#00b3ee;@mid-color:#7a43b6;@color-stop:50%;@end-color:#c3325f){background-image:-webkit-linear-gradient(@start-color,@mid-color@color-stop,@end-color);background-image:linear-gradient(@start-color,@mid-color@color-stop,@end-color);background-repeat:no-repeat;filter:e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)",argb(@start-color),argb(@end-color)));// IE9 and down,gets no color-stop at all for proper fallback}.radial(@inner-color:#555;@outer-color:#333){background-image:-webkit-radial-gradient(circle,@inner-color,@outer-color);background-image:radial-gradient(circle,@inner-color,@outer-color);background-repeat:no-repeat;}.striped(@color:rgba(255,255,255,.15);@angle:45deg){background-image:-webkit-linear-gradient(@angle,@color 25%,transparent 25%,transparent 50%,@color 50%,@color 75%,transparent 75%,transparent);background-image:linear-gradient(@angle,@color 25%,transparent 25%,transparent 50%,@color 50%,@color 75%,transparent 75%,transparent);}}// Reset filters for IE
  //
  // When you need to remove a gradient background,do not forget to use this to reset
  // the IE filter for IE9 and below.
  .reset-filter(){filter:e(%("progid:DXImageTransform.Microsoft.gradient(enabled = false)"));}// Retina images
  //
  // Short retina mixin for setting background-image and -size
  
  .img-retina(@file-1x;@file-2x;@width-1x;@height-1x){background-image:url(/sites/all/themes/blogopronet/bootstrap/less/@{file-1x});@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2/1),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx) {
 background-image:url(/sites/all/themes/blogopronet/bootstrap/less/@{file-2x});background-size:@width-1x@height-1x; 
}}// Responsive image
  //
  // Keep images from scaling beyond the width of their parents.
  
  .img-responsive(@display:block){display:@display;max-width:100%;// Part 1:Set a maximum relative to the parent
    height:auto;// Part 2:Scale the height according to the width,otherwise you get stretching}// COMPONENT MIXINS
  // --------------------------------------------------
  
  // Horizontal dividers
  // -------------------------
  // Dividers (basically an hr) within dropdowns and nav lists
  .nav-divider(@color:#e5e5e5){height:1px;margin:((@line-height-computed / 2) - 1) 0;overflow:hidden;background-color:@color;}// Panels
  // -------------------------
  .panel-variant(@border;@heading-text-color;@heading-bg-color;@heading-border){border-color:@border;& > .panel-heading{color:@heading-text-color;background-color:@heading-bg-color;border-color:@heading-border;+ .panel-collapse .panel-body{border-top-color:@border;}}& > .panel-footer{+ .panel-collapse .panel-body{border-bottom-color:@border;}}}// Alerts
  // -------------------------
  .alert-variant(@background;@border;@text-color){background-color:@background;border-color:@border;color:@text-color;hr{border-top-color:darken(@border,5%);}.alert-link{color:darken(@text-color,10%);}}// Tables
  // -------------------------
  .table-row-variant(@state;@background){// Exact selectors below required to override `.table-striped` and prevent
    // inheritance to nested tables.
    .table > thead > tr,.table > tbody > tr,.table > tfoot > tr{> td.@{state},> th.@{state},&.@{state}> td,&.@{state}> th{background-color:@background;}}// Hover states for `.table-hover`
    // Note:this is not available for cells or rows within `thead` or `tfoot`.
    .table-hover > tbody > tr{> td.@{state}:hover,> th.@{state}:hover,&.@{state}:hover > td,&.@{state}:hover > th{background-color:darken(@background,5%);}}}// List Groups
  // -------------------------
  .list-group-item-variant(@state;@background;@color){.list-group-item-@{state}{color:@color;background-color:@background;a&{color:@color;.list-group-item-heading{color:inherit;}&:hover,&:focus{color:@color;background-color:darken(@background,5%);}&.active,&.active:hover,&.active:focus{color:#fff;background-color:@color;border-color:@color;}}}}// Button variants
  // -------------------------
  // Easily pump out default styles,as well as :hover,:focus,:active,// and disabled options for all buttons
  .button-variant(@color;@background;@border){color:@color;background-color:@background;border-color:@border;&:hover,&:focus,&:active,&.active,.open .dropdown-toggle&{color:@color;background-color:darken(@background,8%);border-color:darken(@border,12%);}&:active,&.active,.open .dropdown-toggle&{background-image:none;}&.disabled,&[disabled],fieldset[disabled] &{&,&:hover,&:focus,&:active,&.active{background-color:@background;border-color:@border;}}.badge{color:@background;background-color:@color;}}// Button sizes
  // -------------------------
  .button-size(@padding-vertical;@padding-horizontal;@font-size;@line-height;@border-radius){padding:@padding-vertical@padding-horizontal;font-size:@font-size;line-height:@line-height;border-radius:@border-radius;}// Pagination
  // -------------------------
  .pagination-size(@padding-vertical;@padding-horizontal;@font-size;@border-radius){> li{> a,> span{padding:@padding-vertical@padding-horizontal;font-size:@font-size;}&:first-child{> a,> span{.border-left-radius(@border-radius);}}&:last-child{> a,> span{.border-right-radius(@border-radius);}}}}// Labels
  // -------------------------
  .label-variant(@color){background-color:@color;&[href]{&:hover,&:focus{background-color:darken(@color,10%);}}}// Contextual backgrounds
  // -------------------------
  .bg-variant(@color){background-color:@color;a&:hover{background-color:darken(@color,10%);}}// Typography
  // -------------------------
  .text-emphasis-variant(@color){color:@color;a&:hover{color:darken(@color,10%);}}// Navbar vertical align
  // -------------------------
  // Vertically center elements in the navbar.
  // Example:an element has a height of 30px,so write out `.navbar-vertical-align(30px);` to calculate the appropriate top margin.
  .navbar-vertical-align(@element-height){margin-top:((@navbar-height -@element-height) / 2);margin-bottom:((@navbar-height -@element-height) / 2);}// Progress bars
  // -------------------------
  .progress-bar-variant(@color){background-color:@color;.progress-striped &{#gradient > .striped();}}// Responsive utilities
  // -------------------------
  // More easily include all the states for responsive-utilities.less.
  .responsive-visibility(){display:block !important;table&{display:table;}tr&{display:table-row !important;}th&,td&{display:table-cell !important;}}.responsive-invisibility(){display:none !important;}// Grid System
  // -----------
  
  // Centered container element
  .container-fixed(){margin-right:auto;margin-left:auto;padding-left:(@grid-gutter-width / 2);padding-right:(@grid-gutter-width / 2);&:extend(.clearfix all);}// Creates a wrapper for a series of columns
  .make-row(@gutter:@grid-gutter-width){margin-left:(@gutter / -2);margin-right:(@gutter / -2);&:extend(.clearfix all);}// Generate the extra small columns
  .make-xs-column(@columns;@gutter:@grid-gutter-width){position:relative;float:left;width:percentage((@columns /@grid-columns));min-height:1px;padding-left:(@gutter / 2);padding-right:(@gutter / 2);}.make-xs-column-offset(@columns){@media (min-width:@screen-xs-min) {
 margin-left:percentage((@columns /@grid-columns)); 
}}.make-xs-column-push(@columns){@media (min-width:@screen-xs-min) {
 left:percentage((@columns /@grid-columns)); 
}}.make-xs-column-pull(@columns){@media (min-width:@screen-xs-min) {
 right:percentage((@columns /@grid-columns)); 
}}// Generate the small columns
  .make-sm-column(@columns;@gutter:@grid-gutter-width){position:relative;min-height:1px;padding-left:(@gutter / 2);padding-right:(@gutter / 2);@media (min-width:@screen-sm-min) {
 float:left;width:percentage((@columns /@grid-columns)); 
}}.make-sm-column-offset(@columns){@media (min-width:@screen-sm-min) {
 margin-left:percentage((@columns /@grid-columns)); 
}}.make-sm-column-push(@columns){@media (min-width:@screen-sm-min) {
 left:percentage((@columns /@grid-columns)); 
}}.make-sm-column-pull(@columns){@media (min-width:@screen-sm-min) {
 right:percentage((@columns /@grid-columns)); 
}}// Generate the medium columns
  .make-md-column(@columns;@gutter:@grid-gutter-width){position:relative;min-height:1px;padding-left:(@gutter / 2);padding-right:(@gutter / 2);@media (min-width:@screen-md-min) {
 float:left;width:percentage((@columns /@grid-columns)); 
}}.make-md-column-offset(@columns){@media (min-width:@screen-md-min) {
 margin-left:percentage((@columns /@grid-columns)); 
}}.make-md-column-push(@columns){@media (min-width:@screen-md-min) {
 left:percentage((@columns /@grid-columns)); 
}}.make-md-column-pull(@columns){@media (min-width:@screen-md-min) {
 right:percentage((@columns /@grid-columns)); 
}}// Generate the large columns
  .make-lg-column(@columns;@gutter:@grid-gutter-width){position:relative;min-height:1px;padding-left:(@gutter / 2);padding-right:(@gutter / 2);@media (min-width:@screen-lg-min) {
 float:left;width:percentage((@columns /@grid-columns)); 
}}.make-lg-column-offset(@columns){@media (min-width:@screen-lg-min) {
 margin-left:percentage((@columns /@grid-columns)); 
}}.make-lg-column-push(@columns){@media (min-width:@screen-lg-min) {
 left:percentage((@columns /@grid-columns)); 
}}.make-lg-column-pull(@columns){@media (min-width:@screen-lg-min) {
 right:percentage((@columns /@grid-columns)); 
}}// Framework grid generation
  //
  // Used only by Bootstrap to generate the correct number of grid classes given
  // any value of `@grid-columns`.
  
  .make-grid-columns(){// Common styles for all sizes of grid columns,widths 1-12
    .col(@index) when (@index = 1){// initial@item:~".col-xs-@{index}, .col-sm-@{index}, .col-md-@{index}, .col-lg-@{index}";.col((@index + 1),@item);}.col(@index,@list) when (@index =<@grid-columns){// general;"=<" isn't a typo
      @item: ~".col-xs-@{index}, .col-sm-@{index}, .col-md-@{index}, .col-lg-@{index}";
      .col((@index + 1), ~"@{list}, @{item}");
    }
    .col(@index, @list) when (@index > @grid-columns) { // terminal
      @{list} {
        position: relative;
        // Prevent columns from collapsing when empty
        min-height: 1px;
        // Inner gutter via padding
        padding-left:  (@grid-gutter-width / 2);
        padding-right: (@grid-gutter-width / 2);
      }
    }
    .col(1); // kickstart it
  }
  
  .float-grid-columns(@class) {
    .col(@index) when (@index = 1) { // initial
      @item: ~".col-@{class}-@{index}";
      .col((@index + 1), @item);
    }
    .col(@index, @list) when (@index =< @grid-columns) { // general
      @item: ~".col-@{class}-@{index}";
      .col((@index + 1), ~"@{list}, @{item}");
    }
    .col(@index, @list) when (@index > @grid-columns) { // terminal
      @{list} {
        float: left;
      }
    }
    .col(1); // kickstart it
  }
  
  .calc-grid-column(@index, @class, @type) when (@type = width) and (@index > 0) {
    .col-@{class}-@{index} {
      width: percentage((@index / @grid-columns));
    }
  }
  .calc-grid-column(@index, @class, @type) when (@type = push) {
    .col-@{class}-push-@{index} {
      left: percentage((@index / @grid-columns));
    }
  }
  .calc-grid-column(@index, @class, @type) when (@type = pull) {
    .col-@{class}-pull-@{index} {
      right: percentage((@index / @grid-columns));
    }
  }
  .calc-grid-column(@index, @class, @type) when (@type = offset) {
    .col-@{class}-offset-@{index} {
      margin-left: percentage((@index / @grid-columns));
    }
  }
  
  // Basic looping in LESS
  .loop-grid-columns(@index, @class, @type) when (@index >= 0) {
    .calc-grid-column(@index, @class, @type);
    // next iteration
    .loop-grid-columns((@index - 1), @class, @type);
  }
  
  // Create grid for specific class
  .make-grid(@class) {
    .float-grid-columns(@class);
    .loop-grid-columns(@grid-columns, @class, width);
    .loop-grid-columns(@grid-columns, @class, pull);
    .loop-grid-columns(@grid-columns, @class, push);
    .loop-grid-columns(@grid-columns, @class, offset);
  }
  
  // Form validation states
  //
  // Used in forms.less to generate the form validation CSS for warnings, errors,
  // and successes.
  
  .form-control-validation(@text-color: #555; @border-color: #ccc; @background-color: #f5f5f5) {
    // Color the label and help text
    .help-block,
    .control-label,
    .radio,
    .checkbox,
    .radio-inline,
    .checkbox-inline  {
      color: @text-color;
    }
    // Set the border and box shadow on specific inputs to match
    .form-control {
      border-color: @border-color;
      .box-shadow(inset 0 1px 1px rgba(0,0,0,.075)); // Redeclare so transitions work
      &:focus {
        border-color: darken(@border-color, 10%);
        @shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px lighten(@border-color, 20%);
        .box-shadow(@shadow);
      }
    }
    // Set validation states also for addons
    .input-group-addon {
      color: @text-color;
      border-color: @border-color;
      background-color: @background-color;
    }
    // Optional feedback icon
    .form-control-feedback {
      color: @text-color;
    }
  }
  
  // Form control focus state
  //
  // Generate a customized focus state and for any input with the specified color,
  // which defaults to the `@input-focus-border` variable.
  //
  // We highly encourage you to not customize the default value, but instead use
  // this to tweak colors on an as-needed basis. This aesthetic change is based on
  // WebKit's default styles,but applicable to a wider range of browsers. Its
  // usability and accessibility should be taken into account with any change.
  //
  // Example usage:change the default blue border and shadow to white for better
  // contrast against a dark gray background.
  
  .form-control-focus(@color:@input-border-focus){@color-rgba:rgba(red(@color),green(@color),blue(@color),.6);&:focus{border-color:@color;outline:0;.box-shadow(~"inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px @{color-rgba}");}}// Form control sizing
  //
  // Relative text size,padding,and border-radii changes for form controls. For
  // horizontal sizing,wrap controls in the predefined grid classes. `<select>`
  // element gets special love because it's special, and that's a fact!
  
  .input-size(@input-height;@padding-vertical;@padding-horizontal;@font-size;@line-height;@border-radius){height:@input-height;padding:@padding-vertical@padding-horizontal;font-size:@font-size;line-height:@line-height;border-radius:@border-radius;select&{height:@input-height;line-height:@input-height;}textarea&,select[multiple]&{height:auto;}}// Reset//
  // 1. Set default font family to sans-serif.
  // 2. Prevent iOS text size adjust after orientation change,without disabling
  //    user zoom.
  //
  
  html{font-family:sans-serif;// 1
    -ms-text-size-adjust:100%;// 2
    -webkit-text-size-adjust:100%;// 2}//
  // Remove default margin.
  //
  
  body{margin:0;}// HTML5 display definitions
  // ==========================================================================
  
  //
  // Correct `block` display not defined in IE 8/9.
  //
  
  article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block;}//
  // 1. Correct `inline-block` display not defined in IE 8/9.
  // 2. Normalize vertical alignment of `progress` in Chrome,Firefox,and Opera.
  //
  
  audio,canvas,progress,video{display:inline-block;// 1
    vertical-align:baseline;// 2}//
  // Prevent modern browsers from displaying `audio` without controls.
  // Remove excess height in iOS 5 devices.
  //
  
  audio:not([controls]){display:none;height:0;}//
  // Address `[hidden]` styling not present in IE 8/9.
  // Hide the `template` element in IE,Safari,and Firefox < 22.
  //
  
  [hidden],template{display:none;}// Links
  // ==========================================================================
  
  //
  // Remove the gray background color from active links in IE 10.
  //
  
  a{background:transparent;}//
  // Improve readability when focused and also mouse hovered in all browsers.
  //
  
  a:active,a:hover{outline:0;}// Text-level semantics
  // ==========================================================================
  
  //
  // Address styling not present in IE 8/9,Safari 5,and Chrome.
  //
  
  abbr[title]{border-bottom:1px dotted;}//
  // Address style set to `bolder` in Firefox 4+,Safari 5,and Chrome.
  //
  
  b,strong{font-weight:bold;}//
  // Address styling not present in Safari 5 and Chrome.
  //
  
  dfn{font-style:italic;}//
  // Address variable `h1` font-size and margin within `section` and `article`
  // contexts in Firefox 4+,Safari 5,and Chrome.
  //
  
  h1{font-size:2em;margin:0.67em 0;}//
  // Address styling not present in IE 8/9.
  //
  
  mark{background:#ff0;color:#000;}//
  // Address inconsistent and variable font size in all browsers.
  //
  
  small{font-size:80%;}//
  // Prevent `sub` and `sup` affecting `line-height` in all browsers.
  //
  
  sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sup{top:-0.5em;}sub{bottom:-0.25em;}// Embedded content
  // ==========================================================================
  
  //
  // Remove border when inside `a` element in IE 8/9.
  //
  
  img{border:0;}//
  // Correct overflow displayed oddly in IE 9.
  //
  
  svg:not(:root){overflow:hidden;}// Grouping content
  // ==========================================================================
  
  //
  // Address margin not present in IE 8/9 and Safari 5.
  //
  
  figure{margin:1em 40px;}//
  // Address differences between Firefox and other browsers.
  //
  
  hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0;}//
  // Contain overflow in all browsers.
  //
  
  pre{overflow:auto;}//
  // Address odd `em`-unit font size rendering in all browsers.
  //
  
  code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em;}// Forms
  // ==========================================================================
  
  //
  // Known limitation:by default,Chrome and Safari on OS X allow very limited
  // styling of `select`,unless a `border` property is set.
  //
  
  //
  // 1. Correct color not being inherited.
  //    Known issue:affects color of disabled elements.
  // 2. Correct font properties not being inherited.
  // 3. Address margins set differently in Firefox 4+,Safari 5,and Chrome.
  //
  
  button,input,optgroup,select,textarea{color:inherit;// 1
    font:inherit;// 2
    margin:0;// 3}//
  // Address `overflow` set to `hidden` in IE 8/9/10.
  //
  
  button{overflow:visible;}//
  // Address inconsistent `text-transform` inheritance for `button` and `select`.
  // All other form control elements do not inherit `text-transform` values.
  // Correct `button` style inheritance in Firefox,IE 8+,and Opera
  // Correct `select` style inheritance in Firefox.
  //
  
  button,select{text-transform:none;}//
  // 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
  //    and `video` controls.
  // 2. Correct inability to style clickable `input` types in iOS.
  // 3. Improve usability and consistency of cursor style between image-type
  //    `input` and others.
  //
  
  button,html input[type="button"],// 1
  input[type="reset"],input[type="submit"]{-webkit-appearance:button;// 2
    cursor:pointer;// 3}//
  // Re-set default cursor for disabled elements.
  //
  
  button[disabled],html input[disabled]{cursor:default;}//
  // Remove inner padding and border in Firefox 4+.
  //
  
  button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}//
  // Address Firefox 4+ setting `line-height` on `input` using `!important` in
  // the UA stylesheet.
  //
  
  input{line-height:normal;}//
  // It's recommended that you don't attempt to style these elements.
  // Firefox's implementation doesn't respect box-sizing,padding,or width.
  //
  // 1. Address box sizing set to `content-box` in IE 8/9/10.
  // 2. Remove excess padding in IE 8/9/10.
  //
  
  input[type="checkbox"],input[type="radio"]{box-sizing:border-box;// 1
    padding:0;// 2}//
  // Fix the cursor style for Chrome's increment/decrement buttons. For certain
  // `font-size` values of the `input`, it causes the cursor style of the
  // decrement button to change from `default` to `text`.
  //
  
  input[type="number"]::-webkit-inner-spin-button,
  input[type="number"]::-webkit-outer-spin-button {
    height: auto;
  }
  
  //
  // 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
  // 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
  //    (include `-moz` to future-proof).
  //
  
  input[type="search"] {
    -webkit-appearance: textfield; // 1
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box; // 2
    box-sizing: content-box;
  }
  
  //
  // Remove inner padding and search cancel button in Safari and Chrome on OS X.
  // Safari (but not Chrome) clips the cancel button when the search input has
  // padding (and `textfield` appearance).
  //
  
  input[type="search"]::-webkit-search-cancel-button,
  input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  
  //
  // Define consistent border, margin, and padding.
  //
  
  fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
  }
  
  //
  // 1. Correct `color` not being inherited in IE 8/9.
  // 2. Remove padding so people aren't caught out if they zero out fieldsets.
  //
  
  legend{border:0;// 1
    padding:0;// 2}//
  // Remove default vertical scrollbar in IE 8/9.
  //
  
  textarea{overflow:auto;}//
  // Don't inherit the `font-weight` (applied by a rule above).
  // NOTE:the default cannot safely be changed in Chrome and Safari on OS X.
  //
  
  optgroup{font-weight:bold;}// Tables
  // ==========================================================================
  
  //
  // Remove most spacing between table cells.
  //
  
  table{border-collapse:collapse;border-spacing:0;}td,th{padding:0;}//
  // Basic print styles
  // --------------------------------------------------
  // Source:https://github.com/h5bp/html5-boilerplate/blob/master/css/main.css@media print {
 // *{//   text-shadow:none !important;//   color:#000 !important;// Black prints faster:h5bp.com/s
    //   background:transparent !important;//   box-shadow:none !important;//}a,a:visited{text-decoration:underline;}a[href]:after{content:" (" attr(href) ")";}abbr[title]:after{content:" (" attr(title) ")";}// Don't show links for images,or javascript/internal links
    a[href^="javascript:"]:after,a[href^="#"]:after{content:"";}pre,blockquote{border:1px solid #999;page-break-inside:avoid;}thead{display:table-header-group;// h5bp.com/t}tr,img{page-break-inside:avoid;}img{max-width:100% !important;}p,h2,h3{orphans:3;widows:3;}h2,h3{page-break-after:avoid;}// Chrome (OSX) fix for https://github.com/twbs/bootstrap/issues/11245
    // Once fixed,we can just straight up remove this.
    select{background:#fff !important;}// Bootstrap components
    .navbar{display:none;}.table{td,th{background-color:#fff !important;}}.btn,.dropup > .btn{> .caret{border-top-color:#000 !important;}}.label{border:1px solid #000;}.table{border-collapse:collapse !important;}.table-bordered{th,td{border:1px solid #ddd !important;}} 
}// Core CSS//
  // Scaffolding
  // --------------------------------------------------
  
  
  // Reset the box-sizing
  //
  // Heads up! This reset may cause conflicts with some third-party widgets.
  // For recommendations on resolving such conflicts,see
  // http://getbootstrap.com/getting-started/#third-box-sizing
  *{.box-sizing(border-box);}*:before,*:after{.box-sizing(border-box);}// Body reset
  
  html{font-size:62.5%;-webkit-tap-highlight-color:rgba(0,0,0,0);}body{font-family:@font-family-base;font-size:@font-size-base;line-height:@line-height-base;color:@text-color;background-color:@body-bg;}// Reset fonts for relevant elements
  input,button,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit;}// Links
  
  a{color:@link-color;text-decoration:none;&:hover,&:focus{color:@link-hover-color;text-decoration:underline;}&:focus{.tab-focus();}}// Figures
  //
  // We reset this here because previously Normalize had no `figure` margins. This
  // ensures we don't break anyone's use of the element.
  
  figure{margin:0;}// Images
  
  img{vertical-align:middle;}// Responsive images (ensure images don't scale beyond their parents)
  .img-responsive{.img-responsive();}// Rounded corners
  .img-rounded{border-radius:@border-radius-large;}// Image thumbnails
  //
  // Heads up! This is mixin-ed into thumbnails.less for `.thumbnail`.
  .img-thumbnail{padding:@thumbnail-padding;line-height:@line-height-base;background-color:@thumbnail-bg;border:1px solid@thumbnail-border;border-radius:@thumbnail-border-radius;.transition(all .2s ease-in-out);// Keep them at most 100% wide
    .img-responsive(inline-block);}// Perfect circle
  .img-circle{border-radius:50%;// set radius in percents}// Horizontal rules
  
  hr{margin-top:@line-height-computed;margin-bottom:@line-height-computed;border:0;border-top:1px solid@hr-border;}// Only display content to screen readers
  //
  // See:http://a11yproject.com/posts/how-to-hide-content/
  
  .sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0;}//
  // Typography
  // --------------------------------------------------
  
  
  // Headings
  // -------------------------
  
  h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-family:@headings-font-family;font-weight:@headings-font-weight;line-height:@headings-line-height;color:@headings-color;small,.small{font-weight:normal;line-height:1;color:@headings-small-color;}}h1,.h1,h2,.h2,h3,.h3{margin-top:@line-height-computed;margin-bottom:(@line-height-computed / 2);small,.small{font-size:65%;}}h4,.h4,h5,.h5,h6,.h6{margin-top:(@line-height-computed / 2);margin-bottom:(@line-height-computed / 2);small,.small{font-size:75%;}}h1,.h1{font-size:@font-size-h1;}h2,.h2{font-size:@font-size-h2;}h3,.h3{font-size:@font-size-h3;}h4,.h4{font-size:@font-size-h4;}h5,.h5{font-size:@font-size-h5;}h6,.h6{font-size:@font-size-h6;}// Body text
  // -------------------------
  
  p{margin:0 0 (@line-height-computed / 2);}.lead{margin-bottom:@line-height-computed;font-size:floor((@font-size-base * 1.15));font-weight:200;line-height:1.4;@media (min-width:@screen-sm-min) {
 font-size:(@font-size-base * 1.5); 
}}// Emphasis & misc
  // -------------------------
  
  // Ex:14px base font * 85% = about 12px
  small,.small{font-size:85%;}// Undo browser default styling
  cite{font-style:normal;}// Alignment
  .text-left{text-align:left;}.text-right{text-align:right;}.text-center{text-align:center;}.text-justify{text-align:justify;}// Contextual colors
  .text-muted{color:@text-muted;}.text-primary{.text-emphasis-variant(@brand-primary);}.text-success{.text-emphasis-variant(@state-success-text);}.text-info{.text-emphasis-variant(@state-info-text);}.text-warning{.text-emphasis-variant(@state-warning-text);}.text-danger{.text-emphasis-variant(@state-danger-text);}// Contextual backgrounds
  // For now we'll leave these alongside the text classes until v4 when we can
  // safely shift things around (per SemVer rules).
  .bg-primary {
    // Given the contrast here, this is the only class to have its color inverted
    // automatically.
    color: #fff;
    .bg-variant(@brand-primary);
  }
  .bg-success {
    .bg-variant(@state-success-bg);
  }
  .bg-info {
    .bg-variant(@state-info-bg);
  }
  .bg-warning {
    .bg-variant(@state-warning-bg);
  }
  .bg-danger {
    .bg-variant(@state-danger-bg);
  }
  
  
  // Page header
  // -------------------------
  
  .page-header {
    padding-bottom: ((@line-height-computed / 2) - 1);
    margin: (@line-height-computed * 2) 0 @line-height-computed;
    border-bottom: 1px solid @page-header-border-color;
  }
  
  
  // Lists
  // --------------------------------------------------
  
  // Unordered and Ordered lists
  ul,
  ol {
    margin-top: 0;
    margin-bottom: (@line-height-computed / 2);
    ul,
    ol {
      margin-bottom: 0;
    }
  }
  
  // List options
  
  // Unstyled keeps list items block level, just removes default browser padding and list-style
  .list-unstyled {
    padding-left: 0;
    list-style: none;
  }
  
  // Inline turns list items into inline-block
  .list-inline {
    .list-unstyled();
    margin-left: -5px;
  
    > li {
      display: inline-block;
      padding-left: 5px;
      padding-right: 5px;
    }
  }
  
  // Description Lists
  dl {
    margin-top: 0; // Remove browser default
    margin-bottom: @line-height-computed;
  }
  dt,
  dd {
    line-height: @line-height-base;
  }
  dt {
    font-weight: bold;
  }
  dd {
    margin-left: 0; // Undo browser default
  }
  
  // Horizontal description lists
  //
  // Defaults to being stacked without any of the below styles applied, until the
  // grid breakpoint is reached (default of ~768px).@media (min-width: @grid-float-breakpoint) {
 .dl-horizontal {
      dt {
        float: left;
        width: (@component-offset-horizontal - 20);
        clear: left;
        text-align: right;
        .text-overflow();
      }
      dd {
        margin-left: @component-offset-horizontal;
        &:extend(.clearfix all); // Clear the floated `dt` if an empty `dd` is present
      }
    } 
}// MISC
  // ----
  
  // Abbreviations and acronyms
  abbr[title],
  // Add data-* attribute to help out our tooltip plugin, per https://github.com/twbs/bootstrap/issues/5257
  abbr[data-original-title] {
    cursor: help;
    border-bottom: 1px dotted @abbr-border-color;
  }
  .initialism {
    font-size: 90%;
    text-transform: uppercase;
  }
  
  // Blockquotes
  blockquote {
    padding: (@line-height-computed / 2) @line-height-computed;
    margin: 0 0 @line-height-computed;
    font-size: @blockquote-font-size;
    border-left: 5px solid @blockquote-border-color;
  
    p,
    ul,
    ol {
      &:last-child {
        margin-bottom: 0;
      }
    }
  
    // Note: Deprecated small and .small as of v3.1.0
    // Context: https://github.com/twbs/bootstrap/issues/11660
    footer,
    small,
    .small {
      display: block;
      font-size: 80%; // back to default font-size
      line-height: @line-height-base;
      color: @blockquote-small-color;
  
      &:before {
        content: '\2014 \00A0'; // em dash, nbsp
      }
    }
  }
  
  // Opposite alignment of blockquote
  //
  // Heads up: `blockquote.pull-right` has been deprecated as of v3.1.0.
  .blockquote-reverse,
  blockquote.pull-right {
    padding-right: 15px;
    padding-left: 0;
    border-right: 5px solid @blockquote-border-color;
    border-left: 0;
    text-align: right;
  
    // Account for citation
    footer,
    small,
    .small {
      &:before { content: ''; }
      &:after {
        content: '\00A0 \2014';// nbsp,em dash}}}// Quotes
  blockquote:before,blockquote:after{content:"";}// Addresses
  address{margin-bottom:@line-height-computed;font-style:normal;line-height:@line-height-base;}//
  // Code (inline and block)
  // --------------------------------------------------
  
  
  // Inline and block code styles
  code,kbd,pre,samp{font-family:@font-family-monospace;}// Inline code
  code{padding:2px 4px;font-size:90%;color:@code-color;background-color:@code-bg;white-space:nowrap;border-radius:@border-radius-base;}// User input typically entered via keyboard
  kbd{padding:2px 4px;font-size:90%;color:@kbd-color;background-color:@kbd-bg;border-radius:@border-radius-small;box-shadow:inset 0 -1px 0 rgba(0,0,0,.25);}// Blocks of code
  pre{display:block;padding:((@line-height-computed - 1) / 2);margin:0 0 (@line-height-computed / 2);font-size:(@font-size-base - 1);// 14px to 13px
    line-height:@line-height-base;word-break:break-all;word-wrap:break-word;color:@pre-color;background-color:@pre-bg;border:1px solid@pre-border-color;border-radius:@border-radius-base;// Account for some code outputs that place code tags in pre tags
    code{padding:0;font-size:inherit;color:inherit;white-space:pre-wrap;background-color:transparent;border-radius:0;}}// Enable scrollable blocks of code
  .pre-scrollable{max-height:@pre-scrollable-max-height;overflow-y:scroll;}//
  // Grid system
  // --------------------------------------------------
  
  
  // Container widths
  //
  // Set the container width,and override it for fixed navbars in media queries.
  
  .container{.container-fixed();@media (min-width:@screen-sm-min) {
 width:@container-sm; 
}@media (min-width:@screen-md-min) {
 width:@container-md; 
}@media (min-width:@screen-lg-min) {
 width:@container-lg; 
}}// Fluid container
  //
  // Utilizes the mixin meant for fixed width containers,but without any defined
  // width for fluid,full width layouts.
  
  .container-fluid{.container-fixed();}// Row
  //
  // Rows contain and clear the floats of your columns.
  
  .row{.make-row();}// Columns
  //
  // Common styles for small and large grid columns
  
  .make-grid-columns();// Extra small grid
  //
  // Columns,offsets,pushes,and pulls for extra small devices like
  // smartphones.
  
  .make-grid(xs);// Small grid
  //
  // Columns,offsets,pushes,and pulls for the small device range,from phones
  // to tablets.@media (min-width:@screen-sm-min) {
 .make-grid(sm); 
}// Medium grid
  //
  // Columns,offsets,pushes,and pulls for the desktop device range.@media (min-width:@screen-md-min) {
 .make-grid(md); 
}// Large grid
  //
  // Columns,offsets,pushes,and pulls for the large desktop device range.@media (min-width:@screen-lg-min) {
 .make-grid(lg); 
}//
  // Tables
  // --------------------------------------------------
  
  
  table{max-width:100%;background-color:@table-bg;}th{text-align:left;}// Baseline styles
  
  .table{width:100%;margin-bottom:@line-height-computed;// Cells
    > thead,> tbody,> tfoot{> tr{> th,> td{padding:@table-cell-padding;line-height:@line-height-base;vertical-align:top;border-top:1px solid@table-border-color;}}}// Bottom align for column headings
    > thead > tr > th{vertical-align:bottom;border-bottom:2px solid@table-border-color;}// Remove top border from thead by default
    > caption + thead,> colgroup + thead,> thead:first-child{> tr:first-child{> th,> td{border-top:0;}}}// Account for multiple tbody instances
    > tbody + tbody{border-top:2px solid@table-border-color;}// Nesting
    .table{background-color:@body-bg;}}// Condensed table w/ half padding
  
  .table-condensed{> thead,> tbody,> tfoot{> tr{> th,> td{padding:@table-condensed-cell-padding;}}}}// Bordered version
  //
  // Add borders all around the table and between all the columns.
  
  .table-bordered{border:1px solid@table-border-color;> thead,> tbody,> tfoot{> tr{> th,> td{border:1px solid@table-border-color;}}}> thead > tr{> th,> td{border-bottom-width:2px;}}}// Zebra-striping
  //
  // Default zebra-stripe styles (alternating gray and transparent backgrounds)
  
  .table-striped{> tbody > tr:nth-child(odd){> td,> th{background-color:@table-bg-accent;}}}// Hover effect
  //
  // Placed here since it has to come after the potential zebra striping
  
  .table-hover{> tbody > tr:hover{> td,> th{background-color:@table-bg-hover;}}}// Table cell sizing
  //
  // Reset default table behavior
  
  table col[class*="col-"]{position:static;// Prevent border hiding in Firefox and IE9/10 (see https://github.com/twbs/bootstrap/issues/11623)
    float:none;display:table-column;}table{td,th{&[class*="col-"]{position:static;// Prevent border hiding in Firefox and IE9/10 (see https://github.com/twbs/bootstrap/issues/11623)
        float:none;display:table-cell;}}}// Table backgrounds
  //
  // Exact selectors below required to override `.table-striped` and prevent
  // inheritance to nested tables.
  
  // Generate the contextual variants
  .table-row-variant(active;@table-bg-active);.table-row-variant(success;@state-success-bg);.table-row-variant(info;@state-info-bg);.table-row-variant(warning;@state-warning-bg);.table-row-variant(danger;@state-danger-bg);// Responsive tables
  //
  // Wrap your tables in `.table-responsive` and we'll make them mobile friendly
  // by enabling horizontal scrolling. Only applies <768px. Everything above that
  // will display normally.@media (max-width: @screen-xs-max) {
 .table-responsive {
      width: 100%;
      margin-bottom: (@line-height-computed * 0.75);
      overflow-y: hidden;
      overflow-x: scroll;
      -ms-overflow-style: -ms-autohiding-scrollbar;
      border: 1px solid @table-border-color;
      -webkit-overflow-scrolling: touch;
  
      // Tighten up spacing
      > .table {
        margin-bottom: 0;
  
        // Ensure the content doesn't wrap
        > thead,> tbody,> tfoot{> tr{> th,> td{white-space:nowrap;}}}}// Special overrides for the bordered tables
      > .table-bordered{border:0;// Nuke the appropriate borders so that the parent can handle them
        > thead,> tbody,> tfoot{> tr{> th:first-child,> td:first-child{border-left:0;}> th:last-child,> td:last-child{border-right:0;}}}// Only nuke the last row's bottom-border in `tbody` and `tfoot` since
        // chances are there will be only one `tr` in a `thead` and that would
        // remove the border altogether.
        > tbody,> tfoot{> tr:last-child{> th,> td{border-bottom:0;}}}}} 
}//
  // Forms
  // --------------------------------------------------
  
  
  // Normalize non-controls
  //
  // Restyle and baseline non-control form elements.
  
  fieldset{padding:0;margin:0;border:0;// Chrome and Firefox set a `min-width:-webkit-min-content;` on fieldsets,// so we reset that to ensure it behaves more like a standard block element.
    // See https://github.com/twbs/bootstrap/issues/12359.
    min-width:0;}legend{display:block;width:100%;padding:0;margin-bottom:@line-height-computed;font-size:(@font-size-base * 1.5);line-height:inherit;color:@legend-color;border:0;border-bottom:1px solid@legend-border-color;}label{display:inline-block;margin-bottom:5px;font-weight:bold;}// Normalize form controls
  //
  // While most of our form styles require extra classes,some basic normalization
  // is required to ensure optimum display with or without those classes to better
  // address browser inconsistencies.
  
  // Override content-box in Normalize (* isn't specific enough)
  input[type="search"] {
    .box-sizing(border-box);
  }
  
  // Position radios and checkboxes better
  input[type="radio"],
  input[type="checkbox"] {
    margin: 4px 0 0;
    margin-top: 1px \9; /* IE8-9 */
    line-height: normal;
  }
  
  // Set the height of file controls to match text inputs
  input[type="file"] {
    display: block;
  }
  
  // Make range inputs behave like textual form controls
  input[type="range"] {
    display: block;
    width: 100%;
  }
  
  // Make multiple select elements height not fixed
  select[multiple],
  select[size] {
    height: auto;
  }
  
  // Focus for file, radio, and checkbox
  input[type="file"]:focus,
  input[type="radio"]:focus,
  input[type="checkbox"]:focus {
    .tab-focus();
  }
  
  // Adjust output element
  output {
    display: block;
    padding-top: (@padding-base-vertical + 1);
    font-size: @font-size-base;
    line-height: @line-height-base;
    color: @input-color;
  }
  
  
  // Common form controls
  //
  // Shared size and type resets for form controls. Apply `.form-control` to any
  // of the following form controls:
  //
  // select
  // textarea
  // input[type="text"]
  // input[type="password"]
  // input[type="datetime"]
  // input[type="datetime-local"]
  // input[type="date"]
  // input[type="month"]
  // input[type="time"]
  // input[type="week"]
  // input[type="number"]
  // input[type="email"]
  // input[type="url"]
  // input[type="search"]
  // input[type="tel"]
  // input[type="color"]
  
  .form-control {
    display: block;
    width: 100%;
    height: @input-height-base; // Make inputs at least the height of their button counterpart (base line-height + padding + border)
    padding: @padding-base-vertical @padding-base-horizontal;
    font-size: @font-size-base;
    line-height: @line-height-base;
    color: @input-color;
    background-color: @input-bg;
    background-image: none; // Reset unusual Firefox-on-Android default style; see https://github.com/necolas/normalize.css/issues/214
    border: 1px solid @input-border;
    border-radius: @input-border-radius;
    .box-shadow(inset 0 1px 1px rgba(0,0,0,.075));
    .transition(~"border-color ease-in-out .15s, box-shadow ease-in-out .15s");
  
    // Customize the `:focus` state to imitate native WebKit styles.
    .form-control-focus();
  
    // Placeholder
    .placeholder();
  
    // Disabled and read-only inputs
    //
    // HTML5 says that controls under a fieldset > legend:first-child won't be
    // disabled if the fieldset is disabled. Due to implementation difficulty,we
    // don't honor that edge case; we style them as disabled anyway.
    &[disabled],
    &[readonly],
    fieldset[disabled] & {
      cursor: not-allowed;
      background-color: @input-bg-disabled;
      opacity: 1; // iOS fix for unreadable disabled content
    }
  
    // Reset height for `textarea`s
    textarea& {
      height: auto;
    }
  }
  
  
  // Search inputs in iOS
  //
  // This overrides the extra rounded corners on search inputs in iOS so that our
  // `.form-control` class can properly style them. Note that this cannot simply
  // be added to `.form-control` as it's not specific enough. For details,see
  // https://github.com/twbs/bootstrap/issues/11586.
  
  input[type="search"]{-webkit-appearance:none;}// Special styles for iOS date input
  //
  // In Mobile Safari,date inputs require a pixel line-height that matches the
  // given height of the input.
  
  input[type="date"]{line-height:@input-height-base;}// Form groups
  //
  // Designed to help with the organization and spacing of vertical forms. For
  // horizontal forms,use the predefined grid classes.
  
  .form-group{margin-bottom:15px;}// Checkboxes and radios
  //
  // Indent the labels to position radios/checkboxes as hanging controls.
  
  .radio,.checkbox{display:block;min-height:@line-height-computed;// clear the floating input if there is no label text
    margin-top:10px;margin-bottom:10px;padding-left:20px;label{display:inline;font-weight:normal;cursor:pointer;}}.radio input[type="radio"],.radio-inline input[type="radio"],.checkbox input[type="checkbox"],.checkbox-inline input[type="checkbox"]{float:left;margin-left:-20px;}.radio + .radio,.checkbox + .checkbox{margin-top:-5px;// Move up sibling radios or checkboxes for tighter spacing}// Radios and checkboxes on same line
  .radio-inline,.checkbox-inline{display:inline-block;padding-left:20px;margin-bottom:0;vertical-align:middle;font-weight:normal;cursor:pointer;}.radio-inline + .radio-inline,.checkbox-inline + .checkbox-inline{margin-top:0;margin-left:10px;// space out consecutive inline controls}// Apply same disabled cursor tweak as for inputs
  //
  // Note:Neither radios nor checkboxes can be readonly.
  input[type="radio"],input[type="checkbox"],.radio,.radio-inline,.checkbox,.checkbox-inline{&[disabled],fieldset[disabled] &{cursor:not-allowed;}}// Form control sizing
  //
  // Build on `.form-control` with modifier classes to decrease or increase the
  // height and font-size of form controls.
  
  .input-sm{.input-size(@input-height-small;@padding-small-vertical;@padding-small-horizontal;@font-size-small;@line-height-small;@border-radius-small);}.input-lg{.input-size(@input-height-large;@padding-large-vertical;@padding-large-horizontal;@font-size-large;@line-height-large;@border-radius-large);}// Form control feedback states
  //
  // Apply contextual and semantic states to individual form controls.
  
  .has-feedback{// Enable absolute positioning
    position:relative;// Ensure icons don't overlap text
    .form-control {
      padding-right: (@input-height-base * 1.25);
    }
  
    // Feedback icon (requires .glyphicon classes)
    .form-control-feedback {
      position: absolute;
      top: (@line-height-computed + 5); // Height of the `label` and its margin
      right: 0;
      display: block;
      width: @input-height-base;
      height: @input-height-base;
      line-height: @input-height-base;
      text-align: center;
    }
  }
  
  // Feedback states
  .has-success {
    .form-control-validation(@state-success-text; @state-success-text; @state-success-bg);
  }
  .has-warning {
    .form-control-validation(@state-warning-text; @state-warning-text; @state-warning-bg);
  }
  .has-error {
    .form-control-validation(@state-danger-text; @state-danger-text; @state-danger-bg);
  }
  
  
  // Static form control text
  //
  // Apply class to a `p` element to make any string of text align with labels in
  // a horizontal form layout.
  
  .form-control-static {
    margin-bottom: 0; // Remove default margin from `p`
  }
  
  
  // Help text
  //
  // Apply to any element you wish to create light text for placement immediately
  // below a form control. Use for general help, formatting, or instructional text.
  
  .help-block {
    display: block; // account for any element using help-block
    margin-top: 5px;
    margin-bottom: 10px;
    color: lighten(@text-color, 25%); // lighten the text some for contrast
  }
  
  
  
  // Inline forms
  //
  // Make forms appear inline(-block) by adding the `.form-inline` class. Inline
  // forms begin stacked on extra small (mobile) devices and then go inline when
  // viewports reach <768px.
  //
  // Requires wrapping inputs and labels with `.form-group` for proper display of
  // default HTML form controls and our custom form controls (e.g., input groups).
  //
  // Heads up! This is mixin-ed into `.navbar-form` in navbars.less.
  
  .form-inline {
  
    // Kick in the inline@media (min-width: @screen-sm-min) {
 // Inline-block all the things for "inline"
      .form-group {
        display: inline-block;
        margin-bottom: 0;
        vertical-align: middle;
      }
  
      // In navbar-form, allow folks to *not* use `.form-group`
      .form-control {
        display: inline-block;
        width: auto; // Prevent labels from stacking above inputs in `.form-group`
        vertical-align: middle;
      }
      // Input groups need that 100% width though
      .input-group > .form-control {
        width: 100%;
      }
  
      .control-label {
        margin-bottom: 0;
        vertical-align: middle;
      }
  
      // Remove default margin on radios/checkboxes that were used for stacking, and
      // then undo the floating of radios and checkboxes to match (which also avoids
      // a bug in WebKit: https://github.com/twbs/bootstrap/issues/1969).
      .radio,
      .checkbox {
        display: inline-block;
        margin-top: 0;
        margin-bottom: 0;
        padding-left: 0;
        vertical-align: middle;
      }
      .radio input[type="radio"],
      .checkbox input[type="checkbox"] {
        float: none;
        margin-left: 0;
      }
  
      // Validation states
      //
      // Reposition the icon because it's now within a grid column and columns have
      // `position:relative;` on them. Also accounts for the grid gutter padding.
      .has-feedback .form-control-feedback{top:0;} 
}}// Horizontal forms
  //
  // Horizontal forms are built on grid classes and allow you to create forms with
  // labels on the left and inputs on the right.
  
  .form-horizontal{// Consistent vertical alignment of labels,radios,and checkboxes
    .control-label,.radio,.checkbox,.radio-inline,.checkbox-inline{margin-top:0;margin-bottom:0;padding-top:(@padding-base-vertical + 1);// Default padding plus a border}// Account for padding we're adding to ensure the alignment and of help text
    // and other content below items
    .radio,
    .checkbox {
      min-height: (@line-height-computed + (@padding-base-vertical + 1));
    }
  
    // Make form groups behave like rows
    .form-group {
      .make-row();
    }
  
    .form-control-static {
      padding-top: (@padding-base-vertical + 1);
    }
  
    // Only right align form labels here when the columns stop stacking@media (min-width: @screen-sm-min) {
 .control-label {
        text-align: right;
      } 
}@font-face{font-family:'Glyphicons Halflings';src:~"url(/sites/all/themes/blogopronet/bootstrap/less/@{icon-font-path}@{icon-font-name}.eot)";src:~"url(/sites/all/themes/blogopronet/bootstrap/less/@{icon-font-path}@{icon-font-name}.eot?#iefix) format('embedded-opentype')",~"url(/sites/all/themes/blogopronet/bootstrap/less/@{icon-font-path}@{icon-font-name}.woff) format('woff')",~"url(/sites/all/themes/blogopronet/bootstrap/less/@{icon-font-path}@{icon-font-name}.ttf) format('truetype')",~"url(/sites/all/themes/blogopronet/bootstrap/less/@{icon-font-path}@{icon-font-name}.svg#@{icon-font-svg-id}) format('svg')";} 
 // Validation states
    //
    // Reposition the icon because it's now within a grid column and columns have
    // `position:relative;` on them. Also accounts for the grid gutter padding.
    .has-feedback .form-control-feedback{top:0;right:(@grid-gutter-width / 2);}}//
  // Buttons
  // --------------------------------------------------
  
  
  // Base styles
  // --------------------------------------------------
  
  .btn{display:inline-block;margin-bottom:0;// For input.btn
    font-weight:@btn-font-weight;text-align:center;vertical-align:middle;cursor:pointer;background-image:none;// Reset unusual Firefox-on-Android default style;see https://github.com/necolas/normalize.css/issues/214
    border:1px solid transparent;white-space:nowrap;.button-size(@padding-base-vertical;@padding-base-horizontal;@font-size-base;@line-height-base;@border-radius-base);.user-select(none);&,&:active,&.active{&:focus{.tab-focus();}}&:hover,&:focus{color:@btn-default-color;text-decoration:none;}&:active,&.active{outline:0;background-image:none;.box-shadow(inset 0 3px 5px rgba(0,0,0,.125));}&.disabled,&[disabled],fieldset[disabled] &{cursor:not-allowed;pointer-events:none;// Future-proof disabling of clicks
      .opacity(.65);.box-shadow(none);}}// Alternate buttons
  // --------------------------------------------------
  
  .btn-default{.button-variant(@btn-default-color;@btn-default-bg;@btn-default-border);}.btn-primary{.button-variant(@btn-primary-color;@btn-primary-bg;@btn-primary-border);}// Success appears as green
  .btn-success{.button-variant(@btn-success-color;@btn-success-bg;@btn-success-border);}// Info appears as blue-green
  .btn-info{.button-variant(@btn-info-color;@btn-info-bg;@btn-info-border);}// Warning appears as orange
  .btn-warning{.button-variant(@btn-warning-color;@btn-warning-bg;@btn-warning-border);}// Danger and error appear as red
  .btn-danger{.button-variant(@btn-danger-color;@btn-danger-bg;@btn-danger-border);}// Link buttons
  // -------------------------
  
  // Make a button look and behave like a link
  .btn-link{color:@link-color;font-weight:normal;cursor:pointer;border-radius:0;&,&:active,&[disabled],fieldset[disabled] &{background-color:transparent;.box-shadow(none);}&,&:hover,&:focus,&:active{border-color:transparent;}&:hover,&:focus{color:@link-hover-color;text-decoration:underline;background-color:transparent;}&[disabled],fieldset[disabled] &{&:hover,&:focus{color:@btn-link-disabled-color;text-decoration:none;}}}// Button Sizes
  // --------------------------------------------------
  
  .btn-lg{// line-height:ensure even-numbered height of button next to large input
    .button-size(@padding-large-vertical;@padding-large-horizontal;@font-size-large;@line-height-large;@border-radius-large);}.btn-sm{// line-height:ensure proper height of button next to small input
    .button-size(@padding-small-vertical;@padding-small-horizontal;@font-size-small;@line-height-small;@border-radius-small);}.btn-xs{.button-size(@padding-xs-vertical;@padding-xs-horizontal;@font-size-small;@line-height-small;@border-radius-small);}// Block button
  // --------------------------------------------------
  
  .btn-block{display:block;width:100%;padding-left:0;padding-right:0;}// Vertically space out multiple block buttons
  .btn-block + .btn-block{margin-top:5px;}// Specificity overrides
  input[type="submit"],input[type="reset"],input[type="button"]{&.btn-block{width:100%;}}// Components//
  // Component animations
  // --------------------------------------------------
  
  // Heads up!
  //
  // We don't use the `.opacity()` mixin here since it causes a bug with text
  // fields in IE7-8. Source:https://github.com/twitter/bootstrap/pull/3552.
  
  .fade{opacity:0;.transition(opacity .15s linear);&.in{opacity:1;}}.collapse{display:none;&.in{display:block;}}.collapsing{position:relative;height:0;overflow:hidden;.transition(height .35s ease);}//
  // Glyphicons for Bootstrap
  //
  // Since icons are fonts,they can be placed anywhere text is placed and are
  // thus automatically sized to match the surrounding child. To use,create an
  // inline element with the appropriate classes,like so://
  // <a href="#"><span class="glyphicon glyphicon-star"></span> Star</a>
  
  // Import the fonts// Catchall baseclass
  .glyphicon{position:relative;top:1px;display:inline-block;font-family:'Glyphicons Halflings';font-style:normal;font-weight:normal;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}// Individual icons
  .glyphicon-asterisk{&:before{content:"\2a";}}.glyphicon-plus{&:before{content:"\2b";}}.glyphicon-euro{&:before{content:"\20ac";}}.glyphicon-minus{&:before{content:"\2212";}}.glyphicon-cloud{&:before{content:"\2601";}}.glyphicon-envelope{&:before{content:"\2709";}}.glyphicon-pencil{&:before{content:"\270f";}}.glyphicon-glass{&:before{content:"\e001";}}.glyphicon-music{&:before{content:"\e002";}}.glyphicon-search{&:before{content:"\e003";}}.glyphicon-heart{&:before{content:"\e005";}}.glyphicon-star{&:before{content:"\e006";}}.glyphicon-star-empty{&:before{content:"\e007";}}.glyphicon-user{&:before{content:"\e008";}}.glyphicon-film{&:before{content:"\e009";}}.glyphicon-th-large{&:before{content:"\e010";}}.glyphicon-th{&:before{content:"\e011";}}.glyphicon-th-list{&:before{content:"\e012";}}.glyphicon-ok{&:before{content:"\e013";}}.glyphicon-remove{&:before{content:"\e014";}}.glyphicon-zoom-in{&:before{content:"\e015";}}.glyphicon-zoom-out{&:before{content:"\e016";}}.glyphicon-off{&:before{content:"\e017";}}.glyphicon-signal{&:before{content:"\e018";}}.glyphicon-cog{&:before{content:"\e019";}}.glyphicon-trash{&:before{content:"\e020";}}.glyphicon-home{&:before{content:"\e021";}}.glyphicon-file{&:before{content:"\e022";}}.glyphicon-time{&:before{content:"\e023";}}.glyphicon-road{&:before{content:"\e024";}}.glyphicon-download-alt{&:before{content:"\e025";}}.glyphicon-download{&:before{content:"\e026";}}.glyphicon-upload{&:before{content:"\e027";}}.glyphicon-inbox{&:before{content:"\e028";}}.glyphicon-play-circle{&:before{content:"\e029";}}.glyphicon-repeat{&:before{content:"\e030";}}.glyphicon-refresh{&:before{content:"\e031";}}.glyphicon-list-alt{&:before{content:"\e032";}}.glyphicon-lock{&:before{content:"\e033";}}.glyphicon-flag{&:before{content:"\e034";}}.glyphicon-headphones{&:before{content:"\e035";}}.glyphicon-volume-off{&:before{content:"\e036";}}.glyphicon-volume-down{&:before{content:"\e037";}}.glyphicon-volume-up{&:before{content:"\e038";}}.glyphicon-qrcode{&:before{content:"\e039";}}.glyphicon-barcode{&:before{content:"\e040";}}.glyphicon-tag{&:before{content:"\e041";}}.glyphicon-tags{&:before{content:"\e042";}}.glyphicon-book{&:before{content:"\e043";}}.glyphicon-bookmark{&:before{content:"\e044";}}.glyphicon-print{&:before{content:"\e045";}}.glyphicon-camera{&:before{content:"\e046";}}.glyphicon-font{&:before{content:"\e047";}}.glyphicon-bold{&:before{content:"\e048";}}.glyphicon-italic{&:before{content:"\e049";}}.glyphicon-text-height{&:before{content:"\e050";}}.glyphicon-text-width{&:before{content:"\e051";}}.glyphicon-align-left{&:before{content:"\e052";}}.glyphicon-align-center{&:before{content:"\e053";}}.glyphicon-align-right{&:before{content:"\e054";}}.glyphicon-align-justify{&:before{content:"\e055";}}.glyphicon-list{&:before{content:"\e056";}}.glyphicon-indent-left{&:before{content:"\e057";}}.glyphicon-indent-right{&:before{content:"\e058";}}.glyphicon-facetime-video{&:before{content:"\e059";}}.glyphicon-picture{&:before{content:"\e060";}}.glyphicon-map-marker{&:before{content:"\e062";}}.glyphicon-adjust{&:before{content:"\e063";}}.glyphicon-tint{&:before{content:"\e064";}}.glyphicon-edit{&:before{content:"\e065";}}.glyphicon-share{&:before{content:"\e066";}}.glyphicon-check{&:before{content:"\e067";}}.glyphicon-move{&:before{content:"\e068";}}.glyphicon-step-backward{&:before{content:"\e069";}}.glyphicon-fast-backward{&:before{content:"\e070";}}.glyphicon-backward{&:before{content:"\e071";}}.glyphicon-play{&:before{content:"\e072";}}.glyphicon-pause{&:before{content:"\e073";}}.glyphicon-stop{&:before{content:"\e074";}}.glyphicon-forward{&:before{content:"\e075";}}.glyphicon-fast-forward{&:before{content:"\e076";}}.glyphicon-step-forward{&:before{content:"\e077";}}.glyphicon-eject{&:before{content:"\e078";}}.glyphicon-chevron-left{&:before{content:"\e079";}}.glyphicon-chevron-right{&:before{content:"\e080";}}.glyphicon-plus-sign{&:before{content:"\e081";}}.glyphicon-minus-sign{&:before{content:"\e082";}}.glyphicon-remove-sign{&:before{content:"\e083";}}.glyphicon-ok-sign{&:before{content:"\e084";}}.glyphicon-question-sign{&:before{content:"\e085";}}.glyphicon-info-sign{&:before{content:"\e086";}}.glyphicon-screenshot{&:before{content:"\e087";}}.glyphicon-remove-circle{&:before{content:"\e088";}}.glyphicon-ok-circle{&:before{content:"\e089";}}.glyphicon-ban-circle{&:before{content:"\e090";}}.glyphicon-arrow-left{&:before{content:"\e091";}}.glyphicon-arrow-right{&:before{content:"\e092";}}.glyphicon-arrow-up{&:before{content:"\e093";}}.glyphicon-arrow-down{&:before{content:"\e094";}}.glyphicon-share-alt{&:before{content:"\e095";}}.glyphicon-resize-full{&:before{content:"\e096";}}.glyphicon-resize-small{&:before{content:"\e097";}}.glyphicon-exclamation-sign{&:before{content:"\e101";}}.glyphicon-gift{&:before{content:"\e102";}}.glyphicon-leaf{&:before{content:"\e103";}}.glyphicon-fire{&:before{content:"\e104";}}.glyphicon-eye-open{&:before{content:"\e105";}}.glyphicon-eye-close{&:before{content:"\e106";}}.glyphicon-warning-sign{&:before{content:"\e107";}}.glyphicon-plane{&:before{content:"\e108";}}.glyphicon-calendar{&:before{content:"\e109";}}.glyphicon-random{&:before{content:"\e110";}}.glyphicon-comment{&:before{content:"\e111";}}.glyphicon-magnet{&:before{content:"\e112";}}.glyphicon-chevron-up{&:before{content:"\e113";}}.glyphicon-chevron-down{&:before{content:"\e114";}}.glyphicon-retweet{&:before{content:"\e115";}}.glyphicon-shopping-cart{&:before{content:"\e116";}}.glyphicon-folder-close{&:before{content:"\e117";}}.glyphicon-folder-open{&:before{content:"\e118";}}.glyphicon-resize-vertical{&:before{content:"\e119";}}.glyphicon-resize-horizontal{&:before{content:"\e120";}}.glyphicon-hdd{&:before{content:"\e121";}}.glyphicon-bullhorn{&:before{content:"\e122";}}.glyphicon-bell{&:before{content:"\e123";}}.glyphicon-certificate{&:before{content:"\e124";}}.glyphicon-thumbs-up{&:before{content:"\e125";}}.glyphicon-thumbs-down{&:before{content:"\e126";}}.glyphicon-hand-right{&:before{content:"\e127";}}.glyphicon-hand-left{&:before{content:"\e128";}}.glyphicon-hand-up{&:before{content:"\e129";}}.glyphicon-hand-down{&:before{content:"\e130";}}.glyphicon-circle-arrow-right{&:before{content:"\e131";}}.glyphicon-circle-arrow-left{&:before{content:"\e132";}}.glyphicon-circle-arrow-up{&:before{content:"\e133";}}.glyphicon-circle-arrow-down{&:before{content:"\e134";}}.glyphicon-globe{&:before{content:"\e135";}}.glyphicon-wrench{&:before{content:"\e136";}}.glyphicon-tasks{&:before{content:"\e137";}}.glyphicon-filter{&:before{content:"\e138";}}.glyphicon-briefcase{&:before{content:"\e139";}}.glyphicon-fullscreen{&:before{content:"\e140";}}.glyphicon-dashboard{&:before{content:"\e141";}}.glyphicon-paperclip{&:before{content:"\e142";}}.glyphicon-heart-empty{&:before{content:"\e143";}}.glyphicon-link{&:before{content:"\e144";}}.glyphicon-phone{&:before{content:"\e145";}}.glyphicon-pushpin{&:before{content:"\e146";}}.glyphicon-usd{&:before{content:"\e148";}}.glyphicon-gbp{&:before{content:"\e149";}}.glyphicon-sort{&:before{content:"\e150";}}.glyphicon-sort-by-alphabet{&:before{content:"\e151";}}.glyphicon-sort-by-alphabet-alt{&:before{content:"\e152";}}.glyphicon-sort-by-order{&:before{content:"\e153";}}.glyphicon-sort-by-order-alt{&:before{content:"\e154";}}.glyphicon-sort-by-attributes{&:before{content:"\e155";}}.glyphicon-sort-by-attributes-alt{&:before{content:"\e156";}}.glyphicon-unchecked{&:before{content:"\e157";}}.glyphicon-expand{&:before{content:"\e158";}}.glyphicon-collapse-down{&:before{content:"\e159";}}.glyphicon-collapse-up{&:before{content:"\e160";}}.glyphicon-log-in{&:before{content:"\e161";}}.glyphicon-flash{&:before{content:"\e162";}}.glyphicon-log-out{&:before{content:"\e163";}}.glyphicon-new-window{&:before{content:"\e164";}}.glyphicon-record{&:before{content:"\e165";}}.glyphicon-save{&:before{content:"\e166";}}.glyphicon-open{&:before{content:"\e167";}}.glyphicon-saved{&:before{content:"\e168";}}.glyphicon-import{&:before{content:"\e169";}}.glyphicon-export{&:before{content:"\e170";}}.glyphicon-send{&:before{content:"\e171";}}.glyphicon-floppy-disk{&:before{content:"\e172";}}.glyphicon-floppy-saved{&:before{content:"\e173";}}.glyphicon-floppy-remove{&:before{content:"\e174";}}.glyphicon-floppy-save{&:before{content:"\e175";}}.glyphicon-floppy-open{&:before{content:"\e176";}}.glyphicon-credit-card{&:before{content:"\e177";}}.glyphicon-transfer{&:before{content:"\e178";}}.glyphicon-cutlery{&:before{content:"\e179";}}.glyphicon-header{&:before{content:"\e180";}}.glyphicon-compressed{&:before{content:"\e181";}}.glyphicon-earphone{&:before{content:"\e182";}}.glyphicon-phone-alt{&:before{content:"\e183";}}.glyphicon-tower{&:before{content:"\e184";}}.glyphicon-stats{&:before{content:"\e185";}}.glyphicon-sd-video{&:before{content:"\e186";}}.glyphicon-hd-video{&:before{content:"\e187";}}.glyphicon-subtitles{&:before{content:"\e188";}}.glyphicon-sound-stereo{&:before{content:"\e189";}}.glyphicon-sound-dolby{&:before{content:"\e190";}}.glyphicon-sound-5-1{&:before{content:"\e191";}}.glyphicon-sound-6-1{&:before{content:"\e192";}}.glyphicon-sound-7-1{&:before{content:"\e193";}}.glyphicon-copyright-mark{&:before{content:"\e194";}}.glyphicon-registration-mark{&:before{content:"\e195";}}.glyphicon-cloud-download{&:before{content:"\e197";}}.glyphicon-cloud-upload{&:before{content:"\e198";}}.glyphicon-tree-conifer{&:before{content:"\e199";}}.glyphicon-tree-deciduous{&:before{content:"\e200";}}//
  // Dropdown menus
  // --------------------------------------------------
  
  
  // Dropdown arrow/caret
  .caret{display:inline-block;width:0;height:0;margin-left:2px;vertical-align:middle;border-top:@caret-width-base solid;border-right:@caret-width-base solid transparent;border-left:@caret-width-base solid transparent;}// The dropdown wrapper (div)
  .dropdown{position:relative;}// Prevent the focus on the dropdown toggle when closing dropdowns
  .dropdown-toggle:focus{outline:0;}// The dropdown menu (ul)
  .dropdown-menu{position:absolute;top:100%;left:0;z-index:@zindex-dropdown;display:none;// none by default,but block on "open" of the menu
    float:left;min-width:160px;padding:5px 0;margin:2px 0 0;// override default ul
    list-style:none;font-size:@font-size-base;background-color:@dropdown-bg;border:1px solid@dropdown-fallback-border;// IE8 fallback
    border:1px solid@dropdown-border;border-radius:@border-radius-base;.box-shadow(0 6px 12px rgba(0,0,0,.175));background-clip:padding-box;// Aligns the dropdown menu to right
    //
    // Deprecated as of 3.1.0 in favor of `.dropdown-menu-[dir]`
    &.pull-right{right:0;left:auto;}// Dividers (basically an hr) within the dropdown
    .divider{.nav-divider(@dropdown-divider-bg);}// Links within the dropdown menu
    > li > a{display:block;padding:3px 20px;clear:both;font-weight:normal;line-height:@line-height-base;color:@dropdown-link-color;white-space:nowrap;// prevent links from randomly breaking onto new lines}}// Hover/Focus state
  .dropdown-menu > li > a{&:hover,&:focus{text-decoration:none;color:@dropdown-link-hover-color;background-color:@dropdown-link-hover-bg;}}// Active state
  .dropdown-menu > .active > a{&,&:hover,&:focus{color:@dropdown-link-active-color;text-decoration:none;outline:0;background-color:@dropdown-link-active-bg;}}// Disabled state
  //
  // Gray out text and ensure the hover/focus state remains gray
  
  .dropdown-menu > .disabled > a{&,&:hover,&:focus{color:@dropdown-link-disabled-color;}}// Nuke hover/focus effects
  .dropdown-menu > .disabled > a{&:hover,&:focus{text-decoration:none;background-color:transparent;background-image:none;// Remove CSS gradient
      .reset-filter();cursor:not-allowed;}}// Open state for the dropdown
  .open{// Show the menu
    > .dropdown-menu{display:block;}// Remove the outline when :focus is triggered
    > a{outline:0;}}// Menu positioning
  //
  // Add extra class to `.dropdown-menu` to flip the alignment of the dropdown
  // menu with the parent.
  .dropdown-menu-right{left:auto;// Reset the default from `.dropdown-menu`
    right:0;}// With v3,we enabled auto-flipping if you have a dropdown within a right
  // aligned nav component. To enable the undoing of that,we provide an override
  // to restore the default dropdown menu alignment.
  //
  // This is only for left-aligning a dropdown menu within a `.navbar-right` or
  // `.pull-right` nav component.
  .dropdown-menu-left{left:0;right:auto;}// Dropdown section headers
  .dropdown-header{display:block;padding:3px 20px;font-size:@font-size-small;line-height:@line-height-base;color:@dropdown-header-color;}// Backdrop to catch body clicks on mobile,etc.
  .dropdown-backdrop{position:fixed;left:0;right:0;bottom:0;top:0;z-index:(@zindex-dropdown - 10);}// Right aligned dropdowns
  .pull-right > .dropdown-menu{right:0;left:auto;}// Allow for dropdowns to go bottom up (aka,dropup-menu)
  //
  // Just add .dropup after the standard .dropdown class and you're set,bro.
  // TODO:abstract this so that the navbar fixed styles are not placed here?
  
  .dropup,.navbar-fixed-bottom .dropdown{// Reverse the caret
    .caret{border-top:0;border-bottom:@caret-width-base solid;content:"";}// Different positioning for bottom up menu
    .dropdown-menu{top:auto;bottom:100%;margin-bottom:1px;}}// Component alignment
  //
  // Reiterate per navbar.less and the modified component alignment there.@media (min-width:@grid-float-breakpoint) {
 .navbar-right{.dropdown-menu{.dropdown-menu-right();}// Necessary for overrides of the default right aligned menu.
      // Will remove come v4 in all likelihood.
      .dropdown-menu-left{.dropdown-menu-left();}} 
}//
  // Button groups
  // --------------------------------------------------
  
  // Make the div behave like a button
  .btn-group,.btn-group-vertical{position:relative;display:inline-block;vertical-align:middle;// match .btn alignment given font-size hack above
    > .btn{position:relative;float:left;// Bring the "active" button to the front
      &:hover,&:focus,&:active,&.active{z-index:2;}&:focus{// Remove focus outline when dropdown JS adds it after closing the menu
        outline:none;}}}// Prevent double borders when buttons are next to each other
  .btn-group{.btn + .btn,.btn + .btn-group,.btn-group + .btn,.btn-group + .btn-group{margin-left:-1px;}}// Optional:Group multiple button groups together for a toolbar
  .btn-toolbar{margin-left:-5px;// Offset the first child's margin
    &:extend(.clearfix all);
  
    .btn-group,
    .input-group {
      float: left;
    }
    > .btn,
    > .btn-group,
    > .input-group {
      margin-left: 5px;
    }
  }
  
  .btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
    border-radius: 0;
  }
  
  // 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
  .btn-group > .btn:first-child {
    margin-left: 0;
    &:not(:last-child):not(.dropdown-toggle) {
      .border-right-radius(0);
    }
  }
  // Need .dropdown-toggle since :last-child doesn't apply given a .dropdown-menu immediately after it
  .btn-group > .btn:last-child:not(:first-child),.btn-group > .dropdown-toggle:not(:first-child){.border-left-radius(0);}// Custom edits for including btn-groups within btn-groups (useful for including dropdown buttons within a btn-group)
  .btn-group > .btn-group{float:left;}.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn{border-radius:0;}.btn-group > .btn-group:first-child{> .btn:last-child,> .dropdown-toggle{.border-right-radius(0);}}.btn-group > .btn-group:last-child > .btn:first-child{.border-left-radius(0);}// On active and open,don't show outline
  .btn-group .dropdown-toggle:active,.btn-group.open .dropdown-toggle{outline:0;}// Sizing
  //
  // Remix the default button sizing classes into new ones for easier manipulation.
  
  .btn-group-xs > .btn{&:extend(.btn-xs);}.btn-group-sm > .btn{&:extend(.btn-sm);}.btn-group-lg > .btn{&:extend(.btn-lg);}// Split button dropdowns
  // ----------------------
  
  // Give the line between buttons some depth
  .btn-group > .btn + .dropdown-toggle{padding-left:8px;padding-right:8px;}.btn-group > .btn-lg + .dropdown-toggle{padding-left:12px;padding-right:12px;}// The clickable button for toggling the menu
  // Remove the gradient and set the same inset shadow as the :active state
  .btn-group.open .dropdown-toggle{.box-shadow(inset 0 3px 5px rgba(0,0,0,.125));// Show no shadow for `.btn-link` since it has no other button styles.
    &.btn-link{.box-shadow(none);}}// Reposition the caret
  .btn .caret{margin-left:0;}// Carets in other button sizes
  .btn-lg .caret{border-width:@caret-width-large@caret-width-large 0;border-bottom-width:0;}// Upside down carets for .dropup
  .dropup .btn-lg .caret{border-width:0@caret-width-large@caret-width-large;}// Vertical button groups
  // ----------------------
  
  .btn-group-vertical{> .btn,> .btn-group,> .btn-group > .btn{display:block;float:none;width:100%;max-width:100%;}// Clear floats so dropdown menus can be properly placed
    > .btn-group{&:extend(.clearfix all);> .btn{float:none;}}> .btn + .btn,> .btn + .btn-group,> .btn-group + .btn,> .btn-group + .btn-group{margin-top:-1px;margin-left:0;}}.btn-group-vertical > .btn{&:not(:first-child):not(:last-child){border-radius:0;}&:first-child:not(:last-child){border-top-right-radius:@border-radius-base;.border-bottom-radius(0);}&:last-child:not(:first-child){border-bottom-left-radius:@border-radius-base;.border-top-radius(0);}}.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn{border-radius:0;}.btn-group-vertical > .btn-group:first-child:not(:last-child){> .btn:last-child,> .dropdown-toggle{.border-bottom-radius(0);}}.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child{.border-top-radius(0);}// Justified button groups
  // ----------------------
  
  .btn-group-justified{display:table;width:100%;table-layout:fixed;border-collapse:separate;> .btn,> .btn-group{float:none;display:table-cell;width:1%;}> .btn-group .btn{width:100%;}}// Checkbox and radio options
  [data-toggle="buttons"] > .btn > input[type="radio"],[data-toggle="buttons"] > .btn > input[type="checkbox"]{display:none;}//
  // Input groups
  // --------------------------------------------------
  
  // Base styles
  // -------------------------
  .input-group{position:relative;// For dropdowns
    display:table;border-collapse:separate;// prevent input groups from inheriting border styles from table cells when placed within a table
  
    // Undo padding and float of grid classes
    &[class*="col-"]{float:none;padding-left:0;padding-right:0;}.form-control{// Ensure that the input is always above the *appended* addon button for
      // proper border colors.
      position:relative;z-index:2;// IE9 fubars the placeholder attribute in text inputs and the arrows on
      // select elements in input groups. To fix it,we float the input. Details:// https://github.com/twbs/bootstrap/issues/11561#issuecomment-28936855
      float:left;width:100%;margin-bottom:0;}}// Sizing options
  //
  // Remix the default form control sizing classes into new ones for easier
  // manipulation.
  
  .input-group-lg > .form-control,.input-group-lg > .input-group-addon,.input-group-lg > .input-group-btn > .btn{.input-lg();}.input-group-sm > .form-control,.input-group-sm > .input-group-addon,.input-group-sm > .input-group-btn > .btn{.input-sm();}// Display as table-cell
  // -------------------------
  .input-group-addon,.input-group-btn,.input-group .form-control{display:table-cell;&:not(:first-child):not(:last-child){border-radius:0;}}// Addon and addon wrapper for buttons
  .input-group-addon,.input-group-btn{width:1%;white-space:nowrap;vertical-align:middle;// Match the inputs}// Text input groups
  // -------------------------
  .input-group-addon{padding:@padding-base-vertical@padding-base-horizontal;font-size:@font-size-base;font-weight:normal;line-height:1;color:@input-color;text-align:center;background-color:@input-group-addon-bg;border:1px solid@input-group-addon-border-color;border-radius:@border-radius-base;// Sizing
    &.input-sm{padding:@padding-small-vertical@padding-small-horizontal;font-size:@font-size-small;border-radius:@border-radius-small;}&.input-lg{padding:@padding-large-vertical@padding-large-horizontal;font-size:@font-size-large;border-radius:@border-radius-large;}// Nuke default margins from checkboxes and radios to vertically center within.
    input[type="radio"],input[type="checkbox"]{margin-top:0;}}// Reset rounded corners
  .input-group .form-control:first-child,.input-group-addon:first-child,.input-group-btn:first-child > .btn,.input-group-btn:first-child > .btn-group > .btn,.input-group-btn:first-child > .dropdown-toggle,.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),.input-group-btn:last-child > .btn-group:not(:last-child) > .btn{.border-right-radius(0);}.input-group-addon:first-child{border-right:0;}.input-group .form-control:last-child,.input-group-addon:last-child,.input-group-btn:last-child > .btn,.input-group-btn:last-child > .btn-group > .btn,.input-group-btn:last-child > .dropdown-toggle,.input-group-btn:first-child > .btn:not(:first-child),.input-group-btn:first-child > .btn-group:not(:first-child) > .btn{.border-left-radius(0);}.input-group-addon:last-child{border-left:0;}// Button input groups
  // -------------------------
  .input-group-btn{position:relative;// Jankily prevent input button groups from wrapping with `white-space` and
    // `font-size` in combination with `inline-block` on buttons.
    font-size:0;white-space:nowrap;// Negative margin for spacing,position for bringing hovered/focused/actived
    // element above the siblings.
    > .btn{position:relative;+ .btn{margin-left:-1px;}// Bring the "active" button to the front
      &:hover,&:focus,&:active{z-index:2;}}// Negative margin to only have a 1px border between the two
    &:first-child{> .btn,> .btn-group{margin-right:-1px;}}&:last-child{> .btn,> .btn-group{margin-left:-1px;}}}//
  // Navs
  // --------------------------------------------------
  
  
  // Base class
  // --------------------------------------------------
  
  .nav{margin-bottom:0;padding-left:0;// Override default ul/ol
    list-style:none;&:extend(.clearfix all);> li{position:relative;display:block;> a{position:relative;display:block;padding:@nav-link-padding;&:hover,&:focus{text-decoration:none;background-color:@nav-link-hover-bg;}}// Disabled state sets text to gray and nukes hover/tab effects
      &.disabled > a{color:@nav-disabled-link-color;&:hover,&:focus{color:@nav-disabled-link-hover-color;text-decoration:none;background-color:transparent;cursor:not-allowed;}}}// Open dropdowns
    .open > a{&,&:hover,&:focus{background-color:@nav-link-hover-bg;border-color:@link-color;}}// Nav dividers (deprecated with v3.0.1)
    //
    // This should have been removed in v3 with the dropping of `.nav-list`,but
    // we missed it. We don't currently support this anywhere, but in the interest
    // of maintaining backward compatibility in case you use it, it's deprecated.
    .nav-divider{.nav-divider();}// Prevent IE8 from misplacing imgs
    //
    // See https://github.com/h5bp/html5-boilerplate/issues/984#issuecomment-3985989
    > li > a > img{max-width:none;}}// Tabs
  // -------------------------
  
  // Give the tabs something to sit on
  .nav-tabs{border-bottom:1px solid@nav-tabs-border-color;> li{float:left;// Make the list-items overlay the bottom border
      margin-bottom:-1px;// Actual tabs (as links)
      > a{margin-right:2px;line-height:@line-height-base;border:1px solid transparent;border-radius:@border-radius-base@border-radius-base 0 0;&:hover{border-color:@nav-tabs-link-hover-border-color@nav-tabs-link-hover-border-color@nav-tabs-border-color;}}// Active state,and its :hover to override normal :hover
      &.active > a{&,&:hover,&:focus{color:@nav-tabs-active-link-hover-color;background-color:@nav-tabs-active-link-hover-bg;border:1px solid@nav-tabs-active-link-hover-border-color;border-bottom-color:transparent;cursor:default;}}}// pulling this in mainly for less shorthand
    &.nav-justified{.nav-justified();.nav-tabs-justified();}}// Pills
  // -------------------------
  .nav-pills{> li{float:left;// Links rendered as pills
      > a{border-radius:@nav-pills-border-radius;}+ li{margin-left:2px;}// Active state
      &.active > a{&,&:hover,&:focus{color:@nav-pills-active-link-hover-color;background-color:@nav-pills-active-link-hover-bg;}}}}// Stacked pills
  .nav-stacked{> li{float:none;+ li{margin-top:2px;margin-left:0;// no need for this gap between nav items}}}// Nav variations
  // --------------------------------------------------
  
  // Justified nav links
  // -------------------------
  
  .nav-justified{width:100%;> li{float:none;> a{text-align:center;margin-bottom:5px;}}> .dropdown .dropdown-menu{top:auto;left:auto;}@media (min-width:@screen-sm-min) {
 > li{display:table-cell;width:1%;> a{margin-bottom:0;}} 
}}// Move borders to anchors instead of bottom of list
  //
  // Mixin for adding on top the shared `.nav-justified` styles for our tabs
  .nav-tabs-justified{border-bottom:0;> li > a{// Override margin from .nav-tabs
      margin-right:0;border-radius:@border-radius-base;}> .active > a,> .active > a:hover,> .active > a:focus{border:1px solid@nav-tabs-justified-link-border-color;}@media (min-width:@screen-sm-min) {
 > li > a{border-bottom:1px solid@nav-tabs-justified-link-border-color;border-radius:@border-radius-base@border-radius-base 0 0;}> .active > a,> .active > a:hover,> .active > a:focus{border-bottom-color:@nav-tabs-justified-active-link-border-color;} 
}}// Tabbable tabs
  // -------------------------
  
  // Hide tabbable panes to start,show them when `.active`
  .tab-content{> .tab-pane{display:none;}> .active{display:block;}}// Dropdowns
  // -------------------------
  
  // Specific dropdowns
  .nav-tabs .dropdown-menu{// make dropdown border overlap tab border
    margin-top:-1px;// Remove the top rounded corners here since there is a hard edge above the menu
    .border-top-radius(0);}//
  // Navbars
  // --------------------------------------------------
  
  
  // Wrapper and base class
  //
  // Provide a static navbar from which we expand to create full-width,fixed,and
  // other navbar variations.
  
  .navbar{position:relative;min-height:@navbar-height;// Ensure a navbar always shows (e.g.,without a .navbar-brand in collapsed mode)
    margin-bottom:@navbar-margin-bottom;border:1px solid transparent;// Prevent floats from breaking the navbar
    &:extend(.clearfix all);@media (min-width:@grid-float-breakpoint) {
 border-radius:@navbar-border-radius; 
}}// Navbar heading
  //
  // Groups `.navbar-brand` and `.navbar-toggle` into a single component for easy
  // styling of responsive aspects.
  
  .navbar-header{&:extend(.clearfix all);@media (min-width:@grid-float-breakpoint) {
 float:left; 
}}// Navbar collapse (body)
  //
  // Group your navbar content into this for easy collapsing and expanding across
  // various device sizes. By default,this content is collapsed when <768px,but
  // will expand past that for a horizontal display.
  //
  // To start (on mobile devices) the navbar links,forms,and buttons are stacked
  // vertically and include a `max-height` to overflow in case you have too much
  // content for the user's viewport.
  
  .navbar-collapse{max-height:@navbar-collapse-max-height;overflow-x:visible;padding-right:@navbar-padding-horizontal;padding-left:@navbar-padding-horizontal;border-top:1px solid transparent;box-shadow:inset 0 1px 0 rgba(255,255,255,.1);&:extend(.clearfix all);-webkit-overflow-scrolling:touch;&.in{overflow-y:auto;}@media (min-width:@grid-float-breakpoint) {
 width:auto;border-top:0;box-shadow:none;&.collapse{display:block !important;height:auto !important;padding-bottom:0;// Override default setting
        overflow:visible !important;}&.in{overflow-y:visible;}// Undo the collapse side padding for navbars with containers to ensure
      // alignment of right-aligned contents.
      .navbar-fixed-top &,.navbar-static-top &,.navbar-fixed-bottom &{padding-left:0;padding-right:0;} 
}}// Both navbar header and collapse
  //
  // When a container is present,change the behavior of the header and collapse.
  
  .container,.container-fluid{> .navbar-header,> .navbar-collapse{margin-right:-@navbar-padding-horizontal;margin-left:-@navbar-padding-horizontal;@media (min-width:@grid-float-breakpoint) {
 margin-right:0;margin-left:0; 
}}}//
  // Navbar alignment options
  //
  // Display the navbar across the entirety of the page or fixed it to the top or
  // bottom of the page.
  
  // Static top (unfixed,but 100% wide) navbar
  .navbar-static-top{z-index:@zindex-navbar;border-width:0 0 1px;@media (min-width:@grid-float-breakpoint) {
 border-radius:0; 
}}// Fix the top/bottom navbars when screen real estate supports it
  .navbar-fixed-top,.navbar-fixed-bottom{position:fixed;right:0;left:0;z-index:@zindex-navbar-fixed;// Undo the rounded corners@media (min-width:@grid-float-breakpoint) {
 border-radius:0; 
}}.navbar-fixed-top{top:0;border-width:0 0 1px;}.navbar-fixed-bottom{bottom:0;margin-bottom:0;// override .navbar defaults
    border-width:1px 0 0;}// Brand/project name
  
  .navbar-brand{float:left;padding:@navbar-padding-vertical@navbar-padding-horizontal;font-size:@font-size-large;line-height:@line-height-computed;height:@navbar-height;&:hover,&:focus{text-decoration:none;}@media (min-width:@grid-float-breakpoint) {
 .navbar > .container &,.navbar > .container-fluid &{margin-left:-@navbar-padding-horizontal;} 
}}// Navbar toggle
  //
  // Custom button for toggling the `.navbar-collapse`,powered by the collapse
  // JavaScript plugin.
  
  .navbar-toggle{position:relative;float:right;margin-right:@navbar-padding-horizontal;padding:9px 10px;.navbar-vertical-align(34px);background-color:transparent;background-image:none;// Reset unusual Firefox-on-Android default style;see https://github.com/necolas/normalize.css/issues/214
    border:1px solid transparent;border-radius:@border-radius-base;// We remove the `outline` here,but later compensate by attaching `:hover`
    // styles to `:focus`.
    &:focus{outline:none;}// Bars
    .icon-bar{display:block;width:22px;height:2px;border-radius:1px;}.icon-bar + .icon-bar{margin-top:4px;}@media (min-width:@grid-float-breakpoint) {
 display:none; 
}}// Navbar nav links
  //
  // Builds on top of the `.nav` components with its own modifier class to make
  // the nav the full height of the horizontal nav (above 768px).
  
  .navbar-nav{margin:(@navbar-padding-vertical / 2) -@navbar-padding-horizontal;> li > a{padding-top:10px;padding-bottom:10px;line-height:@line-height-computed;}@media (max-width:@grid-float-breakpoint-max) {
 // Dropdowns get custom display when collapsed
      .open .dropdown-menu{position:static;float:none;width:auto;margin-top:0;background-color:transparent;border:0;box-shadow:none;> li > a,.dropdown-header{padding:5px 15px 5px 25px;}> li > a{line-height:@line-height-computed;&:hover,&:focus{background-image:none;}}} 
}// Uncollapse the nav@media (min-width:@grid-float-breakpoint) {
 float:left;margin:0;> li{float:left;> a{padding-top:@navbar-padding-vertical;padding-bottom:@navbar-padding-vertical;}}&.navbar-right:last-child{margin-right:-@navbar-padding-horizontal;} 
}}// Component alignment
  //
  // Repurpose the pull utilities as their own navbar utilities to avoid specificity
  // issues with parents and chaining. Only do this when the navbar is uncollapsed
  // though so that navbar contents properly stack and align in mobile.@media (min-width:@grid-float-breakpoint) {
 .navbar-left{.pull-left();}.navbar-right{.pull-right();} 
}// Navbar form
  //
  // Extension of the `.form-inline` with some extra flavor for optimum display in
  // our navbars.
  
  .navbar-form{margin-left:-@navbar-padding-horizontal;margin-right:-@navbar-padding-horizontal;padding:10px@navbar-padding-horizontal;border-top:1px solid transparent;border-bottom:1px solid transparent;@shadow:inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1);.box-shadow(@shadow);// Mixin behavior for optimum display
    .form-inline();.form-group{@media (max-width:@grid-float-breakpoint-max) {
 margin-bottom:5px; 
}}// Vertically center in expanded,horizontal navbar
    .navbar-vertical-align(@input-height-base);// Undo 100% width for pull classes@media (min-width:@grid-float-breakpoint) {
 width:auto;border:0;margin-left:0;margin-right:0;padding-top:0;padding-bottom:0;.box-shadow(none);// Outdent the form if last child to line up with content down the page
      &.navbar-right:last-child{margin-right:-@navbar-padding-horizontal;} 
}}// Dropdown menus
  
  // Menu position and menu carets
  .navbar-nav > li > .dropdown-menu{margin-top:0;.border-top-radius(0);}// Menu position and menu caret support for dropups via extra dropup class
  .navbar-fixed-bottom .navbar-nav > li > .dropdown-menu{.border-bottom-radius(0);}// Buttons in navbars
  //
  // Vertically center a button within a navbar (when *not* in a form).
  
  .navbar-btn{.navbar-vertical-align(@input-height-base);&.btn-sm{.navbar-vertical-align(@input-height-small);}&.btn-xs{.navbar-vertical-align(22);}}// Text in navbars
  //
  // Add a class to make any element properly align itself vertically within the navbars.
  
  .navbar-text{.navbar-vertical-align(@line-height-computed);@media (min-width:@grid-float-breakpoint) {
 float:left;margin-left:@navbar-padding-horizontal;margin-right:@navbar-padding-horizontal;// Outdent the form if last child to line up with content down the page
      &.navbar-right:last-child{margin-right:0;} 
}}// Alternate navbars
  // --------------------------------------------------
  
  // Default navbar
  .navbar-default{background-color:@navbar-default-bg;border-color:@navbar-default-border;.navbar-brand{color:@navbar-default-brand-color;&:hover,&:focus{color:@navbar-default-brand-hover-color;background-color:@navbar-default-brand-hover-bg;}}.navbar-text{color:@navbar-default-color;}.navbar-nav{> li > a{color:@navbar-default-link-color;&:hover,&:focus{color:@navbar-default-link-hover-color;background-color:@navbar-default-link-hover-bg;}}> .active > a{&,&:hover,&:focus{color:@navbar-default-link-active-color;background-color:@navbar-default-link-active-bg;}}> .disabled > a{&,&:hover,&:focus{color:@navbar-default-link-disabled-color;background-color:@navbar-default-link-disabled-bg;}}}.navbar-toggle{border-color:@navbar-default-toggle-border-color;&:hover,&:focus{background-color:@navbar-default-toggle-hover-bg;}.icon-bar{background-color:@navbar-default-toggle-icon-bar-bg;}}.navbar-collapse,.navbar-form{border-color:@navbar-default-border;}// Dropdown menu items
    .navbar-nav{// Remove background color from open dropdown
      > .open > a{&,&:hover,&:focus{background-color:@navbar-default-link-active-bg;color:@navbar-default-link-active-color;}}@media (max-width:@grid-float-breakpoint-max) {
 // Dropdowns get custom display when collapsed
        .open .dropdown-menu{> li > a{color:@navbar-default-link-color;&:hover,&:focus{color:@navbar-default-link-hover-color;background-color:@navbar-default-link-hover-bg;}}> .active > a{&,&:hover,&:focus{color:@navbar-default-link-active-color;background-color:@navbar-default-link-active-bg;}}> .disabled > a{&,&:hover,&:focus{color:@navbar-default-link-disabled-color;background-color:@navbar-default-link-disabled-bg;}}} 
}}// Links in navbars
    //
    // Add a class to ensure links outside the navbar nav are colored correctly.
  
    .navbar-link{color:@navbar-default-link-color;&:hover{color:@navbar-default-link-hover-color;}}}// Inverse navbar
  
  .navbar-inverse{background-color:@navbar-inverse-bg;border-color:@navbar-inverse-border;.navbar-brand{color:@navbar-inverse-brand-color;&:hover,&:focus{color:@navbar-inverse-brand-hover-color;background-color:@navbar-inverse-brand-hover-bg;}}.navbar-text{color:@navbar-inverse-color;}.navbar-nav{> li > a{color:@navbar-inverse-link-color;&:hover,&:focus{color:@navbar-inverse-link-hover-color;background-color:@navbar-inverse-link-hover-bg;}}> .active > a{&,&:hover,&:focus{color:@navbar-inverse-link-active-color;background-color:@navbar-inverse-link-active-bg;}}> .disabled > a{&,&:hover,&:focus{color:@navbar-inverse-link-disabled-color;background-color:@navbar-inverse-link-disabled-bg;}}}// Darken the responsive nav toggle
    .navbar-toggle{border-color:@navbar-inverse-toggle-border-color;&:hover,&:focus{background-color:@navbar-inverse-toggle-hover-bg;}.icon-bar{background-color:@navbar-inverse-toggle-icon-bar-bg;}}.navbar-collapse,.navbar-form{border-color:darken(@navbar-inverse-bg,7%);}// Dropdowns
    .navbar-nav{> .open > a{&,&:hover,&:focus{background-color:@navbar-inverse-link-active-bg;color:@navbar-inverse-link-active-color;}}@media (max-width:@grid-float-breakpoint-max) {
 // Dropdowns get custom display
        .open .dropdown-menu{> .dropdown-header{border-color:@navbar-inverse-border;}.divider{background-color:@navbar-inverse-border;}> li > a{color:@navbar-inverse-link-color;&:hover,&:focus{color:@navbar-inverse-link-hover-color;background-color:@navbar-inverse-link-hover-bg;}}> .active > a{&,&:hover,&:focus{color:@navbar-inverse-link-active-color;background-color:@navbar-inverse-link-active-bg;}}> .disabled > a{&,&:hover,&:focus{color:@navbar-inverse-link-disabled-color;background-color:@navbar-inverse-link-disabled-bg;}}} 
}}.navbar-link{color:@navbar-inverse-link-color;&:hover{color:@navbar-inverse-link-hover-color;}}}//
  // Breadcrumbs
  // --------------------------------------------------
  
  
  .breadcrumb{padding:@breadcrumb-padding-vertical@breadcrumb-padding-horizontal;margin-bottom:@line-height-computed;list-style:none;background-color:@breadcrumb-bg;border-radius:@border-radius-base;> li{display:inline-block;+ li:before{content:"@{breadcrumb-separator}\00a0";// Unicode space added since inline-block means non-collapsing white-space
        padding:0 5px;color:@breadcrumb-color;}}> .active{color:@breadcrumb-active-color;}}//
  // Pagination (multiple pages)
  // --------------------------------------------------
  .pagination{display:inline-block;padding-left:0;margin:@line-height-computed 0;border-radius:@border-radius-base;> li{display:inline;// Remove list-style and block-level defaults
      > a,> span{position:relative;float:left;// Collapse white-space
        padding:@padding-base-vertical@padding-base-horizontal;line-height:@line-height-base;text-decoration:none;color:@pagination-color;background-color:@pagination-bg;border:1px solid@pagination-border;margin-left:-1px;}&:first-child{> a,> span{margin-left:0;.border-left-radius(@border-radius-base);}}&:last-child{> a,> span{.border-right-radius(@border-radius-base);}}}> li > a,> li > span{&:hover,&:focus{color:@pagination-hover-color;background-color:@pagination-hover-bg;border-color:@pagination-hover-border;}}> .active > a,> .active > span{&,&:hover,&:focus{z-index:2;color:@pagination-active-color;background-color:@pagination-active-bg;border-color:@pagination-active-border;cursor:default;}}> .disabled{> span,> span:hover,> span:focus,> a,> a:hover,> a:focus{color:@pagination-disabled-color;background-color:@pagination-disabled-bg;border-color:@pagination-disabled-border;cursor:not-allowed;}}}// Sizing
  // --------------------------------------------------
  
  // Large
  .pagination-lg{.pagination-size(@padding-large-vertical;@padding-large-horizontal;@font-size-large;@border-radius-large);}// Small
  .pagination-sm{.pagination-size(@padding-small-vertical;@padding-small-horizontal;@font-size-small;@border-radius-small);}//
  // Pager pagination
  // --------------------------------------------------
  
  
  .pager{padding-left:0;margin:@line-height-computed 0;list-style:none;text-align:center;&:extend(.clearfix all);li{display:inline;> a,> span{display:inline-block;padding:5px 14px;background-color:@pager-bg;border:1px solid@pager-border;border-radius:@pager-border-radius;}> a:hover,> a:focus{text-decoration:none;background-color:@pager-hover-bg;}}.next{> a,> span{float:right;}}.previous{> a,> span{float:left;}}.disabled{> a,> a:hover,> a:focus,> span{color:@pager-disabled-color;background-color:@pager-bg;cursor:not-allowed;}}}//
  // Labels
  // --------------------------------------------------
  
  .label{display:inline;padding:.2em .6em .3em;font-size:75%;font-weight:bold;line-height:1;color:@label-color;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25em;// Add hover effects,but only for links
    &[href]{&:hover,&:focus{color:@label-link-hover-color;text-decoration:none;cursor:pointer;}}// Empty labels collapse automatically (not available in IE8)
    &:empty{display:none;}// Quick fix for labels in buttons
    .btn &{position:relative;top:-1px;}}// Colors
  // Contextual variations (linked labels get darker on :hover)
  
  .label-default{.label-variant(@label-default-bg);}.label-primary{.label-variant(@label-primary-bg);}.label-success{.label-variant(@label-success-bg);}.label-info{.label-variant(@label-info-bg);}.label-warning{.label-variant(@label-warning-bg);}.label-danger{.label-variant(@label-danger-bg);}//
  // Badges
  // --------------------------------------------------
  
  
  // Base classes
  .badge{display:inline-block;min-width:10px;padding:3px 7px;font-size:@font-size-small;font-weight:@badge-font-weight;color:@badge-color;line-height:@badge-line-height;vertical-align:baseline;white-space:nowrap;text-align:center;background-color:@badge-bg;border-radius:@badge-border-radius;// Empty badges collapse automatically (not available in IE8)
    &:empty{display:none;}// Quick fix for badges in buttons
    .btn &{position:relative;top:-1px;}.btn-xs &{top:0;padding:1px 5px;}}// Hover state,but only for links
  a.badge{&:hover,&:focus{color:@badge-link-hover-color;text-decoration:none;cursor:pointer;}}// Account for counters in navs
  a.list-group-item.active > .badge,.nav-pills > .active > a > .badge{color:@badge-active-color;background-color:@badge-active-bg;}.nav-pills > li > a > .badge{margin-left:3px;}//
  // Jumbotron
  // --------------------------------------------------
  
  
  .jumbotron{padding:@jumbotron-padding;margin-bottom:@jumbotron-padding;color:@jumbotron-color;background-color:@jumbotron-bg;h1,.h1{color:@jumbotron-heading-color;}p{margin-bottom:(@jumbotron-padding / 2);font-size:@jumbotron-font-size;font-weight:200;}.container &{border-radius:@border-radius-large;// Only round corners at higher resolutions if contained in a container}.container{max-width:100%;}@media screen and (min-width:@screen-sm-min) {
 padding-top:(@jumbotron-padding * 1.6);padding-bottom:(@jumbotron-padding * 1.6);.container &{padding-left:(@jumbotron-padding * 2);padding-right:(@jumbotron-padding * 2);}h1,.h1{font-size:(@font-size-base * 4.5);} 
}}//
  // Thumbnails
  // --------------------------------------------------
  
  
  // Mixin and adjust the regular image class
  .thumbnail{display:block;padding:@thumbnail-padding;margin-bottom:@line-height-computed;line-height:@line-height-base;background-color:@thumbnail-bg;border:1px solid@thumbnail-border;border-radius:@thumbnail-border-radius;.transition(all .2s ease-in-out);> img,a > img{&:extend(.img-responsive);margin-left:auto;margin-right:auto;}// Add a hover state for linked versions only
    a&:hover,a&:focus,a&.active{border-color:@link-color;}// Image captions
    .caption{padding:@thumbnail-caption-padding;color:@thumbnail-caption-color;}}//
  // Alerts
  // --------------------------------------------------
  
  
  // Base styles
  // -------------------------
  
  .alert{padding:@alert-padding;margin-bottom:@line-height-computed;border:1px solid transparent;border-radius:@alert-border-radius;// Headings for larger alerts
    h4{margin-top:0;// Specified for the h4 to prevent conflicts of changing@headings-color
      color:inherit;}// Provide class for links that match alerts
    .alert-link{font-weight:@alert-link-font-weight;}// Improve alignment and spacing of inner content
    > p,> ul{margin-bottom:0;}> p + p{margin-top:5px;}}// Dismissable alerts
  //
  // Expand the right padding and account for the close button's positioning.
  
  .alert-dismissable{padding-right:(@alert-padding + 20);// Adjust close link position
    .close{position:relative;top:-2px;right:-21px;color:inherit;}}// Alternate styles
  //
  // Generate contextual modifier classes for colorizing the alert.
  
  .alert-success{.alert-variant(@alert-success-bg;@alert-success-border;@alert-success-text);}.alert-info{.alert-variant(@alert-info-bg;@alert-info-border;@alert-info-text);}.alert-warning{.alert-variant(@alert-warning-bg;@alert-warning-border;@alert-warning-text);}.alert-danger{.alert-variant(@alert-danger-bg;@alert-danger-border;@alert-danger-text);}//
  // Progress bars
  // --------------------------------------------------
  
  
  // Bar animations
  // -------------------------
  
  // WebKit@-webkit-keyframes progress-bar-stripes{from{background-position:40px 0;}to{background-position:0 0;}}// Spec and IE10+@keyframes progress-bar-stripes{from{background-position:40px 0;}to{background-position:0 0;}}// Bar itself
  // -------------------------
  
  // Outer container
  .progress{overflow:hidden;height:@line-height-computed;margin-bottom:@line-height-computed;background-color:@progress-bg;border-radius:@border-radius-base;.box-shadow(inset 0 1px 2px rgba(0,0,0,.1));}// Bar of progress
  .progress-bar{float:left;width:0%;height:100%;font-size:@font-size-small;line-height:@line-height-computed;color:@progress-bar-color;text-align:center;background-color:@progress-bar-bg;.box-shadow(inset 0 -1px 0 rgba(0,0,0,.15));.transition(width .6s ease);}// Striped bars
  .progress-striped .progress-bar{#gradient > .striped();background-size:40px 40px;}// Call animation for the active one
  .progress.active .progress-bar{.animation(progress-bar-stripes 2s linear infinite);}// Variations
  // -------------------------
  
  .progress-bar-success{.progress-bar-variant(@progress-bar-success-bg);}.progress-bar-info{.progress-bar-variant(@progress-bar-info-bg);}.progress-bar-warning{.progress-bar-variant(@progress-bar-warning-bg);}.progress-bar-danger{.progress-bar-variant(@progress-bar-danger-bg);}// Media objects
  // Source:http://stubbornella.org/content/?p=497
  // --------------------------------------------------
  
  
  // Common styles
  // -------------------------
  
  // Clear the floats
  .media,.media-body{overflow:hidden;zoom:1;}// Proper spacing between instances of .media
  .media,.media .media{margin-top:15px;}.media:first-child{margin-top:0;}// For images and videos,set to block
  .media-object{display:block;}// Reset margins on headings for tighter default spacing
  .media-heading{margin:0 0 5px;}// Media image alignment
  // -------------------------
  
  .media{> .pull-left{margin-right:10px;}> .pull-right{margin-left:10px;}}// Media list variation
  // -------------------------
  
  // Undo default ul/ol styles
  .media-list{padding-left:0;list-style:none;}//
  // List groups
  // --------------------------------------------------
  
  
  // Base class
  //
  // Easily usable on <ul>,<ol>,or <div>.
  
  .list-group{// No need to set list-style:none;since .list-group-item is block level
    margin-bottom:20px;padding-left:0;// reset padding because ul and ol}// Individual list items
  //
  // Use on `li`s or `div`s within the `.list-group` parent.
  
  .list-group-item{position:relative;display:block;padding:10px 15px;// Place the border on the list items and negative margin up for better styling
    margin-bottom:-1px;background-color:@list-group-bg;border:1px solid@list-group-border;// Round the first and last items
    &:first-child{.border-top-radius(@list-group-border-radius);}&:last-child{margin-bottom:0;.border-bottom-radius(@list-group-border-radius);}// Align badges within list items
    > .badge{float:right;}> .badge + .badge{margin-right:5px;}}// Linked list items
  //
  // Use anchor elements instead of `li`s or `div`s to create linked list items.
  // Includes an extra `.active` modifier class for showing selected items.
  
  a.list-group-item{color:@list-group-link-color;.list-group-item-heading{color:@list-group-link-heading-color;}// Hover state
    &:hover,&:focus{text-decoration:none;background-color:@list-group-hover-bg;}// Active class on item itself,not parent
    &.active,&.active:hover,&.active:focus{z-index:2;// Place active items above their siblings for proper border styling
      color:@list-group-active-color;background-color:@list-group-active-bg;border-color:@list-group-active-border;// Force color to inherit for custom content
      .list-group-item-heading{color:inherit;}.list-group-item-text{color:@list-group-active-text-color;}}}// Contextual variants
  //
  // Add modifier classes to change text and background color on individual items.
  // Organizationally,this must come after the `:hover` states.
  
  .list-group-item-variant(success;@state-success-bg;@state-success-text);.list-group-item-variant(info;@state-info-bg;@state-info-text);.list-group-item-variant(warning;@state-warning-bg;@state-warning-text);.list-group-item-variant(danger;@state-danger-bg;@state-danger-text);// Custom content options
  //
  // Extra classes for creating well-formatted content within `.list-group-item`s.
  
  .list-group-item-heading{margin-top:0;margin-bottom:5px;}.list-group-item-text{margin-bottom:0;line-height:1.3;}//
  // Panels
  // --------------------------------------------------
  
  
  // Base class
  .panel{margin-bottom:@line-height-computed;background-color:@panel-bg;border:1px solid transparent;border-radius:@panel-border-radius;.box-shadow(0 1px 1px rgba(0,0,0,.05));}// Panel contents
  .panel-body{padding:@panel-body-padding;&:extend(.clearfix all);}// Optional heading
  .panel-heading{padding:10px 15px;border-bottom:1px solid transparent;.border-top-radius((@panel-border-radius - 1));> .dropdown .dropdown-toggle{color:inherit;}}// Within heading,strip any `h*` tag of its default margins for spacing.
  .panel-title{margin-top:0;margin-bottom:0;font-size:ceil((@font-size-base * 1.125));color:inherit;> a{color:inherit;}}// Optional footer (stays gray in every modifier class)
  .panel-footer{padding:10px 15px;background-color:@panel-footer-bg;border-top:1px solid@panel-inner-border;.border-bottom-radius((@panel-border-radius - 1));}// List groups in panels
  //
  // By default,space out list group content from panel headings to account for
  // any kind of custom content between the two.
  
  .panel{> .list-group{margin-bottom:0;.list-group-item{border-width:1px 0;border-radius:0;}// Add border top radius for first one
      &:first-child{.list-group-item:first-child{border-top:0;.border-top-radius((@panel-border-radius - 1));}}// Add border bottom radius for last one
      &:last-child{.list-group-item:last-child{border-bottom:0;.border-bottom-radius((@panel-border-radius - 1));}}}}// Collapse space between when there's no additional content.
  .panel-heading + .list-group {
    .list-group-item:first-child {
      border-top-width: 0;
    }
  }
  
  
  // Tables in panels
  //
  // Place a non-bordered `.table` within a panel (not within a `.panel-body`) and
  // watch it go full width.
  
  .panel {
    > .table,
    > .table-responsive > .table {
      margin-bottom: 0;
    }
    // Add border top radius for first one
    > .table:first-child,
    > .table-responsive:first-child > .table:first-child {
      .border-top-radius((@panel-border-radius - 1));
  
      > thead:first-child,
      > tbody:first-child {
        > tr:first-child {
          td:first-child,
          th:first-child {
            border-top-left-radius: (@panel-border-radius - 1);
          }
          td:last-child,
          th:last-child {
            border-top-right-radius: (@panel-border-radius - 1);
          }
        }
      }
    }
    // Add border bottom radius for last one
    > .table:last-child,
    > .table-responsive:last-child > .table:last-child {
      .border-bottom-radius((@panel-border-radius - 1));
  
      > tbody:last-child,
      > tfoot:last-child {
        > tr:last-child {
          td:first-child,
          th:first-child {
            border-bottom-left-radius: (@panel-border-radius - 1);
          }
          td:last-child,
          th:last-child {
            border-bottom-right-radius: (@panel-border-radius - 1);
          }
        }
      }
    }
    > .panel-body + .table,
    > .panel-body + .table-responsive {
      border-top: 1px solid @table-border-color;
    }
    > .table > tbody:first-child > tr:first-child th,
    > .table > tbody:first-child > tr:first-child td {
      border-top: 0;
    }
    > .table-bordered,
    > .table-responsive > .table-bordered {
      border: 0;
      > thead,
      > tbody,
      > tfoot {
        > tr {
          > th:first-child,
          > td:first-child {
            border-left: 0;
          }
          > th:last-child,
          > td:last-child {
            border-right: 0;
          }
        }
      }
      > thead,
      > tbody {
        > tr:first-child {
          > td,
          > th {
            border-bottom: 0;
          }
        }
      }
      > tbody,
      > tfoot {
        > tr:last-child {
          > td,
          > th {
            border-bottom: 0;
          }
        }
      }
    }
    > .table-responsive {
      border: 0;
      margin-bottom: 0;
    }
  }
  
  
  // Collapsable panels (aka, accordion)
  //
  // Wrap a series of panels in `.panel-group` to turn them into an accordion with
  // the help of our collapse JavaScript plugin.
  
  .panel-group {
    margin-bottom: @line-height-computed;
  
    // Tighten up margin so it's only between panels
    .panel{margin-bottom:0;border-radius:@panel-border-radius;overflow:hidden;// crop contents when collapsed
      + .panel{margin-top:5px;}}.panel-heading{border-bottom:0;+ .panel-collapse .panel-body{border-top:1px solid@panel-inner-border;}}.panel-footer{border-top:0;+ .panel-collapse .panel-body{border-bottom:1px solid@panel-inner-border;}}}// Contextual variations
  .panel-default{.panel-variant(@panel-default-border;@panel-default-text;@panel-default-heading-bg;@panel-default-border);}.panel-primary{.panel-variant(@panel-primary-border;@panel-primary-text;@panel-primary-heading-bg;@panel-primary-border);}.panel-success{.panel-variant(@panel-success-border;@panel-success-text;@panel-success-heading-bg;@panel-success-border);}.panel-info{.panel-variant(@panel-info-border;@panel-info-text;@panel-info-heading-bg;@panel-info-border);}.panel-warning{.panel-variant(@panel-warning-border;@panel-warning-text;@panel-warning-heading-bg;@panel-warning-border);}.panel-danger{.panel-variant(@panel-danger-border;@panel-danger-text;@panel-danger-heading-bg;@panel-danger-border);}//
  // Wells
  // --------------------------------------------------
  
  
  // Base class
  .well{min-height:20px;padding:19px;margin-bottom:20px;background-color:@well-bg;border:1px solid@well-border;border-radius:@border-radius-base;.box-shadow(inset 0 1px 1px rgba(0,0,0,.05));blockquote{border-color:#ddd;border-color:rgba(0,0,0,.15);}}// Sizes
  .well-lg{padding:24px;border-radius:@border-radius-large;}.well-sm{padding:9px;border-radius:@border-radius-small;}//
  // Close icons
  // --------------------------------------------------
  
  
  .close{float:right;font-size:(@font-size-base * 1.5);font-weight:@close-font-weight;line-height:1;color:@close-color;text-shadow:@close-text-shadow;.opacity(.2);&:hover,&:focus{color:@close-color;text-decoration:none;cursor:pointer;.opacity(.5);}// Additional properties for button version
    // iOS requires the button element instead of an anchor tag.
    // If you want the anchor version,it requires `href="#"`.
    button&{padding:0;cursor:pointer;background:transparent;border:0;-webkit-appearance:none;}}// Components w/ JavaScript//
  // Modals
  // --------------------------------------------------
  
  // .modal-open      - body class for killing the scroll
  // .modal           - container to scroll within
  // .modal-dialog    - positioning shell for the actual modal
  // .modal-content   - actual modal w/ bg and corners and shit
  
  // Kill the scroll on the body
  .modal-open{overflow:hidden;}// Container that the modal scrolls within
  .modal{display:none;overflow:auto;overflow-y:scroll;position:fixed;top:0;right:0;bottom:0;left:0;z-index:@zindex-modal;-webkit-overflow-scrolling:touch;// Prevent Chrome on Windows from adding a focus outline. For details,see
    // https://github.com/twbs/bootstrap/pull/10951.
    outline:0;// When fading in the modal,animate it to slide down
    &.fade .modal-dialog{.translate(0,-25%);.transition-transform(~"0.3s ease-out");}&.in .modal-dialog{.translate(0,0)}}// Shell div to position the modal with bottom padding
  .modal-dialog{position:relative;width:auto;margin:10px;}// Actual modal
  .modal-content{position:relative;background-color:@modal-content-bg;border:1px solid@modal-content-fallback-border-color;//old browsers fallback (ie8 etc)
    border:1px solid@modal-content-border-color;border-radius:@border-radius-large;.box-shadow(0 3px 9px rgba(0,0,0,.5));background-clip:padding-box;// Remove focus outline from opened modal
    outline:none;}// Modal background
  .modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:@zindex-modal-background;background-color:@modal-backdrop-bg;// Fade for backdrop
    &.fade{.opacity(0);}&.in{.opacity(@modal-backdrop-opacity);}}// Modal header
  // Top section of the modal w/ title and dismiss
  .modal-header{padding:@modal-title-padding;border-bottom:1px solid@modal-header-border-color;min-height:(@modal-title-padding +@modal-title-line-height);}// Close icon
  .modal-header .close{margin-top:-2px;}// Title text within header
  .modal-title{margin:0;line-height:@modal-title-line-height;}// Modal body
  // Where all modal content resides (sibling of .modal-header and .modal-footer)
  .modal-body{position:relative;padding:@modal-inner-padding;}// Footer (for actions)
  .modal-footer{margin-top:15px;padding:(@modal-inner-padding - 1)@modal-inner-padding@modal-inner-padding;text-align:right;// right align buttons
    border-top:1px solid@modal-footer-border-color;&:extend(.clearfix all);// clear it in case folks use .pull-* classes on buttons
  
    // Properly space out buttons
    .btn + .btn{margin-left:5px;margin-bottom:0;// account for input[type="submit"] which gets the bottom margin like all other inputs}// but override that for button groups
    .btn-group .btn + .btn{margin-left:-1px;}// and override it for block buttons as well
    .btn-block + .btn-block{margin-left:0;}}// Scale up the modal@media (min-width:@screen-sm-min) {
 // Automatically set modal's width for larger viewports
    .modal-dialog{width:@modal-md;margin:30px auto;}.modal-content{.box-shadow(0 5px 15px rgba(0,0,0,.5));}// Modal sizes
    .modal-sm{width:@modal-sm;} 
}@media (min-width:@screen-md-min) {
 .modal-lg{width:@modal-lg;} 
}//
  // Tooltips
  // --------------------------------------------------
  
  
  // Base class
  .tooltip{position:absolute;z-index:@zindex-tooltip;display:block;visibility:visible;font-size:@font-size-small;line-height:1.4;.opacity(0);&.in{.opacity(@tooltip-opacity);}&.top{margin-top:-3px;padding:@tooltip-arrow-width 0;}&.right{margin-left:3px;padding:0@tooltip-arrow-width;}&.bottom{margin-top:3px;padding:@tooltip-arrow-width 0;}&.left{margin-left:-3px;padding:0@tooltip-arrow-width;}}// Wrapper for the tooltip content
  .tooltip-inner{max-width:@tooltip-max-width;padding:3px 8px;color:@tooltip-color;text-align:center;text-decoration:none;background-color:@tooltip-bg;border-radius:@border-radius-base;}// Arrows
  .tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid;}.tooltip{&.top .tooltip-arrow{bottom:0;left:50%;margin-left:-@tooltip-arrow-width;border-width:@tooltip-arrow-width@tooltip-arrow-width 0;border-top-color:@tooltip-arrow-color;}&.top-left .tooltip-arrow{bottom:0;left:@tooltip-arrow-width;border-width:@tooltip-arrow-width@tooltip-arrow-width 0;border-top-color:@tooltip-arrow-color;}&.top-right .tooltip-arrow{bottom:0;right:@tooltip-arrow-width;border-width:@tooltip-arrow-width@tooltip-arrow-width 0;border-top-color:@tooltip-arrow-color;}&.right .tooltip-arrow{top:50%;left:0;margin-top:-@tooltip-arrow-width;border-width:@tooltip-arrow-width@tooltip-arrow-width@tooltip-arrow-width 0;border-right-color:@tooltip-arrow-color;}&.left .tooltip-arrow{top:50%;right:0;margin-top:-@tooltip-arrow-width;border-width:@tooltip-arrow-width 0@tooltip-arrow-width@tooltip-arrow-width;border-left-color:@tooltip-arrow-color;}&.bottom .tooltip-arrow{top:0;left:50%;margin-left:-@tooltip-arrow-width;border-width:0@tooltip-arrow-width@tooltip-arrow-width;border-bottom-color:@tooltip-arrow-color;}&.bottom-left .tooltip-arrow{top:0;left:@tooltip-arrow-width;border-width:0@tooltip-arrow-width@tooltip-arrow-width;border-bottom-color:@tooltip-arrow-color;}&.bottom-right .tooltip-arrow{top:0;right:@tooltip-arrow-width;border-width:0@tooltip-arrow-width@tooltip-arrow-width;border-bottom-color:@tooltip-arrow-color;}}//
  // Popovers
  // --------------------------------------------------
  
  
  .popover{position:absolute;top:0;left:0;z-index:@zindex-popover;display:none;max-width:@popover-max-width;padding:1px;text-align:left;// Reset given new insertion method
    background-color:@popover-bg;background-clip:padding-box;border:1px solid@popover-fallback-border-color;border:1px solid@popover-border-color;border-radius:@border-radius-large;.box-shadow(0 5px 10px rgba(0,0,0,.2));// Overrides for proper insertion
    white-space:normal;// Offset the popover to account for the popover arrow
    &.top{margin-top:-@popover-arrow-width;}&.right{margin-left:@popover-arrow-width;}&.bottom{margin-top:@popover-arrow-width;}&.left{margin-left:-@popover-arrow-width;}}.popover-title{margin:0;// reset heading margin
    padding:8px 14px;font-size:@font-size-base;font-weight:normal;line-height:18px;background-color:@popover-title-bg;border-bottom:1px solid darken(@popover-title-bg,5%);border-radius:5px 5px 0 0;}.popover-content{padding:9px 14px;}// Arrows
  //
  // .arrow is outer,.arrow:after is inner
  
  .popover > .arrow{&,&:after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid;}}.popover > .arrow{border-width:@popover-arrow-outer-width;}.popover > .arrow:after{border-width:@popover-arrow-width;content:"";}.popover{&.top > .arrow{left:50%;margin-left:-@popover-arrow-outer-width;border-bottom-width:0;border-top-color:@popover-arrow-outer-fallback-color;// IE8 fallback
      border-top-color:@popover-arrow-outer-color;bottom:-@popover-arrow-outer-width;&:after{content:" ";bottom:1px;margin-left:-@popover-arrow-width;border-bottom-width:0;border-top-color:@popover-arrow-color;}}&.right > .arrow{top:50%;left:-@popover-arrow-outer-width;margin-top:-@popover-arrow-outer-width;border-left-width:0;border-right-color:@popover-arrow-outer-fallback-color;// IE8 fallback
      border-right-color:@popover-arrow-outer-color;&:after{content:" ";left:1px;bottom:-@popover-arrow-width;border-left-width:0;border-right-color:@popover-arrow-color;}}&.bottom > .arrow{left:50%;margin-left:-@popover-arrow-outer-width;border-top-width:0;border-bottom-color:@popover-arrow-outer-fallback-color;// IE8 fallback
      border-bottom-color:@popover-arrow-outer-color;top:-@popover-arrow-outer-width;&:after{content:" ";top:1px;margin-left:-@popover-arrow-width;border-top-width:0;border-bottom-color:@popover-arrow-color;}}&.left > .arrow{top:50%;right:-@popover-arrow-outer-width;margin-top:-@popover-arrow-outer-width;border-right-width:0;border-left-color:@popover-arrow-outer-fallback-color;// IE8 fallback
      border-left-color:@popover-arrow-outer-color;&:after{content:" ";right:1px;border-right-width:0;border-left-color:@popover-arrow-color;bottom:-@popover-arrow-width;}}}//
  // Carousel
  // --------------------------------------------------
  
  
  // Wrapper for the slide container and indicators
  .carousel{position:relative;}.carousel-inner{position:relative;overflow:hidden;width:100%;> .item{display:none;position:relative;.transition(.6s ease-in-out left);// Account for jankitude on images
      > img,> a > img{&:extend(.img-responsive);line-height:1;}}> .active,> .next,> .prev{display:block;}> .active{left:0;}> .next,> .prev{position:absolute;top:0;width:100%;}> .next{left:100%;}> .prev{left:-100%;}> .next.left,> .prev.right{left:0;}> .active.left{left:-100%;}> .active.right{left:100%;}}// Left/right controls for nav
  // ---------------------------
  
  .carousel-control{position:absolute;top:0;left:0;bottom:0;width:@carousel-control-width;.opacity(@carousel-control-opacity);font-size:@carousel-control-font-size;color:@carousel-control-color;text-align:center;text-shadow:@carousel-text-shadow;// We can't have this transition here because WebKit cancels the carousel
    // animation if you trip this while in the middle of another animation.
  
    // Set gradients for backgrounds
    &.left {
      #gradient > .horizontal(@start-color: rgba(0,0,0,.5); @end-color: rgba(0,0,0,.0001));
    }
    &.right {
      left: auto;
      right: 0;
      #gradient > .horizontal(@start-color: rgba(0,0,0,.0001); @end-color: rgba(0,0,0,.5));
    }
  
    // Hover/focus state
    &:hover,
    &:focus {
      outline: none;
      color: @carousel-control-color;
      text-decoration: none;
      .opacity(.9);
    }
  
    // Toggles
    .icon-prev,
    .icon-next,
    .glyphicon-chevron-left,
    .glyphicon-chevron-right {
      position: absolute;
      top: 50%;
      z-index: 5;
      display: inline-block;
    }
    .icon-prev,
    .glyphicon-chevron-left {
      left: 50%;
    }
    .icon-next,
    .glyphicon-chevron-right {
      right: 50%;
    }
    .icon-prev,
    .icon-next {
      width:  20px;
      height: 20px;
      margin-top: -10px;
      margin-left: -10px;
      font-family: serif;
    }
  
    .icon-prev {
      &:before {
        content: '\2039';// SINGLE LEFT-POINTING ANGLE QUOTATION MARK (U+2039)
      }
    }
    .icon-next {
      &:before {
        content: '\203a';// SINGLE RIGHT-POINTING ANGLE QUOTATION MARK (U+203A)
      }
    }
  }
  
  // Optional indicator pips
  //
  // Add an unordered list with the following class and add a list item for each
  // slide your carousel holds.
  
  .carousel-indicators {
    position: absolute;
    bottom: 10px;
    left: 50%;
    z-index: 15;
    width: 60%;
    margin-left: -30%;
    padding-left: 0;
    list-style: none;
    text-align: center;
  
    li {
      display: inline-block;
      width:  10px;
      height: 10px;
      margin: 1px;
      text-indent: -999px;
      border: 1px solid @carousel-indicator-border-color;
      border-radius: 10px;
      cursor: pointer;
  
      // IE8-9 hack for event handling
      //
      // Internet Explorer 8-9 does not support clicks on elements without a set
      // `background-color`. We cannot use `filter` since that's not viewed as a
      // background color by the browser. Thus,a hack is needed.
      //
      // For IE8,we set solid black as it doesn't support `rgba()`. For IE9,we
      // set alpha transparency for the best results possible.
      background-color:#000 \9;// IE8
      background-color:rgba(0,0,0,0);// IE9}.active{margin:0;width:12px;height:12px;background-color:@carousel-indicator-active-bg;}}// Optional captions
  // -----------------------------
  // Hidden by default for smaller viewports
  .carousel-caption{position:absolute;left:15%;right:15%;bottom:20px;z-index:10;padding-top:20px;padding-bottom:20px;color:@carousel-caption-color;text-align:center;text-shadow:@carousel-text-shadow;& .btn{text-shadow:none;// No shadow for button elements in carousel-caption}}// Scale up controls for tablets and up@media screen and (min-width:@screen-sm-min) {
 // Scale up the controls a smidge
    .carousel-control{.glyphicon-chevron-left,.glyphicon-chevron-right,.icon-prev,.icon-next{width:30px;height:30px;margin-top:-15px;margin-left:-15px;font-size:30px;}}// Show and left align the captions
    .carousel-caption{left:20%;right:20%;padding-bottom:30px;}// Move up the indicators
    .carousel-indicators{bottom:20px;} 
}// Utility classes//
  // Utility classes
  // --------------------------------------------------
  
  
  // Floats
  // -------------------------
  
  .clearfix{.clearfix();}.center-block{.center-block();}.pull-right{float:right !important;}.pull-left{float:left !important;}// Toggling content
  // -------------------------
  
  // Note:Deprecated .hide in favor of .hidden or .sr-only (as appropriate) in v3.0.1
  .hide{display:none !important;}.show{display:block !important;}.invisible{visibility:hidden;}.text-hide{.text-hide();}// Hide from screenreaders and browsers
  //
  // Credit:HTML5 Boilerplate
  
  .hidden{display:none !important;visibility:hidden !important;}// For Affix plugin
  // -------------------------
  
  .affix{position:fixed;}//
  // Responsive:Utility classes
  // --------------------------------------------------
  
  
  // IE10 in Windows (Phone) 8
  //
  // Support for responsive views via media queries is kind of borked in IE10,for
  // Surface/desktop in split view and for Windows Phone 8. This particular fix
  // must be accompanied by a snippet of JavaScript to sniff the user agent and
  // apply some conditional CSS to *only* the Surface/desktop Windows 8. Look at
  // our Getting Started page for more information on this bug.
  //
  // For more information,see the following://
  // Issue:https://github.com/twbs/bootstrap/issues/10497
  // Docs:http://getbootstrap.com/getting-started/#browsers
  // Source:http://timkadlec.com/2012/10/ie10-snap-mode-and-responsive-design/@-ms-viewport{width:device-width;}// Visibility utilities
  .visible-xs,.visible-sm,.visible-md,.visible-lg{.responsive-invisibility();}.visible-xs{@media (max-width:@screen-xs-max) {
 .responsive-visibility(); 
}}.visible-sm{@media (min-width:@screen-sm-min) and (max-width:@screen-sm-max) {
 .responsive-visibility(); 
}}.visible-md{@media (min-width:@screen-md-min) and (max-width:@screen-md-max) {
 .responsive-visibility(); 
}}.visible-lg{@media (min-width:@screen-lg-min) {
 .responsive-visibility(); 
}}.hidden-xs{@media (max-width:@screen-xs-max) {
 .responsive-invisibility(); 
}}.hidden-sm{@media (min-width:@screen-sm-min) and (max-width:@screen-sm-max) {
 .responsive-invisibility(); 
}}.hidden-md{@media (min-width:@screen-md-min) and (max-width:@screen-md-max) {
 .responsive-invisibility(); 
}}.hidden-lg{@media (min-width:@screen-lg-min) {
 .responsive-invisibility(); 
}}// Print utilities
  //
  // Media queries are placed on the inside to be mixin-friendly.
  
  .visible-print{.responsive-invisibility();@media print {
 .responsive-visibility(); 
}}.hidden-print{@media print {
 .responsive-invisibility(); 
}}// Base-theme overrides.// Bootstrap variables.//
  // Variables
  // --------------------------------------------------
  
  
  //== Colors
  //
  //## Gray and brand colors for use across Bootstrap.@gray-darker:lighten(#000,13.5%);// #222@gray-dark:lighten(#000,20%);// #333@gray:lighten(#000,33.5%);// #555@gray-light:lighten(#000,60%);// #999@gray-lighter:lighten(#000,93.5%);// #eee
  
  //@brand-primary:#EEEBAD;//@brand-success:#5cb85c;@brand-info:#5bc0de;@brand-warning:#f0ad4e;//@brand-danger:#d9534f;//** Global text color on `<body>`.
  //@text-color:@gray-dark;//** Global textual link color.
  //@link-color:@brand-primary;//** Link hover color set via `darken()` function.
  //@link-hover-color:darken(@link-color,15%);//== Typography
  //
  //## Font,line-height,and color for body text,headings,and more.
  
  //@font-family-sans-serif:"Helvetica Neue",Helvetica,Arial,sans-serif;//@font-family-sans-serif:"Open Sans",Verdana,Helvetica,Arial,sans-serif;//@font-family-serif:Georgia,"Times New Roman",Times,serif;//** Default monospace fonts for `<code>`,`<kbd>`,and `<pre>`.@font-family-monospace:Menlo,Monaco,Consolas,"Courier New",monospace;//@font-family-base:@font-family-sans-serif;@font-family-base:var(--font-family-base);@font-family-display:var(--font-family-display);//@font-size-base:14px;@font-size-large:ceil((@font-size-base * 1.25));// ~18px@font-size-small:ceil((@font-size-base * 0.85));// ~12px
  
  //@font-size-h1:floor((@font-size-base * 2.6));// ~36px
  //@font-size-h2:floor((@font-size-base * 2.15));// ~30px
  //@font-size-h3:ceil((@font-size-base * 1.7));// ~24px@font-size-h4:ceil((@font-size-base * 1.25));// ~18px@font-size-h5:@font-size-base;@font-size-h6:ceil((@font-size-base * 0.85));// ~12px
  
  //** Unit-less `line-height` for use in components like buttons.@line-height-base:1.428571429;// 20/14
  //** Computed "line-height" (`font-size` * `line-height`) for use with `margin`,`padding`,etc.@line-height-computed:floor((@font-size-base *@line-height-base));// ~20px
  
  //** By default,this inherits from the `<body>`.@headings-font-family:inherit;//@headings-font-weight:500;@headings-line-height:1.1;@headings-color:inherit;// Variables para tamaños de cards@card-medium-width:180px;@card-standard-width:290px;@card-big-width:600px;@card-hero-width:1140px;//-- Iconography
  //
  //## Specify custom locations of the include Glyphicons icon font. Useful for those including Bootstrap via Bower.@icon-font-path:"../bootstrap/fonts/";@icon-font-name:"glyphicons-halflings-regular";@icon-font-svg-id:"glyphicons_halflingsregular";//== Components
  //
  //## Define common padding and border radius sizes and more. Values based on 14px text and 1.428 line-height (~20px to start).@padding-base-vertical:6px;@padding-base-horizontal:12px;@padding-large-vertical:10px;@padding-large-horizontal:16px;@padding-small-vertical:5px;@padding-small-horizontal:10px;@padding-xs-vertical:1px;@padding-xs-horizontal:5px;@line-height-large:1.33;@line-height-small:1.5;@border-radius-base:4px;@border-radius-large:6px;@border-radius-small:3px;//** Global color for active items (e.g.,navs or dropdowns).@component-active-color:#fff;//** Global background color for active items (e.g.,navs or dropdowns).@component-active-bg:@brand-primary;//** Width of the `border` for generating carets that indicator dropdowns.@caret-width-base:4px;//** Carets increase slightly in size for larger components.@caret-width-large:5px;//== Tables
  //
  //## Customizes the `.table` component with basic values,each used across all table variations.
  
  //** Padding for `<th>`s and `<td>`s.@table-cell-padding:8px;//** Padding for cells in `.table-condensed`.@table-condensed-cell-padding:5px;//** Default background color used for all tables.@table-bg:transparent;//** Background color used for `.table-striped`.
  //@table-bg-accent:#f9f9f9;//** Background color used for `.table-hover`.@table-bg-hover:#f5f5f5;@table-bg-active:@table-bg-hover;//** Border color for table and cell borders.
  //@table-border-color:#ddd;//== Buttons
  //
  //## For each of Bootstrap's buttons, define text, background and border color.
  
  @btn-font-weight:                normal;
  
  @btn-default-color:              #333;
  @btn-default-bg:                 #fff;
  @btn-default-border:             #ccc;
  
  //@btn-primary-color:              contrast(@brand-primary);
  @btn-primary-color:              contrast(@brand-primary, darken(@brand-primary, 20%), lighten(@brand-primary, 20%));
  
  @btn-primary-bg:                 @brand-primary;
  @btn-primary-border:             darken(@btn-primary-bg, 5%);
  
  @btn-success-color:              #fff;
  @btn-success-bg:                 @brand-success;
  @btn-success-border:             darken(@btn-success-bg, 5%);
  
  @btn-info-color:                 #fff;
  @btn-info-bg:                    @brand-info;
  @btn-info-border:                darken(@btn-info-bg, 5%);
  
  @btn-warning-color:              #fff;
  @btn-warning-bg:                 @brand-warning;
  @btn-warning-border:             darken(@btn-warning-bg, 5%);
  
  @btn-danger-color:               #fff;
  @btn-danger-bg:                  @brand-danger;
  @btn-danger-border:              darken(@btn-danger-bg, 5%);
  
  @btn-link-disabled-color:        @gray-light;
  
  
  //== Forms
  //
  //##
  
  //** `<input>` background color
  //@input-bg:                       #fff;
  //** `<input disabled>` background color
  @input-bg-disabled:              @gray-lighter;
  
  //** Text color for `<input>`s
  //@input-color:                    @gray;
  //** `<input>` border color
  @input-border:                   #ccc;
  //** `<input>` border radius
  @input-border-radius:            @border-radius-base;
  //** Border color for inputs on focus
  @input-border-focus:             #66afe9;
  
  //** Placeholder text color
  @input-color-placeholder:        @gray-light;
  
  //** Default `.form-control` height
  @input-height-base:              (@line-height-computed + (@padding-base-vertical * 2) + 2);
  //** Large `.form-control` height
  @input-height-large:             (ceil(@font-size-large * @line-height-large) + (@padding-large-vertical * 2) + 2);
  //** Small `.form-control` height
  @input-height-small:             (floor(@font-size-small * @line-height-small) + (@padding-small-vertical * 2) + 2);
  
  @legend-color:                   @gray-dark;
  @legend-border-color:            #e5e5e5;
  
  //** Background color for textual input addons
  @input-group-addon-bg:           @gray-lighter;
  //** Border color for textual input addons
  @input-group-addon-border-color: @input-border;
  
  
  //== Dropdowns
  //
  //## Dropdown menu container and contents.
  
  //** Background for the dropdown menu.
  @dropdown-bg:                    #fff;
  //** Dropdown menu `border-color`.
  @dropdown-border:                rgba(0,0,0,.15);
  //** Dropdown menu `border-color` **for IE8**.
  @dropdown-fallback-border:       #ccc;
  //** Divider color for between dropdown items.
  @dropdown-divider-bg:            #e5e5e5;
  
  //** Dropdown link text color.
  @dropdown-link-color:            @gray-dark;
  //** Hover color for dropdown links.
  @dropdown-link-hover-color:      darken(@gray-dark, 5%);
  //** Hover background for dropdown links.
  @dropdown-link-hover-bg:         #f5f5f5;
  
  //** Active dropdown menu item text color.
  @dropdown-link-active-color:     @component-active-color;
  //** Active dropdown menu item background color.
  @dropdown-link-active-bg:        @component-active-bg;
  
  //** Disabled dropdown menu item background color.
  @dropdown-link-disabled-color:   @gray-light;
  
  //** Text color for headers within dropdown menus.
  @dropdown-header-color:          @gray-light;
  
  // Note: Deprecated @dropdown-caret-color as of v3.1.0
  @dropdown-caret-color:           #000;
  
  
  //-- Z-index master list
  //
  // Warning: Avoid customizing these values. They're used for a bird's eye view
  // of components dependent on the z-axis and are designed to all work together.
  //
  // Note: These variables are not generated into the Customizer.
  
  @zindex-navbar:            1000;
  @zindex-dropdown:          1000;
  @zindex-popover:           1010;
  @zindex-tooltip:           1030;
  @zindex-navbar-fixed:      1030;
  @zindex-modal-background:  1040;
  @zindex-modal:             1050;
  
  
  //== Media queries breakpoints
  //
  //## Define the breakpoints at which your layout will change, adapting to different screen sizes.
  
  // Extra small screen / phone
  // Note: Deprecated @screen-xs and @screen-phone as of v3.0.1
  @screen-xs:                  480px;
  @screen-xs-min:              @screen-xs;
  @screen-phone:               @screen-xs-min;
  
  // Small screen / tablet
  // Note: Deprecated @screen-sm and @screen-tablet as of v3.0.1
  @screen-sm:                  768px;
  @screen-sm-min:              @screen-sm;
  @screen-tablet:              @screen-sm-min;
  
  // Medium screen / desktop
  // Note: Deprecated @screen-md and @screen-desktop as of v3.0.1
  @screen-md:                  992px;
  @screen-md-min:              @screen-md;
  @screen-desktop:             @screen-md-min;
  
  // Large screen / wide desktop
  // Note: Deprecated @screen-lg and @screen-lg-desktop as of v3.0.1
  @screen-lg:                  1200px;
  @screen-lg-min:              @screen-lg;
  @screen-lg-desktop:          @screen-lg-min;
  
  // So media queries don't overlap when required,provide a maximum@screen-xs-max:(@screen-sm-min - 1);@screen-sm-max:(@screen-md-min - 1);@screen-md-max:(@screen-lg-min - 1);// variables.less@screen-0300:300px;// mobile@screen-0320:320px;// mobile-vertical@screen-0480:480px;// mobile-not@screen-0700:700px;// tablet@screen-0768:768px;// tablet-vertical@screen-1224:1224px;// desktop@screen-1280:1280px;// hdtv@screen-1824:1824px;// desktop-wide
  
  //== Grid system
  //
  //## Define your custom responsive grid.
  
  //** Number of columns in the grid.@grid-columns:12;//** Padding between columns. Gets divided in half for the left and right.@grid-gutter-width:30px;// Navbar collapse
  //** Point at which the navbar becomes uncollapsed.@grid-float-breakpoint:@screen-sm-min;//** Point at which the navbar begins collapsing.@grid-float-breakpoint-max:(@grid-float-breakpoint - 1);//== Container sizes
  //
  //## Define the maximum width of `.container` for different screen sizes.
  
  // Small screen / tablet@container-tablet:((720px +@grid-gutter-width));//** For `@screen-sm-min` and up.@container-sm:@container-tablet;// Medium screen / desktop@container-desktop:((940px +@grid-gutter-width));//** For `@screen-md-min` and up.@container-md:@container-desktop;// Large screen / wide desktop@container-large-desktop:((1140px +@grid-gutter-width));//** For `@screen-lg-min` and up.@container-lg:@container-large-desktop;//== Navbar
  //
  //##
  
  // Basics of a navbar@navbar-height:50px;@navbar-margin-bottom:@line-height-computed;@navbar-border-radius:@border-radius-base;@navbar-padding-horizontal:floor((@grid-gutter-width / 2));@navbar-padding-vertical:((@navbar-height -@line-height-computed) / 2);@navbar-collapse-max-height:340px;@navbar-default-color:#777;//@navbar-default-bg:#f8f8f8;@navbar-default-border:darken(@navbar-default-bg,6.5%);// Navbar links@navbar-default-link-color:#777;@navbar-default-link-hover-color:#333;@navbar-default-link-hover-bg:transparent;@navbar-default-link-active-color:#555;@navbar-default-link-active-bg:darken(@navbar-default-bg,6.5%);@navbar-default-link-disabled-color:#ccc;@navbar-default-link-disabled-bg:transparent;// Navbar brand label@navbar-default-brand-color:@navbar-default-link-color;@navbar-default-brand-hover-color:darken(@navbar-default-brand-color,10%);@navbar-default-brand-hover-bg:transparent;// Navbar toggle@navbar-default-toggle-hover-bg:#ddd;@navbar-default-toggle-icon-bar-bg:#888;@navbar-default-toggle-border-color:#ddd;// Inverted navbar
  // Reset inverted navbar basics@navbar-inverse-color:@gray-light;@navbar-inverse-bg:#222;@navbar-inverse-border:darken(@navbar-inverse-bg,10%);// Inverted navbar links@navbar-inverse-link-color:@gray-light;@navbar-inverse-link-hover-color:#fff;@navbar-inverse-link-hover-bg:transparent;@navbar-inverse-link-active-color:@navbar-inverse-link-hover-color;@navbar-inverse-link-active-bg:darken(@navbar-inverse-bg,10%);@navbar-inverse-link-disabled-color:#444;@navbar-inverse-link-disabled-bg:transparent;// Inverted navbar brand label@navbar-inverse-brand-color:@navbar-inverse-link-color;@navbar-inverse-brand-hover-color:#fff;@navbar-inverse-brand-hover-bg:transparent;// Inverted navbar toggle@navbar-inverse-toggle-hover-bg:#333;@navbar-inverse-toggle-icon-bar-bg:#fff;@navbar-inverse-toggle-border-color:#333;//== Navs
  //
  //##
  
  //=== Shared nav styles@nav-link-padding:10px 15px;//@nav-link-hover-bg:@gray-lighter;@nav-disabled-link-color:@gray-light;@nav-disabled-link-hover-color:@gray-light;@nav-open-link-hover-color:#fff;//== Tabs@nav-tabs-border-color:#ddd;//@nav-tabs-link-hover-border-color:@gray-lighter;//@nav-tabs-active-link-hover-bg:@body-bg;//@nav-tabs-active-link-hover-color:@gray;@nav-tabs-active-link-hover-border-color:#ddd;@nav-tabs-justified-link-border-color:#ddd;@nav-tabs-justified-active-link-border-color:@body-bg;//== Pills@nav-pills-border-radius:@border-radius-base;@nav-pills-active-link-hover-bg:@component-active-bg;@nav-pills-active-link-hover-color:@component-active-color;//== Pagination
  //
  //##@pagination-color:@link-color;@pagination-bg:#fff;@pagination-border:#ddd;@pagination-hover-color:@link-hover-color;@pagination-hover-bg:@gray-lighter;@pagination-hover-border:#ddd;@pagination-active-color:#fff;@pagination-active-bg:@brand-primary;@pagination-active-border:@brand-primary;@pagination-disabled-color:@gray-light;@pagination-disabled-bg:#fff;@pagination-disabled-border:#ddd;//== Pager
  //
  //##@pager-bg:@pagination-bg;@pager-border:@pagination-border;@pager-border-radius:15px;@pager-hover-bg:@pagination-hover-bg;@pager-active-bg:@pagination-active-bg;@pager-active-color:@pagination-active-color;@pager-disabled-color:@pagination-disabled-color;//== Jumbotron
  //
  //##@jumbotron-padding:30px;@jumbotron-color:inherit;@jumbotron-bg:@gray-lighter;@jumbotron-heading-color:inherit;@jumbotron-font-size:ceil((@font-size-base * 1.5));//== Form states and alerts
  //
  //## Define colors for form feedback states and,by default,alerts.@state-success-text:#3c763d;@state-success-bg:#dff0d8;@state-success-border:darken(spin(@state-success-bg,-10),5%);@state-info-text:#31708f;@state-info-bg:#d9edf7;@state-info-border:darken(spin(@state-info-bg,-10),7%);@state-warning-text:#8a6d3b;@state-warning-bg:#fcf8e3;@state-warning-border:darken(spin(@state-warning-bg,-10),5%);@state-danger-text:#a94442;@state-danger-bg:#f2dede;@state-danger-border:darken(spin(@state-danger-bg,-10),5%);//== Tooltips
  //
  //##
  
  //** Tooltip max width@tooltip-max-width:200px;//** Tooltip text color@tooltip-color:#fff;//** Tooltip background color@tooltip-bg:#000;@tooltip-opacity:.9;//** Tooltip arrow width@tooltip-arrow-width:5px;//** Tooltip arrow color@tooltip-arrow-color:@tooltip-bg;//== Popovers
  //
  //##
  
  //** Popover body background color@popover-bg:#fff;//** Popover maximum width@popover-max-width:276px;//** Popover border color@popover-border-color:rgba(0,0,0,.2);//** Popover fallback border color@popover-fallback-border-color:#ccc;//** Popover title background color@popover-title-bg:darken(@popover-bg,3%);//** Popover arrow width@popover-arrow-width:10px;//** Popover arrow color@popover-arrow-color:#fff;//** Popover outer arrow width@popover-arrow-outer-width:(@popover-arrow-width + 1);//** Popover outer arrow color@popover-arrow-outer-color:fadein(@popover-border-color,5%);//** Popover outer arrow fallback color@popover-arrow-outer-fallback-color:darken(@popover-fallback-border-color,20%);//== Labels
  //
  //##
  
  //** Default label background color@label-default-bg:@gray-light;//** Primary label background color@label-primary-bg:@brand-primary;//** Success label background color@label-success-bg:@brand-success;//** Info label background color@label-info-bg:@brand-info;//** Warning label background color@label-warning-bg:@brand-warning;//** Danger label background color@label-danger-bg:@brand-danger;//** Default label text color@label-color:#fff;//** Default text color of a linked label@label-link-hover-color:#fff;//== Modals
  //
  //##
  
  //** Padding applied to the modal body@modal-inner-padding:20px;//** Padding applied to the modal title@modal-title-padding:15px;//** Modal title line-height@modal-title-line-height:@line-height-base;//** Background color of modal content area@modal-content-bg:#fff;//** Modal content border color@modal-content-border-color:rgba(0,0,0,.2);//** Modal content border color **for IE8**@modal-content-fallback-border-color:#999;//** Modal backdrop background color@modal-backdrop-bg:#000;//** Modal backdrop opacity@modal-backdrop-opacity:.5;//** Modal header border color@modal-header-border-color:#e5e5e5;//** Modal footer border color@modal-footer-border-color:@modal-header-border-color;@modal-lg:900px;@modal-md:600px;@modal-sm:300px;//== Alerts
  //
  //## Define alert colors,border radius,and padding.@alert-padding:15px;@alert-border-radius:@border-radius-base;@alert-link-font-weight:bold;@alert-success-bg:@state-success-bg;@alert-success-text:@state-success-text;@alert-success-border:@state-success-border;@alert-info-bg:@state-info-bg;@alert-info-text:@state-info-text;@alert-info-border:@state-info-border;@alert-warning-bg:@state-warning-bg;@alert-warning-text:@state-warning-text;@alert-warning-border:@state-warning-border;@alert-danger-bg:@state-danger-bg;@alert-danger-text:@state-danger-text;@alert-danger-border:@state-danger-border;//== Progress bars
  //
  //##
  
  //** Background color of the whole progress component@progress-bg:#f5f5f5;//** Progress bar text color@progress-bar-color:#fff;//** Default progress bar color@progress-bar-bg:@brand-primary;//** Success progress bar color@progress-bar-success-bg:@brand-success;//** Warning progress bar color@progress-bar-warning-bg:@brand-warning;//** Danger progress bar color@progress-bar-danger-bg:@brand-danger;//** Info progress bar color@progress-bar-info-bg:@brand-info;//== List group
  //
  //##
  
  //** Background color on `.list-group-item`@list-group-bg:#fff;//** `.list-group-item` border color@list-group-border:#ddd;//** List group border radius@list-group-border-radius:@border-radius-base;//** Background color of single list elements on hover@list-group-hover-bg:#f5f5f5;//** Text color of active list elements@list-group-active-color:@component-active-color;//** Background color of active list elements@list-group-active-bg:@component-active-bg;//** Border color of active list elements@list-group-active-border:@list-group-active-bg;@list-group-active-text-color:lighten(@list-group-active-bg,40%);@list-group-link-color:#555;@list-group-link-heading-color:#333;//== Panels
  //
  //##
  
  //@panel-bg:contrast(@text-color);@panel-bg:contrast(@text-color,darken(@text-color,10%),lighten(@text-color,10%));@panel-body-padding:15px;@panel-border-radius:@border-radius-base;//** Border color for elements within panels@panel-inner-border:#ddd;@panel-footer-bg:#f5f5f5;@panel-default-text:@gray-dark;@panel-default-border:#ddd;@panel-default-heading-bg:#f5f5f5;@panel-primary-text:#fff;@panel-primary-border:@brand-primary;@panel-primary-heading-bg:@brand-primary;@panel-success-text:@state-success-text;@panel-success-border:@state-success-border;@panel-success-heading-bg:@state-success-bg;@panel-info-text:@state-info-text;@panel-info-border:@state-info-border;@panel-info-heading-bg:@state-info-bg;@panel-warning-text:@state-warning-text;@panel-warning-border:@state-warning-border;@panel-warning-heading-bg:@state-warning-bg;@panel-danger-text:@state-danger-text;@panel-danger-border:@state-danger-border;@panel-danger-heading-bg:@state-danger-bg;//== Thumbnails
  //
  //##
  
  //** Padding around the thumbnail image@thumbnail-padding:4px;//** Thumbnail background color@thumbnail-bg:@body-bg;//** Thumbnail border color@thumbnail-border:#ddd;//** Thumbnail border radius@thumbnail-border-radius:@border-radius-base;//** Custom text color for thumbnail captions@thumbnail-caption-color:@text-color;//** Padding around the thumbnail caption@thumbnail-caption-padding:9px;//== Wells
  //
  //##@well-bg:darken(@body-bg,7%);@well-border:darken(@well-bg,7%);//== Badges
  //
  //##@badge-color:#fff;//** Linked badge text color on hover@badge-link-hover-color:#fff;@badge-bg:@gray-light;//** Badge text color in active nav link@badge-active-color:@link-color;//** Badge background color in active nav link@badge-active-bg:#fff;@badge-font-weight:bold;@badge-line-height:1;@badge-border-radius:10px;//== Breadcrumbs
  //
  //##@breadcrumb-padding-vertical:8px;@breadcrumb-padding-horizontal:15px;//** Breadcrumb background color@breadcrumb-bg:#f5f5f5;//** Breadcrumb text color@breadcrumb-color:#ccc;//** Text color of current page in the breadcrumb@breadcrumb-active-color:@gray-light;//** Textual separator for between breadcrumb elements@breadcrumb-separator:"/";//== Carousel
  //
  //##@carousel-text-shadow:0 1px 2px rgba(0,0,0,.6);@carousel-control-color:#fff;@carousel-control-width:15%;@carousel-control-opacity:.5;@carousel-control-font-size:20px;@carousel-indicator-active-bg:#fff;@carousel-indicator-border-color:#fff;@carousel-caption-color:#fff;//== Close
  //
  //##@close-font-weight:bold;@close-color:#000;@close-text-shadow:0 1px 0 #fff;//== Code
  //
  //##@code-color:#c7254e;@code-bg:#f9f2f4;@kbd-color:#fff;@kbd-bg:#333;@pre-bg:#f5f5f5;@pre-color:@gray-dark;@pre-border-color:#ccc;@pre-scrollable-max-height:340px;//== Type
  //
  //##
  
  //** Text muted color@text-muted:@gray-light;//** Abbreviations and acronyms border color@abbr-border-color:@gray-light;//** Headings small color@headings-small-color:@gray-light;//** Blockquote small color@blockquote-small-color:@gray-light;//** Blockquote font size@blockquote-font-size:(@font-size-base * 1.25);//** Blockquote border color@blockquote-border-color:@gray-lighter;//** Page header border color@page-header-border-color:@gray-lighter;//== Miscellaneous
  //
  //##
  
  //** Horizontal line color.@hr-border:@gray-lighter;//** Horizontal offset for forms and lists.@component-offset-horizontal:180px;// Media query variables.@tablet:~"screen and (min-width: @{screen-sm-min})";@normal:~"screen and (min-width: @{screen-md-min})";@wide:~"screen and (min-width: @{screen-lg-min})";// Drop shadows.
  .box-shadow(@shadow){-webkit-box-shadow:@shadow;-moz-box-shadow:@shadow;box-shadow:@shadow;}html{&.overlay-open .navbar-fixed-top{z-index:400;}&.js{// Collapsible fieldsets.
      fieldset.collapsed{height:auto;}// Throbbers.
      input.form-autocomplete{background-image:none;}}}body{// Fix horizontal scrolling on iOS devices.
    // http://drupal.org/node/1870076
    position:relative;&.admin-expanded.admin-vertical.admin-nw .navbar,&.admin-expanded.admin-vertical.admin-sw .navbar{margin-left:260px;}// Add padding to body if various toolbar or navbars are fixed on top.
    &.navbar-is-fixed-top{padding-top:64px !important;}&.navbar-is-fixed-bottom{padding-bottom:64px !important;}&.toolbar{padding-top:30px !important;.navbar-fixed-top{top:30px;}&.navbar-is-fixed-top{padding-top:94px !important;}}&.toolbar-drawer{padding-top:64px !important;.navbar-fixed-top{top:64px;}&.navbar-is-fixed-top{padding-top:128px !important;}}// Admin_menu toolbar.
    &.admin-menu{.navbar-fixed-top{top:29px;}&.navbar-is-fixed-top{padding-top:93px !important;}}div#admin-toolbar{z-index:1600;}// Override box-shadow styles on all "admin" menus.
    #toolbar,#admin-menu,#admin-toolbar{.box-shadow(none);}// Override #admin-menu style.
    #admin-menu{margin:0;padding:0;position:fixed;z-index:1600;.dropdown li{line-height:normal;}}}// Default navbar.
  .navbar.container{@media @tablet {
 max-width:((@container-sm -@grid-gutter-width)); 
}@media @normal {
 max-width:((@container-md -@grid-gutter-width)); 
}@media @wide {
 max-width:((@container-lg -@grid-gutter-width)); 
}margin-top:20px;> .container{margin:0;padding:0;width:auto;}}// Adjust z-index of core components.
  #overlay-container,.overlay-modal-background,.overlay-element{z-index:1500;}#toolbar{z-index:1600;}// Adjust z-index of bootstrap modals
  .modal{z-index:1620;}.modal-dialog{z-index:1630;}.modal-backdrop{z-index:1610;}.footer{margin-top:45px;padding-top:35px;padding-bottom:36px;border-top:1px solid #E5E5E5;}// Element invisible fix
  .element-invisible{margin:0;padding:0;width:1px;}// Branding.
  .navbar .logo{margin-right:-15px;padding-left:15px;padding-right:15px;@media @tablet {
 margin-right:0;padding-left:0; 
}}// Navigation.
  ul.secondary{float:left;@media @tablet {
 float:right; 
}}// Page header.
  .page-header{margin-top:0;}// Blocks
  .block{&:first-child h2.block-title{margin-top:0;}}// Paragraphs.
  p:last-child{margin-bottom:0;}// Help region.
  .region-help{> .glyphicon{font-size:@font-size-large;float:left;margin:-0.05em 0.5em 0 0;}.block{overflow:hidden;}}// Search form.
  form#search-block-form{margin:0;}.navbar #block-search-form{float:none;margin:5px 0 5px 5px;@media @normal {
 float:right; 
}}.navbar-search .control-group{margin-bottom:0px;}// Action Links
  ul.action-links{margin:@padding-base-horizontal 0;padding:0;li{display:inline;margin:0;padding:0@padding-base-vertical 0 0;}.glyphicon{padding-right:0.5em;}}// Form elements.
  input,textarea,select,.uneditable-input{max-width:100%;width:auto;}input.error{color:@state-danger-text;border-color:@state-danger-border;}fieldset legend.panel-heading{float:left;line-height:1em;margin:0;}fieldset .panel-body{clear:both;display:inherit;}fieldset .panel-heading a.panel-title{color:inherit;display:block;margin:-10px -15px;padding:10px 15px;&:hover{text-decoration:none;}}.form-horizontal .form-group{margin-left:0;margin-right:0;}.form-actions{clear:both;}.resizable-textarea textarea{border-radius:@border-radius-base@border-radius-base 0 0;}.radio,.checkbox{&:first-child{margin-top:0;}&:last-child{margin-bottom:0;}}.radio,.checkbox{margin-bottom:0;}.help-block,.control-group .help-inline{color:@gray-light;font-size:12px;margin:5px 0 10px;padding:0;}.panel-heading{display:block;}a.tabledrag-handle .handle{height:auto;width:auto;}// Error containers.
  .error{color:@state-danger-text;}div.error,table tr.error{background-color:@state-danger-bg;color:@state-danger-text;}.control-group.error{background:none;label,.control-label{color:@state-danger-text;font-weight:600;}input,textarea,select,.uneditable-input{color:@input-color;border:1px solid@input-border;}.help-block,.help-inline{color:@text-color;}}// Lists
  .list-inline{> li.first{padding-left:0;}}.nav-tabs{margin-bottom:10px;}ul li.collapsed,ul li.expanded,ul li.leaf{list-style:none;list-style-image:none;}.tabs--secondary{margin:0 0 10px;}// Submitted
  .submitted{margin-bottom:1em;font-style:italic;font-weight:normal;color:#777;}// Password strength indicator.
  .password-strength{width:17em;float:right;margin-top:1.4em;}.password-strength-title{display:inline;}.password-strength-text{float:right;font-weight:bold;}.password-indicator{background-color:darken(@input-color-placeholder,2%);height:0.3em;width:100%;div{height:100%;width:0%;background-color:@input-color-placeholder;}}input.password-confirm,input.password-field{width:16em;margin-bottom:0.4em;}div.password-confirm{float:right;margin-top:1.5em;visibility:hidden;width:17em;}div.form-item div.password-suggestions{padding:0.2em 0.5em;margin:0.7em 0;width:38.5em;border:1px solid #B4B4B4;}div.password-suggestions ul{margin-bottom:0;}.confirm-parent,.password-parent{clear:left;margin:0;width:36.3em;}// Progress bar.
  .progress-wrapper .progress{margin-bottom:10px;}// Views AJAX pager.
  .pagination ul > li > a{&.progress-disabled{float:left;}}// Autocomplete and throbber
  .form-autocomplete{.glyphicon{color:@gray-light;font-size:120%;&.glyphicon-spin{color:@brand-primary;}}.input-group-addon{background-color:rgb(255,255,255);}}// AJAX "Throbber".
  .ajax-progress{.glyphicon{font-size:90%;margin:0 -.25em 0 0.5em;}}.glyphicon-spin{display:inline-block;-moz-animation:spin 1s infinite linear;-o-animation:spin 1s infinite linear;-webkit-animation:spin 1s infinite linear;animation:spin 1s infinite linear;}a .glyphicon-spin{display:inline-block;text-decoration:none;}@-moz-keyframes spin{0%{-moz-transform:rotate(0deg);}100%{-moz-transform:rotate(359deg);}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);}100%{-webkit-transform:rotate(359deg);}}@-o-keyframes spin{0%{-o-transform:rotate(0deg);}100%{-o-transform:rotate(359deg);}}@-ms-keyframes spin{0%{-ms-transform:rotate(0deg);}100%{-ms-transform:rotate(359deg);}}@keyframes spin{0%{transform:rotate(0deg);}100%{transform:rotate(359deg);}}.glyphicon-refresh{-webkit-transform-origin:50% 45%;-moz-transform-origin:50% 45%;-ms-transform-origin:50% 45%;-o-transform-origin:50% 45%;transform-origin:50% 45%;}.tabbable{margin-bottom:20px;}.tabs-below,.tabs-left,.tabs-right{> .nav-tabs{border-bottom:0;.summary{color:@nav-disabled-link-color;font-size:@font-size-small;}}}.tab-pane > .panel-heading{display:none;}.tab-content > .active{display:block;}// Below.
  .tabs-below{> .nav-tabs{border-top:1px solid@nav-tabs-border-color;> li{margin-top:-1px;margin-bottom:0;> a{border-radius:0 0@border-radius-base@border-radius-base;&:hover,&:focus{border-top-color:@nav-tabs-border-color;border-bottom-color:transparent;}}}> .active{> a,> a:hover,> a:focus{border-color:transparent@nav-tabs-border-color@nav-tabs-border-color@nav-tabs-border-color;}}}}// Left and right tabs.
  .tabs-left,.tabs-right{> .nav-tabs{padding-bottom:20px;width:220px;> li{float:none;&:focus{outline:0;}> a{margin-right:0;margin-bottom:3px;&:focus{outline:0;}}}}> .tab-content{border-radius:0@border-radius-base@border-radius-base@border-radius-base;.box-shadow(0 1px 1px rgba(0,0,0,.05));border:1px solid@nav-tabs-border-color;overflow:hidden;padding:10px 15px;}}// Left tabs.
  .tabs-left{> .nav-tabs{float:left;margin-right:-1px;> li > a{border-radius:@border-radius-base 0 0@border-radius-base;&:hover,&:focus{border-color:@nav-tabs-link-hover-border-color@nav-tabs-border-color@nav-tabs-link-hover-border-color@nav-tabs-link-hover-border-color;}}> .active > a,> .active > a:hover,> .active > a:focus{border-color:@nav-tabs-border-color transparent@nav-tabs-border-color@nav-tabs-border-color;.box-shadow(-1px 1px 1px rgba(0,0,0,.05));}}}// Right tabs.
  .tabs-right{> .nav-tabs{float:right;margin-left:-1px;> li > a{border-radius:0@border-radius-base@border-radius-base 0;&:hover,&:focus{border-color:@nav-tabs-link-hover-border-color@nav-tabs-link-hover-border-color@nav-tabs-link-hover-border-color@nav-tabs-border-color;.box-shadow(1px 1px 1px rgba(0,0,0,.05));}}> .active > a,> .active > a:hover,> .active > a:focus{border-color:@nav-tabs-border-color@nav-tabs-border-color@nav-tabs-border-color transparent;}}}// Checkbox cell fix.
  th.checkbox,td.checkbox,th.radio,td.radio{display:table-cell;}// Views UI fixes.
  .views-display-settings{.label{font-size:100%;color:#666666;}.footer{padding:0;margin:4px 0 0 0;}}// Radio and checkbox in table fixes
  table{.radio input[type="radio"],.checkbox input[type="checkbox"]{max-width:inherit;}}// Exposed filters
  .form-horizontal .form-group label{position:relative;min-height:1px;margin-top:0;margin-bottom:0;padding-top:7px;padding-left:(@grid-gutter-width / 2);padding-right:(@grid-gutter-width / 2);text-align:right;@media (min-width:@screen-sm-min) {
 float:left;width:percentage((2 /@grid-columns)); 
}}// Treat all links inside alert as .alert-link
  .alert a{font-weight:@alert-link-font-weight;}.alert-success a{color:darken(@alert-success-text,10%);}.alert-info a{color:darken(@alert-info-text,10%);}.alert-warning a{color:darken(@alert-warning-text,10%);}.alert-danger a{color:darken(@alert-danger-text,10%);}// Override image module.
  div.image-style-new,div.image-style-new div{display:block;}div.image-style-new div.input-group{display:table;}td.module,.table-striped>tbody>tr:nth-child(odd)>td.module,.table>tbody>tr>td.module{background:@table-border-color;font-weight:700;}// Theme specific.// Insert your styling here.// Insert your styling here.// Insert your styling here.// Media Queries specific.@media all and (display-mode:standalone),all and (display-mode:fullscreen),all and (display-mode:minimal-ui) {
 #usermenu{// padding-bottom:env(safe-area-inset-bottom)!important;padding-bottom:1em !important;} 
}#usermenu:-webkit-full-screen .selector{padding-bottom:1em !important;}@media only screen
and (max-width :480px) {
 .loyalty-logo{max-width:100px;}.loyalty-container .ui.menu{font-size:smaller;}.onlyondesktop{display:none!important;height:0!important;width:0!important;overflow:hidden!important;color:transparent!important;padding:0!important;margin:0!important;}.actionusermenu{bottom:50px!important;}.container.max600{width:100%!important;margin-left:0!important;margin-right:0!important;}// .ui.big.card,.ui.cards>.big.card{// //   max-width:70vw!important;//}.ui.floated.medium_media.image,.ui.floated.card_media.image{float:none;margin-left:auto;margin-right:auto;display:block;}.ui.floated.image.medium_media{width:180px;}.ui.floated.image.card_media{width:290px;}#m_book,.mi-be-book-btn{//boton reserva hotelsd
      position:fixed;// bottom:51px;// bottom:var(--usermenu-height) +10px !important;// valor por defecto 55px  left:50% !important;bottom:2px !important;right:2px;z-index:99;width:auto!important;padding:7px 30px!important;border-radius:3px!important;}#mirai_be0{height:auto!important;}.mobilestickycp{position:fixed;bottom:40px;z-index:99;right:20px;}.mobilestickycp.showmemodal{bottom:49px;right:0px;}.ui-widget-content{max-width:100%;}.form-type-media{padding-bottom:15px;}.big-card-list .image,.card_list .image,.card.list > .item > .image,.card-list.list > .item > .image{display:flex;margin-left:auto;margin-bottom:10px;margin-right:auto;}.medium-list.list > .item > .image,.medium-card-list .image,.medium-card.list > .item > .image,.medium-card-list.list > .item > .image,.medium_card_list .image,.medium-card-orig.list > .item > .image,.medium-card-list-orig.list > .item > .image{display:block!important;margin-left:auto!important;margin-right:auto!important;margin-top:10px!important;margin-bottom:10px!important;padding:0!important;}.medium_card_list .image{width:180px;}.card_list .image{width:290px;}.big-card-list .image{width:600px;}.big-card-list .item{gap:1rem!important;margin-bottom:1rem!important;}.big-card-list .item .image{flex:auto!important;}/////////// NEW ////////////
  
                                  ///a verificar dpm viene de tablet maxwidth 767
                                    .card-list .item,.big-card-list .item{flex-direction:column !important;gap:1.5rem;}.big-card-list .item .image img{height:350px;}.big-card-list .item .header{font-size:2rem !important;}.big-card-list .item .description{font-size:1.2rem !important;}.card-list .item .image,.big-card-list .item .image{width:auto !important;//  margin:0 -1rem!important;}.card-list .item .image img,.big-card-list .item .image img{width:100vw;max-width:none;}//end a verificar dpm viene de tablet maxwidth 767
  
  
  
    .card-list .item,.big-card-list .item{display:flex !important;flex-direction:column !important;margin-bottom:2rem;gap:1rem;.image{margin:0 -1rem;img{width:100vw;height:250px;object-fit:cover;border-radius:0;}}.content{padding:0 1rem;}.header{font-size:1.5rem !important;margin-bottom:1rem;}.description{font-size:1rem !important;line-height:1.6;}}.big-card-list .item{gap:1rem !important;margin-bottom:1rem !important;.image{flex:auto !important;}}/////////// END NEW ////////////
    .ui.cards.card_css>.card{width:80%;//override 290px}.price_highlighted{font-size:19px;}#wrapper-bg-img,#wrapper-text-4bg{height:500px;}#wrapper-cover-img{height:250px;}#backup_darkerimage_wrapper-bg-img:before{//background:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0%,rgba(0,0,0,0.1)),color-stop(50%,rgba(0,0,0,0.2)),color-stop(100%,rgba(0,0,0,0.5)));//background:-webkit-linear-gradient(rgba(0,0,0,0.1) 0%,rgba(0,0,0,0.2) 50%,rgba(0,0,0,0.1) 100%);//background:-moz-linear-gradient(rgba(0,0,0,0.1) 0%,rgba(0,0,0,0.2) 50%,rgba(0,0,0,0.1) 100%);//background:-o-linear-gradient(rgba(0,0,0,0.1) 0%,rgba(0,0,0,0.2) 50%,rgba(0,0,0,0.1) 100%);//background:linear-gradient(rgba(255,255,255,0.9) 0%,rgba(255,,0,0.2) 50%,rgba(0,0,0,0.1) 100%);//background-color:rgba(255,255,255,0.7);background-color:rgba(0,0,0,0.3);content:"";display:block;pointer-events:none;position:absolute;//height:100%;width:100%;//z-index:1;height:100%;//margin-left:-15px;}#wrapper-text-benef_call2{bottom:0;margin-bottom:160px;//margin-top:300px;}#wrapper-text-benef_call2 .panel-benef-left,#wrapper-text-benef_call2 .panel-benef-left a{font-size:22px;//color:@text-color;text-decoration:none;color:#FFFFFF;text-shadow:1px 1px 4px rgba(0,0,0,0.8);}//mobile 100%
    .width70left{width:100%;float:none;}//mobile 100%
    .width30left{width:100%;float:none;}.notonmobile{display:none!important;height:0!important;width:0!important;overflow:hidden!important;color:transparent!important;padding:0!important;margin:0!important;}.masonry-item{width:275px;margin-bottom:10px;}.medium-card .masonry-item,.medium-card-orig .masonry-item,.medium-card-compact .masonry-item,.medium-card-compact-orig .masonry-item,.medium_media .masonry-item,.medium_card .masonry-item{width:150px!important;}.main-text-container{width:100%!important;}.logoeditleft{width:100%!important;float:none!important;}.logoeditleft .media-widget .preview{margin-top:0;float:left;}.tabs-left > .nav-tabs,.tabs-right > .nav-tabs{width:90px;}.overflowscrollmobile{overflow:scroll;//   -ms-overflow-style:none;}.overflowscrollmobile .ui.pointing.upward.dropdown .menu.transition.visible,.overflowscrollmobile .ui.top.pointing.upward.dropdown .menu.transition.visible{position:fixed;bottom:75px !important;min-width:fit-content;right:3px;left:auto;}.mini-list.list>.item>.image,.mini-card.list>.item>.image,.mini-card-list.list>.item>.image,.mini-card-list.list .item img{width:85px!important;min-width:85px!important;height:85px!important;} 
}// mobile@media only screen
and (max-width :480px)
and (orientation :landscape) {
 #wrapper-bg-img,#wrapper-text-4bg{height:300px;}#wrapper-text-benef_call2{margin-bottom:60px;} 
}@media only screen
and (min-device-width :320px)
and (max-device-width :480px) {
  
}@media only screen
and (max-width:480px),only screen
and (max-device-width:480px) {
  
}@media only screen and (-webkit-min-device-pixel-ratio :1.5),only screen and (min-device-pixel-ratio :1.5) {
  
}@media only screen and (-webkit-min-device-pixel-ratio:5.1),only screen and (min-device-pixel-ratio:5.1) {
  
}@media (device-height:568px) and (-webkit-min-device-pixel-ratio:2) {
  
}@media only screen
and (max-width:241px) {
  
}@media only screen
and (min-width:375px)
and (max-width:385px) {
  
}@media only screen
and (min-device-width :320px)
and (max-device-width :569px) {
  
}@media only screen
and (min-width:680px)
and (max-width:690px) {
  
}@media only screen
and (min-width:595px)
and (max-width:610px) {
  
}@media only screen
and (min-width:1000px)
and (max-width:1030px) {
  
}//@media only screen and (max-device-width :320px) {
 // 
}@media only screen 
and (max-width :320px) {
  
}@media screen and (max-width:320px) {
  
}@media only screen
and (min-device-width :320px)
and (max-device-width :480px)
and (orientation :portrait)
and (-webkit-min-device-pixel-ratio :2) {
  
}//@media only screen and (min-device-width :321px) {
 // 
}@media only screen 
and (min-width :321px) {
  
}@media screen and (max-width:480px) {
  
}@media only screen
and (min-device-width :320px)
and (max-device-width :480px)
and (orientation :landscape)
and (-webkit-min-device-pixel-ratio :2) {
  
}@media only screen 
and (min-width :481px) {
 .onlyonmobile{display:none!important;height:0!important;width:0!important;overflow:hidden!important;color:transparent!important;padding:0!important;margin:0!important;}.page-user-login .main-container,.page-user-register .main-container,.page-user-password .main-container{//.domain-sharebettr-com.not-logged-in.page-welcome #welcome-content .container,border:solid 1px #777;border-radius:20px;float:none;width:350px;margin-left:auto;margin-right:auto;margin-top:60px;padding:20px;padding-top:20px!important;}.not-logged-in.page-user .main-container{border:solid 1px #777;border-radius:20px;float:none;width:100%;max-width:550px;margin-left:auto;margin-right:auto;margin-top:60px;padding:20px;padding-top:20px!important;min-height:100%;}.price_highlighted{font-size:24px;float:left;position:relative;}#wrapper-bg-img{height:600px;}#wrapper-cover-img{height:300px;}#wrapper-text-4bg{height:600px;}#wrapper-text-benef_call2{bottom:0;margin-bottom:50px;}#wrapper-text-benef_call2,#wrapper-text-benef_call2 a{text-shadow:1px 1px 4px rgba(0,0,0,0.8);}#wrapper-text-benef_call2 .panel-benef-left,#wrapper-text-benef_call2 .panel-benef-left a{font-size:30px;text-decoration:none;color:#FFFFFF;}//mobile 100%
  .width70left{width:70%;float:left;min-width:310px;}//mobile 100%
  .width30left{width:30%;}.masonry-item{margin-bottom:5px;width:240px;margin-right:5px;}.main-text-container{width:100%!important;}.contactincover .inner,.contactincover,.sidebar-right-container{width:100%!important;}.contactincover{position:relative;margin-top:0;height:auto;z-index:99;}.notmobilestickycp{position:fixed;bottom:40px;z-index:99;right:20px;}.notmobilestickycp2{position:fixed;bottom:105px;z-index:99;right:20px;}.notmobilestickycp3{position:fixed;bottom:170px;z-index:99;right:20px;} 
}// bootstrap Small screen / tablet -@screen-sm:768px;@media only screen
and (max-width :767px) {
 .containernope{margin-top:-50px;}#calltoactionmobile{height:50px;// height of the mobile top menu}#navbar{min-height:5px!important;}.menu-is-fixed #pre_segments{margin-top:var(--menu-height-mobile) !important;}.carousel-background{z-index:999;//}.messagetab-container .messages{margin-top:50px;}.messagetab-container .tabs--primary{margin-top:50px;}#welcome_logo{top:50px!important;left:15px!important;}#welcome_logo img{max-height:100px;}#welcome_logo_cover{top:0px;// left:15px;//margin-top:-@menubarheight +@menubarheightopaque;// only when welcome logo}.text-container-right.text-container{//bottom:initial;top:0;width:100%;}.carousel-background .text-container-right.text-container{top:200px;}.masthead .text-container{padding-top:15px;padding-bottom:15px;padding-left:15px;padding-right:15px;//border-bottom:1px inset lighten(@text-color,50%);}.region-slideright-nav .block-lang-dropdown.navbar-collapse.collapse{display:block !important;}#wrapper-text-benef_call2 td{float:left;width:100%;}.logonavbar{width:80%;}.logonavbar img{max-height:50px;max-width:100%;width:auto;}#block-menu-menu-userrightdesktop{display:none;}#calltoaction_mobile_button{display:block;position:absolute;top:200px;right:15px;}.ui.list.mini-card-list-compact .list>.item>.image,.ui.list.mini-card-list-compact>.item>.image,.ui.list.minicardlist .list>.item>.image,.ui.list.minicardlist>.item>.image{width:100px;padding-right:0!important;max-width:100px;}.main-text-container{width:100%!important;}.main-text-container .ui.image .content{margin-right:auto;margin-left:auto;width:290px;}.contactincover{display:none;}.sidebar-right-container{width:100%!important;}.ui.table :not(.unstackable) [class*="left aligned"]{text-align:center;}.ui.steps{//max-width:75px!important;-ms-flex-direction:row;flex-direction:row;margin-bottom:10px!important;margin-top:5px!important;}.ui.steps .step{width:auto!important;}// start mobile mirai
      //@media (max-device-width:767px){.mi-be.mi-be-mobile .mi-be-book-btn.mi-be-book-btn-form{// position:relative;width:100% !important;padding:10px 0 !important;left:0;}.mim-modal-open #welcome_logo{z-index:0;}.mim-modal-open .ui.menu.fixed{z-index:0;}.mi-be-square .mi-be .mi-be-chain-field,.mi-be-square .mi-be .DateRangePickerInput,.mi-be-square .mi-be .mi-be-multiroom-field,.mi-be-square .mi-be .mi-be-promo-field{border:1px solid;}.mi-be-datepicker-select .DateRangePickerInput .DateInput{width:7.2em;}.mi-be-square .mi-be .mi-dropdown .mi-dropdown-button label,.mi-be-square .mi-be .mi-be-datepicker-select .DateRangePickerInput .DateInput .DateInput_input,.mi-be-square .mi-be .mi-be-promo-field label input,.mi-be-square .mi-be .mi-be-book-btn{height:2em;line-height:2em;}.mi-be.mi-be-mobile{font-size:16px!important;}.mi-be.mi-be-mobile .mi-be-modal .mi-be-multiroom-footer .mi-be-multiroom-footer-add,.mi-be.mi-be-mobile .mi-be-modal .mi-be-multiroom-footer .mi-be-multiroom-footer-confirm,.mi-be.mi-be-mobile .mi-be-modal .mi-be-modal-footer .mi-be-date-picker-confirm{background:#50575f;}.mi-be.mi-be-mobile .mi-be-modal .mi-be-modal-header button.mi-be-modal-clear-date{color:#50575f;}.mi-be.mi-be-mobile .mi-be-modal .mi-be-modal-main .mi-be-modal-fields input.DateInput_input__focused{background:#c5ced9;}:root{--corporative-color:#50575f;--text-color__over-corporative-color:#e39404;--corporative-text-color:#50575f;--border-radius:0;}div[data-mirai-engine="mirai_rs"] .mi-be.mi-be-mobile{background:none;padding:0;margin:0;box-shadow:none;}div[data-mirai-engine="mirai_rs"] .mi-be.mi-be-mobile .mi-be-chain-field,div[data-mirai-engine="mirai_rs"] .mi-be.mi-be-mobile .DateRangePickerInput,div[data-mirai-engine="mirai_rs"] .mi-be.mi-be-mobile .mi-be-multiroom-field,div[data-mirai-engine="mirai_rs"] .mi-be.mi-be-mobile .mi-be-promo-field{box-shadow:none;background:#fff;color:#3d3d3d;border:1px solid var(--border-color);}div[data-mirai-engine="mirai_rs"] .mi-be .mi-dropdown .mi-dropdown-button label,div[data-mirai-engine="mirai_rs"] .mi-be .mi-be-datepicker-select .DateRangePickerInput .DateInput .DateInput_input,div[data-mirai-engine="mirai_rs"] .mi-be .mi-be-promo-field label input,div[data-mirai-engine="mirai_rs"] .mi-be .mi-be-book-btn{line-height:3rem;height:3rem;}div[data-mirai-engine="mirai_rs"] .mi-be .mi-be-book-btn{border-radius:var(--border-radius);}div[data-mirai-engine="mirai_rs"] .mi-be .mi-be-datepicker-select .DateRangePickerInput .DateRangePickerInput_calendarIcon,div[data-mirai-engine="mirai_rs"] .mi-be .mi-be-multiroom-field span.mi-ico-dropdown,div[data-mirai-engine="mirai_rs"] .mi-be .mi-be-promo-field span.mi-ico-code{display:inline-block;color:#3d3d3d;}div[data-mirai-engine="mirai_rs"] .mi-be-datepicker-select .DateRangePickerInput .DateRangePickerInput_arrow svg{fill:#3d3d3d;}div[data-mirai-engine="mirai_rs"] .mi-be.mi-be-mobile .mi-be-modal .mi-be-content-modal{background:#fff;}.mim-modal-open .ui.bottom.fixed.menu{z-index:0!important;}// override
        .mim-rs-room-header__alert,.mim-rs-rate-header__info,.mim-rs-rate-header__list li,.mim-rs-rate-boards,.mim-na-option-hotel-suggestion__location,.mim-extra__description,.mim-extra__summary,.mim-modal-body__manage-reservation-button,.mim-wizard__new-search,.mim-alert,.mim-footer__label{font-size:14px;}// end mobile mirai
  
  
      .ui.form .inline.fields .field{width:100% !important;margin:0 0 1em;padding-left:0;padding-right:0;}}/////////// NEW ////////////@media screen and (min-width:@screen-0700){//common rules list card header description...
  
  // refactorizar quitando -list y unificar
                .card-list .item,.big-card-list .item{margin-bottom:3rem;}.big-card-list .item{gap:4rem;margin-bottom:4rem;}.card-list .item{flex-direction:row !important;gap:2rem;align-items:flex-start;.image{flex:0 0 290px;margin:0;img{width:100%;height:290px;border-radius:8px;}}}.big-card-list .item{flex-direction:row !important;gap:3rem;align-items:center;margin-bottom:3rem;.image{flex:0 0 400px;margin:0;img{width:100%;height:400px;border-radius:8px;}}.header{font-size:2rem !important;}.description{font-size:1.2rem !important;}}}/////////// END NEW ////////////@media only screen
  and (min-width :769px){.menu-is-fixed  #pre_segments{margin-top:var(--menu-height) !important;}.onlytablet{display:none!important;height:0!important;width:0!important;overflow:hidden!important;color:transparent!important;padding:0!important;margin:0!important;}.onlymobile{display:none !important;height:0 !important;width:0 !important;overflow:hidden !important;color:transparent !important;padding:0 !important;margin:0 !important;}//@media (min-width:@screen-sm-min){.hide_if_bigger_than_ipad_portrait,.sb-toggle-right,.sb-toggle-left{display:none!important;}.miraifullpage #mirai_be10{//"Nights:"
    display:inline !important;}.miraifullpage #mirai_be7{// button check rates
      position:static!important;margin-top:20px!important;margin-bottom:20px!important;display:inline;}// //#navbar is legacy
    // #menu_main,// // #menu_main .ui.menu.fixed,// #navbar{//}.ui.menu.fixed{padding-bottom:1em;padding-left:0;padding-right:0;padding-top:1em;}#welcome_logo_nocover{//  margin-top:-65px;top:0;}.makeitwide #mainpagebody .mainstuff{padding-top:15px;}#welcome_logo_cover{top:0;//left:10%;}#welcome_logo{//top:0px -@menubarheightopaque;top:0px;}#calltoaction_mobile_button{display:none;}.text-container{position:absolute;bottom:0;z-index:2;}.masthead .text-container{color:#FFFFFF;text-shadow:1px 1px 4px rgba(0,0,0,0.8);font-size:24px!important;padding-top:15px;padding-bottom:30px;padding-left:30px;padding-right:30px;max-height:220px;text-decoration:none;}.masthead .text-container a{color:#FFFFFF;//  text-shadow:1px 1px 4px rgba(0,0,0,0.8);//  font-size:24px!important;//  padding-top:15px;//  padding-bottom:30px;//  padding-left:30px;//  padding-right:30px;//  max-height:220px;text-decoration:none;}.contactincover .inner,.contactincover,.sidebar-right-container{width:220px!important;padding-left:0!important;//padding-right:0!important;}.contactincover{position:absolute;margin-top:-280px;top:0;height:215px;z-index:999;}.contactincover .inner{position:absolute;bottom:0;padding-right:1rem;}.main-text-container{width:515px!important;}.ui.list.mini-card-list-compact .list>.item>.image,.ui.list.mini-card-list-compact .list>.item>.image svg,.ui.list.mini-card-list-compact>.item>.image,.ui.list.mini-card-list-compact>.item>.image svg,.ui.list.minicardlist .list>.item>.image,.ui.list.minicardlist .list>.item>.image svg,.ui.list.minicardlist>.item>.image,.ui.list.minicardlist>.item>.image svg{width:50px;min-width:50px;padding-right:0!important;//   max-width:50px;height:50px;}iframe.media-vimeo-player,iframe.media-youtube-player{// height:550px;1 oct 2017}}@media only screen
  and (min-device-width :768px)
  and (max-device-width :1024px){}@media only screen
  and (min-device-width :768px)
  and (max-device-width :1024px)
  and (-webkit-min-device-pixel-ratio:1){}@media only screen
  and (min-device-width :768px)
  and (max-device-width :1024px)
  and (-webkit-min-device-pixel-ratio:2){}@media only screen 
  and (min-device-width :768px) 
  and (max-device-width :1024px) 
  and (orientation :portrait){}@media only screen 
  and (min-device-width :768px) 
  and (max-device-width :1024px) 
  and (orientation :portrait) 
  and (-webkit-min-device-pixel-ratio:1){}@media
  only screen
  and (min-device-width :768px)
  and (max-device-width :1024px)
  and (orientation :portrait)
  and (-webkit-min-device-pixel-ratio :2){}@media (min-width:768px){.masonry-item{margin-bottom:5px;width:235px;margin-right:5px;}}@media only screen 
  and (min-device-width :768px) 
  and (max-device-width :1024px) 
  and (orientation :landscape){}@media only screen 
  and (min-device-width :768px) 
  and (max-device-width :1024px) 
  and (orientation :landscape)
  and (-webkit-min-device-pixel-ratio:1){}@media
  only screen
  and (min-device-width :768px)
  and (max-device-width :1024px)
  and (orientation :landscape)
  and (-webkit-min-device-pixel-ratio :2){}@media (min-width:992px){.masonry-item{//width:25%;margin-bottom:5px;width:230px;margin-right:5px;}.onlytablet{display:none;}.contactincover .inner,.contactincover,.sidebar-right-container{width:290px!important;//max-width:290px;}.main-text-container{width:670px!important;}}/////////// NEW ////////////
  // tablet- up aka more than 768px,ipad mini 768px,ipad air vertical:820px@media screen and (min-width:@screen-md){// .card-list .item:hover{.ui.list .item:hover{background-color:@table-bg-hover;transition:background-color 0.3s ease;}.ui.list.alternated .item:nth-child(odd){flex-direction:row!important;animation:slideFromLeft 0.8s ease-out forwards;}.ui.list.alternated .item:nth-child(even){flex-direction:row-reverse!important;animation:slideFromRight 0.8s ease-out forwards;}.big-card-list .item{gap:4rem;.image{flex:0 0 580px;img{height:480px;}}.header{font-size:3rem !important;}.description{font-size:1.4rem !important;}}// Animaciones para desktop@keyframes fadeInUp{from{opacity:0;transform:translateY(20px);}to{opacity:1;transform:translateY(0);}}@keyframes slideFromLeft{from{opacity:0;transform:translateX(-50px);}to{opacity:1;transform:translateX(0);}}@keyframes slideFromRight{from{opacity:0;transform:translateX(50px);}to{opacity:1;transform:translateX(0);}}.big-card-list .item{opacity:0;transform:translateY(20px);animation:fadeInUp 0.8s ease-out forwards;&:nth-child(odd){transform:translateX(-50px);animation:slideFromLeft 0.8s ease-out forwards;}&:nth-child(even){transform:translateX(50px);animation:slideFromRight 0.8s ease-out forwards;}}}/////////// END NEW ////////////@media (min-width:1200px){//.container{//    width:1170px;.masonry-item{//width:25%;margin-bottom:8px;width:275px;margin-right:8px;}.main-text-container{width:800px!important;padding-right:20px!important;}.big-card-list .item .image{// flex:0 0 480px;flex:0 0 auto;}}@media only screen
  and (min-width :1224px){#calltoaction_block_cover .pane-content{width:263px;}}@media (min-width:@screen-xl){// 1440px
    .ui.ui.ui.container:not(.fluid){width:@container-xl;// 1360px}.ui.text.container{max-width:1000px;}}@media (min-width:@screen-xxl){// 1920px
    .ui.ui.ui.container:not(.fluid){width:@container-xxl;// 1640px}.ui.text.container{max-width:1200px;}}@media (min-width:@screen-xxxl){// 2560px
      .ui
    .ui.ui.ui.container:not(.fluid){width:@container-xxxl;// 2160px}}@media only screen
  and (min-width :1824px){}// deprecated,all rules on 1224 desktop@media screen and (min-width:1920px){}@media screen and (min-width:1280px) and (max-width:1920px){}@media screen and (max-width:1280px){}// recommend 1280x720 http://www.slideshare.net/redux/web-apps-on-tv-creating-content-for-the-opera-tv-store-tv-hackfest-london-27112012@media screen and (min-width:1200px){}@media only print{html,html body,.pushable,body.pushable,body.pushable > .pusher,.pushable > .pusher{background-color:transparent!important;height:auto!important;overflow-y:visible;overflow-x:visible;}.ui.segment{background-color:transparent!important;}#menu_main .ui.grid.container{width:100%;}.notforprint,#navbar,.contactincover,.containernope,//#containerlogo,.messagetab-background,#wrapper-cover-img,.sidebar-right-container,.region-sharebettr-nav,#menu_main .computer,#menu_main .homelogomenu_nolink,#menu_main a[href]:after,footer,#usermenudesktop,#sliding-popup{display:none!important;}#mainpagebody{//   max-width:600px;max-width:100%;height:100%;overflow-y:visible;overflow-x:visible;}.mainstuff.container,.main-text-container{width:100%!important;max-width:100%!important;}img{max-width:500px;}@page{margin:0.5cm;}//remove links
    a[href]:after{content:none !important;}////
  // Basic print styles
  // --------------------------------------------------
  // Source:https://github.com/h5bp/html5-boilerplate/blob/master/css/main.css@media print{// *{//   text-shadow:none !important;//   color:#000 !important;// Black prints faster:h5bp.com/s
    //   background:transparent !important;//   box-shadow:none !important;//}a,a:visited{text-decoration:underline;}a[href]:after{content:" (" attr(href) ")";}abbr[title]:after{content:" (" attr(title) ")";}// Don't show links for images,or javascript/internal links
    a[href^="javascript:"]:after,a[href^="#"]:after{content:"";}pre,blockquote{border:1px solid #999;page-break-inside:avoid;}thead{display:table-header-group;// h5bp.com/t}tr,img{page-break-inside:avoid;}img{max-width:100% !important;}p,h2,h3{orphans:3;widows:3;}h2,h3{page-break-after:avoid;}// Chrome (OSX) fix for https://github.com/twbs/bootstrap/issues/11245
    // Once fixed,we can just straight up remove this.
    select{background:#fff !important;}// Bootstrap components
    .navbar{display:none;}.table{td,th{background-color:#fff !important;}}.btn,.dropup > .btn{> .caret{border-top-color:#000 !important;}}.label{border:1px solid #000;}.table{border-collapse:collapse !important;}.table-bordered{th,td{border:1px solid #ddd !important;}}}has been manually override with * and background}// bootstrap variables
  // Extra small screen / phone  -@screen-xs:480px;// Small screen / tablet -@screen-sm:768px;// Medium screen / desktop -@screen-md:992px;// Large screen / wide desktop -@screen-lg:1200px;// Mobile first approach@screen-xs:320px;// Móviles pequeños@screen-sm:576px;// Móviles grandes@screen-md:768px;// Tablets@screen-lg:992px;// Desktops pequeños
  // Extended breakpoints for modern displays@screen-xl:1440px;@screen-xxl:1920px;@screen-xxxl:2560px;@landscape:~"(orientation: landscape)";@portrait:~"(orientation: portrait)";// Container widths for larger screens@container-xl:1360px;@container-xxl:1640px;@container-xxxl:2160px;// Mixins para facilitar su uso
  .responsive(@min,@rules){@media screen and (min-width:@min){@rules();}}// Breakpoints específicos
  .mobile-only(@rules){@media screen and (max-width:(@screen-sm - 1px)){@rules();}}.tablet-up(@rules){@media screen and (min-width:@screen-md){@rules();}}.desktop-up(@rules){@media screen and (min-width:@screen-lg){@rules();}}:root{--menu-height:0px;--menu-height-mobile:0px;--usermenu-height:0px;}//@input-bg:darken(@body-bg,15%);@input-bg:contrast(@body-bg,darken(@body-bg,15%),lighten(@body-bg,15%));//less[vars][@input-placeholder]=@body-bg;@input-placeholder:contrast(@input-bg,darken(@input-bg,30%),lighten(@input-bg,30%));@media (prefers-reduced-motion:no-preference){:focus{transition:outline-offset .25s ease;outline-offset:5px;}}.homepage-textfield{display:none!important;}.chromefixfixed #menu-sharebettr-fixed{position:absolute;display:none;}.chromefixfixed #back-top{display:none!important;}html{font-size:@font-size-base;-webkit-font-smoothing:subpixel-antialiased;-webkit-text-size-adjust:100%;// This style prevents fonts from getting bigger when rotating to landscape.}body{font-weight:@font-weight-base;min-height:100%;}body ::-webkit-scrollbar{width:0!important;height:0!important;}body .ui{//quitar scrollbar
    scrollbar-width:none;scrollbar-color:transparent transparent;}.region-sharebettr-nav .ui.menu.fixed{z-index:10000;}html,body{max-width:100%;overflow-x:hidden;}// .dark-mode{//https://css-tricks.com/a-complete-guide-to-dark-mode-on-the-web/
    // se tribal user verif notes
  //   background-color:darken(@body-bg,95%)!important;//   color:lighten(@text-color,95%)!important;//}.printbutton{position:fixed;bottom:60px;}.nowrap{white-space:nowrap;}.noflexwrap{flex-wrap:nowrap!important;}// .page-cal > .fc-daygrid-event{.fc-daygrid-event{white-space:normal!important;}.wrapped{display:flex;flex-direction:row;flex-wrap:wrap;}#mobilebuttoncalltoaction{position:fixed;top:5px;right:5px;z-index:1000;}#logowebsite_mobile video{height:50px!important;}//@media (max-device-width:767px)
  .mi-be{display:block!important;}body .mirai-nobg .mi-be{background:none;// button instead,so avoid grey square}.field-name-field-text-full-html a{text-decoration:underline;}.field-name-field-text-full-html a:hover{text-shadow:1px 1px 10px;}div#BeforeYouLeaveForgetme.close.icon{float:none;opacity:1;position:static;width:100%;margin:0;padding:1.5rem;//   padding-top:0;height:auto;}.closewindow{position:absolute;top:0;//   margin:12px;right:0;z-index:1000001;}.closewindow:hover,.closewindow:focus{cursor:pointer;}.closewindow  svg,.closewindow  .icon{font-size:2rem;}// .breadcrumb .section svg,// .breadcrumb .section i{.breadcrumb .section .close.icon{display:none;}.breadcrumb .section:hover svg,.breadcrumb .section:active svg,.breadcrumb .section:focus svg,.breadcrumb .section:hover i,.breadcrumb .section:active i,.breadcrumb .section:focus i{display:block!important;}#KindlyReminder{position:fixed;z-index:1000000;bottom:50px;right:5%;max-width:50%;height:auto;padding-top:14px;padding-right:14px;//   width:max-content;}#KindlyReminder .ui.list{margin:0;}#KindlyReminder .ui.segment{padding:0!important;margin:0!important;}#KindlyReminder .ui.label{border:none!important;}.ringabell.visible.transition{display:flex!important;}#SystemMessages{position:fixed;//   bottom:50px!important;bottom:50px;right:8px;padding-top:50px;max-width:90%;height:auto;max-height:90%;overflow:scroll;z-index:100;}#sliding-popup{// EU COOKIE
  //   position:fixed;//   bottom:0px;// //   padding-top:50px;//   padding:2px!important;// //   max-width:90%;//   height:auto;// //   max-height:90%;background:none!important;background-color:contrast(@body-bg)!important;color:contrast(@text-color)!important;//   z-index:1000000;// //   padding:10px;// //   max-width:490px;//   border:1px solid@text-color;//   border-radius:4px;//   box-shadow:1px 2px 6px;//   min-width:100%;opacity:0.9;font-size:13px;}#sliding-popup .popup-content #popup-text,#sliding-popup .popup-content #popup-text h2,#sliding-popup .popup-content #popup-text p,#sliding-popup .popup-content #popup-text label{font-weight:100;font-size:13px;// color:@text-color !important;// font-size:11px;// background:#CCCCCC!important;// padding:2px;// margin:0 !important;}#sliding-popup .popup-content #popup-text h1,#sliding-popup .popup-content #popup-text h2,#sliding-popup .popup-content #popup-text h3,#sliding-popup .popup-content #popup-text p{color:contrast(@text-color) !important;}#sliding-popup .eu-cookie-compliance-default-button,#sliding-popup .eu-cookie-compliance-hide-button,#sliding-popup .eu-cookie-compliance-more-button-thank-you,#sliding-popup .eu-cookie-withdraw-button,.eu-cookie-withdraw-button,.eu-cookie-compliance-save-preferences-button{// font-weight:100;font-family:var(--font-family-base);background-color:@body-bg !important;color:@text-color !important;background-image:none !important;box-shadow:none !important;border:none !important;text-shadow:none !important;font-size:medium;padding:10px 20px;}#sliding-popup .eu-cookie-compliance-default-button{background-color:@brand-success !important;color:contrast(@brand-success) !important;}.eu-cookie-compliance-save-preferences-button{background-color:contrast(@body-bg)  !important;color:contrast(@text-color) !important;border:1px solid contrast(@text-color) !important;font-weight:100;}//@height:100vh;#segm_bg{//height:calc(@height -@menubarheight)!important;//as part of the W3C's CSS Values and Units Module Level 3. The new units – vw, vh, vmin, and vmax - work similarly to existing length units like px or em, but represent a percentage of the current browser viewport.
    //height: calc(80vh)!important;
  
    padding: 0;
    margin: 0;
  }
  #seg_view_rd {
    margin: 0;
    padding: 0;
  }
  
  .iconleftspace {
   padding-left: 8px;
  }
  
  .ui.message {
    word-break: break-word;
  }
  
  .ui.message p {
      margin: 0;
  }
  
  .messagetab-background {
  // height: 200px;
  //  min-width: 900px;
  /*  background-size: 50px 200px;
  	background-image: 	-webkit-repeating-linear-gradient(left, hsla(0,0%,100%,0) 0%, hsla(0,0%,100%,0)   6%, hsla(0,0%,100%, .1) 7.5%, hsla(0,0%, 100%,0) 9%),
  						-webkit-repeating-linear-gradient(left, hsla(0,0%,  0%,0) 0%, hsla(0,0%,  0%,0)   4%, hsla(0,0%,  0%,.03) 4.5%, hsla(0,0%,  0%,0) 6%),
  						-webkit-repeating-linear-gradient(left, hsla(0,0%,100%,0) 0%, hsla(0,0%,100%,0) 1.2%, hsla(0,0%,100%,.15) 2.2%, hsla(0,0%,100%,0) 4%),
  						-webkit-linear-gradient(-90deg, hsl(0,0%,78%)  0%, hsl(0,0%,90%) 47%, hsl(0,0%,78%) 53%, hsl(0,0%,70%)100%);
  			*/
  
  background-image: linear-gradient(bottom, #CCCCCC 10%, #EFEFEF 55%);
  background-image: -o-linear-gradient(bottom, #CCCCCC 10%, #EFEFEF 55%);
  background-image: -moz-linear-gradient(bottom, #CCCCCC 10%, #EFEFEF 55%);
  background-image: -webkit-linear-gradient(bottom, #CCCCCC 10%, #EFEFEF 55%);
  background-image: -ms-linear-gradient(bottom, #CCCCCC 10%, #EFEFEF 55%);
  }
  .messagetab-background li a {
  color: #000000;
  }
  .messagetab-background li a:hover {
  color: #CCCCCC;
  }
  
  
  //.messagetab-container .nav-tabs > li.active > a:hover,
  //.messagetab-container .nav-tabs > li.active > a:focus
  .messagetab-container .nav-tabs > li.active > a {
    color: @text-color;
  }
  
  .nav-tabs > li.active > a,
  .nav-tabs > li.active > a:hover,
  .nav-tabs > li.active > a:focus {
    background-color: darken(@body-bg,5%);
  }
  .tabs-left > .tab-content,
  .tabs-right > .tab-content {
    background-color: darken(@body-bg,5%);
  }
  
  
  .nav-tabs,
  .tabs--secondary {
  	margin-bottom: 0;
  }
  // .tabs--secondary .active a {
  // //background-color: @body-bg;
  // //color: @text-color;
  // //border: none;
  // }
  // .tabs--secondary .active a:hover {
  // //background-color: @gray-lighter;
  // //color: @gray;
  // //border: none;
  // }
  .alert {
  margin: 5px;
  box-shadow: 1px 2px 6px;
  }
  
  @table-bg-hover:  lighten(@body-bg,10%);        /*      #f5f5f5;*/
  @table-bg-active: transparent;    /* @table-bg-hover;*/
  
  
  //.not-logged-in.page-welcome #thebigone,
  .node-type-service #thebigone {
  height: 300px;
  width: 100%;
  padding: 0 15px;
  position: absolute;
  background-color: lighten(@brand-primary, 70%);
  }
  //.image-container:before,
  //.group-imagewithcall2-container:before {
  //.not-logged-in.page-welcome #thebigone,
  .node-type-service #thebigone:before {
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(0,0,0,0.1)), color-stop(50%, rgba(0,0,0,0.2)), color-stop(100%, rgba(0,0,0,0.5)));
    background: -webkit-linear-gradient(rgba(0,0,0,0.1) 0%,rgba(0,0,0,0.2) 50%,rgba(0,0,0,0.5) 100%);
    background: -moz-linear-gradient(rgba(0,0,0,0.1) 0%,rgba(0,0,0,0.2) 50%,rgba(0,0,0,0.5) 100%);
    background: -o-linear-gradient(rgba(0,0,0,0.1) 0%,rgba(0,0,0,0.2) 50%,rgba(0,0,0,0.5) 100%);
    background: linear-gradient(rgba(0,0,0,0.1) 0%,rgba(0,0,0,0.2) 50%,rgba(0,0,0,0.5) 100%);
    content: "";
    display: block;
    pointer-events: none;
    position: absolute;
    //height: 100%;
    width: 100%;
    //z-index: 1;
    height: 300px;
    margin-left: -15px;
  }
  
  .ui.modal .container {
    max-width: 100%!important;
  }
  
  @media all and (min-height: 600px) {
    //.main-container { min-height: 36em; }
    .main-container { min-height: 600px; }
  }
  
  @media all and (min-height: 800px) {
    //.main-container { min-height: 46em; }
    .main-container { min-height: 800px; }
  }
  
  @media all and (min-height: 1000px) {
    //.main-container { min-height: 52em; }
    .main-container { min-height: 1000px; }
  }
  .ui.fluid.container {
    margin: 0!important;
    padding: 0!important;
  }
  // .full-card-wotitle .ui.text.container {
  .ui.text.container .ui.text.container {
    max-width: 100%;
  }
  
  span.ui.text {
    line-height: @line-height-base;
  }
  
  h1 {
  	margin-top: 0;
  	font-family: var(--font-family-display);
  	margin-bottom: 20px;
  }
  
  h2,
  h3 {
  	font-family: var(--font-family-display);
  }
  
  .ui.segment .biggertext,
  .ui.segment.biggertext,
  .biggertext{
    font-size: 1.2em;
  }
  
  .node-type-service h1,
  #navbar .navbar-header,
  #navbar .sb-toggle-left,
  #navbar .navbar-header .navbar-brand {
  	color: #FFFFFF;
  	text-shadow: 1px 1px 4px rgba(0,0,0,0.8);
  }
  #navbar .ui.text.menu,
  #navbar .ui.grid {
      margin: 0;
      padding: 0;
  }
  #navbar .row {
      margin: 0;
      padding: 0;
  }
  
  .row.mobile {
    margin-left: 0;
    margin-right: 0;
  }
  
  .alignself {
    align-self: center;
    margin: 0!important;
  }
  
  .ui.vertical.buttons{
    width: 100%;
  }
  
  
  .ui.menu{
    background-color: transparent;
    border: none;
    box-shadow: none;
  }
  
  .ui,
  .ui.text.menu,
  .ui.text.menu .item,
  // .ui.button,
  .ui.menu {
    font-family: var(--font-family-base);
    font-size: 1.1rem;
  }
  .ui.text.menu .item {
    max-width: 100%;
    color: @text-color;
  }
  .ui.small.text.menu .item {
    font-size: small;
  }
  .ui.vertical.menu  {
    // background-color: @navbartop-bg !important;
    background-color: @body-bg !important;
  }
  
  .ui.vertical.menu .item {
    color: @text-color!important;
  }
  .ui.vertical.menu .item.disabled {
    opacity: 0.3;
  }
  
  .ui.vertical.menu .item > svg.icon,
  .ui.vertical.menu .item > span.icon,
  .ui.vertical.menu .item > svg.icons {
      width: 1.18em;
      float: right;
      margin:0 0 0 .5em
  }
  
  .ui.menu .header.item {
    color: @text-color;
  }
  .ui.menu.inverted .header.item {
    color: white;
  }
  
  
  .ui.text.menu .header.item {
    text-transform:none;
    font-weight: 700;
  }
  
  .ui.inverted.menu .active.item {
    color: #a28b8b;
    text-shadow: 1px 2px 3px black
  }
  
  .ui.vertical.menu {
    background-color: @input-bg;
  }
  .ui.basic.button, .ui.basic.buttons .button {
  //   color: @link-color !important;
    color: inherit;
  }
  
  // .paddles {
  // }
  .paddle {
      position: absolute;
      top: 0;
      bottom: 0;
      width: 2.5em;
      // height: 2em;
      background-color: @body-bg;
      text-align: center;
      display:flex;
      align-items:center;
      justify-content:center;
      margin: 3px 0;
      opacity: 0.8;
  }
  .left-paddle {
  	left: 0;
  }
  .right-paddle {
  	right: 0;
  }
  
  #navbar,
  #navbar .ui.menu {
    border: none;
    border-radius: 0;
    min-height: @menubarheight; //50px;
    width: 100%;
  }
  #navbar .ui.menu {
    background-color: transparent;
    box-shadow: none;
    border: none;
  }
  
  #navbar .ui.menu {
    flex-wrap: wrap;
  }
  
  #navbar {
    background-color: transparent;
    z-index: 999;
    position: relative;
  }
  
  #menu_main .ui.menu:not(.vertical) {
    margin: 0;
  }
  //#navbar is legacy
  #menu_main .ui.menu .item,
  #menu_main .ui.menu .item a,
  #navbar .ui.menu .item,
  #navbar .navbar-text a {
  	color: @navbartop-text;
  	//text-shadow: 1px 1px 4px rgba(0,0,0,0.8);
  	text-shadow: 1px 1px 4px contrast(@navbartop-text);
  //   font-size: 1.6em!important;
  }
  
  #menu_main .ui.menu .active.item:not(.dropdown),
  #menu_main .ui.menu .active.item:not(.dropdown) a {
    text-decoration: underline;
    font-weight: bolder;
  }
  
  #menu_main .ui.menu .item svg {
  // 	text-shadow: 1px 1px 4px contrast(@navbartop-text);
    -webkit-filter: drop-shadow( 1px 1px 4px contrast(@navbartop-text));
    filter: drop-shadow( 1px 1px 4px contrast(@navbartop-text));
  }
  
  #menu_main_mobile.ui.fixed.menu,
  #menu_main_desktop.ui.fixed.menu {
    background-color: @navbartop-bg;
  }
  
  #navbar .mobile .ui.menu .item,
  #navbar .mobile .navbar-text a {
    padding: 0 0 0 15px;
    text-shadow: none;
    color: @link-color;
  }
  #navbar .mobile .ui.menu .right .item {
    padding: 0 15px;
  }
  #navbar a:hover {
    text-decoration: none!important;
  }
  
  /* 15 feb 2016 after refactor head menu
  .withcover .homelogomenu_nolink{
    height: 50px;
  }
  */
  /* use disabled instead
  .nolink {
    cursor: default!important;
  }
  */
  
  // .menu_logo_desktop.make_absolute {
  .make_absolute {
    position: absolute!important;
    z-index: 999999;
    align-self: normal!important;
    width: 100%;
  }
  
  .mi-be-datepicker-open .make_absolute {
    z-index: 9;
  }
  
  /*
  .ui.menu:not(.vertical) .right.menu.right_welcome_medium {
    margin-left: 200px!important;
  }
  .ui.menu:not(.vertical) .right.menu.right_welcome_card {
    margin-left: 310px!important;
  }
  */
  .right_welcome_medium,
  .ui.menu:not(.vertical) .right.menu.right_welcome_medium {
    margin-left: 200px!important;
    width: fit-content;
  }
  
  .width_190 {
    width: 190px;
  }
  .right_welcome_card,
  .ui.menu:not(.vertical) .right.menu.right_welcome_card {
    margin-left: 300px!important;
    width: fit-content;
  }
  .width_300 {
    width: 300px;
  }
  
  
  .mobile .menulogo {
      margin-left: auto;
      /* margin-right: auto; */
      /* width: 100%; */
  }
  
  #navbar .menulogo .item {
    padding: 0!important;
  }
  
  
  #navbar .ui.menu .item.title_web_mobile {
    font-size: 1em!important;
    padding-left: 5px!important;
  }
  
  #navbar .ui.menu .menulogo .active.item {
    background-color: transparent;
  }
  
  #navbar .ui.menu .item>img:not(.ui) {
    width: auto;
  }
  
  
  .clearboth {
  	clear: both;
  }
  .center-text {
  	text-align: center;
  }
  .center.aligned img {
    display: flex;
  }
  
  .margin-bottom-sm {
  margin-bottom: 5px !important;
  }
  .ui.form .fields.margin-bottom-sl,
  .nomargin.margin-bottom-sl,
  .margin-bottom-sl {
  margin-bottom: 15px !important;
  }
  
  
  input:invalid,
  input.error,
  textarea.error,
  select.error {
  border-color: @state-danger-text; /* instead of danger-border */
  border-width: 2px;
  background-color: @state-danger-bg;
  }
  
  .ui.input.textarea.success {
    background-color: #b8ffb8;
  }
  .ui.input.textarea.warning {
    background-color: #ffe0b2;
  }
  
  
  input:invalid {
    border:1px solid red;
  }
  
  select.weight {
    //min-width: 50px;
    //max-width: 50px;
    width: 5em!important;
    float: left;
    margin: 0px 15px 10px 0px!important;
  }
  
  .carousel-background {
    position: relative;
    top: 0;
  //  margin-top: -65px;
  //  z-index: 999; //only mobile
    width: 100%;
    float: left;
  }
  
  
  
  // slides css
  /*
  .slides {
  //   background: white;
    // must have height set
  //   height: 20rem;
    width: 100%;
    overflow: hidden;
    .angle {
      color: lightblue;
      cursor: pointer;
      position: relative;
      top: calc(50% - 20px);
      transform: scale(1);
  //     transition: all .2s ease-in-out;
      transition: all .9s ease-in-out;
      z-index: 10;
      &:hover {
        transform: scale(1.7);
      }
      &.right {
        float: right;
        margin-right: 1rem;
      }
      &.left {
        float: left;
        margin-left: 1rem;
      }
    }
    .slide {
      height: 100%;
  //     padding: 2rem 5rem;
      transition: all .2s ease-in-out;
      &:not(.active) {
        display: none;
      }
      &.inverted {
        color: white;
      }
      &.shadow {
        text-shadow: 1px 1px 2px black;
      }
      &.image {
        background: url('https://c1.staticflickr.com/8/7371/12387240074_536af0b877.jpg') no-repeat center center fixed;
        background-size: cover;
      }
      &.salmon {
        background: salmon;
      }
    }
  }
  */
  
  /*
  // add .faded to .slide for fade-in
  .faded {
    animation: fade .5s;
  }
  
  .blurred {
    animation: blur .4s;
  }
  
  @keyframes fade {
    from { opacity: 0; }
    to { opcity: 1; }
  }
  
  @keyframes blur {
    from { filter: blur(5px); }
    to { filter: blur(0); }
  }
  */
  
  
  
  .carousel-background .flexslider {
    margin: 0 0 15px;
  }
  
  
  #flexslider_carousel {
    margin-top: 5px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
  }
  
  
  #flexslider_carousel .slides {
    text-align: center;
    width: 100% !important;
    white-space: nowrap;
  }
  
  #flexslider_carousel .slides > li {
    display: inline-block !important;
  //   *display: inline !important;
    float: none !important;
    opacity: 0.6;
  }
  #flexslider_carousel .slides > li.flex-active-slide {
    opacity: 1;
  }
  
  
  
  .flexslider {
    margin: 0;
  	border: none;
  	box-shadow: none;
  	background: transparent;
  	left: 0;
  }
  
  .flexslider .slides.keep_height img {
    width: auto;
  }
  
  
  .flex-control-nav {
    bottom: 0;
    z-index: 99;
  }
  .domain-blogopro-com .navbar-fixed-top,
  .domain-restaurapro-com .navbar-fixed-top {
  background: #FFFFFF url('https://s3-eu-west-1.amazonaws.com/blogopro-assets/images/bg-shade-light.png') repeat-x bottom left;
  }
  
  .domain-sunsetlookers-es.withcover .menu_logo_desktop img {
    width: 200px;
  }
  /*
  .domain-sharebettr-com header {
  display: none;
  }
  */
  
  .field-name-body label {
  display: none;
  }
  .cke_path {
    display: none; // en filtered html despista
  }
  
  .cke_path_empty, .cke_path_item{
    color: @text-color!important;
  }
  
  .cke_inner{
  	//background-color: @input-bg!important; nope symbols as image
  	background: transparent!important;
  	}
  
  .cke_chrome,
  .cke_bottom,
  .cke_wysiwyg_frame,
  .cke_1 .cke_top,
  .cke_top {
  	background-color: transparent!important;
  //	background-color: @input-bg!important;
  	padding: 0px 0px!important;
  }
  .cke_bottom {
    border-top: solid @input-bg 1px!important;
  }
  
  .cke_wysiwyg_div {
  	background-color: transparent!important;
  //	background-color: @input-bg!important;
  	padding: 0px 0px!important;
  }
  .cke_contents {
  	background-color: @input-bg!important;
  	//background-color: @body-bg!important;
  	padding: 6px 6px!important;
  	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  	border-radius: 0!important;
  	border-top: solid @input-bg 1px!important;
  }
  .cke_contents,
  .cke_chrome {
  	//border: solid @input-bg 1px!important;
  	border: none!important;
  }
  .ckeditor_insert_white_overlay {
    display: none!important;
  }
  .cke_focus .cke_contents {
  	//background-color: contrast(@body-bg, darken(@body-bg, 5%), lighten(@body-bg, 5%)); //@input-bg-focus:
  
    @input-bg-focus: contrast(@body-bg, darken(@body-bg, 5%), lighten(@body-bg, 5%));
    background-color: @input-bg-focus!important;
  }
  
  .cke_editable,
  div#cke_1_contents {
    min-height: 10em!important;
  }
  
  .disabledform {
      pointer-events: none;
  }
  
  .ui.form .field.disabled :disabled {
      opacity: 1;
      padding: 0;
      background: transparent;
      font-size: @font-size-h3!important;
      font-weight: bold;
      border: none;
  }
  .form-item > p,
  .field > p {
    margin: 0;
  }
  
  // .ui.form .disabled.field,
  // .ui.form .disabled.fields .field,
  // .ui.form .field :disabled {
  // //   opacity: 1;
  // }
  
  #tribal-user-contact-form div#cke_1_contents,
  .page-wa-new-status div#cke_1_contents,
  .pane-direct-message div#cke_1_contents {
    min-height: 6em!important;
  }
  
  #tribal-user-contact-form .cke_editable,
  .page-wa-new-status .cke_editable,
  .pane-direct-message .cke_editable {
    min-height: 6em!important;
  }
  
  /*.navbar .logo {
    margin: 0!important;
    padding: 0!important;
  }*/
  
  .logonavbar {
    margin: 0;
    padding: 0;
    height:@menubarheight;
    float: left;
    margin-right: 5px;
  }
  .logonavbar img {
    height: auto;
    width: auto;
    max-width: 150px;
    max-height:@menubarheight;
  }
  
  .homelogomenu.link.item {
    padding-top: 0px;
    margin-top: 2px;
    padding-bottom: 0;
    margin-bottom: 2px;
  }
  .homelogomenu i.large.home.icon {
    margin: 15px;
  }
  
  #top > div > div.col-sm-2.navbar-header > a > img {
    //max-width: 100%;
    max-height: 100%;
  }
  
  /* sharebettr navs left */
  #block-views-menu-items-block-3,
  #block-views-menu-items-block-4,
  #block-menu-menu-userleftdesktop {
  float: left;
  }
  #block-views-menu-items-block-5,
  #block-views-menu-items-block-9,
  #block-menu-menu-userrightdesktop,
  #block-tribal-user-verification-helloanonymousmenu {
  float: right;
  }
  #block-menu-menu-userleftdesktop,
  #block-menu-menu-userrightdesktop,
  #block-tribal-user-verification-helloanonymousmenu {
  font-size: 18px;
  }
  
  #menu-sharebettr-fixed {
  border: none;
   opacity: 0.95;
  	-moz-box-shadow: #EEEEEE 0px 0px 1px;
  	-webkit-box-shadow: #EEEEEE 0px 0px 1px;
  	/*box-shadow: #EEEEEE 0px 0px 1px;*/
  	box-shadow: 0 -0.0625em white,0 -0.125em .25em rgba(0,0,0,0.1);
  }
  /*
  #menu-sharebettr-fixed .navbar-header {
  	float: left;
  }
  #menu-sharebettr-fixed .navbar-nav {
  	float: left;
  	margin: 0;
  }
  #menu-sharebettr-fixed .navbar-nav > li{
  	float: left;
  }
  #menu-sharebettr-fixed .navbar-nav > li > a,
  #menu-sharebettr-fixed .navbar-nav > li > .nolink{
    padding-top: 15px;
    padding-bottom: 15px;
    height: 50px;
  }
  #menu-sharebettr-fixed .navbar-nav > li > .nolink{
    line-height: 20px;
    position: relative;
    display: block;
    padding-top: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
    padding-left: 15px;
  }
  */
  
  
  #block-menu-menu-userleftdesktop h2.block-title,
  #block-menu-menu-userrightdesktop h2.block-title {
    display: none;
  }
  
  .navbar-nav.dropup > li > .dropdown-menu {
   border-top-right-radius: 4px;
   border-top-left-radius: 4px;
   border-bottom-right-radius: 0;
   border-bottom-left-radius: 0;
  }
  
  .dropdown-menu > li > a {
  	line-height: 32px;
  	height: 35px;
  	font-size: 16px;
  }
  
  
  .menu-inline-center ul {
    text-align: center;
  }
  .menu-inline-center .nav-pills > li {
    float: none;
    display: inline;
  }
  .menu-inline-center .nav > li > a{
    display: inline-block;
  }
  
  .page-header {
    padding-top: 9px;
    border: none;
  }
  
  .footer {
    margin-top: 0;
    border: none;
    margin-bottom: 50px;
  }
  
  /*.main-container {
    background-color: @main-container-bg;
    border-radius: 3px;
  }*/
  
  
  
  /*------------ module specific */
  
  .ui.search.selection.languagefieldselect {
    min-height: @font-size-h1!important;
    height: auto!important;
  
    background-color: transparent!important;
    padding: 0px!important;
    width: 150%!important;
    min-width: 150%!important;
    border: none!important;
    margin: 3px 0px!important;
    //font-size: @font-size-h1;
  }
  
  .ui.search.dropdown.languagefieldselect > input.search {
    background-color: transparent!important;
    padding: 0 4px!important;
    font-size: @font-size-h3!important;
    color: @link-color!important;
  }
  
  .ui.header.languagefieldselect >.icon {
    font-size: @font-size-base;
  }
  
  .nopaddingright {
    padding-right: 0!important;
  }
  .nopaddingleft {
    padding-left: 0!important;
  }
  .nopaddingbottom {
    padding-bottom: 0!important;
  }
  .nopaddingtop {
    padding-bottom: 0!important;
  }
  .compensatedtopmargined {
    margin-top: -0.5em!important;
    margin-bottom: 2em!important;
  }
  
  // #block-lang-dropdown-language {
  // //padding: 0;
  // }
  form#lang-dropdown-form.ui.form {
    margin-bottom: 0;
  }
  #lang_dropdown_form_language {
    display: inline-grid;
  }
  
  .ui.pointing.upward.dropdown .menu.langdropmenu.visible,
  .ui.top.pointing.upward.dropdown .menu.langdropmenu.visible {
    overflow-y: scroll !important;
    max-height: 80vh;
  }
  
  .invalueoption {
    display: none;
  }
  .showoptions .invalueoption {
    display: inline-block;
  }
  
  .inlayersoption {
    width: 100%;
  }
  .showoptions .inlayersoption {
    width: auto;
    padding-left: 2em;
  }
  
  
  .region-slideright-nav .block-lang-dropdown {
  float: left!important;
  }
  
  .widthfifty {
   //width: 23px!important;
   overflow: hidden;
   -webkit-appearance: none;
   appearance: none;
    //max-height: 50px;
   //margin-right: 10px;
   //margin-left: 15px;
  }
  
  .form-item-dummybug-value {
    display: none!important;
  }
  
  .overflowscroll {
    overflow: scroll;
    -ms-overflow-style: none; /* Hide scrollbar for IE and Edge */
  }
  .overflowscroll::-webkit-scrollbar {
    display: none;/* Hide scrollbar for Chrome, Safari and Opera */
  }
  .overflowscroll.showscroll::-webkit-scrollbar {
    display: block!important;
    height: auto!important;
  }
  .overflowscroll.showscroll.noscroll::-webkit-scrollbar {
    display: none!important;/* Hide scrollbar for Chrome, Safari and Opera */
    display: none!important;/* Hide scrollbar for Chrome, Safari and Opera */
  }
  
  
  .iconbehind {
    position: absolute;
    z-index: 1;
    padding: 0px 0px 0px 15px;
    margin-top: -3px!important;
  }
  #edit-lang-dropdown-select,
  #lang-dropdown-select-language {
  font-size: 1em!important;
  font-weight: normal;
  height: auto;
  // line-height: 15px;
  /////padding: 5px 10px;
  border-radius: 3px;
  border-color: transparent;
  border: none!important;
  /////margin-top: 2px;
  //width: 100px!important;
  // width: 50px!important;
  display: inline-block;
  //margin-left: 25px;
  background-color: transparent;
  color: @text-color; /* Navbar link colour */
  -moz-appearance: none!important;
  margin: 0px 0 0 0!important;
  -webkit-appearance:none;
  appearance: none;
  // padding: 15px 15px!important;
  padding: 0px 0px!important;
  cursor: pointer;
  position: relative;
  z-index: 2;
  }
  
  select#edit-language {
  width: 100px !important;
  display: inline-block;
  //margin-left: 15px;
  //float: right;
  position: absolute;
  right: 15px;
  // -webkit-appearance:none; 25 abril 20
  }
  
  #edit-locale select#edit-language {
      position: inherit;
      width: 100% !important;
  }
  
  #edit-lang-dropdown-select:after,
  #lang-dropdown-select-language:after {
  content: none;
  }
  /* hide language form when not original to avoid confusion */
  .form-item-language.form-disabled {
  display: none;
  }
  
  #back-top {
  	z-index: 9999;
  	bottom: 55px;
  	margin-bottom: 0;
  	margin-left: 0;
  	margin-right: 0;
  	margin-top: 0;
  	width: 50px;
  	right: 3px;
  }
  
  p #back-top {
  	margin: 0!important;
  }
  
  #back-top span#button,
  #back-top-prev span#button-prev {
    margin-bottom: 0px!important;
  }
  /* module specific ------------*/
  
  /*------------ EU cookie compliance */
  
  .uncontainer {
  	margin: 0!important;
  	padding: 0!important;
  	width: 100%!important;
  }
  
  #sb-site {
  background-color: @body-bg;
  padding: 0;
  //box-shadow: none;
  }
  
  .webtitle {
  white-space: nowrap;
  font-size: x-large;
  margin: 8px 8px;
  }
  
  .navbar {
  	min-height: auto;
  	margin-bottom: 0;
  }
  .navbar.container {
  	margin-top: 0;
  	padding: 0;
  }
  
  .navbar-is-fixed-top #sb-site {
  /*  padding: 65px 15px 15px 15px;*/
  padding: 0;
  }
  body.navbar-is-fixed-top {
    padding-top: 0!important;
  }
  .sb-navbar {
    top:auto;
    bottom: 0;
    background-color: @body-bg;
  }
  .navicon-line {
  background-color: @text-color;
  }
  
  
  /* better defined by case and include h1 tag
  .view-header {
    font-size: @font-size-h1;
  }
  */
  // .panel-pane, .pane-content, .masthead, .view-content {
  // //	float: left; /* Firefox pb home */
  // //	width: 100%;
  // //	padding: 0;
  // }
  
  
  .panel {
    background-color: transparent;
  }
  // Fieldsets
  .panel-default > .panel-heading {
  	color: @text-color;
  	background-color: transparent;
  	border: none;
  }
  // /fieldsets
  .container .page-header {
  	padding-left: 0;
  }
  
  .sb-navbar-menu li a {
  	color: @text-color; /* Navbar link colour */
  }
  
  .sb-navbar-menu li a:hover {
  	color: darken(@text-color, 15%); /* Navbar link hover colour */
  	background-color: rgba(0, 0, 0, 0.05); /* Will lighten any background colour you set. */
  }
  
  .ui.secondary.menu .dropdown.item:hover,
  .ui.secondary.menu .link.item:hover,
  .ui.secondary.menu a.item:hover {
  	color: @link-hover-color!important;
  }
  
  .ui.icon.menu .item {
  	color: @link-color!important;
  }
  
  #navbar i:before {
    margin-right: 5px;
  }
  
  //.region.region-sharebettr-nav,
  // #usermenu .menu,
  .ui.bottom.fixed.menu {
    box-shadow: @text-color 0px 2px 5px;
    color: @text-color;
    background-color: @body-bg;
  }
  .ui.bottom.fixed.menu{
    opacity: 0.95;
  }
  
  .ui.top.popup:before {
    background-color: @input-bg;
  }
  
  .ui.bottom.fixed.menu .item{
    padding: 8px;
    min-width: 50px!important;
    border: none;
  }
  
  #usermenu.ui.bottom.fixed.menu .popup .item{
    padding: 1rem;
  //   min-width: 50px!important;
  //   border: none;
  }
  
  .region-sharebettr-nav,
  .region-sharebettr-nav a,
  .region-sharebettr-nav .nolink,
  .region-sharebettr-nav .form-control,
  .region-sharebettr-nav #edit-lang-dropdown-select,
  .region-sharebettr-nav #lang-dropdown-select-language,
  .region-sharebettr-nav .ui.menu .ui.dropdown .menu>.item {
  	color: @link-color!important; /* Navbar link colour */
  	text-decoration: none;
  }
  
  .region-sharebettr-nav .ui.secondary.menu .item {
    margin: 0;
  }
  
  .region-sharebettr-nav .ui.labeled.icon.menu .item {
    min-width: auto;
  }
  
  .region-sharebettr-nav .ui.labeled.icon.menu .item > .fa {
    margin: 0!important;
  }
  
  .region-sharebettr-nav .ui.menu .ui.dropdown .menu>.item .icon:not(.dropdown){
  font-size: 1.5em!important;
  }
  
  
  .region-sharebettr-nav a:hover,
  .region-sharebettr-nav span.nolink:hover,
  //.region-sharebettr-nav
  .region-sharebettr-nav .link.item:hover,
  .region-sharebettr-nav .link.item:hover a {
  	//color: darken(@text-color, 15%); /* Navbar link hover colour */
  	color: @link-hover-color!important;
  	background-color: rgba(0, 0, 0, 0.05); /* Will lighten any background colour you set. */
  	text-decoration: none;
  }
  .region-sharebettr-nav a.active,
  .region-sharebettr-nav .nolink.active{
  	color: @brand-primary;
  }
  .region-sharebettr-nav .dropdown-menu a.active {
  color: #FFFFFF;
  }
  
  .sb-menu li div.sb-menutxt {
    color: #c27777; /* Navbar link colour */
    width: 100%;
    display: inline-block;
    //padding: 1em;
    cursor: default;
    text-decoration: none;
  }
  .sb-toggle-right {
    padding: 12px;
  }
  
  .sb-toggle-left {
    padding: 5px;
    margin-left: 0;
  }
  
  .btn {
  	white-space: normal;
  }
  
  .btn150 {
  	width: 150px;
  }
  
  .toggle_messages {
    position: fixed;
    top: 0%;
    right: 0;
    padding: 1em;
    z-index: 999999;
    background: aliceblue;
    border-radius:4px;
  }
  #toggle_messages .hidden:hover {
  display: block !important;
  visibility: block !important;
  }
  
  .relatedmessages-sidebar {
    background: aliceblue;
    z-index: 99!important;
    padding-bottom: 50px;
  }
  
  
  .modal-header {
    padding: 0px 10px;
  //   min-height: 20px;
    min-height: 3em;
    max-height: 0;
    border: none;
  }
  
  // .modal-header .modal-title {
    // padding: 30px;
  // }
  input#edit-upload-upload {
    // height: 3em;
    font-size: medium;
  }
  
  #edit-upload-upload button {
    height: 3em;
    font-size: medium;
  }
  
  .modal-header .close {
    font-size: xx-large;
    position: absolute;
    right: 0;
    padding: 5px;
    margin: 0;
    color: @text-color;
  }
  
  #modalContent {
    position: fixed!important;
    top: 5vh!important;
    z-index: 10000!important;
  }
  
  #modal-content {
    display: inline;
    min-height: 120px;
  }
  
  #modal-content .overflow_maybe{
    overflow-y: scroll;
    max-height: inherit;
    min-height: 20em;
  }
  #modalContent #modal-content {
    max-height: 85vh;
    overflow: scroll;
  }
  // #modal-content .ui.basic.segment {
  // //   overflow-y: scroll;
  // //   max-height: 70vh;
  // }
  
  .modal-content {
    background-color: @body-bg;
    padding: 0 1em;
  }
  /*#mobile-nav-menu {
  box-shadow: 0 0 7px 1px rgba(0, 0, 0, 0.3);
  border: none;
  border-radius: 0px 6px 6px 0px;
  width: 30px;
  height: 35px;
  cursor: pointer;
  //background: hsla(0,0%,50%,1);
  //background: #000 -webkit-gradient(radial, center top, 200, center top, 20, from(hsla(0,0%,100%,0)), to(hsla(0,0%,100%,.65)));
  //background: #000 -webkit-radial-gradient(50% 0 180deg, circle farthest-side, rgba(255, 255, 255, 0.65) 20%, rgba(255, 255, 255, .35) 100%);
  //background: #000 -moz-radial-gradient(50% 0 180deg, circle farthest-side, rgba(255, 255, 255, 0.65) 20%, rgba(255, 255, 255, .35) 100%);
  //background: #000 -ms-radial-gradient(50% 0 180deg, circle farthest-side, rgba(255, 255, 255, 0.65) 20%, rgba(255, 255, 255, .35) 100%);
  //background: #000 -o-radial-gradient(50% 0 180deg, circle farthest-side, rgba(255, 255, 255, 0.65) 20%, rgba(255, 255, 255, .35) 100%);
  //background: #000 radial-gradient(50% 0 180deg, circle farthest-side, rgba(255, 255, 255, 0.65) 20%, rgba(255, 255, 255, .35) 100%);
  //-webkit-box-shadow: inset rgba(0,0,0,0.2) -3px 0px 4px 1px, inset rgba(252,255,255,0.4) 0 0px 1px 0px, rgba(0,0,0,.8) 0 3px 8px -1px;
  //        box-shadow: inset rgba(0,0,0,0.2) 0 -3px 4px 1px, inset rgba(252,255,255,0.4) 0 2px 8px 0px, rgba(0,0,0,.8) 0 3px 8px -1px;
  //-webkit-transition: -webkit-transform .3s cubic-bezier(0,.5,.5,1), -webkit-border-radius .2s cubic-bezier(0,.5,0,1);
  //-moz-transition: -moz-transform .3s cubic-bezier(0,.5,.5,1), -moz-border-radius .2s cubic-bezier(0,.5,0,1);
  //-ms-transition: -ms-transform .3s cubic-bezier(0,.5,.5,1), -ms-border-radius .2s cubic-bezier(0,.5,0,1);
  //-o-transition: -o-transform .3s cubic-bezier(0,.5,.5,1), -o-border-radius .2s cubic-bezier(0,.5,0,1);
  //transition: transform .3s cubic-bezier(0,.5,.5,1), border-radius .2s cubic-bezier(0,.5,0,1);
  }*/
  
  /* 6 mar 17 video modal
  .modal-content {
  background-color: @body-bg;
  color: @text-color;
  }
  .modal-content .close {
  color: @text-color;
  }
  .modal-body {
    overflow: scroll;
  }
  
  .modal-content .ui.form .ui.input>input {
      width: auto;
  }
  */
  
  /* // takeover by semantic ui 8 mar 2018
    // override modal from bootstrap
  .modal {
    display: none;
    overflow: auto;
    overflow-y: scroll;
    position: fixed;
    top: auto!important;
    right: 0;
    bottom: 110px; // 0
    left: 0;
    z-index: @zindex-modal;
    -webkit-overflow-scrolling: touch;
  
    // Prevent Chrome on Windows from adding a focus outline. For details, see
    // https://github.com/twbs/bootstrap/pull/10951.
    outline: 0;
  }
  */
  
  // override bootstrap to comply semantic
  .ui.modal {
      top: auto;
      bottom: auto;
      right: auto;
      left: auto;
      background: @body-bg;
  //     box-shadow: none;
  }
  .ui.modal>.content {
    background: @body-bg;
  }
  .ui.modal>.close {
    font-size: 2em;
    top: -15px!important;
    right: -15px!important;
    padding: 0;
  }
  .modal {
    position: static;
    overflow-x: visible;
    overflow-y: visible;
  }
  
  .modal-body {
    overflow-y: scroll;
    padding: 0;
    margin: 0;
  }
  
  .modal-dialog {
    bottom: 50px;
    overflow: scroll;
  }
  
  #welcome-content .welcome-list {
  font-size: 16px;
  font-family: var(--font-family-display);
  }
  #welcome-content .welcome-text {
  margin-top: 25px;
  margin-bottom: 10px;
  font-size: 15px;
  text-align: center;
  }
  
  .hybridauth-widget-wrapper {
  margin-bottom: 20px;
  text-align: center;
  }
  .page-user-register hr {
  display: none;
  }
  
  input.friendly-register-mail {
  //  position: absolute;
    width: 100%!important;
  }
  #edit-mail-check {
    position: absolute;
    left: 0px;
    top: 140px;
    width: 65%;
  }
  #edit-mail-check .text{
  color: @input-color;
  }
  
  /* by default no introductory text "or connnect with" */
  .hybridauth-widget-welcome_logo h3 {
  display: none;
  }
  .page-user-me-hybridauth .hybridauth-widget-wrapper h3 {
  display: block;
  text-align: center;
  }
  
  
  .hybridauth-widget-wrapper ul.hybridauth-widget {
  text-align: center;
  }
  
  .input-group-addon {
  	background-color: transparent;
  	border-radius: 0;
  	border-color: @input-bg;
  }
  //.page-welcome-verification .container-inline-date,
  .rightsideinputgroup {
  	background-color: transparent;
  	border-radius: 0;
  	border-color: @input-bg;
  	border-width: 1px;
  	border-style: solid;
  	border-left: none;
  }
  .page-welcome-verification .input-group-addon {
  	border: none;
  }
  .container-inline-date > .form-item {
  	display: grid;
  }
  .container-inline-date  .form-type-textfield .description {
      display: none!important;
      //description fapi still visible
  }
  /*
  .container-inline-date  .date-padding {
    height: 2em;
  }
  */
  
  
  
  .countrycode {
    min-height: auto!important;
    padding: 0.4em 1em!important;
  }
  .countrycode.ui.selection.dropdown>.delete.icon,
  .countrycode.ui.selection.dropdown>.dropdown.icon,
  .countrycode.ui.selection.dropdown>.search.icon {
    padding: 0.5em!important;
  }
  
  .ui.inline.fluid  #edit-number {
    margin: 0!important;
  }
  
  
  .form-control {
  	border: none;
  	height: auto;
  }
  
  .views-exposed-form .views-exposed-widget .form-submit {
    margin-top: 0;
  }
  
  .form-textarea-wrapper {
    padding: 0;
    background-color: transparent;
    border-radius: 0;
  }
  .page-wa-new-status .ui.form textarea,
  .page-wa-new-status .ui.form .form-textarea-wrapper {
    font-size: @font-size-h3;
  }
  #user-login .hybridauth-widget-wrapper {
  padding-top: 0px;
  clear: both;
  margin-top: 0;
  float: none;
  }
  /* EU cookie compliance ------------*/
  /*------------ Social buttons */
  
  .hybridauth-widget .btn {
    color: @gray-lighter;
    font-size: 24px;
    padding: 2px 2px;
    width: 40px;
    height: 40px;
    //background-color: rgba(0, 0, 0, 0.2);
  }
  .hybridauth-widget .btn:hover {
  box-shadow: 0px 0px 1px 2px @link-color;
  }
  .fa-wactivity {
  background: url(https://s3-eu-west-1.amazonaws.com/sbttr/css/wactivity_logo_square40x40_black.png) top;
  }
  .fa-wactivity g{
  display: none;
  }
  
  /* Social buttons <------------*/
  .fa-inverse {
  color: contrast(@text-color);
  }
  #l10n-client {
  	bottom: 55px;
  }
  .confirm-parent,
  .password-parent,
  .password-suggestions {
    width: 100%!important;
    max-width: 500px;
  }
  
  .price_quantity {
    font-size: 16px;
    float: left;
    bottom: 0;
    position: relative;
    margin-top: 25px;
    padding-left: 5px;
  }
  .price_text_taxes {
    font-size: 12px;
    clear: both;
    float: left;
  }
  .price_saving_description,
  .price_saving_comparison {
    clear: both;
  }
  .view-commerce-price-formatter-multiple td {
  	padding: 12px;
  	vertical-align: top;
  }
  #wrapper-text-4bg {
  	position: relative;
  	z-index: 5;
  }
  
  #wrapper-text-benef_call2 {
    position: absolute;
    //width: 100%;
    //margin-left: -15px;
    //padding-left: 40px;
    //padding-right: 40px;
  }
  
  .masthead {
  	position: relative;
  	min-height: 250px;
  }
  .image-container {
  	overflow: hidden;
  position: relative;
  width: 100%;
  }
  /*.image-container img {
  display: block;
  pointer-events: none;
  position: absolute;
  bottom: 0;
  width: 100%;
  }*/
  .text-container {
    text-align: center;
  //width: 100%;
  }
  
  .masthead .text-container {
    font-size: 16px;
    text-align: left;
  }
  
  .text-container-right.text-container {
    position: absolute;
    z-index: 2;
    bottom: 0;
    padding-left: 15px;
    padding-right: 15px;
  }
  
  .masthead .text-container-right.text-container {
    color: #FFFFFF;
  }
  
  .group-imagewithcall2-container {
  	position: relative;
  	min-height: 200px;
  }
  
  .masthead .well {
    border: none;
    background: none;
  }
  
  .text-container-right {
    right: 0;
  }
  .flex-direction-nav a {
  	height: 50px;
  }
  
  #edit-field-contact-points > div {
  float: left;
  }
  
  #cboxLoadedContent {
  width: 1920px!important;
  height: 1080px!important;
    -ms-zoom: 0.5;
    zoom: 0.5;
    -moz-transform: scale(0.5);
    -moz-transform-origin: 0 0;
    -o-transform: scale(0.5);
    -o-transform-origin: 0 0;
    -webkit-transform: scale(0.5);
    -webkit-transform-origin: 0 0;
    transform: scale(0.5);
    transform-origin: 0 0;
  }
  
  .anonymous-progress .verifprg_anonymous .title,
  .preregistered-progress .verifprg_preregistered .title,
  .account-progress .verifprg_account .title,
  .verified-progress .verifprg_verified .title {
  //color: @brand-primary;
  color: #009fda;
  }
  /*
  .anonymous-progress .ui.steps .step.verifprg_anonymous,
  .preregistered-progress .ui.steps .step.verifprg_preregistered,
  .account-progress .ui.steps .step.verifprg_account,
  .verified-progress .ui.steps .step.verifprg_verified,
  .anonymous-progress .verifprg_anonymous:after,
  .preregistered-progress .verifprg_preregistered:after,
  .account-progress .verifprg_account:after,
  .verified-progress .verifprg_verified:after{
    background-color: #f0f0f0!important;
  }
  */
  
  /*
  .ui.steps .step,
  .step:after {
    background-color: lighten(@body-bg,10%)!important;
  }
  .ui.steps .step:after {
  //border-color: #FFFFFF;
  }
  */
  .ui.steps {
    overflow-x: scroll ;
  }
  
  .ui.steps,
  .ui.steps .step,
  .ui.steps .step:after {
      border-color: contrast(@body-bg, darken(@body-bg, 10%), lighten(@body-bg, 10%));
      //border-right-color: darken(@body-bg, 5%);
  }
  
  .ui.steps .step,
  .ui.steps .step:after {
      background: @body-bg ;
  }
  
  .ui.steps .step.active {
    background: darken(@body-bg, 5%);
    box-shadow: 2px 2px 3px 0px;
    //z-index: 10;
  }
  .ui.steps .step.active:after {
    background: darken(@body-bg, 5%);
    //box-shadow: 0 0 8px 1px;
    //z-index: 10;
  }
  .ui.steps .step,
  .ui.steps .step .description,
  .ui.steps .step .title {
    font-family: var(--font-family-base);
    color: lighten(@text-color, 10%);
  }
  .ui.steps .step.active .title {
    //font-family: var(--font-family-base);
    color: @text-color ;
  }
  
  .ui.steps a:hover,
  .ui.steps a:focus {
    text-decoration: none;
  }
  
  .ui.steps .step > i.icon,
  .ui.steps .step > svg.icon {
    line-height: 1;
    font-size: 2.5em;
    margin: 0 1rem 0 0;
  }
  
  .verifymecopon {
  /*position: fixed;
  z-index: 9999;
  bottom: 90px;*/
  max-width: 320px;
  margin-left: auto;
  margin-right: auto;
  color: #111111;
  padding: 30px 20px;
  box-shadow: 1px 2px 7px #000;
  border-radius: 3px;
  background:
  			url(https://s3-eu-west-1.amazonaws.com/sbttr/css/postmark.png) top right no-repeat,
  			url(https://s3-eu-west-1.amazonaws.com/sbttr/css/airmail.png) top repeat-x; /*
  			url(https://s3-eu-west-1.amazonaws.com/sbttr/css/airmail.png) bottom repeat-x,
  			url(https://s3-eu-west-1.amazonaws.com/sbttr/css/grunge.jpg) no-repeat;*/
  			background-color: #ece9cd;
  
  }
  .verifymecopon a {
  color: whitesmoke;
  background-color: #d45b2e;
  padding: 4px 15px;
  border-radius: 8px;
  box-shadow: 0px 0px 3px #333;
  }
  
  .verifymecopon a:hover {
  background-color: #b74e27;
  box-shadow: 0px 0px 9px #333;
  }
  
  
  .radiotobutton {
    margin-right: 15px;
    display: inline-block;
  }
  
  .page-admin .ui.checkbox {
    display: block;
  }
  
  //.entitytype-san_valentin_sando_2016-form .ui.checkbox input~label:before,
  
  .radiotobutton .ui.radio.checkbox input:checked~.box:after,
  .radiotobutton  .ui.radio.checkbox input:checked~label:after {
    width: 0;
    height: 0;
  }
  
  .radiotobutton  .ui.radio.checkbox input:checked~label .ui.button {
    background-color: @brand-primary;
    color: @body-bg;
    //color: @link-color;
    //color: contrast(@link-color, lighten(@link-color, 10%), darken(@link-color, 10%));
    //background-color: contrast(@body-bg, darken(@body-bg, 10%), lighten(@body-bg, 10%));
  }
  
  
  .radiotobutton .ui.checkbox .box:before,
  .radiotobutton .ui.checkbox label:before {
    display: none!important;
    background-color: aqua;
  }
  
  .nomargin .ui.checkbox {
    margin: 0!important;
  }
  
  .ui.checkbox.checked {
  //   border: 1px solid black
    text-shadow: 1px 2px 3px @text-color;
  }
  
  //.radiotobutton .ui.checkbox input:checked,
  .radiotobutton .ui.checkbox input:checked {
    background-color: red;
  }
  
  .radiotobutton .ui.radio.checkbox,
  .radiotobutton .ui.radio.checkbox .box,
  .radiotobutton .ui.radio.checkbox label {
    padding: 0;
    margin: 0;
    float: left;
  }
  
  .radiotobutton .ui.button {
    margin: 0;
  }
  
  .radiotobutton .ui.button {
    border-radius: 0px;
  }
  .radiotobutton .ui.button.first {
    border-radius: 5px 0px 0px 5px;
  }
  .radiotobutton .ui.button.last {
    border-radius: 0px 5px 5px 0px;
  }
  
  
  .radiosinlinenocircle {
  	display: inline-table;
  }
  
  .radiosinlinenocircle .radio,
  .radiosinlinenocircle .checkbox {
  	display: table-cell;
    padding-left: 5px;
  }
  
  .radiosinlinenocircle .radio:first-child,
  .radiosinlinenocircle .checkbox:first-child {
  	padding-left: 0;
  }
  
  .radiosinlinenocircle input[type="radio"],
  .radiosinlinenocircle input[type="checkbox"] {
  position: absolute;
  z-index: -1;
  filter: alpha(opacity=0);
  opacity: 0;
  }
  .radiosinlinenocircle input[type=radio]:checked + label .btn,
  .radiosinlinenocircle input[type=checkbox]:checked + label .btn{
  background-color: @brand-primary;
  color: contrast(@text-color);
  //font-weight: bolder;
  }
  
  .chosen-container-multi .chosen-choices li.search-field input[type="text"] {
    padding: 0;
  }
  
  .chosen-container-single .chosen-search input[type=text]{
    background-image: none!important;
  }
  
  .chosen-container-multi .chosen-choices,
  .chosen-container.chosen-with-drop .chosen-single,
  .chosen-container .chosen-drop,
  .chosen-container .chosen-single,
  .chosen-container .chosen-disabled {
  background: @input-bg;
  color: @text-color;
  opacity: 1;
  border: none;
  box-shadow: none;
  }
  .chosen-disabled {
  opacity: 1!important;
  }
  .chosen-container.form-control {
  	position: relative;
  	z-index: 99;
  	width: 100%!important;
  	min-width: 250px;
  	height: auto;
  }
  
  .chosen-container.chosen-with-drop .chosen-drop {
    position: static;
  }
  
  // .chosen-container .chosen-results {
  //   //margin-top: 40px;
  // }
  .page-welcome-verification label {
  	display: block;
  }
  // .form-required {
  // //	display: block;
  // }
  .form-item-firstname {
  	//float: left;
  	width: 40%;
  }
  .form-item-lastname {
  	//float: left;
  	width: 55%;
  	margin-left: 4%;
  }
  
  /*
  .input-group-inlinedate {
  	padding: 10px 0px;
  }
  */
  
  /*
  .ui.equal.width.fields.inlined .ui.selection.dropdown {
    background-color: transparent;
  }
  */
  .ui.equal.width.fields.inlined .field.text {
    padding: 0.5em 0;
    text-align: center;
  }
  
   //@input-placeholder: contrast(@input-bg, darken(@input-bg, 30%), lighten(@input-bg, 30%));
  /*
   .placeholder(@text-color: contrast(@input-bg, darken(@input-bg, 30%), lighten(@input-bg, 30%))) {
    &:-moz-placeholder           { color: @text-color!important; } // Firefox 18-
    &::-moz-placeholder           { color: @text-color!important; } // Firefox 19+
    &:-ms-input-placeholder       { color: @text-color!important; } // Internet Explorer 10+
    &::-webkit-input-placeholder  { color: @text-color!important; } // Safari and Chrome
  }
  */
  
  ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: @input-placeholder!important;
  //   color: @text-color!important;
    opacity: 1; /* Firefox */
  }
  
  :-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: @input-placeholder!important;
  //   color: @text-color!important;
  }
  
  ::-ms-input-placeholder { /* Microsoft Edge */
    color: @input-placeholder!important;
  //   color: @text-color!important;
  }
  
  
  
  // .page-categories .vbo-views-form #edit-select {
  // //	display: none;
  // }
  /******** CKEDITOR BEGIN *******/
  
  .cke_combopanel {
    z-index: 9999999 !important;
  }
  
  .callaction:hover,
  .callaction a:hover {
  background-color: #FD894A;
  text-shadow: 1px 1px 0px black;
  color: white;
  box-shadow: 0px 0px 6px brown;
  }
  .callaction,
  .callaction a,
  .callaction a:link,
  .callaction a:visited {
  color: white!important;
  text-decoration: none!important;
  width: auto;
  margin: auto;
  left: 0;
  right: 0;
  background-color: #DD6626;
  text-shadow: 1px 1px 3px black;
  padding: 6px 12px;
  font-size: 14px;
  	border-radius: 5px; /* embossed_button */
  	-moz-border-radius: 5px;
  	-webkit-border-radius: 5px;
  }
  //.rtecenter img,
  //.rtecenter iframe,
  .image-centered-no-text {
  	display: block;
  	margin: 8px auto 8px auto;
  }
  .image-right {
  	float: right;
  	margin: 8px 0 8px 8px;
  }
  .image-left {
  	float: left;
  	margin: 8px 8px 8px 0px;
  }
  .imgshadow {
    -moz-box-shadow: 3px 3px 6px #888888;
    -webkit-box-shadow: 3px 3px 6px #888888;
  	box-shadow: 3px 3px 6px #888888;
  }
  .max600 {
    max-width: 600px!important;
    width: -webkit-fill-available;
  }
  .max600.centered {
    margin-left: auto;
    margin-right: auto;
  }
  .div-centered {
    margin-left: auto!important;
    margin-right: auto!important;
  }
  
  q {	font-style: italic; }
  blockquote{ font-style: italic; }
  
  .blockquote {
  font-family: Georgia, serif;
  font-size: 20px!important;
  font-style: italic;
  width: 500px;
  margin: 0.25em 0;
  padding: 0.25em 40px;
  line-height: 1.45;
  position: relative;
  color: #383838;
  }
  .view .blockquote {
  	width:auto;
  	padding: 0.25em 12px;
  	font-size: 16px!important;
  }
  .blockquote:before {
  display: block;
  content: "\201C";
  font-size: 80px;
  position: absolute;
  left: -20px;
  top: -20px;
  color: #7a7a7a;
  }
  .view .blockquote:before {
  font-size: 40px;
  left: 0px;
  }
  .cite {
  font-family: Georgia, serif;
  color: #999999;
  font-size: 14px;
  display: block;
  margin-top: 5px;
  }
  .view .cite {
  font-size: 12px;
  margin-top: 0;
  padding: 0 10px;
  }
  
  .cite:before {
  content: "\2014 \2009";
  }
  /******** CKEDITOR END *******/
  
  /** media popup **/
  
  
  .input-group-addon,
  .input-group-btn,
  .input-group .form-control {
    display: block;
    width: auto;
  }
  .ui-widget-header {
    border: none;
    background: none;
    color: @text-color;
    }
  
  .ui-dialog .ui-dialog-titlebar {
      padding: 0;
  }
  .ui-widget-content {
    border: none;
    background: none;
    color: @text-color;
  }
  
  .ui-widget-content,
  #media-browser-page .ui-widget-content {
    border: none;
    background-color: @body-bg;
    background: @body-bg;
    color: @text-color;
    font-family: var(--font-family-base);
  }
  
  #media-browser-page .input-group-btn {
    font-size: @font-size-base;
  }
  
  #media-browser-page .ui-widget-header {
    border: none;
  }
  
  
  #media-wysiwyg-format-form #preview {
    max-width: 50%;
    float: left;
  }
  #media-wysiwyg-format-form #preview img {
    max-width: 100%;
  }
  
  #media-wysiwyg-format-form #edit-options {
    max-width: 50%;
    float: right;
  }
  .fake-ok {
    white-space: normal;
    color: #ffffff;
    background-color: #5cb85c;
    border-color: #4cae4c;
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 4px;
    -webkit-user-select: none;
    user-select: none;
    clear: left;
    float: left;
    margin-top: 20px;
  }
  
  // .node-blog.node-teaser.view-mode-teaser {
  // //  width: 370px;
  // }
  
  // .node-blog.node-teaser .field-name-field-image-inserted {
  // //  position: absolute;
  // }
  
  // .node-blog.node-teaser .field-name-title-field,
  // .node-blog.node-teaser .field-name-node-link,
  // .node-blog.node-teaser .field-name-field-taxonomy {
  // //  padding: 0 17px;
  // //  position: relative;
  // }
  // .node-blog.node-teaser .field-name-title-field {
  //  // margin-top: -110px;
  // // padding-top: 3px;
  // }
  
  // .wrapper-news {
  // //color: darken(@text-color, 15%); /* Navbar link hover colour */
  // //background-color: rgba(0, 0, 0, 0.05); /* Will lighten any background colour you set. */
  // //position: relative;
  // }
  img {
    max-width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
  }
  
  
  .ui.image .label svg {
    height: 1em;
  }
  
  .img-responsive {
    display: inherit;
  }
  
  /* ============================== Start Segment design ========== */
    .shadowme .item img,
    .shadowme .card img,
    .shadowme .item .image .icon,
    .shadowme .card .image .icon,
    .shadowme .pdfpreview,
    .bookify .pdfpreview,
    .bookify .image {
      display: inline-block;
      box-shadow: 5px 5px 20px #333;
      //margin: 10px;
    }
  
    .circularme .item .image .icon,
    .circularme .card .image .icon,
    // .circularme .segment img,
    .circularme .item img,
    .circularme .card img{
      border-radius: 500rem!important;
    }
  
    .expandme .item .image .icon,
    .expandme .card .image .icon,
    // .circularme .segment img,
    .expandme img,
    .expandme .item img,
    .expandme .card img{
      width: 100%!important;
    }
    .bookify img {
      vertical-align: middle;
    }
    /*
    *  In order for this to work, you must use Modernizer
    *  to detect 3D transform browser support. This will add
    *  a "csstransforms3d" class to the HTML element.
    *
    *  Visit http://modernizr.com/ for installation instructions
    */
  
    .csstransforms3d .bookify {
      perspective: 100px;
      -moz-perspective: 100px;
      -webkit-perspective: 100px;
      -moz-transform-style: preserve-3d;
      -webkit-transform-style: preserve-3d;
      transform-style: preserve-3d;
    }
  
    .csstransforms3d .bookify .pdfpreview,
    .csstransforms3d .bookify .image {
      position: relative;
      perspective: 100px;
      -moz-perspective: 100px;
      -moz-transform: rotateY(-3deg);
      -webkit-transform: perspective(100) rotateY(-3deg);
      transform: perspective(100) rotateY(-3deg);
      outline: 1px solid transparent;
      /* Helps smooth jagged edges in Firefox */
      box-shadow: none;
      margin: 0;
    }
  
    .csstransforms3d .bookify img {
      position: relative;
      max-width: 100%;
    }
  
    .csstransforms3d .bookify .pdfpreview:before,
    .csstransforms3d .bookify .image:before,
    .csstransforms3d .bookify .image:after,
    .csstransforms3d .bookify .pdfpreview:after {
      position: absolute;
      top: 2%;
      height: 96%;
      content: ' ';
      z-index: -1;
    }
  
    .csstransforms3d .bookify .pdfpreview:before,
    .csstransforms3d .bookify .image:before {
      width: 100%;
      left: 7.5%;
      background-color: #5a2d18;
      box-shadow: 5px 5px 20px #333;
    }
  
    .csstransforms3d .bookify .link .pdfpreview:hover,
    .csstransforms3d .bookify .link .image:hover {
      box-shadow: 5px 5px 24px #8e0f0f;
      transition: all 0.5s ease;
    }
  
    .csstransforms3d .bookify .pdfpreview:after,
    .csstransforms3d .bookify .image:after {
      width: 5%;
      left: 100%;
      background-color: #EFEFEF;
      box-shadow: inset 0px 0px 5px #aaa;
      -moz-transform: rotateY(20deg);
      -webkit-transform: perspective(100) rotateY(20deg);
      transform: perspective(100) rotateY(20deg);
    }
    .paperclip .ui.header {
      // segment class
      margin-top: 0;
    }
  
    .paper-clip {
      box-sizing: border-box;
      display: block;
      //     top: 50%;
      //     left: 50%;
      right: 16px;
      //     margin-top: -40px;
      margin-top: -16px;
      margin-left: -19px;
      height: 80px;
      width: 38px;
      //     border: 3px groove #DDDDDD;
      border-radius: 0 0 90px 90px;
      border-top: none;
      position: absolute;
      transform: rotate(7deg);
      -webkit-transform: rotate(7deg);
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden;
    }
  
    .paper-clip::before,
    .paper-clip::after {
      content: '';
      position: absolute;
      border: 3px groove #DDDDDD;
    }
  
    .paper-clip::before {
      left: 3px;
      height: 50px;
      width: 20px;
      border-radius: 0 0 90px 90px;
      border-top: none;
    }
  
    .paper-clip::after {
      top: -30px;
      left: -3px;
      height: 30px;
      width: 26px;
      border-radius: 90px 90px 0 0;
      border-bottom: none;
    }
    .hiddenheaders .ui.list .ui.header,
    .hiddenheaders .ui.hero-list .ui.header,
    .hiddenheaders .ui.cards .ui.header,
    .hiddenheaders .ui.header.segmentheader {
      display: none !important;
      visibility: hidden !important;
    }
  
    .hiddentext .ui.list .description,
    .hiddentext .ui.cards .description {
      display: none !important;
      visibility: hidden !important;
    }
  /* ============================== end Segment design ========== */
  /* ============================== start Card / List design ========== */
    .ui.card,
    .ui.cards>.card {
      background-color: darken(@body-bg, 5%);
      //   overflow: hidden;
      box-shadow: none;
      overflow-wrap: break-word;
      word-break: break-word;
    }
    .card .ui.card,
    .card .ui.cards>.card,
    .card-list .ui.card,
    .card-list .ui.cards>.card {
      width: 290px; // as for medium image-style
      min-width: 290px; // as for medium image-style
      height: 290px;
    }
  
    .fullcard.ui.card {
      width: auto; // as for medium image-style
      height: auto;
      max-width: 600px;
  
    }
    .medium-card-compact-orig .ui.card>.content,
    .medium-card-compact-orig .ui.cards>.card>.content,
    .mini-card-orig .ui.card>.content,
    .mini-card-orig .ui.cards>.card>.content {
      display: none;
    }
  
    .medium-card-media .ui.card,
    .medium-card-icon .ui.card,
    .medium-card-icon .ui.cards>.card,
    .medium-card .ui.card,
    .medium-card .ui.cards>.card,
    .medium-card-compact .ui.card,
    .medium-card-compact .ui.cards>.card,
    .medium-card-list .ui.card,
    .medium-card-list .ui.cards>.card {
      min-width: 180px; // as for medium image-style
      width: 180px; // as for medium image-style
      //   height: 180px;
    }
  
    .medium-card-media .ui.card,
    .medium-card-orig .ui.card,
    .medium-card-compact-orig .ui.card,
    .medium-card-compact-orig .ui.cards>.card {
      min-width: 180px; // as for medium image-style
      width: 180px; // as for medium image-style
      height: auto;
      background-color: transparent;
    }
  
    .ui.big.card,
    .ui.cards>.big.card {
      width: 100%;
      max-width: 600px;
    }
  
    .big-card .ui.card,
    .big-card .ui.cards>.card,
    .big-card-list .ui.card,
    .big-card-list .ui.cards>.card {
      width: 600px;
      min-width: 600px;
      // height: 600px;
    }
  
    .hero-card .ui.card,
    .hero-card .ui.cards>.card,
    .hero-list .ui.card,
    .hero-list .ui.cards>.card {
      width:1140px;
      min-width: 1140px;
      // height: 1140px;
    }
  
    .ui.basic.card {
      background-color: transparent;
    }
  
    .ui.cards a.card:hover,
    a.ui.card:hover {
      cursor: default;
    }
  
    .ui.cards a.card:hover,
    .ui.link.card:hover,
    .ui.link.cards .card:hover,
    a.ui.card:hover {
      //background: rgba(0,0,0,0.8);
      background: contrast(@body-bg, darken(@body-bg, 10%), lighten(@body-bg, 10%));
      box-shadow: none;
      -webkit-transform: none;
      -ms-transform: none;
      transform: none;
    }
    .tag-list .ui.card,
    .tag-list .ui.cards>.card {
      width: 50px;
      min-width: 50px;
      height: 50px;
    }
  
    .mini-card .ui.card,
    .mini-card-media .ui.card,
    .mini-card .ui.cards>.card,
    .mini-card-list .ui.card,
    .mini-card-list .ui.cards>.card,
    .mini-list .ui.card,
    .mini-list .ui.cards>.card {
      width: 100px;
      min-width: 100px;
      height: 100px;
    }
  
    .mini-card-orig .ui.card,
    .mini-card-orig .ui.cards>.card,
    .mini-card-list-orig .ui.card,
    .mini-card-list-orig .ui.cards>.card {
      min-width: 100px;
      width: 100px;
      height: auto;
      background-color: transparent;
    }
  
    .masonry-processed {
      margin-left: auto !important;
      margin-right: auto !important;
    }
  
    //must be defined before mini and medium to bve overrided
  
    .cardlink {
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
  
      /* edit: added z-index */
      z-index: 3; //cover ui embed who's 2
      //   z-index:20;//because slide ads
      //   z-index:4;//because reservador hotel
  
      
      background-image:url('/sites/default/files/Transparent.gif');}.page-eck-wactivity .panel-1col .ui.centered.card{//.page-eck-wactivity .ui.cards>.card{width:600px;}//common rules list card header description...
  
      .ui.list .item{display:flex !important;//dpm 14 ene 25 para big verif todos ok
        position:relative;//for correct cardlink scope}.ui.list.stripped .item:nth-child(even){background:@input-bg;}.ui.card>.content>.description,.ui.cards>.card>.content>.description,.ui.items>.item>.content>.description,.ui.list .list>.item .description,.ui.list>.item .description{color:@text-color;}.ui.items>.item>.content>a.header,.ui.list .list>.item a.header,.ui.list>.item a.header{color:@link-color !important;}.ui.items>.item>.content>a.header:hover,.ui.list .list>.item a.header:hover,.ui.list>.item a.header:hover{color:@link-hover-color !important;}.ui.items>.item>.content>.header{color:@text-color;}.ui.items>.item .meta,.ui.items>.item .extra{color:@text-color-secondary;}.ui.items>.item .meta{line-height:1.5em;}.ui.list .list>.disabled.item,.ui.list>.disabled.item{color:@text-color-disabled !important;}.ui.center.aligned .ui.list .list>.item>.image+.content,.ui.center.aligned .ui.list .list>.item>i.icon+.content,.ui.center.aligned .ui.list>.item>.image+.content,.ui.center.aligned .ui.list>.item>i.icon+.content{display:table;}// .ui.list.stripped .item:nth-child(odd){// //   background:#FFFFFF;//}.ui.segment.inverted>.ui.card>.content>.header,.ui.segment.inverted>.ui.cards>.card>.content>.header,.ui.segment.inverted>.ui.list .list>.item .header,.ui.segment.inverted>.ui.list>.item .header,.ui.segment.inverted>.ui.header,.ui.segment.inverted>.ui.card>.content>.description,.ui.segment.inverted>.ui.cards>.card>.content>.description,.ui.segment.inverted>.ui.items>.item>.content>.description,.ui.segment.inverted>.ui.list .list>.item .description,.ui.segment.inverted>.ui.list>.item .description{color:#FFF;}.mini-card-list-compact .ui.header,.minicardlist .ui.header{font-size:14px !important;}// tag
      .tag-text .ui.segment,.tag-media .ui.segment,.tag-media-big .ui.segment,.tag-icon-square .ui.segment,.tag-icon .ui.segment{//   display:inline-flex;display:inline;}@keyframes slideUp{from{transform:translateY(20px);opacity:0;}to{transform:translateY(0);opacity:1;}}.big-card-list .item{animation:slideUp 0.8s ease-out forwards;}@keyframes slideFromLeft{from{transform:translateX(-50px);opacity:0;}to{transform:translateX(0);opacity:1;}}@keyframes slideFromRight{from{transform:translateX(50px);opacity:0;}to{transform:translateX(0);opacity:1;}}.card-list .item .content{flex:1;display:flex;flex-direction:column;justify-content:center;gap:1.5rem;}.card-list .item .header{font-size:2rem !important;line-height:1.2 !important;margin-bottom:1rem !important;}.big-card-list .item .header{font-size:2rem !important;// line-height:1.2 !important;margin-bottom:1.5rem !important;}.card-list .item .description{font-size:1.2rem !important;line-height:1.6 !important;// color:rgba(0,0,0,0.8);}.big-card-list .item .description{font-size:1.1rem !important;// line-height:1.6 !important;}.read-more{margin-top:1rem;color:@brand-primary;font-weight:500;pointer-events:none;display:none;}.link.item .read-more{display:block;}.ui.card .wrapper-news.content{max-height:135px;display:block;overflow:scroll;}.ui.card .wrapper-news.content h3{margin-top:0;}.ui.card>.content>.header,.ui.cards>.card>.content>.header,.ui.list .list>.item .header,.ui.list>.item .header{font-family:var(--font-family-display);font-weight:normal;color:@text-color;}.ui.card>.content>.statusmessage,.ui.card>.content>.statusmessage p,.ui.cards>.card>.content>.statusmessage,.ui.cards>.card>.content>.statusmessage p,div.statusmessage,div.statusmessage p,#statusmessage,#statusmessage p{font-family:@font-size-h3 !important;//font-weight:normal;}.ui.card>.content>a.header,.ui.cards>.card>.content>a.header,.ui.card>.content>.header,.ui.cards>.card>.content>.header{color:@text-color;}.ui.card>.extra,.ui.cards>.card>.extra.ui.card .meta,.ui.card .meta,.ui.cards>.card .meta{color:@text-color-secondary;}.masonry-item{padding:0;//margin:0;margin-right:3px;margin-bottom:5px;}.mini-card-media .masonry-item,.mini-card .masonry-item,.mini-card-orig .masonry-item,.mini-media .masonry-item,.mini-media-orig .masonry-item,.mini-media .masonry-item,.mini_media .masonry-item,.mini_card .masonry-item{width:100px;}.medium-card .masonry-item,.medium-card-icon .masonry-item,.medium-card-media .masonry-item,.medium-card-orig .masonry-item,.medium-card-compact .masonry-item,.medium-card-compact-orig .masonry-item,.medium_media .masonry-item,.medium-media .masonry-item,.medium_card .masonry-item{width:180px;}.medium_card .media-instagram,.medium_card_list .media-instagram{max-width:180px;}.ui.items>.item{position:relative;// relative to keep carlink on div}.item.danger{color:@brand-danger !important;}.ui.list.mini-card-list-compact .list>.item .header,.ui.list.mini-card-list-compact>.item .header,.ui.list.minicardlist .list>.item .header,.ui.list.minicardlist>.item .header{font-weight:lighter;}.ui.items.mini-card-list-compact>.item>.content>.description,.ui.list.mini-card-list-compact .list>.item .description,.ui.list.mini-card-list-compact>.item .description,.ui.items.minicardlist>.item>.content>.description,.ui.list.minicardlist .list>.item .description,.ui.list.minicardlist>.item .description{font-size:smaller;}.ui.list .list>.item>.image:not(:only-child):not(img),.ui.list>.item>.image:not(:only-child):not(img){padding:0;}.ui.list >.item > .middle.aligned.content{width:100%;}// icon elements design
      .ui.list .list>.item>svg.icon,.ui.list>.item>svg.icon,.ui.list .list>.item>i.icon,.ui.list>.item>i.icon{display:table-cell;min-width:1.55em;margin:0;padding-top:0;transition:color .1s ease;}.ui.list .list>.item>svg.icon+.content,.ui.list>.item>svg.icon+.content{display:table-cell;width:100%;padding:0 0 0 .5em;vertical-align:top;}.mini-card-list .item .image .icon{padding:20px;}.medium-card-compact .card .image .icon{padding:32px;}.ui.embed>.icon:before{//opacity:0.5;//color:@link-color;opacity:0.8;color:#FFF;}.mini-card-list-compact .ui.embed>.icon:before,.minicardlist .ui.embed>.icon:before{font-size:2em !important;}.list .label-list.tag-icon-square .image .icon svg,.list .label-list.tag-icon-square .image .icon{width:20px;height:20px;}.list .label-list.tag-icon-square .image{height:20px;}.list .tag-text .image .icon,.list .tag-icon-square .image .icon,.list .tag-icon .image .icon,.tag-text .image .icon,.tag-icon-square .image .icon,.tag-icon .image .icon{font-size:20px;opacity:0.8;}.tag-media .image .icon{font-size:50px;opacity:0.8;}.tag-media-big .image .icon{font-size:100px;opacity:0.8;}.image.tag_media svg{width:50px !important;padding:0 !important;}.list.list-wtitle-tag .image svg,.list.list-wtitle-tag .image .icon{max-height:20px;max-width:20px;padding:0 5px 0 0;height:20px;width:20px;display:inline-block;min-width:auto;float:left;}.list.list-wtitle-tag-big .image svg,.list.list-wtitle-tag-big .image .icon{max-height:50px;max-width:50px;padding:0 10px 0 0;height:50px;width:50px;display:inline-block;min-width:auto;float:left;}.tag_media .icon.fa-fw{font-size:2em;}.card .image .icon svg,.card-list .image .icon svg,.list .image .icon svg,.card .image .icon,.card-list .image .icon,.list .image .icon{font-size:4em;min-width:100%;width:100%;height:100%;min-height:100%;//   padding:10%;//   border:1px solid;//   background-color:@input-bg;opacity:0.9;}.card.medium-media .image .icon,.card-list.medium-media .image .icon,.list.medium-media .image .icon{height:150px;padding-bottom:10px;}.card.medium-media .image svg.icon,.card-list.medium-media .image svg.icon,.list.medium-media .image svg.icon{height:70px;padding-bottom:10px;min-height:70px;width:70px;min-width:70px;}.list .label-list .image .icon,.list .label-list .image .icon svg{padding:0;opacity:1;}.tag-list.list>.item>.image,// legacy
      .tag-card.list>.item>.image,.tag-card-list.list>.item>.image{// .mini-card-list-compact>.item>.image{now as mininews
        width:50px;min-width:50px;height:50px;}.image.mini_media svg{width:70px !important;padding:0 !important;height:auto;margin-left:auto;margin-right:auto;}.image.mini_media .icon.fa-fw{display:block;}.tag-list .image .icon{height:50px;width:50px;}.mini-card-list-compact .icon.fa-fw,.minicardlist .icon.fa-fw{font-size:4em;}.mini-card .image .icon,.mini-card-media .image .icon,.mini-card-orig .image .icon,.mini-card-list-orig .image .icon,.mini-card-list .image .icon{// .mini-card-list-compact .image .icon{because mininews
        //   font-size:4em;height:100px;width:100px;}.medium-card-icon .image svg{padding:20px;height:125px;min-height:125px;width:100%;}.medium-card-media .image .icon,.medium-card-orig .image .icon,.medium-card-list-orig .image .icon,.medium-card .image .icon,.medium-card-compact-orig .image .icon,.medium-card-compact .image .icon,.medium_card_list .image .icon,.medium-card-list .image .icon{font-size:7em;height:180px;width:180px;}.ui.card>.image,.ui.cards>.card>.image{//  height:100%;Nope
      margin-top:auto;margin-bottom:auto;background:transparent;}.ui.list>.item>.image{vertical-align:middle;}.ui.items>.item>.image:not(.ui){width:auto;}// image elements design
    .ui.original .image img{height:auto !important;}.ui.hideimage .image{display:none!important;}.ui.squared .image img{width:100%;height:auto !important;aspect-ratio:1 / 1;object-fit:cover;}.ui.rectangular43 .image img{//4:3 (traditional video/photo)
      width:100%;height:auto!important;aspect-ratio:4 / 3;object-fit:cover;}.ui.widescreen169 .image img{//16:9 (widescreen video)
      width:100%;height:auto !important;aspect-ratio:16 / 9;object-fit:cover;}.ui.ultrawide219 .image img{// 21:9 (ultrawide)
      width:100%;height:auto !important;aspect-ratio:21 / 9;object-fit:cover;}.ui.classic32 .image img{//3:2 (classic photography)
      width:100%;height:auto !important;aspect-ratio:3 / 2;object-fit:cover;}.ui.vertical58 .image img{width:100%;height:auto !important;aspect-ratio:5 / 8;object-fit:cover;}.ui.vertical916 .image img{width:100%;height:auto !important;aspect-ratio:9 / 16;object-fit:cover;}.view-display-id-med_card_list .image,// legacy
    .medium-list.list>.item>.image,//legacy
    .medium-card-list .image,//legacy
    .medium-card.list>.item>.image,.medium-card-list.list>.item>.image{min-width:180px;width:180px;height:180px;background-color:transparent;}.medium_card_list img,.medium_card_list video{max-width:180px;}.medium-card-media.list>.item>.image,.medium-card-orig.list>.item>.image,.medium-card-list-orig.list>.item>.image{min-width:180px;width:180px;height:auto;}.image.medium_media svg{width:100px !important;padding:0 !important;}.mini-card-list-compact .image,.minicardlist .image{min-width:100px;}.mini-list.list>.item>.image,// legacy
    .mini-card.list>.item>.image,.mini-card-list.list>.item>.image,.mini-card-list.list .item img{// .mini-card-list-compact>.item>.image{now as mininews
      width:100px;min-width:100px;height:100px;//   padding-right:0.5em;}.mini-card-list-orig>.item>.image{width:100px;min-width:100px;}.card_list img,.card_list video{max-width:290px;}.big-card-list img,.big-card-list video{max-width:600px;}.card.list>.item>.image,.card-list.list>.item>.image{width:290px;min-width:290px;height:290px;}.card-list .item .image{flex:0 0 290px;}.big-card-list .item .image{flex:0 0 600px;}.ui.cards>.image>img,.ui.cards>.card>.image>img{width:100%;// height:290px;object-fit:cover;border-radius:4px;}.card-list .item .image img{width:100%;height:290px;object-fit:cover;border-radius:4px;}.big-card-list .item .image img{width:100%;object-fit:cover;border-radius:8px;}.big-media img,.hero img{margin-bottom:1rem;}.title_image{position:absolute;//position:inherit;bottom:0;padding:5px;width:100%;background-color:rgba(0,0,0,0.5);text-align:center;color:#FFFFFF;text-shadow:#000000 0px 0px 10px;}.ui.card .content img,.ui.cards>.card .content img{width:100%;}@keyframes fadeIn{from{opacity:0;}to{opacity:1;}}.big-card-list .item .image img{animation:fadeIn 1s ease-in;}.big-card-list .item .image{overflow:hidden;}.big-card-list .item .image img{transition:transform 0.5s ease;}.big-card-list.with-hover-effect .item:hover .image img{transform:scale(1.05);}.ui.card:hover a .image{box-shadow:2px 4px 8px !important;}.ui.card iframe,.ui.cards>.card iframe{// max-width:500px!important;margin-left:auto !important;margin-right:auto !important;}.ui.card video{max-width:100%;//max-height:100%;//z-index:2;height:auto;}.mini-card-list-compact video,.minicardlist video{max-height:50px;}.minicard img,.minicard video{min-width:100px;}.medcard img,.medcard video{min-width:180px;}.standardcard img,.standardcard video{min-width:290px;}.masonry-item .file-video-youtube iframe{width:100%;height:100%;}// dotted list when price
      .dottedflex{//   line-height:2em;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:flex;-webkit-flex:1;-moz-flex:1;-ms-flex:1;flex:1;}.ui.list>.item .dottedflex:after{content:"";margin:0px 4px;background:-webkit-radial-gradient(50% 50%,circle,lighten(@text-color,50%) 12%,transparent 15%);background:-moz-radial-gradient(50% 50%,circle,lighten(@text-color,50%) 12%,transparent 15%);background:radial-gradient(circle at 50% 50%,lighten(@text-color,50%) 12%,transparent 15%);background-size:1em 1em;background-position:0 0.6em;//   background-position:bottom;background-repeat:repeat-x;-webkit-flex-grow:1;-moz-flex-grow:1;-ms-flex-grow:1;flex-grow:1;-webkit-order:2;-moz-order:2;-ms-order:2;order:2;}.ui.list>.item .dottedflex.nobg:after{background:none;}.dottedflex .left.content{-webkit-order:1;-moz-order:1;-ms-order:1;order:1;padding-left:0.5em;}.dottedflex .right.content{-webkit-order:3;-moz-order:3;-ms-order:3;order:3;//   white-space:nowrap;idprod 44 19 price provisonal very long}.ui.divided.list>.item{border-top-color:contrast(@body-bg,darken(@body-bg,20%),lighten(@body-bg,20%));}.field-name-title-field{margin-bottom:24px;}input#edit-field-sorting-und-0-value{display:inline-block;width:50px;margin-left:15px;}#mainpagebody{//padding-top:@menubarheight + 15px;//Only if fixed top menu
  	padding-top:15px;//mobile in fact overrided to 15 px if big than ipad
  	position:relative;}#small_empty_cover{height:@menubarheight + 15px -@menubarheightopaque;// Only if fixed top menu no actually if margin neg needed}.whenincover,.aintnocover .whenincover{display:none;}.withcover .whenincover{display:block;}// div.pswp{//   //top:@menubarheight + 15px -@menubarheightopaque;//   // nope because top also scroll,better to create header with specific logo on div.
  //}.makeitwide #mainpagebody{padding-top:0px;//margin-top:-@menubarheight +@menubarheightopaque;// only when welcome logo}.makeitwide #mainpagebody.container{width:100%!important;//  padding-left:0;//  padding-right:0;}.makeitwide .top{padding-left:0;padding-right:0;}//#navbar .noheight,//#navbar .ui.menu .noheight,.noheight{min-height:0!important;height:0!important;}//booklying
  
  
  #mirai_bookentrance input,#mirai_bookentrance select{padding:3px!important;border:1px solid #CCC;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;color:#333;}#mirai_roomSelection div.roomtypedetail span{background-color:@body-bg!important;}#mirai_cart input{background-color:orange!important;}p{margin:0 0 1em 0;}a{//   word-break:break-word;word-break:normal;}#mirai_roomSelectionContainer .selectRoom{color:#ffffff;}input.mirai_button.selectExtra,input.mirai_button.selectExtra:visited{color:#ffffff;}#mirai_be0{// div wrapping all mirai_be...
  //#mirai_be7,//#mirai_be7 input{width:100%!important;//height:12.5em!important;}#mirai_be1{// "check-in"
    position:static!important;//color:#000;//font-size:14px;//width:100%;//margin-top:8px;//display:block !important;}#mirai_be2{// date picker
    //position:static!important;////
      //width:88% !important;//background:#fff url(/sites/all/themes/blogopronet/less/icon-calendar.png) no-repeat 150px center;cursor:pointer;////}#mirai_be3{//"Nights:"
    position:static!important;//color:#000;font-size:14px;//width:100%;margin-top:8px;display:block !important;}.miraifullpage #mirai_be3{//"Nights:"
    display:inline !important;}// #mirai_be4{// number night picker
  //   //position:static!important;//}//>>>
  select#mirai_be4{width:35%;//margin-right:15px;cursor:pointer;}//<<<
  .miraifullpage select#mirai_be4{width:50px;}#mirai_be5{// "Promotional code"
    position:static!important;//color:#000;font-size:14px;width:60%;margin-top:8px;//display:block !important;}.miraifullpage #mirai_be5{margin-left:10px;}#mirai_be6{// input promo code
    //position:static!important;margin-bottom:0.25em!important;//>>>
      width:40%!important;cursor:pointer;//<<<}.miraifullpage #mirai_be6{width:auto!important;}#mirai_be7{// button check rates
    position:static!important;margin-top:20px!important;margin-bottom:20px!important;}.miraifullpage #mirai_be7{// button check rates
    position:static!important;margin-top:0px!important;margin-bottom:0px!important;display:block;}#mirai_be7 input{//position:static!important;background-color:@btn-primary-bg!important;color:orange!important;border:@btn-primary-border!important;border-radius:3px;padding:8px 20px!important;//  box-shadow:1px 2px 3px #333333;width:100%;//>>>
      background:linear-gradient(#50575f,#50575f) repeat scroll 0 0 rgba(0,0,0,0);border:1px solid #50575f;color:orange !important;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;padding:8px 10px;margin:10px 0 3px 0;cursor:pointer;//<<<}.miraifullpage #mirai_be7 input{width:auto!important;}#mirai_be8{//position:static!important;color:@link-color!important;text-align:center;width:100%;margin-top:25px;//>>>
    color:#666;font-size:12px;text-decoration:underline;cursor:pointer;//<<<}#mirai_be9{cursor:pointer;}#mirai_be10{//departure
  position:static!important;display:block!important;//  top:2.2em;//#mirai_be10{font-size:14px}}#mirai_be0,#mirai_be2,#mirai_be0 input,#mirai_be0 select{font-family:var(--font-family-base)!important;font-size:@font-size-base!important;//color:@text-color!important;text-shadow:none;//width:100%;padding:8px 10px;}#mirai_be2,#mirai_be4,#mirai_be6{left:auto!important;right:0;}.ui-datepicker .ui-datepicker-header,.ui-datepicker .ui-datepicker-buttonpane button,.ui-datepicker td:hover a{background:#cbcdcf !important;color:#50575f!important;}#ui-datepicker-div{//   font-size:15px !important;font-size:1.4em !important;z-index:10002 !important;display:none;position:absolute;max-width:95%;}#mirai_roomSelectionContainer .tooltip{opacity:1;position:relative;display:table-cell;}#mirai_roomSelectionContainer a.tooltip{display:inline;}#mirai_roomSelection tr.roomtype{background-color:darken(@body-bg,15%)!important;}#mirai_roomSelectionContainer #currencyDropdownContents{background-color:#ffffff;}#mirai_roomSelectionContainer #currencyDropdownContents li a{background-position:28px 0px;}#mirai_roomSelection .arrowSymbol{right:2px !important;width:18px !important;background-color:orange!important;border-radius:4px;}#mirai_roomSelection dl.dropdown dt,td#mirai_roomSelection tr.roomtype dt,#mirai_cart dl.dropdown dt{height:auto;}.roomtype .imgWrapper{overflow:visible!important;}.roomtype .occupation{width:30%;}#container div#mirai_roomSelectionContainer{background-color:@body-bg!important;}.page-welcomebusiness #mirai_bookentrance #formAvailability{right:10%;position:absolute;top:65px;display:inline-block;width:250px;}#mirai_bookentrance #formAvailability{//right:10%;//position:absolute;display:block;width:auto;//top:65px;padding:10px;border-radius:3px;background-color:lighten(@btn-primary-bg,50%);font-weight:bolder;//display:inline-block;margin-bottom:15px;}.page-welcomebusiness #mirai_bookentrance #formBookSelection{position:absolute;top:65px;right:10%;}#mirai_bookentrance #formBookSelection{//position:absolute;//top:65px;//right:10%;width:auto;margin-bottom:10px;}#xdhsOfferContent-offers_script #offersHs #headerOffers{display:none;}div#xdhsOfferContent-offers_script{min-width:700px;}.page-hotel-special-deals .pusher{overflow:scroll;}.page-hotel-special-deals #offersHs .rowOffers{margin:0 0 15px 0;width:100%;}.page-hotel-special-deals #offersHs{padding:0;margin-right:10px;}.page-hotel-special-deals #block-system-main .ui.basic.segment{padding:0;}#welcome_logo{//width:100%;//height:100%;position:absolute;z-index:99999;height:auto;width:auto;left:50px;// sandwich menu}#welcome_logo img{//max-width:66%;WTF? webarea 300px
  margin:0 auto;height:auto;width:auto;}#welcome_logo_cover{position:absolute;z-index:99999;}#welcome_logo_nocover{position:absolute;z-index:99999;}// #welcome_logo_cover img{// //max-width:60%;// //margin:0 auto;// //height:auto;//}.ui.container{padding:0;// to avoid conflict with bootstrap container}body.pushable>.pusher,.pushable,.pushable > .pusher{//   background:@body-bg!important;background:@body-bg!important;}.ui.header,.ui.header input{color:@text-color;//   font-size:@font-size-h3!important;defined by semantic
    font-family:var(--font-family-display);font-weight:@font-weight-base;}.ui.header .sub.header{color:@text-color;}.ui.header .description{//font-size:1em;font-family:var(--font-family-base);font-size:@font-size-base;font-weight:@font-weight-base;}.ui.left.floated.header .content{//min-width:350px;width:90%;}.btn-default{color:@link-color;background-color:darken(@body-bg,5%);font-size:@font-size-base;}.label{color:@text-color;}.ui.label{//   border:1px solid rgba(0,0,0,.15);font-weight:inherit;display:inline-flex;align-items:center;background-color:darken(@body-bg,5%);font-size:@font-size-base;font-family:var(--font-family-base);color:@text-color;line-height:1.5em;white-space:normal;}.ui.basic.label{background:transparent;color:@text-color;}.ui.accordion .title:not(.ui){color:@text-color;}// .ui.label,.ui.button{//   color:@link-color;background-color:darken(@body-bg,5%);font-size:@font-size-base;font-family:var(--font-family-base);line-height:1.5em;//   color:darken(@text-color,5%);color:@link-color;}.ui.active.button{//   box-shadow:inset 1px 2px 3px 1px black!important;feels too old apparently
  //   border:1px solid@text-color;//   border-radius:3px;background-color:@input-bg;}.highlight-active.ui.active.button{box-shadow:inset 1px 2px 3px 1px black!important;border:1px solid@text-color;border-radius:3px;position:relative;}.onlyactive{display:none;}.active .onlyactive{display:block;}.couponbutton.ui.button{//   box-shadow:inset 1px 2px 3px 1px black!important;border:1px outset@input-border;border-radius:3px;position:relative;margin:0px 2px;//   width:190px!important;padding:5px!important;max-height:fit-content;min-width:110px;}.couponbutton .ui.card{margin-bottom:0;width:100%!important;height:100%!important;}.couponbutton .ui.card .content{padding:0;}.couponbutton .ui.card .content .ui.header{font-size:1em;}.ui.button:hover,.ui.active.button,.ui.active.button:hover{color:@text-color;}.ui.button input{min-height:auto!important;border:none!important;background:none!important;}.ui.label .image{display:inline-block;padding-right:0.5em;}.ui.input .ui.button{margin:0;}// quitar solo cuando botones automaticos
  .view-contact-point-public .ui.button,.view-contact-point-public .ui.buttons .button,.view-contact-point-public .ui.buttons .or{font-size:@font-size-base;}.ui.button{//max-width:35%;min-width:30px;}.ui.large.button{min-width:75px;}.btn-primary,.ui.primary.button,.ui.primary.buttons .button{background-color:@brand-primary;//  color:contrast(@brand-primary);//   color:@body-bg;}.ui.primary.button:hover,.ui.primary.buttons .button:hover{background-color:lighten(@brand-primary,15%);//  color:contrast(@brand-primary);color:darken(@body-bg,15%);}// #calendar_div,.calendar_control,.calendar_links,.calendar_header,.calendar{.ui.calendar{//     border-collapse:separate;//     margin:0;width:100%!important;}#hover-pro:hover #dropdown-pro,#hover-domain:hover #dropdown-domain,#hover-beta:hover #dropdown-beta,#hover-files:hover #dropdown-files,#hover-wactivity:hover #dropdown-wactivity,#hover-registered:hover #dropdown-registered,#hover-admin:hover #dropdown-admin{bottom:20px;}#hover-pro:hover #dropdown-pro,#hover-beta:hover #dropdown-beta,#hover-domain:hover #dropdown-domain{top:-60px!important;//2 lines}#hover-registered:hover #dropdown-registered{top:-140px!important;//4 lines}#hover-files:hover #dropdown-files,#hover-wactivity:hover #dropdown-wactivity{top:-200px!important;//6 lines}#hover-admin:hover #dropdown-admin{top:-240px!important;//7 lines}.simplefield .segmentheader{display:none;}tr.odd{background-color:transparent;// to override fomantic}.ui.ui.table td.active,.ui.ui.ui.ui.table tr.active{// to override fomantic
      background:transparent;}// .form-select div.menu.transition.visible{//     //position:relative;//}.vertical-tabs div.menu.transition.visible{position:static;border:none;}.menu.transition.visible{overflow:scroll;}.ui.label .refresh.icon{cursor:pointer;}.ui.dropdown.search_project_drop{padding:0!important;}.ui.pointing.upward.dropdown .menu,.ui.top.pointing.upward.dropdown .menu{margin:0!important;}.ui.pointing.upward.dropdown .menu:after,.ui.top.pointing.upward.dropdown .menu:after{background:transparent;}.ui.breadcrumb{background:none;padding-left:0;}.ui.breadcrumb a{color:@link-color;}.ui.breadcrumb a:hover{color:@link-hover-color;}.ui.big.breadcrumb{width:100%;}.ui.form .inline.fields .field{padding:0;padding-right:1em;}.ui.form .inline.fields .field.dropdown{//   padding:.78571429em 2.1em .78571429em 1em;padding:0.4em;//   margin-right:1em;}.ui.top.attached.menu{padding:0;}.ui.top.attached.tabular.menu{padding:0;}.ui.tabular.menu.tinypadding .item{padding:0.3em 0.7em;}.ui.menu .item,.ui.dropdown .menu > .item{//   font-size:1.3rem;color:@link-color;}.ui.menu .ui.dropdown .menu>.item{color:@text-color!important;//   background:rgba(0,0,0,.2)!important;}.ui.menu .ui.dropdown .menu>.active.item{color:@link-hover-color!important;background:rgba(0,0,0,.3)!important;}.ui.menu .ui.dropdown .menu>.item:hover{color:@link-hover-color!important;background:rgba(0,0,0,.2)!important;}.ui.dropdown .menu>.item:hover{background:transparent;color:@link-hover-color;}.ui.menu .dropdown.item .menu{background:@body-bg;}.ui.search.dropdown>input.search,.ui.dropdown .menu{border-color:@input-border;border-radius:inherit;color:@text-color;//   max-width:fit-content;on 18 jun 20 becasue add identity by context}.ui.search.dropdown>input.search{//background-color:@input-bg!important;background-color:transparent!important;position:absolute;left:auto;padding-top:16px !important;padding-left:7px !important;}.ui.search.dropdown.multiple>input.search{padding-top:0px !important;padding-left:0px !important;}.ui.dropdown .menu{// background-color:@navbartop-bg!important;background-color:@body-bg !important;}.ui.search.dropdown>.text{z-index:2;padding:0px 20px 0px 5px;}.ui.search.dropdown.single>input.search:focus{opacity:0.8;margin:0.5em 0 0 0!important;padding:0.5em 0 0.5em 0.5em!important;background-color:darken(@body-bg,5%)!important;}.ui.default.dropdown:not(.button)>.text,.ui.dropdown:not(.button)>.text{color:@input-color;padding-top:5px;}.ui.dropdown:not(.button)>.default.text{color:@input-placeholder;//   color:lighten(@text-color,30%);padding-top:5px;}.ui.dropdown .menu .selected.item,.ui.dropdown.selected{background-color:@input-bg;color:@link-color;}.ui.selection input.search{max-width:fit-content;}.heightfitcontent{height:fit-content;}.paddingtentopbottom{padding-top:10px !important;padding-bottom:10px !important;}.item.popup{display:none;}.idmenu.menu,.idmenu.ui.bottom.popup:before,.ui.pointing.menu.idmenu .active.item:after,.idmenu.popup{background:@input-bg;}.idmenu.attached.menu,.idmenu.attached.popup{box-shadow:3px 6px 6px -6px;border-radius:.4em;}.menu.transition.visible .item.popup{display:inline;}.ui.selection.dropdown .menu>.item{border-top:none;}.subscriptiononhover .onhover{display:none;}.subscriptiononhover:hover .onhover,.subscriptiononhover:focus .onhover,.subscriptiononhover:active .onhover{display:block;}.ui.form select{background-color:@input-bg;color:@input-color;min-height:auto;//   height:2.4em;height:3em;padding:10px 12px !important;}.select2-selection{background-color:@input-bg!important;color:@input-color;//   z-index:0;font-size:1rem;-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto;padding-left:.5em;padding-right:.5em;min-height:2.5rem;}.select2-selection,.ui.selection.dropdown{background-color:@input-bg;color:@input-color;z-index:0;border:none;//   min-height:auto;//   height:2.4em;//   padding:10px 12px !important;}.ui.selection.dropdown.active{z-index:20;}.ui.single.search.remote.dropdown{padding-left:5px;}.ui.single.dropdown> .pointing.label,.ui.multiple.dropdown> .pointing.label{background:transparent;border:none;box-shadow:none;}.ui.search.dropdown> .pointing.label{font-size:inherit;margin:0;padding:2px;}.ui.search.dropdown.multiple> .pointing.label{margin:5px 5px 0px 0px;//     padding:10px 2px 10px 0px;// 2 oct 22 my tasks related}.ui.search.dropdown.single> .pointing.label{margin:0px 5px 0px 0px;padding:0px;}.ui.selection a:hover{text-decoration:none;}.ui.selection.list .list>.item.active,.ui.selection.list>.item.active{border:3px solid@brand-primary;box-shadow:0 0 3px rgba(0,0,0,.3);width:auto;}.ui.selection.list .list>.item,.ui.selection.list>.item{border:1px solid transparent;box-shadow:0 0 3px rgba(0,0,0,0);color:@text-color;}.ui.selection.list .list>.item:hover,.ui.selection.list>.item:hover{color:contrast(@text-color,darken(@text-color,5%),lighten(@text-color,5%))!important;}.ui.form textarea,.ui.form input:not([type]),.ui.form input[type=text],.ui.form input[type=email],.ui.form input[type=search],.ui.form input[type=password],.ui.form input[type=date],.ui.form input[type=datetime-local],.ui.form input[type=tel],.ui.form input[type=time],.ui.form input[type=url],.ui.form input[type=number]{background-color:@input-bg;min-height:2em;//padding-left:3em;Y THO}.ui.form textarea:focus,.ui.form input:not([type]):focus,.ui.form input[type=text]:focus,.ui.form input[type=email]:focus,.ui.form input[type=search]:focus,.ui.form input[type=password]:focus,.ui.form input[type=date]:focus,.ui.form input[type=datetime-local]:focus,.ui.form input[type=tel]:focus,.ui.form input[type=time]:focus,.ui.form input[type=url]:focus,.ui.form input[type=number]:focus{@input-bg-focus:contrast(@body-bg,darken(@body-bg,5%),lighten(@body-bg,5%));background-color:@input-bg-focus;color:@input-color;}i.icon,svg.icon{text-decoration:none;}.ui.form textarea.select2-search__field{height:inherit;min-height:inherit;max-height:inherit;}i.icon,svg.icon{display:inline-block;opacity:1;margin:0 0.25rem 0 0;width:1.18em;height:1em;font-family:'Icons';font-style:normal;font-weight:normal;text-decoration:inherit;text-align:center;speak:none;//La propiedad speak en CSS es parte de las especificaciones de CSS para medios auditivos,diseñadas para controlar cómo un contenido debe ser leído en voz alta por tecnologías de asistencia como lectores de pantalla.
    -moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-backface-visibility:hidden;backface-visibility:hidden;}i.icon:before,svg.icon:before{background:none !important;}// same as components icon.css
  
  svg.mini.mini.mini.icon,svg.mini.mini.mini.icons{font-size:0.4em;vertical-align:middle;}svg.tiny.tiny.tiny.icon,svg.tiny.tiny.tiny.icons{font-size:0.5em;vertical-align:middle;}svg.small.small.small.icon,svg.small.small.small.icons{font-size:0.75em;vertical-align:middle;}svg.large.large.large.icon,i.large.large.large.icons{font-size:1.5em;vertical-align:middle;}svg.big.big.big.icon,svg.big.big.big.icons{font-size:2em;vertical-align:middle;}svg.huge.huge.huge.icon,svg.huge.huge.huge.icons{font-size:4em;vertical-align:middle;}svg.massive.massive.massive.icon,svg.massive.massive.massive.icons{font-size:8em;vertical-align:middle;}//i.icons .ui.field.labeled.icon,i.icons .ui.icon,i.icons .delete.icon,i.icons .dropdown.icon,i.icons .search.icon{position:relative;top:auto;left:auto;-webkit-transform:none;transform:none;}i.icon.glyphicon{display:inline-block;font-family:'Glyphicons Halflings';font-style:normal;font-weight:normal;line-height:1;}.ui.input,.ui.input>input{color:@text-color;font-family:var(--font-family-base);}.ui.input input{background:@input-bg;}.ui.large.input input{font-size:@font-size-h3!important;}input#edit-shortname{max-width:200px!important;}div#edit-shortname-counter{margin-left:10px;margin-top:5px;}table .label{white-space:normal;}.dataTables_wrapper .row{margin-left:auto;margin-right:auto;}tr.selected .selectbox .boxselected,tr.selected.selectbox td .boxselected,tr .selectbox .boxempty,tr.selectbox td .boxempty{display:block;}tr.selected .selectbox .boxempty,tr.selected.selectbox td .boxempty,tr .selectbox .boxselected,tr.selectbox td .boxselected{display:none;}.ui.form .inline.field>label,.ui.form .inline.field>p,.ui.form .inline.fields .field>label,.ui.form .inline.fields .field>p,.ui.form .inline.fields>label{color:@text-color;}.ui.table,.ui.segments .segment,.ui.segment{background:lighten(@body-bg,5%);color:@text-color;font-size:@font-size-base;}.ui.table thead th,.ui.basic.table thead th,.ui.basic.table{color:@text-color;}.ui.table thead th,.ui.basic.table thead th,table.sticky-header{background-color:lighten(@body-bg,15%);}table.sticky-header th{//padding-left:.7em;//padding-right:.7em;padding:.7em;}.ui.table td{vertical-align:middle;}table caption{text-align:left;font-weight:bolder;}.ui.table tr td.disabledish,.ui.table tr.disabledish td,.ui.table tr.disabledish:hover,.ui.table tr:hover td.disabledish{color:rgba(40,40,40,.3);}.ui.comments{font-size:@font-size-base;}.ui.comments .comment .metadata,.ui.comments .comment .actions a,.ui.comments .comment .author,.ui.comments .comment .text{color:inherit;}.page-translate .form-control[disabled],.page-translate .form-control[readonly],.page-translate fieldset[disabled] .form-control{background-color:transparent;}.commerce_add_to_cart_confirmation_overlay{display:none;// conflict with sb-site}div.messages.commerce-add-to-cart-confirmation{z-index:100000;}div.messages.commerce-add-to-cart-confirmation .message-inner .button-wrapper{width:40%;}.ui.basic.segment{background:none transparent!important;-webkit-box-shadow:none!important;box-shadow:none!important;border:none!important;border-radius:0!important;}.stickbottom{position:sticky!important;bottom:0;border:none!important;}.alwaysstickycp{position:fixed!important;bottom:30px;//   z-index:99;right:0px;width:auto!important;}.mirai-booking-wrapper{// position:fixed !important;bottom:var(--usermenu-height) !important;// valor por defecto 55px  left:50% !important;// bottom:@menubarheight !important;position:absolute;// transform:translateX(-50%) !important;// width:auto !important;// max-width:90% !important;// z-index:999 !important;// margin:0 !important;padding:0px;// Asegura que el contenedor no interfiera con el contenido interno
    // background:transparent;// pointer-events:none;// Permite que los clicks pasen al contenido
  
    // El contenido dentro sí debe recibir clicks
    >*{pointer-events:auto;}@media only screen and (max-width:767px){width:95% !important;bottom:var(--usermenu-height) !important;}.eu-cookie-compliance-popup-open &{bottom:var(--usermenu-height) !important;}.mi-be{background-color:@body-bg;padding:0px;border:@input-border 1px solid;border-radius:4px;}.mi-be.mi-be-mobile{background-color:transparent;padding:0;border:none;}}#menu_main_desktop ui-text{font-size:1.1rem!important;color:@text-color!important;font-family:var(--font-family-base)!important;}.actionusermenu{bottom:55px;right:10px;}#hide_usermenu .actionusermenu{bottom:10px;}.actionusermenu a,.actionusermenu .fademe,.ui.menu.actionusermenu .item{//   color:contrast(@brand-primary)!important;//   background-color:@brand-primary!important;//   color:@body-bg!important;opacity:0.85;}.actionusermenu a:hover,.ui.menu.actionusermenu .item:hover{opacity:1;}.ui.menu.fixed .actionusermenu,.ui.menu.fixed .actionusermenu .item:first-child,.ui.menu.fixed .actionusermenu .item:last-child{border-radius:4px !important}#inlinehighlightedit{overflow:scroll;max-height:30vh;}#inlinehighlightedit .ui.card>.extra,#inlinehighlightedit .ui.cards>.card>.extra{position:absolute;}//photoswipe
  // button.pswp__button.pswp__button--share{//   //  display:none;//}.photoswipe .cardlink:hover{background:rgba(255,255,255,.5);}.photoswipe .cardlink .iconcontainer{display:none;height:100%;width:100%;}.photoswipe .cardlink:hover .iconcontainer{display:table;}.photoswipe .cardlink .iconcontainer i{display:table-cell;vertical-align:middle;text-align:center;}.icon.fa-fw{// center when emoticon instead icon
    display:inline-flex;//   display:flex;// footer hotel icon list chrome/ffx
    align-items:center;justify-content:center;}input#edit-replace-upload{width:auto!important;height:50px;}#wactivity-files-engine-upload-file-form #edit-upload-upload-button,#file-entity-add-upload button#edit-upload-upload-button--2,#file-entity-add-upload button#edit-upload-upload-button,#edit-upload-upload-button{display:none;}#file-entity-add-upload .form-item-language{display:none;}.nopaddingdown .form-item,.nopadding{padding:0!important;}.nomargin{margin:0!important;}.noborder{border:none!important;box-shadow:none!important;}.topicseparated{width:auto;float:left;padding-right:4px;}.topicseparated:after{content:" - "}.pane-eck-wactivity-field-text.wactivity.update{font-size:@font-size-h3;padding:15px 0;}.wactivity.update{width:550px;max-width:90%;margin-left:auto;margin-right:auto;}.makeitwide #navbar #welcome_logo_nocover,.makeitwide #navbar #welcome_logo_nocover{display:none;}// Fix for full-width cover images when not using Panels - override Bootstrap column padding
  .makeitwide .col-sm-12{padding-right:0;padding-left:0;}.right.menu{flex-wrap:wrap;}#navbar .mobile .fixed{background-color:@body-bg;opacity:0.9;text-shadow:none;}.corner-ribbon{width:auto;background:#e43;position:absolute;top:100px;left:-50px;text-align:right;//  line-height:50px;//  letter-spacing:1px;color:#f0f0f0;//  transform:rotate(-45deg);//  -webkit-transform:rotate(-45deg);padding:15px;}.corner-ribbon.sticky{position:fixed;}.corner-ribbon.shadow{box-shadow:0 0 3px rgba(0,0,0,.3);}.corner-ribbon.top-left{top:25px;left:-50px;//  transform:rotate(-45deg);//  -webkit-transform:rotate(-45deg);}.corner-ribbon.top-right{top:100px;right:0px;left:auto;//  transform:rotate(45deg);//  -webkit-transform:rotate(45deg);}.corner-ribbon.bottom-left{top:auto;bottom:25px;left:-50px;//  transform:rotate(45deg);//  -webkit-transform:rotate(45deg);}.corner-ribbon.bottom-right{top:auto;right:-50px;bottom:25px;left:auto;//  transform:rotate(-45deg);//  -webkit-transform:rotate(-45deg);}.corner-ribbon.white{background:#f0f0f0;color:#555;}.corner-ribbon.black{background:#333;}.corner-ribbon.grey{background:#999;}.corner-ribbon.blue{background:#39d;}.corner-ribbon.green{background:#2c7;}.corner-ribbon.turquoise{background:#1b9;}.corner-ribbon.purple{background:#95b;}.corner-ribbon.red{background:#e43;}.corner-ribbon.orange{background:#e82;}.corner-ribbon.yellow{background:#ec0;}.blue{// as in verified badge
    color:#0eb5ec;}input#edit-field-duration-und-0-interval,select#edit-field-duration-und-0-period{width:49%;display:inline;}.page-admin-structure-entity-type-eck-task-planned-task #edit-field-project,.page-admin-structure-entity-type-eck-task-planned-task #edit-field-topics{width:49%;display:inline-flex;}.page-admin-structure-entity-type-eck-task-planned-task #edit-field-importance,.page-admin-structure-entity-type-eck-task-planned-task #edit-field-urgency,.page-admin-structure-entity-type-eck-task-planned-task #edit-field-verification-status{width:32%;display:inline-flex;}#edit-field-identity-owner .chosen-container.form-control{z-index:103;}#edit-field-identity .chosen-container.form-control{z-index:102;}#edit-field-participants .chosen-container.form-control{z-index:101;}.ui-datepicker{z-index:9999!important;}.field-type-list-boolean,.field-type-list-boolean .radio,.field-type-list-boolean .checkbox{display:inline;}//.ui.labeled.icon.menu .item>.icon:not(.dropdown),.ui.labeled.icon.menu .item>.fa{height:1em;display:block;font-size:1.42857143em!important;margin:0 .5rem 0 0!important;}// .ui.menu .ui.dropdown .menu>.item>.icons,// .ui.menu .ui.dropdown .menu>.item>.icon:not(.dropdown){.ui.menu .ui.dropdown .menu>.item svg:not(.dropdown),.ui.menu .ui.dropdown .menu>.item span.fa-layers{margin:0 .75em 0 0!important;}.ui.menu .ui.dropdown .menu>.item span.fa-layers svg{margin:0!important;}.ui.form,.ui.checkbox{font-size:@font-size-base;}.ui.toggle.checkbox input:checked~.box,.ui.toggle.checkbox input:checked~label,.ui.toggle.checkbox input:focus:checked~.box,.ui.toggle.checkbox input:focus:checked~label,.ui.toggle.checkbox .box,.ui.toggle.checkbox label,.ui.checkbox label,.ui.checkbox+label,.ui.form .field>label{color:@text-color!important;}.ui.form .grouped.fields .ui.radio.checkbox{display:block;margin:.5em 0;padding:0;}.ui.checkbox input[type=checkbox],.ui.checkbox input[type=radio]{width:0;height:0;}//.ui.toggle.checkbox .box,.ui.toggle.checkbox label,.ui.toggle.checkbox{min-height:auto;}.ui.toggle.checkbox.doublelabel{padding-left:10px;}.ui.form .field.form-type-textarea{margin:0;//border-radius:3px;//background-color:@input-bg;}.text-format-wrapper .help-block{margin:0;}.ui.form .fields,.ui.form .fields>.field{margin:0!important;}// .ui.form .container-inline-date  .field{//   //border-radius:3px;//   //background-color:@input-bg;// 
  //}// .container-inline-date{// //  margin-bottom:1em;//}.ui.form input:not([type]),.ui.form input[type=text],.ui.form input[type=email],.ui.form input[type=search],.ui.form input[type=password],.ui.form input[type=date],.ui.form input[type=datetime-local],.ui.form input[type=tel],.ui.form input[type=time],.ui.form input[type=url],.ui.form input[type=number],.ui.dropdown.input{font-family:inherit;//font-size:1em;//   font-size:@font-size-base;line-height:@line-height-base;color:@input-color;background-color:@input-bg;//   border-color:@input-border;border-color:none;border-radius:@input-border-radius;//padding:0px;//   padding-bottom:0;28 sep 20
  //   padding-top:0;28 sep 20 let semantic manage}.ui.form .panel-default,.ui.form .panel,.ui.form .panel-heading,.ui.form .panel-body{background:none;border:none;margin:0;padding:0;}.form-item-people.form.required{overflow:hidden;}.caret{//bootstrap messing with semUI
   margin:0;border:none;}.ui.form .two.wide.field{width:12.5%!important;}.iconlabel-adjust{//when at icon and javascript maxlength
    max-height:34px;}.ui.left.icon.iconinput-adjust.input>input{padding-left:28px!important;width:100%!important;}.form-item.field.form-type-select.form-item-language.form label{display:none;}.smooth_operator{transition:all 5s ease;}.fixedtopviewport{//background-color:#FFFFFF;//padding:0em;//box-shadow:0px 0px 0px rgba(0,0,0,0);transition:all 0.5s ease;//background:transparent;//display:none!important;}.ui.sticky.fixed,.fixedtopviewport.fixed{// display:block!important;position:fixed;//padding:1em;//box-shadow:0px 0px 6px rgba(0,0,0,0.2);z-index:999999!important;max-height:@menubarheight;//top:0!important;}.ui.sticky.fixed img,.fixedtopviewport.fixed img{max-height:@menubarheight!important;}.page-cal .ui.card video{max-height:170px;}.ui.card .mejs-container,.ui.card .mejs-container iframe{max-width:100%;height:auto;}.file-video-youtube iframe{width:100%;//height:100%;}iframe{max-width:100%;}video,iframe.media-vimeo-player,iframe.media-youtube-player{margin-left:auto;margin-right:auto;display:block;//width:100%;1 oct 2017
      // height by responsive}video{max-width:100%;//1 oct 2017 5 nov 2017
    object-fit:contain;max-height:90vh;}form video{object-fit:contain;}.vbo-views-form .ui.checkbox input[type=checkbox],.vbo-views-form .ui.checkbox input[type=radio]{opacity:1!important;margin-left:auto;top:auto;left:auto;}.ui.card .div.mejs-controls,.ui.card .mejs-overlay.mejs-layer.mejs-overlay-play{width:100%;z-index:3;}.form-item-field-wactivity-type-und .chosen-container.form-control{z-index:1011;}.form-item-field-signature-und .chosen-container.form-control{z-index:1010;}.form-item-field-anyidentity-und .chosen-container.form-control{z-index:1009;}.form-item-field-post-as-identity-und .chosen-container.form-control{z-index:1008;}.form-item-field-post-also-on-und .chosen-container.form-control{z-index:1007;}.flexme{display:flex;}.inlineflexme{display:inline-flex!important;}.flexendme{display:inline-block;align-self:flex-end;}.alignright{text-align:right!important;padding-bottom:10px!important;padding-top:12px!important;min-height:48px!important;line-height:1.2em!important;}.alignright .item{text-align:right!important;}.alignright .search{left:0!important;}.alignright .text{padding-right:5px!important;}.flexendck .ui.bottom.attached.segment{margin:0;}.flexendck .mastertab{width:100%;}.flexendck input{padding-left:5px!important;padding-bottom:10px!important;padding-top:10px!important;line-height:1.2em!important;min-height:48px!important;}.mastertab>.segment{border:none!important;}.paddingoneem{padding:1em;}// field publication date overrides
  .form-item.field.form-type-textfield.form-item-field-date-publication-und-0-value-time.form{clear:none;}.form-item.field.form-type-textfield.form-item-field-date-publication-und-0-value-date.form{margin:0 10px 0 0;}div#edit-field-date-publication-und-0-value{padding:0;}// end of field publication date overrides
  
  // .view-highlight-for-identity-view{//     //clear:both;no para flow image sin highlight sin short desc
  //}div#edit-field-contact-points-reference{margin-bottom:100px;// to view chosen drop on wa edit}.entitytype-san_valentin_sando_2016-form .ui.checkbox{padding-left:0;}.entitytype-san_valentin_sando_2016-form .ui.checkbox label,.entitytype-san_valentin_sando_2016-form .ui.radio.checkbox label{//padding-left:1.85714em;background-color:transparent!important;background-color:@input-bg!important;//border:1px outset grey;border:none;color:@text-color!important;font-size:larger;padding:15px;border-radius:10px;//width:250px;text-align:center;margin-right:15px;}.entitytype-san_valentin_sando_2016-form .ui.checkbox input:checked~label,.entitytype-san_valentin_sando_2016-form .ui.radio.checkbox input:checked~label{background-color:red!important;//border:1px inset grey;border:none;color:#FFFFFF!important;}.entitytype-san_valentin_sando_2016-form .ui.checkbox input~label:before,.entitytype-san_valentin_sando_2016-form .ui.checkbox input~label:after,.entitytype-san_valentin_sando_2016-form .ui.checkbox input:checked~label:before,.entitytype-san_valentin_sando_2016-form .ui.checkbox input:checked~label:after,.entitytype-san_valentin_sando_2016-form .ui.radio.checkbox input~label:before,.entitytype-san_valentin_sando_2016-form .ui.radio.checkbox input~label:after,.entitytype-san_valentin_sando_2016-form .ui.radio.checkbox input:checked~label:before,.entitytype-san_valentin_sando_2016-form .ui.radio.checkbox input:checked~label:after{display:none;}.mainstuff.container.raised{padding:0;}#calltoactionmobile{width:0;padding:0;margin:0;}.webapp-standalone .nowebapp{display:none;}#edit-responsive-favicons-upload{width:250px;}div.form-item.field.form-type-file.form-item-files-responsive-favicons-upload.ui.input{display:inline;}#fourchettebooking,#fourchettebooking div,#fourchettebooking iframe{width:100%!important;}.margintopzero{margin-top:0!important;}.marginzero,.marginzero .form-item{margin:0!important;}.marginzerotopbot{margin-top:0!important;margin-bottom:0!important;}.paddingzero{padding:0!important;}.marginthree,.marginthree .form-item{margin:3px!important;}.logoeditleft{//margin-top:15px!important;width:125px;float:left;}.ui.button.iconbutton.iconphoto:before{content:"\f030";}.ui.button.iconbutton.iconcrop:before{content:"\f125";//[&#xf125}.ui.button.iconbutton.iconremove:before{content:"\f014";}.ui.button.iconbutton:before{left:10px;position:absolute;font-family:FontAwesome;font-size:1em;}.ui.selection.search.dropdown>.remove.icon{right:1em;}.ui.clearable.dropdown .text,.ui.clearable.dropdown a:last-of-type{margin-right:0;}.ui.multiple.search.dropdown>input.search{margin:0;}.ui.button.mediaedit{margin-top:12px;}.form-type-media{margin-bottom:10px!important;}// .media-widget .preview{// //     margin-top:0px;// //     margin-right:0px;//}#edit-media-field-logonewlang-edit{display:none;}.ui.button.iconbutton{position:relative;padding-left:30px;margin-left:0px;}.ui.icon.input input{padding-left:32px;}.preview .media-item{padding:0px;}.media-item .label-wrapper label{display:none;}.helper.invisible{height:0;width:0;margin:0;padding:0;}.displaynone{display:none!important;}.ui.dimmer,.pswp{//     z-index:15000!important;update 31 ene 20 media popup
      z-index:10001!important;}.eightypercent{width:80%;margin-left:0!important;margin-right:0!important;}.twentypercent{width:20%;margin-left:0!important;margin-right:0!important;}.ui.floated.image.hero{float:none;}.manualcrop-style-button-holder{padding-top:1em;padding-bottom:1em;float:left;margin-right:1em;}.manualcrop-preview{//float:left;margin-right:1em;margin-bottom:1em;}.form-item-files-replace-upload{//clear:none!important;//float:left;//width:300px;display:inline-block!important;}.tabbable{clear:both;}.notabpadding .ui.bottom.attached.tab{padding:0;}.ui.segment[class*="bottom attached"]:last-child{margin-bottom:1rem;}.ui.segment[class*="bottom attached"]:last-child .ui.label{max-height:3.3em;}.ui.secondary.segment{background:darken(@body-bg,5%);// override fomantic}.pagination > li > a,.pagination > li > span{// override fomantic
    color:@link-color!important;//#0069c4;background-color:transparent;// #fff;border:1px solid darken(@body-bg,5%);// #ddd;}.pagination > .active > a,.pagination > .active > span,.pagination > .active > a:hover,.pagination > .active > span:hover,.pagination > .active > a:focus,.pagination > .active > span:focus{color:@link-color;background-color:darken(@body-bg,5%);border-color:darken(@body-bg,5%);}.pagination > li > a:hover,.pagination > li > span:hover,.pagination > li > a:focus,.pagination > li > span:focus{color:@link-hover-color;background-color:lighten(@body-bg,5%);border-color:lighten(@body-bg,5%);}.ui.attached.menu:not(.tabular){border:1px solid transparent;}.gdoc-field{width:100%;height:640px;border:none;}#pdfobject{background-color:#FFFFFF;}.ontop{z-index:99999;}.plupload{border-color:@text-color;}.plupload_wrapper{font-size:@font-size-base!important;font-family:var(--font-family-base)!important;}.plupload_container{background:none;}.plupload_filelist_footer{height:auto;}.plupload_filelist li{background:@input-bg;}.plupload_button,.plupload_button:hover,.plupload_file_status,.plupload_file_status span{color:@text-color;font-size:@font-size-base;}.plupload_button{cursor:pointer;display:inline-block;min-height:1em;outline:0;border:none;vertical-align:baseline;margin:0 .25em 0 0;padding:.78571429em 1.5em .78571429em;font-style:normal;text-align:center;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-transition:opacity .1s ease,background-color .1s ease,color .1s ease,box-shadow .1s ease,background .1s ease;transition:opacity .1s ease,background-color .1s ease,color .1s ease,box-shadow .1s ease,background .1s ease;-webkit-tap-highlight-color:transparent;background:transparent none!important;font-weight:400;border-radius:.28571429rem;text-transform:none;text-shadow:none!important;box-shadow:0 0 0 1px rgba(34,36,38,.15) inset;}.plupload_button,.plupload_button:hover{margin:0 .25em 0 0;padding:.78571429em 1.5em .78571429em;}.plupload_add{background-color:@brand-success!important;}.plupload_start{display:none;}.plupload_filelist,li.plupload_droptext{background-color:transparent;}.plupload_filelist_header,.plupload_filelist_footer{background-color:transparent;color:@text-color;}.inline-block,.inline-block span img{display:inline-block!important;}.ui.segment.edit_mode{min-height:50px;}.ui.divider.edit_mode:hover,.ui.divider.edit_mode:focus,.ui.segment.edit_mode:hover,.ui.segment.edit_mode:focus{box-shadow:0px 0px 10px 1px@text-color!important;}.edit_buttons{//   position:absolute!important;//   top:10px!important;//   left:10px!important;height:30px;width:30px;overflow:hidden;opacity:0.6;margin:0!important;padding:0!important;}.edit_buttons:hover,.edit_buttons:focus{//   position:absolute!important;//   top:10px!important;//   left:10px!important;height:auto;width:auto;z-index:9999999;// because slideshow
    opacity:0.95;//   margin:1rem 0!important;padding:1em 1em!important;}.edit_buttons_seg{//   top:10px !important;//   left:10px !important;height:42px;width:40px!important;min-width:auto!important;overflow:hidden;opacity:0.6;margin:0 !important;padding:0px 11px !important;font-size:24px!important;}.edit_buttons_seg:hover,.edit_buttons_seg:focus{//   position:absolute!important;//   top:10px!important;//   left:10px!important;height:auto;width:auto!important;z-index:9999999;// because slideshow
    opacity:1;//   margin:1rem 0!important;padding:1em 1em!important;font-size:initial!important;}.visibilitybutton{color:@brand-danger;//   z-index:79999;// because slideshow // override because too visible}// .visibilitybutton.viewlogged{// //   position:absolute!important;// //   top:11px!important;// //   left:50px!important;//}.ui.divider .seg_edit_button{position:relative!important;float:right;height:0;//   top:5px;//   right:5px;//   z-index:80000;//   overflow:hidden;//   height:50px;//   width:50px;}.seg_edit_button{position:absolute!important;top:0px;right:0px;z-index:99999;//   overflow:hidden;//   height:50px;//   width:50px;}.seg_edit_button.segment_type_17{left:0;//   z-index:99999;}.seg_addidentity_button{width:100%;}.ui.loader.text.inlayersoption{margin-top:10px;}.ui.loader.text.inlayersoption span{color:transparent!important;}.item.selectable.text.loader::after{margin-top:5px!important;}#confetti{position:absolute;left:0;top:0;height:100%;width:100%;}.ui.menu.centered-layout > .container{display:flex;align-items:center;justify-content:center;position:relative;}.ui.menu.centered-layout .left.menu{display:flex;justify-content:flex-end;position:absolute;left:0;top:50%;transform:translateY(-50%);}.ui.menu.centered-layout .centered.logo{display:flex;justify-content:center;align-items:center;padding:0 20px;z-index:10;}.ui.menu.centered-layout .centered.logo.logo-50 img{max-height:50px;height:auto;}.ui.menu.centered-layout .centered.logo.logo-100 img{max-height:100px;height:auto;}.ui.menu.centered-layout .right.menu{display:flex;justify-content:flex-start;position:absolute;right:0;top:50%;transform:translateY(-50%);}.ui.menu.centered-layout .lang-dropdown-container{position:absolute;top:50%;right:15px;transform:translateY(-50%);z-index:20;}.ui.menu.centered-layout .lang-dropdown-container .ui.dropdown{position:relative;margin:0;}.ui.menu.logo-injected{display:flex;align-items:center;margin-bottom:0 !important;margin-top:0 !important;padding-bottom:0 !important;padding-top:0 !important;}.ui.menu.logo-injected .ui.container{display:flex;align-items:center;width:100%;position:relative;padding:0 15px;}.ui.menu.logo-injected .left-nav{display:flex;justify-content:flex-end;align-items:center;flex:1;margin-right:20px;}.ui.menu.logo-injected .left-nav .item{margin:0 5px;}.ui.menu.logo-injected .logo-center{display:flex;justify-content:center;align-items:center;position:relative;z-index:10;flex-shrink:0;}.ui.menu.logo-injected .logo-center .item.logo-item{margin:0;padding:0;}.ui.menu.logo-injected .logo-center .item.logo-item.logo-50 img{max-height:50px;height:auto;}.ui.menu.logo-injected .logo-center .item.logo-item.logo-100 img{max-height:100px;height:auto;}.ui.menu.logo-injected .right-nav{display:flex;justify-content:flex-start;align-items:center;flex:1;margin-left:20px;}.ui.menu.logo-injected .right-nav .item{margin:0 5px;}.ui.menu.logo-injected .ui.accordion.item{position:relative;margin-left:10px;z-index:15;}.ui.menu.logo-injected .lang-dropdown-container{position:absolute;top:50%;right:15px;transform:translateY(-50%);z-index:20;}.ui.menu.logo-injected .lang-dropdown-container .ui.dropdown{position:relative;margin:0;}nav#menu_main{margin-bottom:0 !important;}nav#menu_main .ui.grid.container{margin-bottom:0 !important;padding-bottom:0 !important;}.ui.menu.logo-injected .item.responsive-hidden{display:none !important;}.ui.menu.logo-injected .ui.dropdown.item.responsive-more{display:none;}.ui.menu.logo-injected.responsive-active .ui.dropdown.item.responsive-more{display:flex !important;}.ui.menu.logo-injected .ui.dropdown.item{padding:0;margin:0 5px;}.ui.menu.logo-injected .ui.dropdown.item > .menu{margin-top:0;}.ui.menu.logo-injected .ui.dropdown.item:hover{background:transparent;}@media (max-width:1023px){.ui.menu.logo-injected .left-nav,.ui.menu.logo-injected .right-nav{margin-left:10px;margin-right:10px;}}@media (max-width:767px){.ui.menu.logo-injected .left-nav,.ui.menu.logo-injected .right-nav{display:none;} 
}
/*})'"*/