Functional checkbox:
<div class="checkboxwrap">
<input type="checkbox" name="styleguide-23" value="" id="styleguide-23" />
<label for="styleguide-23">Checkbox</label>
</div>This section for checkboxes is not functional, it's just to show the possible styles. For a functional checkbox you have to look above in section 2.3.
It is possible to apply different styles for checkboxes. Add any of the classes below to following markup:
<div class="checkboxwrap $modifier_class">
<input type="checkbox" value="" />
<label>Checkbox</label>
</div>Additional classes:
.checked - checked .unavailable - unclickable style .small - add additional size small .default - add additional size default .large - add additional size large Styleguide 2.4 */ /* SelectboxIt is possible to apply different styles for selectbox. Add any of the classes below to following markup:
<select class="tk-dropdown" style="width:200px;" aria-haspopup="true">
<option value="dropdown_1">Dropdown 1</option>
<option value="dropdown_2">Dropdown 2</option>
<option value="dropdown_3">Dropdown 3</option>
</select>If you want to disable a selectbox use following markup:
<select class="tk-dropdown" style="width:200px;" disabled="disabled" aria-disabled="true">
<option value="dropdown_1">Dropdown 1</option>
<option value="dropdown_2">Dropdown 2</option>
<option value="dropdown_3">Dropdown 3</option>
</select>Additional classes:
.small - small .default - default .large - large Styleguide 2.7 */ /* TextsizesIt is possible to apply different font sizes to text. Add any of the classes below to the following markup:
<p>Lorem ipsum dolor sit amet, consetetur sadipscing.</p>Additional classes:
.font-size-small - small textsize .font-size-default - default textsize .font-size-large - large textsize .font-size-headline - headline textsize Styleguide 3.1 */ /* HeadersTo apply an underline to a native headline (elements H1, H2,...;H6), add the .underline class to the following markup:
<h1>Headline</h1>To apply an underline to a headline that is not a native headline element (like H1, H2,...;H6), also add the .headline class to the following markup:
<p role="heading">Headline</p><span role="heading">Headline</span>Accessibility note
In this case, the role="heading" property should be applied to allow assistive technologies (i.e. screen readers) to recognise its function.
Extended examples, featuring added numbers and a cluster, are featured in the sample code in the blue box below.
Additional classes:
.underline - underline a headline .headline.underline - underline a headline Styleguide 3.3 */ /* Headers with ButtonsTo apply buttons to a headline, build your markup like in the blue box below, and add one of the following classes to the nested DIV tag (the one below the actual headline) to set the alignment of the buttons:
<div class="headlinewrap">
<h1 class="headline underline">Headline</h1>
<div>
...
</div>
</div>
Additional classes:
.left - left content .right - right content Styleguide 3.4 */ /* Headers with small ButtonsTo apply small buttons to a headline, addionally add the .small class to the nested DIV tag:
<div class="headlinewrap">
<h1 class="headline underline">Headline</h1>
<div class="left;>
...
</div>
</div>
Additional classes:
.small.left - left content .small.right - right content Styleguide 3.5 */ /* Long Headers with ButtonsLong headlines will automatically clipped - no special action is needed
.headlinewrap - long headline Styleguide 3.6 */ /* Image Grid | Single format 3:2For an image grid only consisting of images with a 3:2 aspect ratio in landscape orientation, the class format-3-2 is applied to the UL element.
To apply image decoration or alternative styling option, add one of the additional classes below:
<ul class="imagegrid format-3-2">
<li role="img">
<a href="#" title="title">
<span class="image"><img src="images/img-landscape.jpg" alt="alternative text" /></span>
</a>
</li>
<li role="img">
...
</li>
<li role="img">
<a href="#" title="title">
<span class="image"><img src="images/img-landscape.jpg" alt="alternative text" /></span>
<span class="title">Too much text for one line. Too much text for one line.</span>
</a>
</li>
</ul>
Additional classes:
.img-decorated-v1 - ... .img-decorated-v2 - ... .title-default - medium font-size .no-title - hides all titles and changes bottom position of image Styleguide 7.1 */ /* Image Grid | Single format 16:9For an image grid only consisting of images with a 16:9 aspect ratio in landscape orientation, the class format-16-9 is applied to the UL element.
To apply image decoration or alternative styling option, add one of the additional classes below:
<ul class="imagegrid format-16-9">
<li role="img">
<a href="#" title="title">
<span class="image"><img src="images/img-video.jpg" alt="alternative text" /></span>
</a>
</li>
<li role="img">
...
</li>
<li role="img">
<a href="#" title="title">
<span class="image"><img src="images/img-video.jpg" alt="alternative text" /></span>
<span class="title">Too much text for one line. Too much text for one line.</span>
</a>
</li>
</ul>
Additional classes:
.img-decorated-v1 - ... .img-decorated-v2 - ... .title-default - medium font-size .no-title - hides all titles and changes bottom position of image Styleguide 7.2 */ /* Image Grid | Multi formatFor an image grid consisting of images having different aspect ratios and/or orientations, the UL element gets the class format-multi.
To apply image decoration or alternative styling option, add one of the additional classes below:
<ul class="imagegrid format-multi">
<li role="img">
<a href="#" title="title">
<span class="image"><img src="images/img-landscape.jpg" alt="alternative text" /></span>
</a>
</li>
<li role="img">
...
</li>
<li role="img">
<a href="#" title="title">
<span class="image"><img src="images/img-portrait.jpg" alt="alternative text" /></span>
<span class="title">Too much text for one line. Too much text for one line.</span>
</a>
</li>
</ul>
Additional classes:
.img-decorated-v1 - ... .img-decorated-v2 - ... .title-default - medium font-size .no-title - hides all titles and changes bottom position of image Styleguide 7.3 */ /* Image Grid | Clustered Image Grid Styleguide 7.4 */ /* Image Grid | StatesThese are examples to illustrate the appearance of the pseudo classes :hover, :active and :focus;
to change these, you can add the classes .active-magenta, .active-gray or .unavailable to the IMG's parent A element.
<ul class="imagegrid format-3-2">
<li role="img">
<a href="#" title="title">
<span class="image"><img src="images/img-landscape.jpg" alt="alternative text" /></span>
</a>
</li>
<li role="img">
<a href="#" title="title">
<span class="image"><img src="images/img-landscape.jpg" alt="alternative text" /></span>
<span class="title">title.jpg</span>
</a>
</li>
<li role="img">
...
</li>
<li role="img">
<a href="#" title="title">
<span class="image"><img src="images/img-landscape.jpg" alt="alternative text" /></span>
<span class="title">Too much text for one line. Too much text for one line.</span>
</a>
</li>
</ul>
Accessibility note:
When using or setting the .unavailable class, you should also apply the WAI ARIA state aria-disabled="true" to expose the unavailability to assistive technologies.
Additional classes:
:hover - hover state for image-grid-item :active - active state for image-grid-item :focus - ... .active-magenta - ... .active-magenta:hover - ... .active-gray - ... .active-gray:hover - ... .unavailable - ... Styleguide 7.5 */ /* Reset fieldsets */ /* InputfieldIt is possible to apply different styles for inputfield. Add any of the classes below to following markup:
<input type="text" placeholder="placeholder" />Additional classes:
:hover - agent state :hover :active - agent state :active .hover - set style from agent state :hover .active - set style from agent state :active .unavailable - unclickable button style .validate-positive - positive result after validating .validate-positive:hover - agent state :hover on positive result .validate-positive:active - agent state :active on positive result .validate-negative - negative result after validating .validate-negative:hover - agent state :hover on negative result .validate-negative:active - agent state :active on negative result .small - add additional size small .default - add additional size default .large - add additional size large Styleguide 2.1 */ /* Validation Styleguide 2.10 */ /* Inputfield + ButtonIt is possible to apply different styles for inputfield and button group. Add any of the classes below to following markup:
<div class="input_text_button-group button-with-text">
<input type="text"placeholder="placeholder" />
<button>
<span class="buttontext">Button</span>
</button>
</div><div class="input_text_button-group">
<input type="text" placeholder="placeholder" />
<button class="icon-only icon-search">
<span aria-hidden="true" class="icon"></span>
<span class="buttontext">Button</span>
</button>
</div>Additional classes:
.small - add additional size small .default - add additional size default .large - add additional size large Styleguide 2.9 */ /* LabelIt is possible to apply different styles for label. Add any of the classes below to following markup:
<label>Label</label>Additional classes:
.small - add additional size small .default - add additional size default .large - add additional size large Styleguide 2.8 */ /* List | sizesIt is possible to apply different styles for list.
Add any of the classes below to to <ul class="list-decorated">:
<div class="headline underline">Headline</div>
<ul class="list-decorated">
<li>
<a href="#" title="">
<span class="list-item-title">List item</span>
</a>
</li>
</ul>
Additional classes:
.small - add additional size small .default - add additional size default .large - add additional size large Styleguide 5.1 */ /* List | small with iconsIt is possible to apply different styles for images of list small.
Add any of the classes below to <span> which includes the <img>:
<div class="headline underline">Headline</div>
<ul class="list-decorated small">
<li>
<a href="#" title="">
<span><img src="" alt="" /></span>
<span class="list-item-title">List item</span>
</a>
</li>
</ul>
Additional classes:
.list-icon - grapic as an icon .graphic-single - graphic in single-format: e.g.: 3:2 .graphic-multi - graphic in multi-format Styleguide 5.2 */ /* List | default with iconsIt is possible to apply different styles for images of list default.
Add any of the classes below to <span> which includes the <img>:
<div class="headline underline">Headline</div>
<ul class="list-decorated default">
<li>
<a href="#" title="">
<span><img src="" alt="" /></span>
<span class="list-item-title">List item</span>
</a>
</li>
</ul>
Additional classes:
.list-icon - grapic as an icon .graphic-single - graphic in single-format: e.g.: 3:2 .graphic-single.shadowed - graphic in single-format incl. shadow: e.g.: 3:2 .graphic-multi - graphic in multi-format Styleguide 5.3 */ /* List | large with iconsIt is possible to apply different styles for images of list large.
Add any of the classes below to <span> which includes the <img>:
<div class="headline underline">Headline</div>
<ul class="list-decorated default">
<li>
<a href="#" title="">
<span><img src="" alt="" /></span>
<span class="list-item-title">List item</span>
</a>
</li>
</ul>
Additional classes:
.list-icon - grapic as an icon .graphic-single - graphic in single-format: e.g.: 3:2 .graphic-single.shadowed - graphic in single-format incl. shadow: e.g.: 3:2 .graphic-multi - graphic in multi-format Styleguide 5.4 */ /* List | large with multi-line descriptionIt is possible to apply different styles for list large with description.
Add any of the classes below to <ul class="list-decorated large">:
<div class="headline underline">Headline</div>
<ul class="list-decorated large">
<li>
<a href="" title="">
<span class="list-item-text-wrap">
<span class="list-item-title" aria-describedby="description_1">List item</span>
<span class="list-item-description" id="description_1">Description</span>
</span>
</a>
</li>
</ul>
Additional classes:
.multi-line - List item also has a description with an flexibel amount of lines .multi-line.abbreviate-after-one-line - List item also has a description which abbreviates after one line Styleguide 5.5 */ /* /* List | Clustered List .small - Small Single Line Layout .medium - Medium Single Line Layout .large - Large Single Line Layout .x-large.multi-line - X-Large Multi Line Layout Styleguide 5.6 */ /* List item | statesAccessibility notes:
When using the .active class, you should also apply the WAI ARIA state aria-activedescendant="true" to expose the active state to assistive technologies.
Likewise, when using the .unavailable class, you should also apply the WAI ARIA state aria-disabled="true" to expose the unavailability to assistive technologies.
Accessibility notes:
When using the .unavailable class, you should also apply the WAI ARIA state aria-disabled="true" to expose the unavailability to assistive technologies.
Functional checkbox:
<div class="radiobuttonwrap" role="radiogroup">
<input type="radio" name="styleguide-24" value="" id="styleguide-241" />
<label for="styleguide-241">Radiobutton</label>
</div>This section for radiobuttons is not functional, it's just to show the possible styles. For a functional radiobutton you have to look above in section 2.5.
It is possible to apply different styles for radiobuttons. Add any of the classes below to following markup:
<div class="radiobuttonwrap" role="radiogroup">
<input type="radio" value="" />
<label>Radiobutton</label>
</div>Additional classes:
.checked - checked .unavailable - unclickable style .small - add additional size small .default - add additional size default .large - add additional size large Styleguide 2.6 */ /* Plain TableExample of a rather simple plain table; however, the use of multiple lines within one cell is possible. In this case, please see the accessibility note in the general description in the head of this page!
Additional classes:
.hover - hover state of a table row Styleguide 4.1 */ /* Plain Table with ButtonsTable may also contain buttons with icons; please see the blue box below for sample codes.
Styleguide 4.2 */ /* Responsive TableTables can also behave responsive to adapt themselves to various screen sizes and resolutions on a variety of devices (i.e. desktop computers, tablets, smartphones etc.)
.table-scroll will modify the table on small devices so it will be scrollable in the vertical direction.
Please apply it to the opening TABLE tag!
.unseen-columns will hide one or more column(s) it is applied to (typically one with less important content) on small screens to save screen space.
Please apply it to all TH and TD elements of the column(s)!
.no-more-table will modify the table on small devices to a vertical list of content.
Please apply it to the opening TABLE tag!
Accessibility note
As versions 9 and lower of Internet Explorer do not or not fully support responsiveness, the functionality of the responsive tables don't work properly in these.
Additional classes:
.table-scroll - ... .unseen-columns - ... .no-more-table - ... Styleguide 4.3 */ /* TextareaIt is possible to apply different styles for textarea. Add any of the classes below to following markup:
<textarea placeholder="placeholder"></textarea>Additional classes:
:hover - agent state :hover :active - agent state :active .hover - set style from agent state :hover .active - set style from agent state :active .unavailable - unclickable button style .validate-positive - positive result after validating .validate-positive:hover - agent state :hover on positive result .validate-positive:active - agent state :active on positive result .validate-negative - negative result after validating .validate-negative:hover - agent state :hover on negative result .validate-negative:active - agent state :active on negative result .small - add additional size small .default - add additional size default .large - add additional size large Styleguide 2.2 */ /* TextlinkIt is possible to apply different font sizes to text links. Add any of the classes below to following markup:
<a href="">Lorem ipsum dolor sit amet, consetetur sadipscing.</a>Additional classes:
:hover - hover state of a textlink .font-size-small - small textsize .font-size-default - default textsize .font-size-large - large textsize .font-size-headline - headline textsize Styleguide 3.2 */ /* Toolbar | Standard ToolbarThe standard toolbar's size can be set by adding one of these classes to the MENU element like in the markup below:
<menu type="toolbar" class="toolbar" role="toolbar">
<button class="icon-reply minimal">
<span aria-hidden="true" class="icon"></span>
<span class="buttontext">Antworten</span>
</button>
</li>
<li>
...
</li>
<li>
<a href="#" class="button icon-folder minimal" role="button">
<span aria-hidden="true" class="icon"></span>
<span class="buttontext">Archivieren</span>
</a>
</li>
</menu>
Additional classes:
.small - small buttons .default - default buttons .large - large buttons Styleguide 8.1 */ /* Toolbar | Button StatesTo apply a certain state to the toolbar buttons, add one of these classes to buttons like in the markup below:
<menu type="toolbar" class="toolbar" role="toolbar">
<button class="minimal">
<span class="buttontext">Button</span>
</button>
</li>
<li>
<button class="minimal">
<span aria-hidden="true" class="icon"></span>
<span class="buttontext">$modifier_class</span>
</button>
</li>
<li>
<button class="minimal">
<span class="buttontext">Button</span>
</button>
</li>
</menu>
Please note that the class must be applied to every single button!
Accessibility note:
When using or setting the .unavailable class, you should also apply the WAI ARIA state aria-disabled="true" to expose the unavailability to assistive technologies.
Additional classes:
:hover - hover state for default button :active - active state for default button .unavailable - dims the button when disabled. .magenta - button with magenta colorscheme .magenta:hover - hover state for magenta button .magenta:active - active state for magenta button .magenta.unavailable - dims the magenta button when disabled. Styleguide 8.2 */ /* Toolbar | Toolbar containing submenusSame as with the standard toolbar, the size of a toolbar containing submenus can be set by adding one of these classes to the MENU element like in the markup below:
<menu type="toolbar" class="toolbar" role="toolbar">
<button class="minimal">
<span class="buttontext">Button</span>
</button>
</li>
<li class="dropdown" aria-haspopup="true" aria-owns="list-item_1 list-item_2 list-item_3">
<button class="icon-only icon-context-menu">
<span aria-hidden="true" class="icon"></span>
<span class="buttontext">Should not be visible</span>
</button>
<menu type="list">
<li><a class="list-item-title" id="list-item_1" href="#">Subentry 1</a></li>
<li><a class="list-item-title" id="list-item_2" href="#">Subentry 2</a></li>
<li><a class="list-item-title" id="list-item_3" href="#">Subentry 3</a></li>
</menu>
</li>
<li>
<button class="minimal">
<span class="buttontext">Button</span>
</button>
</li>
</menu>
Additional classes:
.small - small buttons .default - default buttons .large - large buttons Styleguide 8.3 */ /* Toolbar | Several toolbars in one lineIt is also possible to have several toolbars in one line; just group them together in a DIV with the class toolbar-container applied to it, like in the markup shown below:
<div class="toolbar-container">
<menu type="list">
<li>
<menu type="toolbar" class="toolbar" role="toolbar" aria-label="toolbar_1">
<li>
<button class="icon-move-to-trash minimal">
<span aria-hidden="true" class="icon"></span>
<span class="buttontext">Delete</span>
</button>
</li>
</menu>
</li>
<li>
<menu type="toolbar" class="toolbar" role="toolbar" aria-label="toolbar_2">
<li>
...
</li>
</menu>
</li>
<li>
<menu type="toolbar" class="toolbar" role="toolbar" aria-label="toolbar_3">
<li>
<button class="icon-only icon-help">
<span aria-hidden="true" class="icon"></span>
</button>
</li>
</menu>
</li>
</menu>
</div>
Accessibility note:
To make the toolbars indentifiable for assistive technologies, please apply the WAI ARIA state aria-label="<name>" with a unique name for every single toolbar.
To give tooltips their styling, in any case add the .tooltip class to the containing HTML element. The second class sets the tooltip's postion.
See how the the two classes are applied to the markup in the example below:
<a href="#" title="Lorem ipsum dolor sit amet">Link with Tooltip</a>Additional classes:
.tooltip - Tooltip (default position) .tooltip.top - Tooltip on top .tooltip.left - Tooltip on left .tooltip.bottom - Tooltip on bottom .tooltip.right - Tooltip on right .tooltip.top-right - Tooltip on top right .tooltip.top-left - Tooltip on top left .tooltip.bottom-right - Tooltip on bottom right .tooltip.bottom-left - Tooltip on bottom left Styleguide 6.1 */ /* Tooltip | Tooltip with long text Styleguide 6.2 */ /* Tooltip | Tooltip on long text Styleguide 6.3 */ /* Tooltip | Tooltip containing markupThe tooltip containing markup is built as a sibling element to the one(s) it describes; see the example below for further reference.
Accessibility note:
The tooltip itself should be applied the WAI ARIA role="tooltip" and an ID. The described content should be given the WAI ARIA state describedby="<ID>" to expose the logical relationship to assistive technologies, like screen readers etc.
<div title="Fallback Tooltip (no JS)" class="tooltip">
<p aria-describedby="tooltip_1">Lorem ipsum dolor sit amet, consetetur sadipscing
elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna
<div class="tooltip-content" role="tooltip" id="tooltip_1">
A complex tooltip containing <strong>formatted <em>markup</em></strong>
</div>
</div>
It is also possible to set the position of HTML tooltips; do do so, add one of the following classes to the tooltip's parent element.
Additional classes:
.tooltip-display-top - Tooltip on top .tooltip-display-left - Tooltip on left .tooltip-display-bottom - Tooltip on bottom .tooltip-display-right - Tooltip on right .tooltip-display-top-right - Tooltip on top right .tooltip-display-top-left - Tooltip on top left .tooltip-display-bottom-right - Tooltip on bottom right .tooltip-display-bottom-left - Tooltip on bottom left Styleguide 6.5 */ } /* line 2, ../../sass/base/buttons/_classes.scss */ .DTExperience button, .DTExperience .button, .DTExperience input[type="submit"] { /* Button - embossedIt is possible to apply different styles for embossed buttons. Add any of the classes below to following markup:
<button class="embossed">Button</button><a href="#" title="Button" class="button embossed" role="button">Button</a>Additional classes:
:hover - agent state :hover :active - agent state :active .hover - set style from agent state :hover .active - set style from agent state :active .unavailable - unclickable button style .magenta - button with magenta colorscheme .small - add additional size small .default - add additional size default .large - add additional size large .minimal - padding-left and -right just 1BU .full-width - 100% width Styleguide 1.1 */ /* Button - beveled (standard)It is possible to apply different styles for standard buttons. Add any of the classes below to following markup:
<button>Button</button><a href="#" title="Button" class="button" role="button">Button</a>Additional classes:
:hover - agent state :hover :active - agent state :active .hover - set style from agent state :hover .active - set style from agent state :active .unavailable - unclickable button style .magenta - button with magenta colorscheme .small - add additional size small .default - add additional size default .large - add additional size large .minimal - padding-left and -right just 1BU .full-width - 100% width Styleguide 1.2 */ font-size: 1.6em; line-height: 1.875em; display: inline-block; padding: 0em 1.25em; font-family: TeleGrotesk; text-align: center; text-decoration: none; vertical-align: middle; border-width: 1px; border-style: solid; -webkit-border-radius: 0.20833em; -moz-border-radius: 0.20833em; -ms-border-radius: 0.20833em; -o-border-radius: 0.20833em; border-radius: 0.20833em; -webkit-user-select: none; -moz-user-select: none; user-select: none; /* Fix full-width button icons in Opera - end */ text-shadow: white 0px 1px 0; /* Button - flatIt is possible to apply different styles for flat buttons. Add any of the classes below to following markup:
<button class="flat">Button</button><a href="#" title="Button" class="button flat" role="button">Button</a>Additional classes:
:hover - agent state :hover :active - agent state :active .hover - set style from agent state :hover .active - set style from agent state :active .unavailable - unclickable button style .magenta - button with magenta colorscheme .small - add additional size small .default - add additional size default .large - add additional size large .minimal - padding-left and -right just 1BU .full-width - 100% width Styleguide 1.3 */ /* Button - cleanIt is possible to apply different styles for clean buttons. Add any of the classes below to following markup:
<button class="clean">Button</button><a href="#" title="Button" class="button clean" role="button">Button</a>Additional classes:
:hover - agent state :hover :active - agent state :active .hover - set style from agent state :hover .active - set style from agent state :active .unavailable - unclickable button style .small - add additional size small .default - add additional size default .large - add additional size large .minimal - padding-left and -right just 1BU .full-width - 100% width Styleguide 1.4 */ /* Button with icon and textIt is possible to apply different styles for buttons with icon and text. Add any of the classes below to following markup:
<button class="icon-synchronize">
<span aria-hidden="true" class="icon"></span>
<span class="buttontext">Button</span>
</button><a href="#" title="Button" class="button icon-synchronize" role="button">
<span aria-hidden="true" class="icon"></span>
<span class="buttontext">Button</span>
</a>Additional classes:
:hover - agent state :hover :active - agent state :active .hover - set style from agent state :hover .active - set style from agent state :active .unavailable - unclickable button style .clean - clean button style .flat - flat button style .beveled - beveled button style .embossed - embossed button style .magenta - button with magenta colorscheme .small - add additional size small .default - add additional size default .large - add additional size large .minimal - padding-left and -right just 1BU .full-width - 100% width Styleguide 1.5 */ /* Button with iconIt is possible to apply different styles for buttons with icon and text. Add any of the classes below to following markup:
<button class="icon-only icon-synchronize">
<span aria-hidden="true" class="icon"></span>
<span class="buttontext">Button</span>
</button><a href="#" title="Button" class="button icon-only icon-synchronize" role="button">
<span aria-hidden="true" class="icon"></span>
<span class="buttontext">Button</span>
</a>Additional classes:
:hover - agent state :hover :active - agent state :active .hover - set style from agent state :hover .active - set style from agent state :active .unavailable - unclickable button style .clean - clean button style .flat - flat button style .beveled - beveled button style .embossed - embossed button style .magenta - button with magenta colorscheme .small - add additional size small .default - add additional size default .large - add additional size large .rectangle - rectangle button style .full-width - 100% width Styleguide 1.6 */ /* IconsIt is possible to apply different icons for buttons. Add any of the classes below to following markup:
<button class="embossed">
<span aria-hidden="true" class="icon"></span>
<span class="buttontext">Icon</span>
</button>Additional classes:
.icon-add - Function icon for adding. Also used as "new". .icon-add-to-watchlist - Indicator icon for watchlist. .icon-attachment - Function icon for attachment. .icon-bookmark - Indicator icon for bookmark. .icon-calendar - Function icon for calendar. .icon-cancel - Function icon for cancel. Also used as "remove" or "close". .icon-clock - Utility icon for clock. .icon-cloud - Function icon for switching to cloud view. .icon-comment - Indicator icon for comment. .icon-computer - Indicator icon for computer. .icon-confirm - Function icon for confirm. .icon-context-menu - Function icon for opening a context menu. .icon-copy - ... .icon-cover-view - Function icon for switching to rotating cover preview. .icon-decrease - Function icon for decreasing a value. .icon-digits - Use in addition with brand logo. .icon-download - Function icon for downloading. Also used as "save". .icon-edit - Function icon for editing. .icon-end-call - Function icon for ending a call. .icon-error - UI element indicating an unsuccessfull process. .icon-export - Function icon for exporting. Also used as "send". .icon-fast-forward - Function icon for fast forwarding a track or video. .icon-favorites - Indicator icon for favorites. .icon-file - Utility icon for a file or document. .icon-filter - Function icon for filtering items. .icon-folder - Utility icon for a folder. .icon-forward - Function icon for forwarding. .icon-help - Indicator icon for help. Do not use on buttons! .icon-help_2 - Function icon for opening help. Use on buttons! .icon-home - Indicator icon for home. .icon-import - Function icon for importing. Also used as "receive". .icon-information - Indicator icon for information. Do not use on buttons! .icon-information_2 - Function icon for information. Use on buttons! .icon-iptv - Indicator icon for TV. .icon-link - Function icon for linking items. .icon-list-view - Function icon for switching to list view. .icon-loading-indicator - UI element indicating an active process. .icon-lock - Indicator icon for locked item. .icon-login - Utility icon for logging in. .icon-message - Indicator icon for E-Mail. .icon-microphone-socket - Function icon for audio recording. .icon-more - Function icon for more. .icon-move-to-trash - Function icon for delete. Also used as "move to trash". .icon-my-profile - Function icon for opening user's personal informations. .icon-navigation-down - Function icon for navigating down within a module window. .icon-navigation-left - Function icon for navigating down within a module window. .icon-navigation-right - Function icon for navigating right within a module window. .icon-navigation-up - Function icon for navigating up within a module window. .icon-next - Function icon for stopping a track, slideshow, video etc. .icon-pause - Function icon for pausing track, slideshow, video etc. .icon-play - Function icon for pausing track, slideshow, video etc. .icon-previous - Function icon for skipping to previous track. .icon-print - Function icon for printing. .icon-record - Function icon for recording. .icon-reload - Function icon for reloading. Also used as "rotate left". .icon-reply - Function icon for replying. .icon-rewind - Function icon for rewinding a track, video etc. .icon-ringtone-off - Function icon for deactivating ringtone. .icon-ringtone-on - Function icon for activating ringtone. .icon-scroll-left - Function icon for scrolling left. Also used as "back". .icon-scroll-right - Function icon for scrolling right. Also used as "forward". .icon-search - Function icon for searching. .icon-settings - Function icon for settings. .icon-share - Function icon for sharing. .icon-shopping-cart - Function icon for basket. .icon-skip-to-end - Function icon for skipping to last item. .icon-skip-to-start - Function icon for skipping to first item. .icon-smartphone - Indicator icon for smartphone. .icon-speaker-off - Function icon for deactivating speaker. .icon-speaker-on - Function icon for activating a speaker. .icon-start-call - Function icon for starting a call. .icon-stop - Function icon for stopping a track, slideshow, video etc. .icon-success - UI element indicating a successfull process. .icon-synchronize - Function icon synchronizing. .icon-tablet-pc - Indicator icon for a tablet PC. .icon-telekom-1T1 - Short version of Telekom logo. .icon-minimize - Function icon for closing fullscreen mode. .icon-maximize - Function icon for opening fullscreen mode. .icon-tile-view - Function icon for switching to tile view. .icon-upload - Function icon for uploading. .icon-warning - Indicator icon for warning. Do not use on buttons! .icon-warning_2 - Indicator icon for warning. Use on buttons! .icon-zoom-in - Function icon for zooming (in). .icon-zoom-out - Function icon for zooming out. Styleguide 1.7 */ } /* line 4, ../../sass/base/buttons/_classes.scss */ .DTExperience button:hover, .DTExperience .button:hover, .DTExperience input[type="submit"]:hover { cursor: pointer; } /* line 31, ../../sass/base/buttons/_classes.scss */ .DTExperience button.embossed, .DTExperience .button.embossed, .DTExperience input[type="submit"].embossed { text-shadow: white 0px 1px 0; } /* line 199, ../../sass/custom/_global_mixins.scss */ .DTExperience button.embossed, .DTExperience button.embossed.unavailable:active, .DTExperience button.embossed.unavailable.active, .DTExperience .button.embossed, .DTExperience .button.embossed.unavailable:active, .DTExperience .button.embossed.unavailable.active, .DTExperience input[type="submit"].embossed, .DTExperience input[type="submit"].embossed.unavailable:active, .DTExperience input[type="submit"].embossed.unavailable.active { -webkit-box-shadow: rgba(0, 0, 0, 0.45) 0 1px 1px 0px; -moz-box-shadow: rgba(0, 0, 0, 0.45) 0 1px 1px 0px; box-shadow: rgba(0, 0, 0, 0.45) 0 1px 1px 0px; } /* line 203, ../../sass/custom/_global_mixins.scss */ .DTExperience button.embossed:active, .DTExperience button.embossed.active, .DTExperience .button.embossed:active, .DTExperience .button.embossed.active, .DTExperience input[type="submit"].embossed:active, .DTExperience input[type="submit"].embossed.active { -webkit-box-shadow: rgba(0, 0, 0, 0.45) 0 1px 2px 0 inset; -moz-box-shadow: rgba(0, 0, 0, 0.45) 0 1px 2px 0 inset; box-shadow: rgba(0, 0, 0, 0.45) 0 1px 2px 0 inset; } /* line 646, ../../sass/base/buttons/_mixins.scss */ .DTExperience button.embossed, .DTExperience button.embossed.unavailable, .DTExperience button.embossed.unavailable:hover, .DTExperience button.embossed.unavailable:focus, .DTExperience button.embossed.unavailable.hover, .DTExperience button.embossed.unavailable:active, .DTExperience button.embossed.unavailable.active, .DTExperience .button.embossed, .DTExperience .button.embossed.unavailable, .DTExperience .button.embossed.unavailable:hover, .DTExperience .button.embossed.unavailable:focus, .DTExperience .button.embossed.unavailable.hover, .DTExperience .button.embossed.unavailable:active, .DTExperience .button.embossed.unavailable.active, .DTExperience input[type="submit"].embossed, .DTExperience input[type="submit"].embossed.unavailable, .DTExperience input[type="submit"].embossed.unavailable:hover, .DTExperience input[type="submit"].embossed.unavailable:focus, .DTExperience input[type="submit"].embossed.unavailable.hover, .DTExperience input[type="submit"].embossed.unavailable:active, .DTExperience input[type="submit"].embossed.unavailable.active { color: #4b4b4b; border-color: #d0d0d0; background: #f3f3f3; background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(50%, #f3f3f3), color-stop(100%, #e6e6e6)); background: -webkit-linear-gradient(#ffffff, #f3f3f3 50%, #e6e6e6); background: -moz-linear-gradient(#ffffff, #f3f3f3 50%, #e6e6e6); background: -o-linear-gradient(#ffffff, #f3f3f3 50%, #e6e6e6); background: linear-gradient(#ffffff, #f3f3f3 50%, #e6e6e6); *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFFFFF', endColorstr='#FFE6E6E6'); } /* line 658, ../../sass/base/buttons/_mixins.scss */ .DTExperience button.embossed:hover, .DTExperience button.embossed:focus, .DTExperience button.embossed.hover, .DTExperience .button.embossed:hover, .DTExperience .button.embossed:focus, .DTExperience .button.embossed.hover, .DTExperience input[type="submit"].embossed:hover, .DTExperience input[type="submit"].embossed:focus, .DTExperience input[type="submit"].embossed.hover { border-color: #bfbfbf; background: #e1e1e1; background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ededed), color-stop(50%, #e1e1e1), color-stop(100%, #d4d4d4)); background: -webkit-linear-gradient(#ededed, #e1e1e1 50%, #d4d4d4); background: -moz-linear-gradient(#ededed, #e1e1e1 50%, #d4d4d4); background: -o-linear-gradient(#ededed, #e1e1e1 50%, #d4d4d4); background: linear-gradient(#ededed, #e1e1e1 50%, #d4d4d4); *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFEDEDED', endColorstr='#FFD4D4D4'); } /* line 669, ../../sass/base/buttons/_mixins.scss */ .DTExperience button.embossed:active, .DTExperience button.embossed.active, .DTExperience .button.embossed:active, .DTExperience .button.embossed.active, .DTExperience input[type="submit"].embossed:active, .DTExperience input[type="submit"].embossed.active { border-color: #ababab; background: #cccccc; background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #d9d9d9), color-stop(50%, #cccccc), color-stop(100%, #bfbfbf)); background: -webkit-linear-gradient(#d9d9d9, #cccccc 50%, #bfbfbf); background: -moz-linear-gradient(#d9d9d9, #cccccc 50%, #bfbfbf); background: -o-linear-gradient(#d9d9d9, #cccccc 50%, #bfbfbf); background: linear-gradient(#d9d9d9, #cccccc 50%, #bfbfbf); *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFD9D9D9', endColorstr='#FFBFBFBF'); } /* line 36, ../../sass/base/buttons/_classes.scss */ .DTExperience button.magenta.embossed, .DTExperience .button.magenta.embossed, .DTExperience input[type="submit"].magenta.embossed { text-shadow: #cc0069 0px -1px 0; } /* line 646, ../../sass/base/buttons/_mixins.scss */ .DTExperience button.magenta.embossed, .DTExperience button.magenta.embossed.unavailable, .DTExperience button.magenta.embossed.unavailable:hover, .DTExperience button.magenta.embossed.unavailable:focus, .DTExperience button.magenta.embossed.unavailable.hover, .DTExperience button.magenta.embossed.unavailable:active, .DTExperience button.magenta.embossed.unavailable.active, .DTExperience .button.magenta.embossed, .DTExperience .button.magenta.embossed.unavailable, .DTExperience .button.magenta.embossed.unavailable:hover, .DTExperience .button.magenta.embossed.unavailable:focus, .DTExperience .button.magenta.embossed.unavailable.hover, .DTExperience .button.magenta.embossed.unavailable:active, .DTExperience .button.magenta.embossed.unavailable.active, .DTExperience input[type="submit"].magenta.embossed, .DTExperience input[type="submit"].magenta.embossed.unavailable, .DTExperience input[type="submit"].magenta.embossed.unavailable:hover, .DTExperience input[type="submit"].magenta.embossed.unavailable:focus, .DTExperience input[type="submit"].magenta.embossed.unavailable.hover, .DTExperience input[type="submit"].magenta.embossed.unavailable:active, .DTExperience input[type="submit"].magenta.embossed.unavailable.active { color: white; border-color: #cc0069; background: #e20074; background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ff339c), color-stop(50%, #e20074), color-stop(100%, #cc0069)); background: -webkit-linear-gradient(#ff339c, #e20074 50%, #cc0069); background: -moz-linear-gradient(#ff339c, #e20074 50%, #cc0069); background: -o-linear-gradient(#ff339c, #e20074 50%, #cc0069); background: linear-gradient(#ff339c, #e20074 50%, #cc0069); *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFF339C', endColorstr='#FFCC0069'); } /* line 658, ../../sass/base/buttons/_mixins.scss */ .DTExperience button.magenta.embossed:hover, .DTExperience button.magenta.embossed:focus, .DTExperience button.magenta.embossed.hover, .DTExperience .button.magenta.embossed:hover, .DTExperience .button.magenta.embossed:focus, .DTExperience .button.magenta.embossed.hover, .DTExperience input[type="submit"].magenta.embossed:hover, .DTExperience input[type="submit"].magenta.embossed:focus, .DTExperience input[type="submit"].magenta.embossed.hover { border-color: #ba0060; background: #d1006c; background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ed2f91), color-stop(50%, #d1006c), color-stop(100%, #ba0060)); background: -webkit-linear-gradient(#ed2f91, #d1006c 50%, #ba0060); background: -moz-linear-gradient(#ed2f91, #d1006c 50%, #ba0060); background: -o-linear-gradient(#ed2f91, #d1006c 50%, #ba0060); background: linear-gradient(#ed2f91, #d1006c 50%, #ba0060); *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFED2F91', endColorstr='#FFBA0060'); } /* line 669, ../../sass/base/buttons/_mixins.scss */ .DTExperience button.magenta.embossed:active, .DTExperience button.magenta.embossed.active, .DTExperience .button.magenta.embossed:active, .DTExperience .button.magenta.embossed.active, .DTExperience input[type="submit"].magenta.embossed:active, .DTExperience input[type="submit"].magenta.embossed.active { border-color: #a60056; background: #bd0061; background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #d92b85), color-stop(50%, #bd0061), color-stop(100%, #a60056)); background: -webkit-linear-gradient(#d92b85, #bd0061 50%, #a60056); background: -moz-linear-gradient(#d92b85, #bd0061 50%, #a60056); background: -o-linear-gradient(#d92b85, #bd0061 50%, #a60056); background: linear-gradient(#d92b85, #bd0061 50%, #a60056); *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFD92B85', endColorstr='#FFA60056'); } /* line 433, ../../sass/base/buttons/_mixins.scss */ .DTExperience button .icon, .DTExperience .button .icon, .DTExperience input[type="submit"] .icon { font-size: 0.99375em; float: left; margin: 0 auto; font-family: Tele-Icon; text-align: center; -webkit-font-smoothing: antialiased; vertical-align: top; } /* line 133, ../../sass/base/buttons/_mixins.scss */ .DTExperience button:hover, .DTExperience .button:hover, .DTExperience input[type="submit"]:hover { text-decoration: none; } /* line 140, ../../sass/base/buttons/_mixins.scss */ .DTExperience button[class^='icon-'] .buttontext, .DTExperience button[class*='icon-'] .buttontext, .DTExperience .button[class^='icon-'] .buttontext, .DTExperience .button[class*='icon-'] .buttontext, .DTExperience input[type="submit"][class^='icon-'] .buttontext, .DTExperience input[type="submit"][class*='icon-'] .buttontext { float: left; margin-left: 0.625em; vertical-align: top; } /* line 148, ../../sass/base/buttons/_mixins.scss */ .DTExperience button.icon-only, .DTExperience .button.icon-only, .DTExperience input[type="submit"].icon-only { width: 1.875em; padding: 0; } /* line 379, ../../sass/base/buttons/_mixins.scss */ .DTExperience button.icon-only.rectangle, .DTExperience .button.icon-only.rectangle, .DTExperience input[type="submit"].icon-only.rectangle { width: 2.49375em; } /* line 387, ../../sass/base/buttons/_mixins.scss */ .DTExperience button.icon-only .icon, .DTExperience .button.icon-only .icon, .DTExperience input[type="submit"].icon-only .icon { float: none; } /* line 391, ../../sass/base/buttons/_mixins.scss */ .DTExperience button.icon-only .buttontext, .DTExperience .button.icon-only .buttontext, .DTExperience input[type="submit"].icon-only .buttontext { position: absolute; margin-left: -99999px; } /* line 158, ../../sass/base/buttons/_mixins.scss */ .DTExperience button.icon-only .icon:before, .DTExperience .button.icon-only .icon:before, .DTExperience input[type="submit"].icon-only .icon:before { /* Fixing the vertical misalignment in Opera */ display: block; } /* line 177, ../../sass/base/buttons/_mixins.scss */ .DTExperience button.minimal, .DTExperience .button.minimal, .DTExperience input[type="submit"].minimal { padding: 0em 0.625em; } /* line 189, ../../sass/base/buttons/_mixins.scss */ .DTExperience button.full-width, .DTExperience .button.full-width, .DTExperience input[type="submit"].full-width { display: block; width: 100%; } /* line 192, ../../sass/base/buttons/_mixins.scss */ .DTExperience button.full-width .icon, .DTExperience .button.full-width .icon, .DTExperience input[type="submit"].full-width .icon { float: none; margin-right: -0.1em; /* Fix full-width button icons in Opera - start */ } /* line 197, ../../sass/base/buttons/_mixins.scss */ .DTExperience button.full-width .icon:before, .DTExperience button.full-width .icon x:-o-prefocus, .DTExperience .button.full-width .icon:before, .DTExperience .button.full-width .icon x:-o-prefocus, .DTExperience input[type="submit"].full-width .icon:before, .DTExperience input[type="submit"].full-width .icon x:-o-prefocus { display: block; position: absolute; left: 50%; margin-left: -1.5em; } /* line 205, ../../sass/base/buttons/_mixins.scss */ .DTExperience button.full-width span.buttontext, .DTExperience button.full-width x:-o-prefocus, .DTExperience .button.full-width span.buttontext, .DTExperience .button.full-width x:-o-prefocus, .DTExperience input[type="submit"].full-width span.buttontext, .DTExperience input[type="submit"].full-width x:-o-prefocus { margin-left: 2.5em; } /* line 209, ../../sass/base/buttons/_mixins.scss */ .DTExperience button.full-width[class^='icon-'] .buttontext, .DTExperience button.full-width[class*='icon-'] .buttontext, .DTExperience .button.full-width[class^='icon-'] .buttontext, .DTExperience .button.full-width[class*='icon-'] .buttontext, .DTExperience input[type="submit"].full-width[class^='icon-'] .buttontext, .DTExperience input[type="submit"].full-width[class*='icon-'] .buttontext { float: none; } /* line 214, ../../sass/base/buttons/_mixins.scss */ .DTExperience button.icon-only .icon:before, .DTExperience button x:-o-prefocus, .DTExperience .button.icon-only .icon:before, .DTExperience .button x:-o-prefocus, .DTExperience input[type="submit"].icon-only .icon:before, .DTExperience input[type="submit"] x:-o-prefocus { position: static !important; } /* line 171, ../../sass/custom/_global_mixins.scss */ .DTExperience button, .DTExperience button.unavailable:active, .DTExperience button.unavailable.active, .DTExperience .button, .DTExperience .button.unavailable:active, .DTExperience .button.unavailable.active, .DTExperience input[type="submit"], .DTExperience input[type="submit"].unavailable:active, .DTExperience input[type="submit"].unavailable.active { -webkit-box-shadow: white 0 1px 0 0; -moz-box-shadow: white 0 1px 0 0; box-shadow: white 0 1px 0 0; } /* line 182, ../../sass/custom/_global_mixins.scss */ .DTExperience button:active, .DTExperience button.active, .DTExperience .button:active, .DTExperience .button.active, .DTExperience input[type="submit"]:active, .DTExperience input[type="submit"].active { -webkit-box-shadow: white 0 1px 0 0, rgba(0, 0, 0, 0.3) 0 1px 2px 0 inset; -moz-box-shadow: white 0 1px 0 0, rgba(0, 0, 0, 0.3) 0 1px 2px 0 inset; box-shadow: white 0 1px 0 0, rgba(0, 0, 0, 0.3) 0 1px 2px 0 inset; } /* line 646, ../../sass/base/buttons/_mixins.scss */ .DTExperience button, .DTExperience button.unavailable, .DTExperience button.unavailable:hover, .DTExperience button.unavailable:focus, .DTExperience button.unavailable.hover, .DTExperience button.unavailable:active, .DTExperience button.unavailable.active, .DTExperience .button, .DTExperience .button.unavailable, .DTExperience .button.unavailable:hover, .DTExperience .button.unavailable:focus, .DTExperience .button.unavailable.hover, .DTExperience .button.unavailable:active, .DTExperience .button.unavailable.active, .DTExperience input[type="submit"], .DTExperience input[type="submit"].unavailable, .DTExperience input[type="submit"].unavailable:hover, .DTExperience input[type="submit"].unavailable:focus, .DTExperience input[type="submit"].unavailable.hover, .DTExperience input[type="submit"].unavailable:active, .DTExperience input[type="submit"].unavailable.active { color: #4b4b4b; border-color: #d0d0d0; background: #f3f3f3; background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(50%, #f3f3f3), color-stop(100%, #e6e6e6)); background: -webkit-linear-gradient(#ffffff, #f3f3f3 50%, #e6e6e6); background: -moz-linear-gradient(#ffffff, #f3f3f3 50%, #e6e6e6); background: -o-linear-gradient(#ffffff, #f3f3f3 50%, #e6e6e6); background: #f3f3f3; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFFFFF', endColorstr='#FFE6E6E6'); margin-bottom: 0px; } /* line 658, ../../sass/base/buttons/_mixins.scss */ .DTExperience button:hover, .DTExperience button:focus, .DTExperience button.hover, .DTExperience .button:hover, .DTExperience .button:focus, .DTExperience .button.hover, .DTExperience input[type="submit"]:hover, .DTExperience input[type="submit"]:focus, .DTExperience input[type="submit"].hover { border-color: #bfbfbf; background: #e1e1e1; background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ededed), color-stop(50%, #e1e1e1), color-stop(100%, #d4d4d4)); background: -webkit-linear-gradient(#ededed, #e1e1e1 50%, #d4d4d4); background: -moz-linear-gradient(#ededed, #e1e1e1 50%, #d4d4d4); background: -o-linear-gradient(#ededed, #e1e1e1 50%, #d4d4d4); background: linear-gradient(#ededed, #e1e1e1 50%, #d4d4d4); *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFEDEDED', endColorstr='#FFD4D4D4'); } /* line 669, ../../sass/base/buttons/_mixins.scss */ .DTExperience button:active, .DTExperience button.active, .DTExperience .button:active, .DTExperience .button.active, .DTExperience input[type="submit"]:active, .DTExperience input[type="submit"].active { border-color: #ababab; background: #cccccc; background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #d9d9d9), color-stop(50%, #cccccc), color-stop(100%, #bfbfbf)); background: -webkit-linear-gradient(#d9d9d9, #cccccc 50%, #bfbfbf); background: -moz-linear-gradient(#d9d9d9, #cccccc 50%, #bfbfbf); background: -o-linear-gradient(#d9d9d9, #cccccc 50%, #bfbfbf); background: linear-gradient(#d9d9d9, #cccccc 50%, #bfbfbf); *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFD9D9D9', endColorstr='#FFBFBFBF'); } /* line 67, ../../sass/base/buttons/_classes.scss */ .DTExperience button.magenta, .DTExperience .button.magenta, .DTExperience input[type="submit"].magenta { text-shadow: #cc0069 0px -1px 0; } /* line 646, ../../sass/base/buttons/_mixins.scss */ .DTExperience button.magenta, .DTExperience button.magenta.unavailable, .DTExperience button.magenta.unavailable:hover, .DTExperience button.magenta.unavailable:focus, .DTExperience button.magenta.unavailable.hover, .DTExperience button.magenta.unavailable:active, .DTExperience button.magenta.unavailable.active, .DTExperience .button.magenta, .DTExperience .button.magenta.unavailable, .DTExperience .button.magenta.unavailable:hover, .DTExperience .button.magenta.unavailable:focus, .DTExperience .button.magenta.unavailable.hover, .DTExperience .button.magenta.unavailable:active, .DTExperience .button.magenta.unavailable.active, .DTExperience input[type="submit"].magenta, .DTExperience input[type="submit"].magenta.unavailable, .DTExperience input[type="submit"].magenta.unavailable:hover, .DTExperience input[type="submit"].magenta.unavailable:focus, .DTExperience input[type="submit"].magenta.unavailable.hover, .DTExperience input[type="submit"].magenta.unavailable:active, .DTExperience input[type="submit"].magenta.unavailable.active { color: white; border-color: #cc0069; background: #e20074; background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ff339c), color-stop(50%, #e20074), color-stop(100%, #cc0069)); background: -webkit-linear-gradient(#ff339c, #e20074 50%, #cc0069); background: -moz-linear-gradient(#ff339c, #e20074 50%, #cc0069); background: -o-linear-gradient(#ff339c, #e20074 50%, #cc0069); background: linear-gradient(#ff339c, #e20074 50%, #cc0069); *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFF339C', endColorstr='#FFCC0069'); } /* line 658, ../../sass/base/buttons/_mixins.scss */ .DTExperience button.magenta:hover, .DTExperience button.magenta:focus, .DTExperience button.magenta.hover, .DTExperience .button.magenta:hover, .DTExperience .button.magenta:focus, .DTExperience .button.magenta.hover, .DTExperience input[type="submit"].magenta:hover, .DTExperience input[type="submit"].magenta:focus, .DTExperience input[type="submit"].magenta.hover { border-color: #ba0060; background: #d1006c; background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ed2f91), color-stop(50%, #d1006c), color-stop(100%, #ba0060)); background: -webkit-linear-gradient(#ed2f91, #d1006c 50%, #ba0060); background: -moz-linear-gradient(#ed2f91, #d1006c 50%, #ba0060); background: -o-linear-gradient(#ed2f91, #d1006c 50%, #ba0060); background: linear-gradient(#ed2f91, #d1006c 50%, #ba0060); *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFED2F91', endColorstr='#FFBA0060'); } /* line 669, ../../sass/base/buttons/_mixins.scss */ .DTExperience button.magenta:active, .DTExperience button.magenta.active, .DTExperience .button.magenta:active, .DTExperience .button.magenta.active, .DTExperience input[type="submit"].magenta:active, .DTExperience input[type="submit"].magenta.active { border-color: #a60056; background: #bd0061; background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #d92b85), color-stop(50%, #bd0061), color-stop(100%, #a60056)); background: -webkit-linear-gradient(#d92b85, #bd0061 50%, #a60056); background: -moz-linear-gradient(#d92b85, #bd0061 50%, #a60056); background: -o-linear-gradient(#d92b85, #bd0061 50%, #a60056); background: linear-gradient(#d92b85, #bd0061 50%, #a60056); *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFD92B85', endColorstr='#FFA60056'); } /* line 559, ../../sass/base/buttons/_mixins.scss */ .DTExperience button.flat, .DTExperience button.flat.unavailable, .DTExperience button.flat.unavailable:hover, .DTExperience button.flat.unavailable:focus, .DTExperience button.flat.unavailable.hover, .DTExperience button.flat.unavailable:active, .DTExperience button.flat.unavailable.active, .DTExperience .button.flat, .DTExperience .button.flat.unavailable, .DTExperience .button.flat.unavailable:hover, .DTExperience .button.flat.unavailable:focus, .DTExperience .button.flat.unavailable.hover, .DTExperience .button.flat.unavailable:active, .DTExperience .button.flat.unavailable.active, .DTExperience input[type="submit"].flat, .DTExperience input[type="submit"].flat.unavailable, .DTExperience input[type="submit"].flat.unavailable:hover, .DTExperience input[type="submit"].flat.unavailable:focus, .DTExperience input[type="submit"].flat.unavailable.hover, .DTExperience input[type="submit"].flat.unavailable:active, .DTExperience input[type="submit"].flat.unavailable.active { color: #4b4b4b; background: #ededed; border-color: #d0d0d0; text-shadow: none; } /* line 569, ../../sass/base/buttons/_mixins.scss */ .DTExperience button.flat:hover, .DTExperience button.flat:focus, .DTExperience button.flat.hover, .DTExperience .button.flat:hover, .DTExperience .button.flat:focus, .DTExperience .button.flat.hover, .DTExperience input[type="submit"].flat:hover, .DTExperience input[type="submit"].flat:focus, .DTExperience input[type="submit"].flat.hover { background: #dbdbdb; border-color: #bfbfbf; } /* line 573, ../../sass/base/buttons/_mixins.scss */ .DTExperience button.flat:active, .DTExperience button.flat.active, .DTExperience .button.flat:active, .DTExperience .button.flat.active, .DTExperience input[type="submit"].flat:active, .DTExperience input[type="submit"].flat.active { background: #c7c7c7; border-color: #ababab; } /* line 472, ../../sass/base/buttons/_mixins.scss */ .DTExperience button.flat:active, .DTExperience button.flat.active, .DTExperience button.flat, .DTExperience .button.flat:active, .DTExperience .button.flat.active, .DTExperience .button.flat, .DTExperience input[type="submit"].flat:active, .DTExperience input[type="submit"].flat.active, .DTExperience input[type="submit"].flat { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } /* line 559, ../../sass/base/buttons/_mixins.scss */ .DTExperience button.flat.magenta, .DTExperience button.flat.magenta.unavailable, .DTExperience button.flat.magenta.unavailable:hover, .DTExperience button.flat.magenta.unavailable:focus, .DTExperience button.flat.magenta.unavailable.hover, .DTExperience button.flat.magenta.unavailable:active, .DTExperience button.flat.magenta.unavailable.active, .DTExperience .button.flat.magenta, .DTExperience .button.flat.magenta.unavailable, .DTExperience .button.flat.magenta.unavailable:hover, .DTExperience .button.flat.magenta.unavailable:focus, .DTExperience .button.flat.magenta.unavailable.hover, .DTExperience .button.flat.magenta.unavailable:active, .DTExperience .button.flat.magenta.unavailable.active, .DTExperience input[type="submit"].flat.magenta, .DTExperience input[type="submit"].flat.magenta.unavailable, .DTExperience input[type="submit"].flat.magenta.unavailable:hover, .DTExperience input[type="submit"].flat.magenta.unavailable:focus, .DTExperience input[type="submit"].flat.magenta.unavailable.hover, .DTExperience input[type="submit"].flat.magenta.unavailable:active, .DTExperience input[type="submit"].flat.magenta.unavailable.active { color: white; background: #e20074; border-color: #b2005c; text-shadow: none; } /* line 569, ../../sass/base/buttons/_mixins.scss */ .DTExperience button.flat.magenta:hover, .DTExperience button.flat.magenta:focus, .DTExperience button.flat.magenta.hover, .DTExperience .button.flat.magenta:hover, .DTExperience .button.flat.magenta:focus, .DTExperience .button.flat.magenta.hover, .DTExperience input[type="submit"].flat.magenta:hover, .DTExperience input[type="submit"].flat.magenta:focus, .DTExperience input[type="submit"].flat.magenta.hover { background: #d1006c; border-color: #a10053; } /* line 573, ../../sass/base/buttons/_mixins.scss */ .DTExperience button.flat.magenta:active, .DTExperience button.flat.magenta.active, .DTExperience .button.flat.magenta:active, .DTExperience .button.flat.magenta.active, .DTExperience input[type="submit"].flat.magenta:active, .DTExperience input[type="submit"].flat.magenta.active { background: #bd0061; border-color: #8c0048; } /* line 503, ../../sass/base/buttons/_mixins.scss */ .DTExperience button.clean, .DTExperience button.clean.unavailable, .DTExperience button.clean.unavailable:hover, .DTExperience button.clean.unavailable:focus, .DTExperience button.clean.unavailable.hover, .DTExperience button.clean.unavailable:active, .DTExperience button.clean.unavailable.active, .DTExperience .button.clean, .DTExperience .button.clean.unavailable, .DTExperience .button.clean.unavailable:hover, .DTExperience .button.clean.unavailable:focus, .DTExperience .button.clean.unavailable.hover, .DTExperience .button.clean.unavailable:active, .DTExperience .button.clean.unavailable.active, .DTExperience input[type="submit"].clean, .DTExperience input[type="submit"].clean.unavailable, .DTExperience input[type="submit"].clean.unavailable:hover, .DTExperience input[type="submit"].clean.unavailable:focus, .DTExperience input[type="submit"].clean.unavailable.hover, .DTExperience input[type="submit"].clean.unavailable:active, .DTExperience input[type="submit"].clean.unavailable.active { color: #4b4b4b; background: transparent; border-color: transparent; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; text-shadow: none; } /* line 511, ../../sass/base/buttons/_mixins.scss */ .DTExperience button.clean:hover, .DTExperience button.clean:focus, .DTExperience button.clean.hover, .DTExperience .button.clean:hover, .DTExperience .button.clean:focus, .DTExperience .button.clean.hover, .DTExperience input[type="submit"].clean:hover, .DTExperience input[type="submit"].clean:focus, .DTExperience input[type="submit"].clean.hover { background: #ededed; border-color: transparent; } /* line 515, ../../sass/base/buttons/_mixins.scss */ .DTExperience button.clean:active, .DTExperience button.clean.active, .DTExperience .button.clean:active, .DTExperience .button.clean.active, .DTExperience input[type="submit"].clean:active, .DTExperience input[type="submit"].clean.active { background: #c7c7c7; border-color: transparent; } /* line 280, ../../sass/base/buttons/_classes.scss */ .DTExperience button.small, .DTExperience .button.small, .DTExperience input[type="submit"].small { height: 1.92308em; font-size: 1.3em; line-height: 1.92308em; display: inline-block; padding: 0em 1.53846em; font-family: TeleGrotesk; text-align: center; text-decoration: none; vertical-align: middle; border-width: 1px; border-style: solid; -webkit-border-radius: 0.25641em; -moz-border-radius: 0.25641em; -ms-border-radius: 0.25641em; -o-border-radius: 0.25641em; border-radius: 0.25641em; -webkit-user-select: none; -moz-user-select: none; user-select: none; /* Fix full-width button icons in Opera - end */ } /* line 411, ../../sass/base/buttons/_mixins.scss */ .DTExperience button.small .icon, .DTExperience .button.small .icon, .DTExperience input[type="submit"].small .icon { font-size: 1.22308em; float: left; margin: 0 auto; font-family: Tele-Icon; text-align: center; -webkit-font-smoothing: antialiased; vertical-align: top; } /* line 133, ../../sass/base/buttons/_mixins.scss */ .DTExperience button.small:hover, .DTExperience .button.small:hover, .DTExperience input[type="submit"].small:hover { text-decoration: none; } /* line 140, ../../sass/base/buttons/_mixins.scss */ .DTExperience button.small[class^='icon-'] .buttontext, .DTExperience button.small[class*='icon-'] .buttontext, .DTExperience .button.small[class^='icon-'] .buttontext, .DTExperience .button.small[class*='icon-'] .buttontext, .DTExperience input[type="submit"].small[class^='icon-'] .buttontext, .DTExperience input[type="submit"].small[class*='icon-'] .buttontext { float: left; margin-left: 0.76923em; vertical-align: top; } /* line 148, ../../sass/base/buttons/_mixins.scss */ .DTExperience button.small.icon-only, .DTExperience .button.small.icon-only, .DTExperience input[type="submit"].small.icon-only { width: 1.92308em; padding: 0; } /* line 379, ../../sass/base/buttons/_mixins.scss */ .DTExperience button.small.icon-only.rectangle, .DTExperience .button.small.icon-only.rectangle, .DTExperience input[type="submit"].small.icon-only.rectangle { width: 2.55769em; } /* line 387, ../../sass/base/buttons/_mixins.scss */ .DTExperience button.small.icon-only .icon, .DTExperience .button.small.icon-only .icon, .DTExperience input[type="submit"].small.icon-only .icon { float: none; } /* line 391, ../../sass/base/buttons/_mixins.scss */ .DTExperience button.small.icon-only .buttontext, .DTExperience .button.small.icon-only .buttontext, .DTExperience input[type="submit"].small.icon-only .buttontext { position: absolute; margin-left: -99999px; } /* line 158, ../../sass/base/buttons/_mixins.scss */ .DTExperience button.small.icon-only .icon:before, .DTExperience .button.small.icon-only .icon:before, .DTExperience input[type="submit"].small.icon-only .icon:before { /* Fixing the vertical misalignment in Opera */ display: block; } /* line 177, ../../sass/base/buttons/_mixins.scss */ .DTExperience button.small.minimal, .DTExperience .button.small.minimal, .DTExperience input[type="submit"].small.minimal { padding: 0em 0.76923em; } /* line 189, ../../sass/base/buttons/_mixins.scss */ .DTExperience button.small.full-width, .DTExperience .button.small.full-width, .DTExperience input[type="submit"].small.full-width { display: block; width: 100%; } /* line 192, ../../sass/base/buttons/_mixins.scss */ .DTExperience button.small.full-width .icon, .DTExperience .button.small.full-width .icon, .DTExperience input[type="submit"].small.full-width .icon { float: none; margin-right: -0.1em; /* Fix full-width button icons in Opera - start */ } /* line 197, ../../sass/base/buttons/_mixins.scss */ .DTExperience button.small.full-width .icon:before, .DTExperience button.small.full-width .icon x:-o-prefocus, .DTExperience .button.small.full-width .icon:before, .DTExperience .button.small.full-width .icon x:-o-prefocus, .DTExperience input[type="submit"].small.full-width .icon:before, .DTExperience input[type="submit"].small.full-width .icon x:-o-prefocus { display: block; position: absolute; left: 50%; margin-left: -1.5em; } /* line 205, ../../sass/base/buttons/_mixins.scss */ .DTExperience button.small.full-width span.buttontext, .DTExperience button.small.full-width x:-o-prefocus, .DTExperience .button.small.full-width span.buttontext, .DTExperience .button.small.full-width x:-o-prefocus, .DTExperience input[type="submit"].small.full-width span.buttontext, .DTExperience input[type="submit"].small.full-width x:-o-prefocus { margin-left: 2.5em; } /* line 209, ../../sass/base/buttons/_mixins.scss */ .DTExperience button.small.full-width[class^='icon-'] .buttontext, .DTExperience button.small.full-width[class*='icon-'] .buttontext, .DTExperience .button.small.full-width[class^='icon-'] .buttontext, .DTExperience .button.small.full-width[class*='icon-'] .buttontext, .DTExperience input[type="submit"].small.full-width[class^='icon-'] .buttontext, .DTExperience input[type="submit"].small.full-width[class*='icon-'] .buttontext { float: none; } /* line 214, ../../sass/base/buttons/_mixins.scss */ .DTExperience button.small.icon-only .icon:before, .DTExperience button.small x:-o-prefocus, .DTExperience .button.small.icon-only .icon:before, .DTExperience .button.small x:-o-prefocus, .DTExperience input[type="submit"].small.icon-only .icon:before, .DTExperience input[type="submit"].small x:-o-prefocus { position: static !important; } /* line 283, ../../sass/base/buttons/_classes.scss */ .DTExperience button.large, .DTExperience .button.large, .DTExperience input[type="submit"].large { height: 2.10526em; font-size: 1.9em; line-height: 2.10526em; display: inline-block; padding: 0em 1.05263em; font-family: TeleGrotesk; text-align: center; text-decoration: none; vertical-align: middle; border-width: 1px; border-style: solid; -webkit-border-radius: 0.17544em; -moz-border-radius: 0.17544em; -ms-border-radius: 0.17544em; -o-border-radius: 0.17544em; border-radius: 0.17544em; -webkit-user-select: none; -moz-user-select: none; user-select: none; /* Fix full-width button icons in Opera - end */ } /* line 444, ../../sass/base/buttons/_mixins.scss */ .DTExperience button.large .icon, .DTExperience .button.large .icon, .DTExperience input[type="submit"].large .icon { font-size: 1.0em; float: left; margin: 0 auto; font-family: Tele-Icon; text-align: center; -webkit-font-smoothing: antialiased; vertical-align: top; } /* line 133, ../../sass/base/buttons/_mixins.scss */ .DTExperience button.large:hover, .DTExperience .button.large:hover, .DTExperience input[type="submit"].large:hover { text-decoration: none; } /* line 140, ../../sass/base/buttons/_mixins.scss */ .DTExperience button.large[class^='icon-'] .buttontext, .DTExperience button.large[class*='icon-'] .buttontext, .DTExperience .button.large[class^='icon-'] .buttontext, .DTExperience .button.large[class*='icon-'] .buttontext, .DTExperience input[type="submit"].large[class^='icon-'] .buttontext, .DTExperience input[type="submit"].large[class*='icon-'] .buttontext { float: left; margin-left: 0.52632em; vertical-align: top; } /* line 148, ../../sass/base/buttons/_mixins.scss */ .DTExperience button.large.icon-only, .DTExperience .button.large.icon-only, .DTExperience input[type="submit"].large.icon-only { width: 2.10526em; padding: 0; } /* line 379, ../../sass/base/buttons/_mixins.scss */ .DTExperience button.large.icon-only.rectangle, .DTExperience .button.large.icon-only.rectangle, .DTExperience input[type="submit"].large.icon-only.rectangle { width: 2.8em; } /* line 387, ../../sass/base/buttons/_mixins.scss */ .DTExperience button.large.icon-only .icon, .DTExperience .button.large.icon-only .icon, .DTExperience input[type="submit"].large.icon-only .icon { float: none; } /* line 391, ../../sass/base/buttons/_mixins.scss */ .DTExperience button.large.icon-only .buttontext, .DTExperience .button.large.icon-only .buttontext, .DTExperience input[type="submit"].large.icon-only .buttontext { position: absolute; margin-left: -99999px; } /* line 158, ../../sass/base/buttons/_mixins.scss */ .DTExperience button.large.icon-only .icon:before, .DTExperience .button.large.icon-only .icon:before, .DTExperience input[type="submit"].large.icon-only .icon:before { /* Fixing the vertical misalignment in Opera */ display: block; } /* line 177, ../../sass/base/buttons/_mixins.scss */ .DTExperience button.large.minimal, .DTExperience .button.large.minimal, .DTExperience input[type="submit"].large.minimal { padding: 0em 0.52632em; } /* line 189, ../../sass/base/buttons/_mixins.scss */ .DTExperience button.large.full-width, .DTExperience .button.large.full-width, .DTExperience input[type="submit"].large.full-width { display: block; width: 100%; } /* line 192, ../../sass/base/buttons/_mixins.scss */ .DTExperience button.large.full-width .icon, .DTExperience .button.large.full-width .icon, .DTExperience input[type="submit"].large.full-width .icon { float: none; margin-right: -0.1em; /* Fix full-width button icons in Opera - start */ } /* line 197, ../../sass/base/buttons/_mixins.scss */ .DTExperience button.large.full-width .icon:before, .DTExperience button.large.full-width .icon x:-o-prefocus, .DTExperience .button.large.full-width .icon:before, .DTExperience .button.large.full-width .icon x:-o-prefocus, .DTExperience input[type="submit"].large.full-width .icon:before, .DTExperience input[type="submit"].large.full-width .icon x:-o-prefocus { display: block; position: absolute; left: 50%; margin-left: -1.5em; } /* line 205, ../../sass/base/buttons/_mixins.scss */ .DTExperience button.large.full-width span.buttontext, .DTExperience button.large.full-width x:-o-prefocus, .DTExperience .button.large.full-width span.buttontext, .DTExperience .button.large.full-width x:-o-prefocus, .DTExperience input[type="submit"].large.full-width span.buttontext, .DTExperience input[type="submit"].large.full-width x:-o-prefocus { margin-left: 2.5em; } /* line 209, ../../sass/base/buttons/_mixins.scss */ .DTExperience button.large.full-width[class^='icon-'] .buttontext, .DTExperience button.large.full-width[class*='icon-'] .buttontext, .DTExperience .button.large.full-width[class^='icon-'] .buttontext, .DTExperience .button.large.full-width[class*='icon-'] .buttontext, .DTExperience input[type="submit"].large.full-width[class^='icon-'] .buttontext, .DTExperience input[type="submit"].large.full-width[class*='icon-'] .buttontext { float: none; } /* line 214, ../../sass/base/buttons/_mixins.scss */ .DTExperience button.large.icon-only .icon:before, .DTExperience button.large x:-o-prefocus, .DTExperience .button.large.icon-only .icon:before, .DTExperience .button.large x:-o-prefocus, .DTExperience input[type="submit"].large.icon-only .icon:before, .DTExperience input[type="submit"].large x:-o-prefocus { position: static !important; } /* line 26, ../../sass/base/checkboxes/_classes.scss */ .DTExperience .checkboxwrap.small { display: inline-block; position: relative; padding-left: 2.5em; } /* line 146, ../../sass/base/checkboxes/_mixins.scss */ .DTExperience .checkboxwrap.small .checkbox { -webkit-box-shadow: rgba(0, 0, 0, 0.25) 0 1px 2px 0 inset; -moz-box-shadow: rgba(0, 0, 0, 0.25) 0 1px 2px 0 inset; box-shadow: rgba(0, 0, 0, 0.25) 0 1px 2px 0 inset; } /* line 49, ../../sass/base/checkboxes/_mixins.scss */ .DTExperience .checkboxwrap.small .checkbox { -webkit-user-select: none; -moz-user-select: none; user-select: none; display: block; position: absolute; top: 0; left: 0; height: 1.5em; width: 1.5em; line-height: 1.5em; cursor: pointer; background: white; border: 1px solid #d0d0d0; -webkit-border-radius: 0.33333em; -moz-border-radius: 0.33333em; -ms-border-radius: 0.33333em; -o-border-radius: 0.33333em; border-radius: 0.33333em; } /* line 99, ../../sass/base/checkboxes/_mixins.scss */ .DTExperience .checkboxwrap.small .checkbox:hover, .DTExperience .checkboxwrap.small .checkbox:focus, .DTExperience .checkboxwrap.small .checkbox.hover { background: #ededed; border: 1px solid #bfbfbf; } /* line 104, ../../sass/base/checkboxes/_mixins.scss */ .DTExperience .checkboxwrap.small .checkbox:active, .DTExperience .checkboxwrap.small .checkbox.active { background: #d9d9d9; border: 1px solid #ababab; } /* line 113, ../../sass/base/checkboxes/_mixins.scss */ .DTExperience .checkboxwrap.small.checked .icon-checkmark, .DTExperience .checkboxwrap.small .checked .icon-checkmark { display: block; position: relative; height: 100%; margin: 0 auto; font-size: 0.75em; font-family: Tele-Icon; text-align: center; color: #72a931; -webkit-font-smoothing: antialiased; /* Specific styles for the IE 7 :before :after polyfill */ } /* line 244, ../../sass/base/checkboxes/_mixins.scss */ .DTExperience .checkboxwrap.small.checked .icon-checkmark:before, .DTExperience .checkboxwrap.small .checked .icon-checkmark:before { /* content: "\56"; */ } /* line 153, ../../sass/base/checkboxes/_mixins.scss */ .DTExperience .checkboxwrap.small label { font-size: 1.3em; margin: 0; display: inline-block; line-height: 1.15385em; cursor: pointer; } /* line 25, ../../sass/base/labels/_mixins.scss */ .DTExperience .checkboxwrap.small label.checkbox, .DTExperience .checkboxwrap.small label.radiobutton { line-height: 1.15385em; } /* line 27, ../../sass/base/checkboxes/_classes.scss */ .DTExperience .checkboxwrap, .DTExperience .checkboxwrap.default { display: inline-block; position: relative; padding-left: 3em; top: 0px; left: 0px; } /* line 174, ../../sass/base/checkboxes/_mixins.scss */ .DTExperience .checkboxwrap .checkbox, .DTExperience .checkboxwrap.default .checkbox { -webkit-box-shadow: rgba(0, 0, 0, 0.25) 0 1px 2px 0 inset; -moz-box-shadow: rgba(0, 0, 0, 0.25) 0 1px 2px 0 inset; box-shadow: rgba(0, 0, 0, 0.25) 0 1px 2px 0 inset; } /* line 49, ../../sass/base/checkboxes/_mixins.scss */ .DTExperience .checkboxwrap .checkbox, .DTExperience .checkboxwrap.default .checkbox { -webkit-user-select: none; -moz-user-select: none; user-select: none; display: block; position: absolute; top: 0; left: 0; height: 2em; width: 2em; line-height: 2em; cursor: pointer; background: white; border: 1px solid #d0d0d0; -webkit-border-radius: 0.33333em; -moz-border-radius: 0.33333em; -ms-border-radius: 0.33333em; -o-border-radius: 0.33333em; border-radius: 0.33333em; } /* line 99, ../../sass/base/checkboxes/_mixins.scss */ .DTExperience .checkboxwrap .checkbox:hover, .DTExperience .checkboxwrap .checkbox:focus, .DTExperience .checkboxwrap .checkbox.hover, .DTExperience .checkboxwrap.default .checkbox:hover, .DTExperience .checkboxwrap.default .checkbox:focus, .DTExperience .checkboxwrap.default .checkbox.hover { background: #ededed; border: 1px solid #bfbfbf; } /* line 104, ../../sass/base/checkboxes/_mixins.scss */ .DTExperience .checkboxwrap .checkbox:active, .DTExperience .checkboxwrap .checkbox.active, .DTExperience .checkboxwrap.default .checkbox:active, .DTExperience .checkboxwrap.default .checkbox.active { background: #d9d9d9; border: 1px solid #ababab; } /* line 113, ../../sass/base/checkboxes/_mixins.scss */ .DTExperience .checkboxwrap.checked .icon-checkmark, .DTExperience .checkboxwrap .checked .icon-checkmark, .DTExperience .checkboxwrap.default.checked .icon-checkmark, .DTExperience .checkboxwrap.default .checked .icon-checkmark { display: block; position: relative; height: 100%; margin: 0 auto; font-size: 1em; font-family: Tele-Icon; text-align: center; color: #72a931; -webkit-font-smoothing: antialiased; /* Specific styles for the IE 7 :before :after polyfill */ } /* line 244, ../../sass/base/checkboxes/_mixins.scss */ .DTExperience .checkboxwrap.checked .icon-checkmark:before, .DTExperience .checkboxwrap .checked .icon-checkmark:before, .DTExperience .checkboxwrap.default.checked .icon-checkmark:before, .DTExperience .checkboxwrap.default .checked .icon-checkmark:before { content: "\56"; } /* line 180, ../../sass/base/checkboxes/_mixins.scss */ .DTExperience .checkboxwrap label, .DTExperience .checkboxwrap.default label { font-size: 1.6em; margin: 0; display: inline-block; line-height: 1.25em; cursor: pointer; } /* line 44, ../../sass/base/labels/_mixins.scss */ .DTExperience .checkboxwrap label.checkbox, .DTExperience .checkboxwrap.default label.checkbox { line-height: 1.25em; } /* line 49, ../../sass/base/labels/_mixins.scss */ .DTExperience .checkboxwrap label.radiobutton, .DTExperience .checkboxwrap.default label.radiobutton { line-height: 1.05em; } /* line 28, ../../sass/base/checkboxes/_classes.scss */ .DTExperience .checkboxwrap.large { display: inline-block; position: relative; padding-left: 4em; } /* line 195, ../../sass/base/checkboxes/_mixins.scss */ .DTExperience .checkboxwrap.large .checkbox { -webkit-box-shadow: rgba(0, 0, 0, 0.25) 0 1px 2px 0 inset; -moz-box-shadow: rgba(0, 0, 0, 0.25) 0 1px 2px 0 inset; box-shadow: rgba(0, 0, 0, 0.25) 0 1px 2px 0 inset; } /* line 49, ../../sass/base/checkboxes/_mixins.scss */ .DTExperience .checkboxwrap.large .checkbox { -webkit-user-select: none; -moz-user-select: none; user-select: none; display: block; position: absolute; top: 0; left: 0; height: 3em; width: 3em; line-height: 3em; cursor: pointer; background: white; border: 1px solid #d0d0d0; -webkit-border-radius: 0.33333em; -moz-border-radius: 0.33333em; -ms-border-radius: 0.33333em; -o-border-radius: 0.33333em; border-radius: 0.33333em; } /* line 99, ../../sass/base/checkboxes/_mixins.scss */ .DTExperience .checkboxwrap.large .checkbox:hover, .DTExperience .checkboxwrap.large .checkbox:focus, .DTExperience .checkboxwrap.large .checkbox.hover { background: #ededed; border: 1px solid #bfbfbf; } /* line 104, ../../sass/base/checkboxes/_mixins.scss */ .DTExperience .checkboxwrap.large .checkbox:active, .DTExperience .checkboxwrap.large .checkbox.active { background: #d9d9d9; border: 1px solid #ababab; } /* line 113, ../../sass/base/checkboxes/_mixins.scss */ .DTExperience .checkboxwrap.large.checked .icon-checkmark, .DTExperience .checkboxwrap.large .checked .icon-checkmark { display: block; position: relative; height: 100%; margin: 0 auto; font-size: 1.5em; font-family: Tele-Icon; text-align: center; color: #72a931; -webkit-font-smoothing: antialiased; /* Specific styles for the IE 7 :before :after polyfill */ } /* line 244, ../../sass/base/checkboxes/_mixins.scss */ .DTExperience .checkboxwrap.large.checked .icon-checkmark:before, .DTExperience .checkboxwrap.large .checked .icon-checkmark:before { content: "\56"; } /* line 201, ../../sass/base/checkboxes/_mixins.scss */ .DTExperience .checkboxwrap.large label { font-size: 1.9em; margin: 0; display: inline-block; line-height: 1.57895em; cursor: pointer; } /* line 62, ../../sass/base/labels/_mixins.scss */ .DTExperience .checkboxwrap.large label.checkbox, .DTExperience .checkboxwrap.large label.radiobutton { line-height: 1.57895em; } /* line 18, ../../sass/base/dropdown_select/_classes.scss */ .DTExperience .tk-dropdown.small + .chzn-container { font-size: 1.3em; } /* line 35, ../../sass/base/dropdown_select/_mixins.scss */ .DTExperience .tk-dropdown.small + .chzn-container .chzn-search { padding: 0; } /* line 37, ../../sass/base/dropdown_select/_mixins.scss */ .DTExperience .tk-dropdown.small + .chzn-container .chzn-drop { background: white; background: rgba(255, 255, 255, 0.95); border: 1px solid #d0d0d0; -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0 2px 3px 0; -moz-box-shadow: rgba(0, 0, 0, 0.15) 0 2px 3px 0; box-shadow: rgba(0, 0, 0, 0.15) 0 2px 3px 0; } /* line 67, ../../sass/base/dropdown_select/_mixins.scss */ .DTExperience .tk-dropdown.small + .chzn-container ul.chzn-results { width: auto; margin: 0; padding: 0; background: none; border-top: 0; } /* line 74, ../../sass/base/dropdown_select/_mixins.scss */ .DTExperience .tk-dropdown.small + .chzn-container ul.chzn-results .highlighted { background: #eeeeee; color: inherit; } /* line 82, ../../sass/base/dropdown_select/_mixins.scss */ .DTExperience .tk-dropdown.small + .chzn-container ul.chzn-results .result-selected { background: #e20074; color: white; } /* line 91, ../../sass/base/dropdown_select/_mixins.scss */ .DTExperience .tk-dropdown.small + .chzn-container ul.chzn-results li { background: none; border: 0; } /* line 99, ../../sass/base/dropdown_select/_mixins.scss */ .DTExperience .tk-dropdown.small + .chzn-container .chzn-single { -webkit-border-radius: 0.25641em; -moz-border-radius: 0.25641em; -ms-border-radius: 0.25641em; -o-border-radius: 0.25641em; border-radius: 0.25641em; line-height: 1.92308em; height: 1.92308em; padding: 0 0.76923em; border-width: 1px; border-style: solid; font-family: TeleGrotesk; text-shadow: white 0px 1px 0; } /* line 148, ../../sass/base/dropdown_select/_mixins.scss */ .DTExperience .tk-dropdown.small + .chzn-container .chzn-single div { border: 0; width: auto; right: 0.76923em; } /* line 162, ../../sass/base/dropdown_select/_mixins.scss */ .DTExperience .tk-dropdown.small + .chzn-container .chzn-single.chzn-single-with-drop { -webkit-border-radius: 0.25641em 0.25641em 0 0; -moz-border-radius: 0.25641em 0.25641em 0 0; -ms-border-radius: 0.25641em 0.25641em 0 0; -o-border-radius: 0.25641em 0.25641em 0 0; border-radius: 0.25641em 0.25641em 0 0; } /* line 199, ../../sass/custom/_global_mixins.scss */ .DTExperience .tk-dropdown.small + .chzn-container .chzn-single, .DTExperience .tk-dropdown.small + .chzn-container .chzn-single.unavailable:active, .DTExperience .tk-dropdown.small + .chzn-container .chzn-single.unavailable.active { -webkit-box-shadow: rgba(0, 0, 0, 0.45) 0 1px 1px 0px; -moz-box-shadow: rgba(0, 0, 0, 0.45) 0 1px 1px 0px; box-shadow: rgba(0, 0, 0, 0.45) 0 1px 1px 0px; } /* line 203, ../../sass/custom/_global_mixins.scss */ .DTExperience .tk-dropdown.small + .chzn-container .chzn-single:active, .DTExperience .tk-dropdown.small + .chzn-container .chzn-single.active { -webkit-box-shadow: rgba(0, 0, 0, 0.45) 0 1px 2px 0 inset; -moz-box-shadow: rgba(0, 0, 0, 0.45) 0 1px 2px 0 inset; box-shadow: rgba(0, 0, 0, 0.45) 0 1px 2px 0 inset; } /* line 182, ../../sass/base/dropdown_select/_mixins.scss */ .DTExperience .tk-dropdown.small + .chzn-container .chzn-single div b { font-family: Tele-Icon; background: none; /* Specific styles for the IE 7 :before :after polyfill */ } /* line 189, ../../sass/base/dropdown_select/_mixins.scss */ .DTExperience .tk-dropdown.small + .chzn-container .chzn-single div b:before { content: "\25bc"; } /* line 210, ../../sass/base/dropdown_select/_mixins.scss */ .DTExperience .tk-dropdown.small + .chzn-container .chzn-single, .DTExperience .tk-dropdown.small + .chzn-container.chzn-container-active > .chzn-single.chzn-single-with-drop { border-color: #d0d0d0; background-color: #f3f3f3; background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #e6e6e6)); background: -webkit-linear-gradient(#ffffff, #e6e6e6); background: -moz-linear-gradient(#ffffff, #e6e6e6); background: -o-linear-gradient(#ffffff, #e6e6e6); background: linear-gradient(#ffffff, #e6e6e6); *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFFFFF', endColorstr='#FFE6E6E6'); } /* line 228, ../../sass/base/dropdown_select/_mixins.scss */ .DTExperience .tk-dropdown.small + .chzn-container.chzn-container-active > .chzn-single, .DTExperience .tk-dropdown.small + .chzn-container .chzn-single:hover { border-color: #bfbfbf; background: #e1e1e1; background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ededed), color-stop(100%, #d4d4d4)); background: -webkit-linear-gradient(#ededed, #d4d4d4); background: -moz-linear-gradient(#ededed, #d4d4d4); background: -o-linear-gradient(#ededed, #d4d4d4); background: linear-gradient(#ededed, #d4d4d4); *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFEDEDED', endColorstr='#FFD4D4D4'); } /* line 243, ../../sass/base/dropdown_select/_mixins.scss */ .DTExperience .tk-dropdown.small + .chzn-container.chzn-container-active .chzn-single:active { background-position: 0% 0%; border-color: #ababab; zoom: 1; background-image: linear-gradient(#d9d9d9, #bfbfbf); *background-color: #cccccc; background-repeat: repeat; background-attachment: scroll; } /* line 259, ../../sass/base/dropdown_select/_mixins.scss */ .DTExperience .tk-dropdown.small + .chzn-container.chzn-disabled .chzn-single:hover, .DTExperience .tk-dropdown.small + .chzn-container.chzn-disabled .chzn-single:active, .DTExperience .tk-dropdown.small + .chzn-container.chzn-container-active.chzn-disabled .chzn-single:hover, .DTExperience .tk-dropdown.small + .chzn-container.chzn-container-active.chzn-disabled .chzn-single:active { border-color: #d0d0d0; background-color: #f3f3f3; background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #e6e6e6)); background: -webkit-linear-gradient(#ffffff, #e6e6e6); background: -moz-linear-gradient(#ffffff, #e6e6e6); background: -o-linear-gradient(#ffffff, #e6e6e6); background: linear-gradient(#ffffff, #e6e6e6); *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFFFFF', endColorstr='#FFE6E6E6'); -webkit-box-shadow: rgba(0, 0, 0, 0.45) 0 1px 1px 0px; -moz-box-shadow: rgba(0, 0, 0, 0.45) 0 1px 1px 0px; box-shadow: rgba(0, 0, 0, 0.45) 0 1px 1px 0px; } /* line 282, ../../sass/base/dropdown_select/_mixins.scss */ .DTExperience .tk-dropdown.small + .chzn-container .chzn-results li { height: auto; line-height: 1.92308em; min-height: 1.92308em; padding: 0 0.76923em; display: block; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap; } /* line 304, ../../sass/base/dropdown_select/_mixins.scss */ .DTExperience .tk-dropdown.small + .chzn-container .chzn-results li.clear-abbreviate-ellipsis { overflow: auto; white-space: normal; line-height: 1.3; } /* line 350, ../../sass/base/dropdown_select/_mixins.scss */ .DTExperience .tk-dropdown.small + .chzn-container .chzn-single div b { font-size: 0.6em; } /* line 19, ../../sass/base/dropdown_select/_classes.scss */ .DTExperience .tk-dropdown.default + .chzn-container, .DTExperience .tk-dropdown + .chzn-container { font-size: 1.6em; } /* line 35, ../../sass/base/dropdown_select/_mixins.scss */ .DTExperience .tk-dropdown.default + .chzn-container .chzn-search, .DTExperience .tk-dropdown + .chzn-container .chzn-search { padding: 0; } /* line 37, ../../sass/base/dropdown_select/_mixins.scss */ .DTExperience .tk-dropdown.default + .chzn-container .chzn-drop, .DTExperience .tk-dropdown + .chzn-container .chzn-drop { background: white; background: rgba(255, 255, 255, 0.95); border: 1px solid #d0d0d0; -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0 2px 3px 0; -moz-box-shadow: rgba(0, 0, 0, 0.15) 0 2px 3px 0; box-shadow: rgba(0, 0, 0, 0.15) 0 2px 3px 0; } /* line 67, ../../sass/base/dropdown_select/_mixins.scss */ .DTExperience .tk-dropdown.default + .chzn-container ul.chzn-results, .DTExperience .tk-dropdown + .chzn-container ul.chzn-results { width: auto; margin: 0; padding: 0; background: none; border-top: 0; } /* line 74, ../../sass/base/dropdown_select/_mixins.scss */ .DTExperience .tk-dropdown.default + .chzn-container ul.chzn-results .highlighted, .DTExperience .tk-dropdown + .chzn-container ul.chzn-results .highlighted { background: #eeeeee; color: inherit; } /* line 82, ../../sass/base/dropdown_select/_mixins.scss */ .DTExperience .tk-dropdown.default + .chzn-container ul.chzn-results .result-selected, .DTExperience .tk-dropdown + .chzn-container ul.chzn-results .result-selected { background: #e20074; color: white; } /* line 91, ../../sass/base/dropdown_select/_mixins.scss */ .DTExperience .tk-dropdown.default + .chzn-container ul.chzn-results li, .DTExperience .tk-dropdown + .chzn-container ul.chzn-results li { background: none; border: 0; } /* line 99, ../../sass/base/dropdown_select/_mixins.scss */ .DTExperience .tk-dropdown.default + .chzn-container .chzn-single, .DTExperience .tk-dropdown + .chzn-container .chzn-single { -webkit-border-radius: 0.20833em; -moz-border-radius: 0.20833em; -ms-border-radius: 0.20833em; -o-border-radius: 0.20833em; border-radius: 0.20833em; line-height: 1.875em; height: 1.875em; padding: 0 0.625em; border-width: 1px; border-style: solid; font-family: TeleGrotesk; text-shadow: white 0px 1px 0; } /* line 148, ../../sass/base/dropdown_select/_mixins.scss */ .DTExperience .tk-dropdown.default + .chzn-container .chzn-single div, .DTExperience .tk-dropdown + .chzn-container .chzn-single div { border: 0; width: auto; right: 0.625em; } /* line 162, ../../sass/base/dropdown_select/_mixins.scss */ .DTExperience .tk-dropdown.default + .chzn-container .chzn-single.chzn-single-with-drop, .DTExperience .tk-dropdown + .chzn-container .chzn-single.chzn-single-with-drop { -webkit-border-radius: 0.20833em 0.20833em 0 0; -moz-border-radius: 0.20833em 0.20833em 0 0; -ms-border-radius: 0.20833em 0.20833em 0 0; -o-border-radius: 0.20833em 0.20833em 0 0; border-radius: 0.20833em 0.20833em 0 0; } /* line 199, ../../sass/custom/_global_mixins.scss */ .DTExperience .tk-dropdown.default + .chzn-container .chzn-single, .DTExperience .tk-dropdown.default + .chzn-container .chzn-single.unavailable:active, .DTExperience .tk-dropdown.default + .chzn-container .chzn-single.unavailable.active, .DTExperience .tk-dropdown + .chzn-container .chzn-single, .DTExperience .tk-dropdown + .chzn-container .chzn-single.unavailable:active, .DTExperience .tk-dropdown + .chzn-container .chzn-single.unavailable.active { -webkit-box-shadow: rgba(0, 0, 0, 0.45) 0 1px 1px 0px; -moz-box-shadow: rgba(0, 0, 0, 0.45) 0 1px 1px 0px; box-shadow: rgba(0, 0, 0, 0.45) 0 1px 1px 0px; } /* line 203, ../../sass/custom/_global_mixins.scss */ .DTExperience .tk-dropdown.default + .chzn-container .chzn-single:active, .DTExperience .tk-dropdown.default + .chzn-container .chzn-single.active, .DTExperience .tk-dropdown + .chzn-container .chzn-single:active, .DTExperience .tk-dropdown + .chzn-container .chzn-single.active { -webkit-box-shadow: rgba(0, 0, 0, 0.45) 0 1px 2px 0 inset; -moz-box-shadow: rgba(0, 0, 0, 0.45) 0 1px 2px 0 inset; box-shadow: rgba(0, 0, 0, 0.45) 0 1px 2px 0 inset; } /* line 182, ../../sass/base/dropdown_select/_mixins.scss */ .DTExperience .tk-dropdown.default + .chzn-container .chzn-single div b, .DTExperience .tk-dropdown + .chzn-container .chzn-single div b { font-family: Tele-Icon; background: none; /* Specific styles for the IE 7 :before :after polyfill */ } /* line 189, ../../sass/base/dropdown_select/_mixins.scss */ .DTExperience .tk-dropdown.default + .chzn-container .chzn-single div b:before, .DTExperience .tk-dropdown + .chzn-container .chzn-single div b:before { content: "\25bc"; } /* line 210, ../../sass/base/dropdown_select/_mixins.scss */ .DTExperience .tk-dropdown.default + .chzn-container .chzn-single, .DTExperience .tk-dropdown.default + .chzn-container.chzn-container-active > .chzn-single.chzn-single-with-drop, .DTExperience .tk-dropdown + .chzn-container .chzn-single, .DTExperience .tk-dropdown + .chzn-container.chzn-container-active > .chzn-single.chzn-single-with-drop { border-color: #d0d0d0; background-color: #f3f3f3; background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #e6e6e6)); background: -webkit-linear-gradient(#ffffff, #e6e6e6); background: -moz-linear-gradient(#ffffff, #e6e6e6); background: -o-linear-gradient(#ffffff, #e6e6e6); background: linear-gradient(#ffffff, #e6e6e6); *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFFFFF', endColorstr='#FFE6E6E6'); } /* line 228, ../../sass/base/dropdown_select/_mixins.scss */ .DTExperience .tk-dropdown.default + .chzn-container.chzn-container-active > .chzn-single, .DTExperience .tk-dropdown.default + .chzn-container .chzn-single:hover, .DTExperience .tk-dropdown + .chzn-container.chzn-container-active > .chzn-single, .DTExperience .tk-dropdown + .chzn-container .chzn-single:hover { border-color: #bfbfbf; background: #e1e1e1; background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ededed), color-stop(100%, #d4d4d4)); background: -webkit-linear-gradient(#ededed, #d4d4d4); background: -moz-linear-gradient(#ededed, #d4d4d4); background: -o-linear-gradient(#ededed, #d4d4d4); background: linear-gradient(#ededed, #d4d4d4); *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFEDEDED', endColorstr='#FFD4D4D4'); } /* line 243, ../../sass/base/dropdown_select/_mixins.scss */ .DTExperience .tk-dropdown.default + .chzn-container.chzn-container-active .chzn-single:active, .DTExperience .tk-dropdown + .chzn-container.chzn-container-active .chzn-single:active { background-position: 0% 0%; border-color: #ababab; zoom: 1; background-image: linear-gradient(#d9d9d9, #bfbfbf); *background-color: #cccccc; background-repeat: repeat; background-attachment: scroll; } /* line 259, ../../sass/base/dropdown_select/_mixins.scss */ .DTExperience .tk-dropdown.default + .chzn-container.chzn-disabled .chzn-single:hover, .DTExperience .tk-dropdown.default + .chzn-container.chzn-disabled .chzn-single:active, .DTExperience .tk-dropdown.default + .chzn-container.chzn-container-active.chzn-disabled .chzn-single:hover, .DTExperience .tk-dropdown.default + .chzn-container.chzn-container-active.chzn-disabled .chzn-single:active, .DTExperience .tk-dropdown + .chzn-container.chzn-disabled .chzn-single:hover, .DTExperience .tk-dropdown + .chzn-container.chzn-disabled .chzn-single:active, .DTExperience .tk-dropdown + .chzn-container.chzn-container-active.chzn-disabled .chzn-single:hover, .DTExperience .tk-dropdown + .chzn-container.chzn-container-active.chzn-disabled .chzn-single:active { border-color: #d0d0d0; background-color: #f3f3f3; background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #e6e6e6)); background: -webkit-linear-gradient(#ffffff, #e6e6e6); background: -moz-linear-gradient(#ffffff, #e6e6e6); background: -o-linear-gradient(#ffffff, #e6e6e6); background: linear-gradient(#ffffff, #e6e6e6); *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFFFFF', endColorstr='#FFE6E6E6'); -webkit-box-shadow: rgba(0, 0, 0, 0.45) 0 1px 1px 0px; -moz-box-shadow: rgba(0, 0, 0, 0.45) 0 1px 1px 0px; box-shadow: rgba(0, 0, 0, 0.45) 0 1px 1px 0px; } /* line 282, ../../sass/base/dropdown_select/_mixins.scss */ .DTExperience .tk-dropdown.default + .chzn-container .chzn-results li, .DTExperience .tk-dropdown + .chzn-container .chzn-results li { height: auto; line-height: 1.875em; min-height: 1.875em; padding: 0 0.625em; display: block; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap; } /* line 304, ../../sass/base/dropdown_select/_mixins.scss */ .DTExperience .tk-dropdown.default + .chzn-container .chzn-results li.clear-abbreviate-ellipsis, .DTExperience .tk-dropdown + .chzn-container .chzn-results li.clear-abbreviate-ellipsis { overflow: auto; white-space: normal; line-height: 1.3; } /* line 373, ../../sass/base/dropdown_select/_mixins.scss */ .DTExperience .tk-dropdown.default + .chzn-container .chzn-single div b, .DTExperience .tk-dropdown + .chzn-container .chzn-single div b { font-size: 0.55em; } /* line 20, ../../sass/base/dropdown_select/_classes.scss */ .DTExperience .tk-dropdown.large + .chzn-container { font-size: 1.9em; } /* line 35, ../../sass/base/dropdown_select/_mixins.scss */ .DTExperience .tk-dropdown.large + .chzn-container .chzn-search { padding: 0; } /* line 37, ../../sass/base/dropdown_select/_mixins.scss */ .DTExperience .tk-dropdown.large + .chzn-container .chzn-drop { background: white; background: rgba(255, 255, 255, 0.95); border: 1px solid #d0d0d0; -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0 2px 3px 0; -moz-box-shadow: rgba(0, 0, 0, 0.15) 0 2px 3px 0; box-shadow: rgba(0, 0, 0, 0.15) 0 2px 3px 0; } /* line 67, ../../sass/base/dropdown_select/_mixins.scss */ .DTExperience .tk-dropdown.large + .chzn-container ul.chzn-results { width: auto; margin: 0; padding: 0; background: none; border-top: 0; } /* line 74, ../../sass/base/dropdown_select/_mixins.scss */ .DTExperience .tk-dropdown.large + .chzn-container ul.chzn-results .highlighted { background: #eeeeee; color: inherit; } /* line 82, ../../sass/base/dropdown_select/_mixins.scss */ .DTExperience .tk-dropdown.large + .chzn-container ul.chzn-results .result-selected { background: #e20074; color: white; } /* line 91, ../../sass/base/dropdown_select/_mixins.scss */ .DTExperience .tk-dropdown.large + .chzn-container ul.chzn-results li { background: none; border: 0; } /* line 99, ../../sass/base/dropdown_select/_mixins.scss */ .DTExperience .tk-dropdown.large + .chzn-container .chzn-single { -webkit-border-radius: 0.17544em; -moz-border-radius: 0.17544em; -ms-border-radius: 0.17544em; -o-border-radius: 0.17544em; border-radius: 0.17544em; line-height: 2.10526em; height: 2.10526em; padding: 0 0.52632em; border-width: 1px; border-style: solid; font-family: TeleGrotesk; text-shadow: white 0px 1px 0; } /* line 148, ../../sass/base/dropdown_select/_mixins.scss */ .DTExperience .tk-dropdown.large + .chzn-container .chzn-single div { border: 0; width: auto; right: 0.52632em; } /* line 162, ../../sass/base/dropdown_select/_mixins.scss */ .DTExperience .tk-dropdown.large + .chzn-container .chzn-single.chzn-single-with-drop { -webkit-border-radius: 0.17544em 0.17544em 0 0; -moz-border-radius: 0.17544em 0.17544em 0 0; -ms-border-radius: 0.17544em 0.17544em 0 0; -o-border-radius: 0.17544em 0.17544em 0 0; border-radius: 0.17544em 0.17544em 0 0; } /* line 199, ../../sass/custom/_global_mixins.scss */ .DTExperience .tk-dropdown.large + .chzn-container .chzn-single, .DTExperience .tk-dropdown.large + .chzn-container .chzn-single.unavailable:active, .DTExperience .tk-dropdown.large + .chzn-container .chzn-single.unavailable.active { -webkit-box-shadow: rgba(0, 0, 0, 0.45) 0 1px 1px 0px; -moz-box-shadow: rgba(0, 0, 0, 0.45) 0 1px 1px 0px; box-shadow: rgba(0, 0, 0, 0.45) 0 1px 1px 0px; } /* line 203, ../../sass/custom/_global_mixins.scss */ .DTExperience .tk-dropdown.large + .chzn-container .chzn-single:active, .DTExperience .tk-dropdown.large + .chzn-container .chzn-single.active { -webkit-box-shadow: rgba(0, 0, 0, 0.45) 0 1px 2px 0 inset; -moz-box-shadow: rgba(0, 0, 0, 0.45) 0 1px 2px 0 inset; box-shadow: rgba(0, 0, 0, 0.45) 0 1px 2px 0 inset; } /* line 182, ../../sass/base/dropdown_select/_mixins.scss */ .DTExperience .tk-dropdown.large + .chzn-container .chzn-single div b { font-family: Tele-Icon; background: none; /* Specific styles for the IE 7 :before :after polyfill */ } /* line 189, ../../sass/base/dropdown_select/_mixins.scss */ .DTExperience .tk-dropdown.large + .chzn-container .chzn-single div b:before { content: "\25bc"; } /* line 210, ../../sass/base/dropdown_select/_mixins.scss */ .DTExperience .tk-dropdown.large + .chzn-container .chzn-single, .DTExperience .tk-dropdown.large + .chzn-container.chzn-container-active > .chzn-single.chzn-single-with-drop { border-color: #d0d0d0; background-color: #f3f3f3; background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #e6e6e6)); background: -webkit-linear-gradient(#ffffff, #e6e6e6); background: -moz-linear-gradient(#ffffff, #e6e6e6); background: -o-linear-gradient(#ffffff, #e6e6e6); background: linear-gradient(#ffffff, #e6e6e6); *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFFFFF', endColorstr='#FFE6E6E6'); } /* line 228, ../../sass/base/dropdown_select/_mixins.scss */ .DTExperience .tk-dropdown.large + .chzn-container.chzn-container-active > .chzn-single, .DTExperience .tk-dropdown.large + .chzn-container .chzn-single:hover { border-color: #bfbfbf; background: #e1e1e1; background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ededed), color-stop(100%, #d4d4d4)); background: -webkit-linear-gradient(#ededed, #d4d4d4); background: -moz-linear-gradient(#ededed, #d4d4d4); background: -o-linear-gradient(#ededed, #d4d4d4); background: linear-gradient(#ededed, #d4d4d4); *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFEDEDED', endColorstr='#FFD4D4D4'); } /* line 243, ../../sass/base/dropdown_select/_mixins.scss */ .DTExperience .tk-dropdown.large + .chzn-container.chzn-container-active .chzn-single:active { background-position: 0% 0%; border-color: #ababab; zoom: 1; background-image: linear-gradient(#d9d9d9, #bfbfbf); *background-color: #cccccc; background-repeat: repeat; background-attachment: scroll; } /* line 259, ../../sass/base/dropdown_select/_mixins.scss */ .DTExperience .tk-dropdown.large + .chzn-container.chzn-disabled .chzn-single:hover, .DTExperience .tk-dropdown.large + .chzn-container.chzn-disabled .chzn-single:active, .DTExperience .tk-dropdown.large + .chzn-container.chzn-container-active.chzn-disabled .chzn-single:hover, .DTExperience .tk-dropdown.large + .chzn-container.chzn-container-active.chzn-disabled .chzn-single:active { border-color: #d0d0d0; background-color: #f3f3f3; background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #e6e6e6)); background: -webkit-linear-gradient(#ffffff, #e6e6e6); background: -moz-linear-gradient(#ffffff, #e6e6e6); background: -o-linear-gradient(#ffffff, #e6e6e6); background: linear-gradient(#ffffff, #e6e6e6); *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFFFFF', endColorstr='#FFE6E6E6'); -webkit-box-shadow: rgba(0, 0, 0, 0.45) 0 1px 1px 0px; -moz-box-shadow: rgba(0, 0, 0, 0.45) 0 1px 1px 0px; box-shadow: rgba(0, 0, 0, 0.45) 0 1px 1px 0px; } /* line 282, ../../sass/base/dropdown_select/_mixins.scss */ .DTExperience .tk-dropdown.large + .chzn-container .chzn-results li { height: auto; line-height: 2.10526em; min-height: 2.10526em; padding: 0 0.52632em; display: block; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap; } /* line 304, ../../sass/base/dropdown_select/_mixins.scss */ .DTExperience .tk-dropdown.large + .chzn-container .chzn-results li.clear-abbreviate-ellipsis { overflow: auto; white-space: normal; line-height: 1.3; } /* line 391, ../../sass/base/dropdown_select/_mixins.scss */ .DTExperience .tk-dropdown.large + .chzn-container .chzn-single div b { font-size: 0.55em; } /* line 17, ../../sass/base/fontsizes/_classes.scss */ .DTExperience .font-size-small { font-size: 1.3em; } /* line 18, ../../sass/base/fontsizes/_classes.scss */ .DTExperience .font-size-default { font-size: 1.6em; } /* line 19, ../../sass/base/fontsizes/_classes.scss */ .DTExperience .font-size-large { font-size: 1.9em; } /* line 20, ../../sass/base/fontsizes/_classes.scss */ .DTExperience .font-size-headline { font-size: 2.1em; } /* line 20, ../../sass/base/headers/_classes.scss */ .DTExperience .headline, .DTExperience h1, .DTExperience h2, .DTExperience h3, .DTExperience h4, .DTExperience h5, .DTExperience h6 { display: block; font-size: 2.1em; font-weight: normal; color: #4b4b4b; } /* line 45, ../../sass/base/headers/_mixins.scss */ .DTExperience .headline.underline, .DTExperience h1.underline, .DTExperience h2.underline, .DTExperience h3.underline, .DTExperience h4.underline, .DTExperience h5.underline, .DTExperience h6.underline { height: 2.85714em; margin: 0; padding-top: 1.42857em; padding-bottom: 0.47619em; line-height: normal; text-align: center; border-bottom: 1px solid #a4a4a4; } /* line 90, ../../sass/base/headers/_mixins.scss */ .DTExperience .headline .enum, .DTExperience .headline.cluster, .DTExperience h1 .enum, .DTExperience h1.cluster, .DTExperience h2 .enum, .DTExperience h2.cluster, .DTExperience h3 .enum, .DTExperience h3.cluster, .DTExperience h4 .enum, .DTExperience h4.cluster, .DTExperience h5 .enum, .DTExperience h5.cluster, .DTExperience h6 .enum, .DTExperience h6.cluster { font-weight: normal; color: #8c8c8c; } /* line 100, ../../sass/base/headers/_mixins.scss */ .DTExperience .headline .enum, .DTExperience h1 .enum, .DTExperience h2 .enum, .DTExperience h3 .enum, .DTExperience h4 .enum, .DTExperience h5 .enum, .DTExperience h6 .enum { font-size: 90%; } /* line 107, ../../sass/base/headers/_mixins.scss */ .DTExperience .headline.cluster, .DTExperience h1.cluster, .DTExperience h2.cluster, .DTExperience h3.cluster, .DTExperience h4.cluster, .DTExperience h5.cluster, .DTExperience h6.cluster { height: 3.15789em; padding-left: 0.52632em; padding-right: 0.52632em; padding-top: 1.63158em; padding-bottom: 0.52632em; font-size: 1.9em; text-align: left; } /* line 44, ../../sass/base/headers/_classes.scss */ .DTExperience .headlinewrap { position: relative; height: 6em; padding-top: 3em; padding-bottom: 1em; border-bottom: 1px solid #a4a4a4; text-align: center; } /* line 166, ../../sass/base/headers/_mixins.scss */ .DTExperience .headlinewrap .headline, .DTExperience .headlinewrap h1, .DTExperience .headlinewrap h2, .DTExperience .headlinewrap h3, .DTExperience .headlinewrap h4, .DTExperience .headlinewrap h5, .DTExperience .headlinewrap h6 { display: block; max-width: 70%; margin: 0 auto; padding: 0; border-bottom: 0; display: block; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap; } /* line 186, ../../sass/base/headers/_mixins.scss */ .DTExperience .headlinewrap .left, .DTExperience .headlinewrap .right { position: absolute; top: 2.5em; } /* line 194, ../../sass/base/headers/_mixins.scss */ .DTExperience .headlinewrap .left.small, .DTExperience .headlinewrap .right.small { top: 2.75em; } /* line 204, ../../sass/base/headers/_mixins.scss */ .DTExperience .headlinewrap .left { left: 0em; float: left; } /* line 213, ../../sass/base/headers/_mixins.scss */ .DTExperience .headlinewrap .right { right: 0em; float: right; } /* line 28, ../../sass/base/imagegrid/_classes.scss */ .DTExperience .imagegrid { *zoom: 1; /* Specific styles for the IE 7 :before :after polyfill */ margin: 1em 1em 0 0; padding: 0; list-style: none; /* Fixing IE7 display errors */ } /* line 118, ../../sass/custom/_global_mixins.scss */ .DTExperience .imagegrid:before, .DTExperience .imagegrid:after { display: table; content: ""; } /* line 123, ../../sass/custom/_global_mixins.scss */ .DTExperience .imagegrid:after { clear: both; } /* line 25, ../../sass/base/imagegrid/_mixins.scss */ .DTExperience .imagegrid > li { width: 11em; height: 11em; } /* line 30, ../../sass/base/imagegrid/_mixins.scss */ .DTExperience .imagegrid > li { margin: 0 0 1em 1em; padding: 1em; background: none; border: 0; line-height: 1; /* vertical-align: bottom; */ float: left; display: block; text-align: center; position: relative; -webkit-border-radius: 0.33333em; -moz-border-radius: 0.33333em; -ms-border-radius: 0.33333em; -o-border-radius: 0.33333em; border-radius: 0.33333em; /* Fixing IE7 display errors */ } /* line 55, ../../sass/base/imagegrid/_mixins.scss */ .DTExperience .imagegrid > li > a { position: absolute; display: block; width: 100%; height: 100%; left: 0; top: 0; -webkit-border-radius: 0.33333em; -moz-border-radius: 0.33333em; -ms-border-radius: 0.33333em; -o-border-radius: 0.33333em; border-radius: 0.33333em; } /* line 65, ../../sass/base/imagegrid/_mixins.scss */ .DTExperience .imagegrid > li > a:hover, .DTExperience .imagegrid > li > a.hover { background: #ededed; } /* line 68, ../../sass/base/imagegrid/_mixins.scss */ .DTExperience .imagegrid > li > a.active-magenta { background: #e20074; color: white; } /* line 72, ../../sass/base/imagegrid/_mixins.scss */ .DTExperience .imagegrid > li > a.active-magenta:hover, .DTExperience .imagegrid > li > a.active-magenta.hover { background: #d1006c; } /* line 75, ../../sass/base/imagegrid/_mixins.scss */ .DTExperience .imagegrid > li > a.active-gray { background: #7c7c7c; color: white; } /* line 79, ../../sass/base/imagegrid/_mixins.scss */ .DTExperience .imagegrid > li > a.active-gray:hover, .DTExperience .imagegrid > li > a.active-gray.hover { background: #6c6c6c; } /* line 82, ../../sass/base/imagegrid/_mixins.scss */ .DTExperience .imagegrid > li > a:focus, .DTExperience .imagegrid > li > a.focus { background: #ededed; } /* line 85, ../../sass/base/imagegrid/_mixins.scss */ .DTExperience .imagegrid > li > a:active, .DTExperience .imagegrid > li > a.taking-input { background: #d9d9d9; } /* line 88, ../../sass/base/imagegrid/_mixins.scss */ .DTExperience .imagegrid > li > a.unavailable { cursor: default; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; /* makes the .unavailable state work in IE8 */ } /* line 105, ../../sass/base/imagegrid/_mixins.scss */ .DTExperience .imagegrid > li .image { width: 100%; padding: 0 1em; display: block; position: absolute; bottom: 3em; left: 0; /* Fixing IE7 display errors */ } /* line 118, ../../sass/base/imagegrid/_mixins.scss */ .DTExperience .imagegrid > li .image img { display: block; margin: 0 auto; } /* line 129, ../../sass/base/imagegrid/_mixins.scss */ .DTExperience .imagegrid .title { font-size: 1.3em; display: block; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap; height: 2.30769em; line-height: 2.30769em; position: absolute; bottom: 0; left: 0.76923em; right: 0.76923em; } /* line 135, ../../sass/base/imagegrid/_mixins.scss */ .DTExperience .imagegrid.title-default .title, .DTExperience .imagegrid > li.title-default .title { font-size: 1.6em; display: block; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap; height: 1.875em; line-height: 1.875em; position: absolute; bottom: 0; left: 0.625em; right: 0.625em; } /* line 142, ../../sass/base/imagegrid/_mixins.scss */ .DTExperience .imagegrid.no-title .image { bottom: 1em; } /* line 145, ../../sass/base/imagegrid/_mixins.scss */ .DTExperience .imagegrid.no-title li .title, .DTExperience .imagegrid.no-title li .title.title-default, .DTExperience .imagegrid.no-title li.title-default .title { display: none; } /* line 268, ../../sass/custom/_global_mixins.scss */ .DTExperience .imagegrid > li a, .DTExperience .imagegrid > li a { color: #4b4b4b; } /* line 270, ../../sass/custom/_global_mixins.scss */ .DTExperience .imagegrid > li a:hover, .DTExperience .imagegrid > li a:hover { text-decoration: none; } /* line 155, ../../sass/base/imagegrid/_mixins.scss */ .DTExperience .imagegrid.img-decorated-v1 img { border: 3px solid white; max-width: 100%; -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px 1px; -moz-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px 1px; box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px 1px; } /* line 161, ../../sass/base/imagegrid/_mixins.scss */ .DTExperience .imagegrid.img-decorated-v2 img { border: 1px solid #000; max-width: 100%; -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px 1px; -moz-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px 1px; box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px 1px; } /* line 31, ../../sass/base/imagegrid/_classes.scss */ .DTExperience .imagegrid.format-3-2 li { width: 11em; height: 10em; } /* line 35, ../../sass/base/imagegrid/_classes.scss */ .DTExperience .imagegrid.format-16-9 li { width: 11em; height: 9em; } /* line 39, ../../sass/base/imagegrid/_classes.scss */ .DTExperience .imagegrid.format-multi li { width: 11em; height: 13em; } /* line 44, ../../sass/base/imagegrid/_classes.scss */ .DTExperience .imagegrid.no-title.format-3-2 li { width: 11em; height: 8em; } /* line 48, ../../sass/base/imagegrid/_classes.scss */ .DTExperience .imagegrid.no-title.format-16-9 li { width: 11em; height: 7em; } /* line 52, ../../sass/base/imagegrid/_classes.scss */ .DTExperience .imagegrid.no-title.format-multi li { width: 11em; height: 11em; } @media screen and (max-width: 480px) { /* line 131, ../../sass/base/imagegrid/_classes.scss */ .DTExperience .imagegrid { margin: 0; padding: 0; } /* line 201, ../../sass/base/imagegrid/_mixins.scss */ .DTExperience .imagegrid > li { height: 3em; line-height: 2.4em; padding: 0.3em 1em; list-style: none; margin: 0; border-width: 0; border-bottom-width: 1px; border-style: solid; background: white; border-color: gainsboro; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; width: 100% !important; height: 3em !important; text-align: left; position: static; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; } /* line 491, ../../sass/base/list/_mixins.scss */ .DTExperience .imagegrid > li.hover { background: #ededed; cursor: pointer; -webkit-transition-duration: 0.1s; -moz-transition-duration: 0.1s; -o-transition-duration: 0.1s; transition-duration: 0.1s; -webkit-transition-timing-function: ease-in; -moz-transition-timing-function: ease-in; -o-transition-timing-function: ease-in; transition-timing-function: ease-in; } /* line 505, ../../sass/base/list/_mixins.scss */ .DTExperience .imagegrid > li.click { background: #d9d9d9; } /* line 510, ../../sass/base/list/_mixins.scss */ .DTExperience .imagegrid > li.active { background: #e20074; } /* line 513, ../../sass/base/list/_mixins.scss */ .DTExperience .imagegrid > li.active, .DTExperience .imagegrid > li.active a, .DTExperience .imagegrid > li.active .list-item-description { color: white; } /* line 519, ../../sass/base/list/_mixins.scss */ .DTExperience .imagegrid > li.active-b, .DTExperience .imagegrid > li.active-b a { color: #e20074; } /* line 526, ../../sass/base/list/_mixins.scss */ html.no-js .DTExperience .imagegrid > li a:hover .list-item-title { text-decoration: underline; } /* line 529, ../../sass/base/list/_mixins.scss */ html.no-js .DTExperience .imagegrid > li a:active .list-item-title { color: #e20074; } /* line 268, ../../sass/custom/_global_mixins.scss */ .DTExperience .imagegrid > li a { color: #4b4b4b; } /* line 270, ../../sass/custom/_global_mixins.scss */ .DTExperience .imagegrid > li a:hover { text-decoration: none; } /* line 175, ../../sass/base/list/_mixins.scss */ .DTExperience .imagegrid > li .list-item-title { font-size: 1.6em; display: block; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap; } /* line 188, ../../sass/base/list/_mixins.scss */ .DTExperience .imagegrid > li .list-item-description { font-size: 1.3em; } /* line 196, ../../sass/base/list/_mixins.scss */ .DTExperience .imagegrid > li .list-item-text-wrap { float: none; } /* line 198, ../../sass/base/list/_mixins.scss */ .DTExperience .imagegrid > li .list-item-text-wrap .list-item-title { float: none; } /* line 204, ../../sass/base/list/_mixins.scss */ .DTExperience .imagegrid > li.available { background: white; } /* line 207, ../../sass/base/list/_mixins.scss */ .DTExperience .imagegrid > li.focus { background: #ededed; } /* line 210, ../../sass/base/list/_mixins.scss */ .DTExperience .imagegrid > li.taking-input { background: #d9d9d9; } /* line 213, ../../sass/base/list/_mixins.scss */ .DTExperience .imagegrid > li.input-done { background: #ededed; } /* line 219, ../../sass/base/list/_mixins.scss */ .DTExperience .imagegrid > li.unavailable, .DTExperience .imagegrid > li.unavailable:hover, .DTExperience .imagegrid > li.unavailable.active, .DTExperience .imagegrid > li.unavailable a:hover { cursor: default; background: inherit; } /* line 226, ../../sass/base/list/_mixins.scss */ .DTExperience .imagegrid > li .right { float: right; } /* line 230, ../../sass/base/list/_mixins.scss */ .DTExperience .imagegrid > li .right.hidden { display: none; visibility: visible; } /* line 238, ../../sass/base/list/_mixins.scss */ .DTExperience .imagegrid > li:hover .right.hidden { display: block; } /* line 327, ../../sass/base/list/_mixins.scss */ .DTExperience .imagegrid > li .list-icon { float: left; width: 1.59em; height: 1.59em; margin-right: 1em; margin-top: 0.4em; overflow: hidden; } /* line 336, ../../sass/base/list/_mixins.scss */ .DTExperience .imagegrid > li .graphic-single { float: left; width: 3.6em; height: 2.4em; margin-right: 1em; overflow: hidden; } /* line 344, ../../sass/base/list/_mixins.scss */ .DTExperience .imagegrid > li .graphic-multi { float: left; width: 2.4em; height: 2.4em; margin-right: 1em; overflow: hidden; } /* line 353, ../../sass/base/list/_mixins.scss */ .DTExperience .imagegrid > li .list-item-description { display: none; } /* line 214, ../../sass/base/imagegrid/_mixins.scss */ .DTExperience .imagegrid > li > a { height: 2.4em; position: static; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; } /* line 218, ../../sass/base/imagegrid/_mixins.scss */ .DTExperience .imagegrid > li > a:hover, .DTExperience .imagegrid > li > a.hover { background: none; } /* line 221, ../../sass/base/imagegrid/_mixins.scss */ .DTExperience .imagegrid > li > a:focus, .DTExperience .imagegrid > li > a.focus { background: none; } /* line 224, ../../sass/base/imagegrid/_mixins.scss */ .DTExperience .imagegrid > li > a:active, .DTExperience .imagegrid > li > a.taking-input { background: none; } /* line 230, ../../sass/base/imagegrid/_mixins.scss */ .DTExperience .imagegrid > li .image { float: left; width: 2.4em; height: 2.4em; margin-right: 1em; overflow: hidden; padding: 0; position: static; bottom: 0; left: 0; } /* line 242, ../../sass/base/imagegrid/_mixins.scss */ .DTExperience .imagegrid > li .image img { border: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; max-width: 100%; } /* line 250, ../../sass/base/imagegrid/_mixins.scss */ .DTExperience .imagegrid > li .title { font-size: 1.6em; position: static !important; width: auto !important; height: auto !important; line-height: 1.5em !important; } } /* line 5, ../../sass/base/inputfields/_classes.scss */ .DTExperience fieldset { margin: 0; padding: 0; border: 0; } /* line 36, ../../sass/base/inputfields/_classes.scss */ .DTExperience input[type="text"].small { font-size: 1.3em; height: 1.92308em; -webkit-border-radius: 0.25641em; -moz-border-radius: 0.25641em; -ms-border-radius: 0.25641em; -o-border-radius: 0.25641em; border-radius: 0.25641em; padding: 0 0.76923em; border: 1px solid #d0d0d0; border-top: 1px solid #c6c6c6; background: white; color: #4b4b4b; font-family: TeleGrotesk; width: 100%; -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0 1px 2px 0 inset, white 0 1px 0 0; -moz-box-shadow: rgba(0, 0, 0, 0.15) 0 1px 2px 0 inset, white 0 1px 0 0; box-shadow: rgba(0, 0, 0, 0.15) 0 1px 2px 0 inset, white 0 1px 0 0; } /* line 51, ../../sass/base/inputfields/_mixins.scss */ .DTExperience input[type="text"].small:hover, .DTExperience input[type="text"].small.hover { background: #ededed; border: 1px solid #bfbfbf; border-top: 1px solid #b5b5b5; } /* line 56, ../../sass/base/inputfields/_mixins.scss */ .DTExperience input[type="text"].small:focus { outline: none; background: white; border: 1px solid #bfbfbf; border-top: 1px solid #b5b5b5; } /* line 62, ../../sass/base/inputfields/_mixins.scss */ .DTExperience input[type="text"].small:active, .DTExperience input[type="text"].small.active { background: #d9d9d9; border: 1px solid #ababab; border-top: 1px solid #a1a1a1; } /* line 68, ../../sass/base/inputfields/_mixins.scss */ .DTExperience input[type="text"].small.validate-positive { color: #4b4b4b; background: #f7fbf4; border-color: #5c991f; } /* line 72, ../../sass/base/inputfields/_mixins.scss */ .DTExperience input[type="text"].small.validate-positive:hover, .DTExperience input[type="text"].small.validate-positive.hover { background: #e4e8e1; border-color: #51871b; } /* line 76, ../../sass/base/inputfields/_mixins.scss */ .DTExperience input[type="text"].small.validate-positive:active, .DTExperience input[type="text"].small.validate-positive.active { background: #d3d6d0; border-color: #467517; } /* line 82, ../../sass/base/inputfields/_mixins.scss */ .DTExperience input[type="text"].small::-webkit-input-placeholder { color: #7c7c7c; } /* line 86, ../../sass/base/inputfields/_mixins.scss */ .DTExperience input[type="text"].small:-moz-placeholder { color: #7c7c7c !important; } /* line 90, ../../sass/base/inputfields/_mixins.scss */ .DTExperience input[type="text"].small:-ms-input-placeholder { color: #7c7c7c; } /* line 94, ../../sass/base/inputfields/_mixins.scss */ .DTExperience input[type="text"].small.validate-negative { color: #4b4b4b; background: #fdf2f2; border-color: #bf0000; } /* line 98, ../../sass/base/inputfields/_mixins.scss */ .DTExperience input[type="text"].small.validate-negative:hover, .DTExperience input[type="text"].small.validate-negative.hover { background: #ebe1e1; border-color: #ad0000; } /* line 102, ../../sass/base/inputfields/_mixins.scss */ .DTExperience input[type="text"].small.validate-negative:active, .DTExperience input[type="text"].small.validate-negative.active { background: #d9d0d0; border-color: #9c0000; } /* line 184, ../../sass/base/inputfields/_mixins.scss */ .DTExperience input[type="text"].small:disabled, .DTExperience input[type="text"].small.unavailable, .DTExperience input[type="text"].small.unavailable:hover, .DTExperience input[type="text"].small.unavailable:focus, .DTExperience input[type="text"].small.unavailable.hover, .DTExperience input[type="text"].small.unavailable:active, .DTExperience input[type="text"].small.unavailable.active { cursor: default; color: #4b4b4b; border: 1px solid #d0d0d0; border-top: 1px solid #c6c6c6; background: white; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; } /* line 39, ../../sass/base/inputfields/_classes.scss */ .DTExperience input[type="text"], .DTExperience input[type="text"].default { border-left: 1px solid #d0d0d0; border-right: 1px solid #d0d0d0; border-bottom: 1px solid #d0d0d0; font-size: 1.6em; -webkit-border-radius: 0.20833em; -moz-border-radius: 0.20833em; -ms-border-radius: 0.20833em; -o-border-radius: 0.20833em; border-radius: 0.20833em; padding: 0 0.625em; border-top: 1px solid #c6c6c6; background: white; color: #4b4b4b; font-family: TeleGrotesk; -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0 1px 2px 0 inset, white 0 1px 0 0; -moz-box-shadow: rgba(0, 0, 0, 0.15) 0 1px 2px 0 inset, white 0 1px 0 0; box-shadow: rgba(0, 0, 0, 0.15) 0 1px 2px 0 inset, white 0 1px 0 0; } /* line 51, ../../sass/base/inputfields/_mixins.scss */ .DTExperience input[type="text"]:hover, .DTExperience input[type="text"].hover, .DTExperience input[type="text"].default:hover, .DTExperience input[type="text"].default.hover { background: #ededed; border: 1px solid #bfbfbf; border-top: 1px solid #b5b5b5; } /* line 56, ../../sass/base/inputfields/_mixins.scss */ .DTExperience input[type="text"]:focus, .DTExperience input[type="text"].default:focus { outline: none; background: white; border: 1px solid #bfbfbf; border-top: 1px solid #b5b5b5; } /* line 62, ../../sass/base/inputfields/_mixins.scss */ .DTExperience input[type="text"]:active, .DTExperience input[type="text"].active, .DTExperience input[type="text"].default:active, .DTExperience input[type="text"].default.active { background: #d9d9d9; border: 1px solid #ababab; border-top: 1px solid #a1a1a1; } /* line 68, ../../sass/base/inputfields/_mixins.scss */ .DTExperience input[type="text"].validate-positive, .DTExperience input[type="text"].default.validate-positive { color: #4b4b4b; background: #f7fbf4; border-color: #5c991f; } /* line 72, ../../sass/base/inputfields/_mixins.scss */ .DTExperience input[type="text"].validate-positive:hover, .DTExperience input[type="text"].validate-positive.hover, .DTExperience input[type="text"].default.validate-positive:hover, .DTExperience input[type="text"].default.validate-positive.hover { background: #e4e8e1; border-color: #51871b; } /* line 76, ../../sass/base/inputfields/_mixins.scss */ .DTExperience input[type="text"].validate-positive:active, .DTExperience input[type="text"].validate-positive.active, .DTExperience input[type="text"].default.validate-positive:active, .DTExperience input[type="text"].default.validate-positive.active { background: #d3d6d0; border-color: #467517; } /* line 82, ../../sass/base/inputfields/_mixins.scss */ .DTExperience input[type="text"]::-webkit-input-placeholder, .DTExperience input[type="text"].default::-webkit-input-placeholder { color: #7c7c7c; } /* line 86, ../../sass/base/inputfields/_mixins.scss */ .DTExperience input[type="text"]:-moz-placeholder, .DTExperience input[type="text"].default:-moz-placeholder { color: #7c7c7c !important; } /* line 90, ../../sass/base/inputfields/_mixins.scss */ .DTExperience input[type="text"]:-ms-input-placeholder, .DTExperience input[type="text"].default:-ms-input-placeholder { color: #7c7c7c; } /* line 94, ../../sass/base/inputfields/_mixins.scss */ .DTExperience input[type="text"].validate-negative, .DTExperience input[type="text"].default.validate-negative { color: #4b4b4b; background: #fdf2f2; border-color: #bf0000; } /* line 98, ../../sass/base/inputfields/_mixins.scss */ .DTExperience input[type="text"].validate-negative:hover, .DTExperience input[type="text"].validate-negative.hover, .DTExperience input[type="text"].default.validate-negative:hover, .DTExperience input[type="text"].default.validate-negative.hover { background: #ebe1e1; border-color: #ad0000; } /* line 102, ../../sass/base/inputfields/_mixins.scss */ .DTExperience input[type="text"].validate-negative:active, .DTExperience input[type="text"].validate-negative.active, .DTExperience input[type="text"].default.validate-negative:active, .DTExperience input[type="text"].default.validate-negative.active { background: #d9d0d0; border-color: #9c0000; } /* line 184, ../../sass/base/inputfields/_mixins.scss */ .DTExperience input[type="text"]:disabled, .DTExperience input[type="text"].unavailable, .DTExperience input[type="text"].unavailable:hover, .DTExperience input[type="text"].unavailable:focus, .DTExperience input[type="text"].unavailable.hover, .DTExperience input[type="text"].unavailable:active, .DTExperience input[type="text"].unavailable.active, .DTExperience input[type="text"].default:disabled, .DTExperience input[type="text"].default.unavailable, .DTExperience input[type="text"].default.unavailable:hover, .DTExperience input[type="text"].default.unavailable:focus, .DTExperience input[type="text"].default.unavailable.hover, .DTExperience input[type="text"].default.unavailable:active, .DTExperience input[type="text"].default.unavailable.active { cursor: default; color: #4b4b4b; border: 1px solid #d0d0d0; border-top: 1px solid #c6c6c6; background: white; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; } /* line 42, ../../sass/base/inputfields/_classes.scss */ .DTExperience input[type="text"].large { font-size: 1.9em; height: 2.10526em; -webkit-border-radius: 0.17544em; -moz-border-radius: 0.17544em; -ms-border-radius: 0.17544em; -o-border-radius: 0.17544em; border-radius: 0.17544em; padding: 0 0.52632em; border: 1px solid #d0d0d0; border-top: 1px solid #c6c6c6; background: white; color: #4b4b4b; font-family: TeleGrotesk; width: 100%; -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0 1px 2px 0 inset, white 0 1px 0 0; -moz-box-shadow: rgba(0, 0, 0, 0.15) 0 1px 2px 0 inset, white 0 1px 0 0; box-shadow: rgba(0, 0, 0, 0.15) 0 1px 2px 0 inset, white 0 1px 0 0; } /* line 51, ../../sass/base/inputfields/_mixins.scss */ .DTExperience input[type="text"].large:hover, .DTExperience input[type="text"].large.hover { background: #ededed; border: 1px solid #bfbfbf; border-top: 1px solid #b5b5b5; } /* line 56, ../../sass/base/inputfields/_mixins.scss */ .DTExperience input[type="text"].large:focus { outline: none; background: white; border: 1px solid #bfbfbf; border-top: 1px solid #b5b5b5; } /* line 62, ../../sass/base/inputfields/_mixins.scss */ .DTExperience input[type="text"].large:active, .DTExperience input[type="text"].large.active { background: #d9d9d9; border: 1px solid #ababab; border-top: 1px solid #a1a1a1; } /* line 68, ../../sass/base/inputfields/_mixins.scss */ .DTExperience input[type="text"].large.validate-positive { color: #4b4b4b; background: #f7fbf4; border-color: #5c991f; } /* line 72, ../../sass/base/inputfields/_mixins.scss */ .DTExperience input[type="text"].large.validate-positive:hover, .DTExperience input[type="text"].large.validate-positive.hover { background: #e4e8e1; border-color: #51871b; } /* line 76, ../../sass/base/inputfields/_mixins.scss */ .DTExperience input[type="text"].large.validate-positive:active, .DTExperience input[type="text"].large.validate-positive.active { background: #d3d6d0; border-color: #467517; } /* line 82, ../../sass/base/inputfields/_mixins.scss */ .DTExperience input[type="text"].large::-webkit-input-placeholder { color: #7c7c7c; } /* line 86, ../../sass/base/inputfields/_mixins.scss */ .DTExperience input[type="text"].large:-moz-placeholder { color: #7c7c7c !important; } /* line 90, ../../sass/base/inputfields/_mixins.scss */ .DTExperience input[type="text"].large:-ms-input-placeholder { color: #7c7c7c; } /* line 94, ../../sass/base/inputfields/_mixins.scss */ .DTExperience input[type="text"].large.validate-negative { color: #4b4b4b; background: #fdf2f2; border-color: #bf0000; } /* line 98, ../../sass/base/inputfields/_mixins.scss */ .DTExperience input[type="text"].large.validate-negative:hover, .DTExperience input[type="text"].large.validate-negative.hover { background: #ebe1e1; border-color: #ad0000; } /* line 102, ../../sass/base/inputfields/_mixins.scss */ .DTExperience input[type="text"].large.validate-negative:active, .DTExperience input[type="text"].large.validate-negative.active { background: #d9d0d0; border-color: #9c0000; } /* line 184, ../../sass/base/inputfields/_mixins.scss */ .DTExperience input[type="text"].large:disabled, .DTExperience input[type="text"].large.unavailable, .DTExperience input[type="text"].large.unavailable:hover, .DTExperience input[type="text"].large.unavailable:focus, .DTExperience input[type="text"].large.unavailable.hover, .DTExperience input[type="text"].large.unavailable:active, .DTExperience input[type="text"].large.unavailable.active { cursor: default; color: #4b4b4b; border: 1px solid #d0d0d0; border-top: 1px solid #c6c6c6; background: white; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; } /* line 36, ../../sass/base/inputfields/_classes.scss */ .DTExperience input[type="password"].small { font-size: 1.3em; height: 1.92308em; -webkit-border-radius: 0.25641em; -moz-border-radius: 0.25641em; -ms-border-radius: 0.25641em; -o-border-radius: 0.25641em; border-radius: 0.25641em; padding: 0 0.76923em; border: 1px solid #d0d0d0; border-top: 1px solid #c6c6c6; background: white; color: #4b4b4b; font-family: TeleGrotesk; width: 100%; -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0 1px 2px 0 inset, white 0 1px 0 0; -moz-box-shadow: rgba(0, 0, 0, 0.15) 0 1px 2px 0 inset, white 0 1px 0 0; box-shadow: rgba(0, 0, 0, 0.15) 0 1px 2px 0 inset, white 0 1px 0 0; } /* line 51, ../../sass/base/inputfields/_mixins.scss */ .DTExperience input[type="password"].small:hover, .DTExperience input[type="password"].small.hover { background: #ededed; border: 1px solid #bfbfbf; border-top: 1px solid #b5b5b5; } /* line 56, ../../sass/base/inputfields/_mixins.scss */ .DTExperience input[type="password"].small:focus { outline: none; background: white; border: 1px solid #bfbfbf; border-top: 1px solid #b5b5b5; } /* line 62, ../../sass/base/inputfields/_mixins.scss */ .DTExperience input[type="password"].small:active, .DTExperience input[type="password"].small.active { background: #d9d9d9; border: 1px solid #ababab; border-top: 1px solid #a1a1a1; } /* line 68, ../../sass/base/inputfields/_mixins.scss */ .DTExperience input[type="password"].small.validate-positive { color: #4b4b4b; background: #f7fbf4; border-color: #5c991f; } /* line 72, ../../sass/base/inputfields/_mixins.scss */ .DTExperience input[type="password"].small.validate-positive:hover, .DTExperience input[type="password"].small.validate-positive.hover { background: #e4e8e1; border-color: #51871b; } /* line 76, ../../sass/base/inputfields/_mixins.scss */ .DTExperience input[type="password"].small.validate-positive:active, .DTExperience input[type="password"].small.validate-positive.active { background: #d3d6d0; border-color: #467517; } /* line 82, ../../sass/base/inputfields/_mixins.scss */ .DTExperience input[type="password"].small::-webkit-input-placeholder { color: #7c7c7c; } /* line 86, ../../sass/base/inputfields/_mixins.scss */ .DTExperience input[type="password"].small:-moz-placeholder { color: #7c7c7c !important; } /* line 90, ../../sass/base/inputfields/_mixins.scss */ .DTExperience input[type="password"].small:-ms-input-placeholder { color: #7c7c7c; } /* line 94, ../../sass/base/inputfields/_mixins.scss */ .DTExperience input[type="password"].small.validate-negative { color: #4b4b4b; background: #fdf2f2; border-color: #bf0000; } /* line 98, ../../sass/base/inputfields/_mixins.scss */ .DTExperience input[type="password"].small.validate-negative:hover, .DTExperience input[type="password"].small.validate-negative.hover { background: #ebe1e1; border-color: #ad0000; } /* line 102, ../../sass/base/inputfields/_mixins.scss */ .DTExperience input[type="password"].small.validate-negative:active, .DTExperience input[type="password"].small.validate-negative.active { background: #d9d0d0; border-color: #9c0000; } /* line 184, ../../sass/base/inputfields/_mixins.scss */ .DTExperience input[type="password"].small:disabled, .DTExperience input[type="password"].small.unavailable, .DTExperience input[type="password"].small.unavailable:hover, .DTExperience input[type="password"].small.unavailable:focus, .DTExperience input[type="password"].small.unavailable.hover, .DTExperience input[type="password"].small.unavailable:active, .DTExperience input[type="password"].small.unavailable.active { cursor: default; color: #4b4b4b; border: 1px solid #d0d0d0; border-top: 1px solid #c6c6c6; background: white; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; } /* line 39, ../../sass/base/inputfields/_classes.scss */ .DTExperience input[type="password"], .DTExperience input[type="password"].default { font-size: 1.6em; height: 1.875em; -webkit-border-radius: 0.20833em; -moz-border-radius: 0.20833em; -ms-border-radius: 0.20833em; -o-border-radius: 0.20833em; border-radius: 0.20833em; padding: 0 0.625em; border: 1px solid #d0d0d0; border-top: 1px solid #c6c6c6; background: white; color: #4b4b4b; font-family: TeleGrotesk; width: 100%; -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0 1px 2px 0 inset, white 0 1px 0 0; -moz-box-shadow: rgba(0, 0, 0, 0.15) 0 1px 2px 0 inset, white 0 1px 0 0; box-shadow: rgba(0, 0, 0, 0.15) 0 1px 2px 0 inset, white 0 1px 0 0; } /* line 51, ../../sass/base/inputfields/_mixins.scss */ .DTExperience input[type="password"]:hover, .DTExperience input[type="password"].hover, .DTExperience input[type="password"].default:hover, .DTExperience input[type="password"].default.hover { background: #ededed; border: 1px solid #bfbfbf; border-top: 1px solid #b5b5b5; } /* line 56, ../../sass/base/inputfields/_mixins.scss */ .DTExperience input[type="password"]:focus, .DTExperience input[type="password"].default:focus { outline: none; background: white; border: 1px solid #bfbfbf; border-top: 1px solid #b5b5b5; } /* line 62, ../../sass/base/inputfields/_mixins.scss */ .DTExperience input[type="password"]:active, .DTExperience input[type="password"].active, .DTExperience input[type="password"].default:active, .DTExperience input[type="password"].default.active { background: #d9d9d9; border: 1px solid #ababab; border-top: 1px solid #a1a1a1; } /* line 68, ../../sass/base/inputfields/_mixins.scss */ .DTExperience input[type="password"].validate-positive, .DTExperience input[type="password"].default.validate-positive { color: #4b4b4b; background: #f7fbf4; border-color: #5c991f; } /* line 72, ../../sass/base/inputfields/_mixins.scss */ .DTExperience input[type="password"].validate-positive:hover, .DTExperience input[type="password"].validate-positive.hover, .DTExperience input[type="password"].default.validate-positive:hover, .DTExperience input[type="password"].default.validate-positive.hover { background: #e4e8e1; border-color: #51871b; } /* line 76, ../../sass/base/inputfields/_mixins.scss */ .DTExperience input[type="password"].validate-positive:active, .DTExperience input[type="password"].validate-positive.active, .DTExperience input[type="password"].default.validate-positive:active, .DTExperience input[type="password"].default.validate-positive.active { background: #d3d6d0; border-color: #467517; } /* line 82, ../../sass/base/inputfields/_mixins.scss */ .DTExperience input[type="password"]::-webkit-input-placeholder, .DTExperience input[type="password"].default::-webkit-input-placeholder { color: #7c7c7c; } /* line 86, ../../sass/base/inputfields/_mixins.scss */ .DTExperience input[type="password"]:-moz-placeholder, .DTExperience input[type="password"].default:-moz-placeholder { color: #7c7c7c !important; } /* line 90, ../../sass/base/inputfields/_mixins.scss */ .DTExperience input[type="password"]:-ms-input-placeholder, .DTExperience input[type="password"].default:-ms-input-placeholder { color: #7c7c7c; } /* line 94, ../../sass/base/inputfields/_mixins.scss */ .DTExperience input[type="password"].validate-negative, .DTExperience input[type="password"].default.validate-negative { color: #4b4b4b; background: #fdf2f2; border-color: #bf0000; } /* line 98, ../../sass/base/inputfields/_mixins.scss */ .DTExperience input[type="password"].validate-negative:hover, .DTExperience input[type="password"].validate-negative.hover, .DTExperience input[type="password"].default.validate-negative:hover, .DTExperience input[type="password"].default.validate-negative.hover { background: #ebe1e1; border-color: #ad0000; } /* line 102, ../../sass/base/inputfields/_mixins.scss */ .DTExperience input[type="password"].validate-negative:active, .DTExperience input[type="password"].validate-negative.active, .DTExperience input[type="password"].default.validate-negative:active, .DTExperience input[type="password"].default.validate-negative.active { background: #d9d0d0; border-color: #9c0000; } /* line 184, ../../sass/base/inputfields/_mixins.scss */ .DTExperience input[type="password"]:disabled, .DTExperience input[type="password"].unavailable, .DTExperience input[type="password"].unavailable:hover, .DTExperience input[type="password"].unavailable:focus, .DTExperience input[type="password"].unavailable.hover, .DTExperience input[type="password"].unavailable:active, .DTExperience input[type="password"].unavailable.active, .DTExperience input[type="password"].default:disabled, .DTExperience input[type="password"].default.unavailable, .DTExperience input[type="password"].default.unavailable:hover, .DTExperience input[type="password"].default.unavailable:focus, .DTExperience input[type="password"].default.unavailable.hover, .DTExperience input[type="password"].default.unavailable:active, .DTExperience input[type="password"].default.unavailable.active { cursor: default; color: #4b4b4b; border: 1px solid #d0d0d0; border-top: 1px solid #c6c6c6; background: white; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; } /* line 42, ../../sass/base/inputfields/_classes.scss */ .DTExperience input[type="password"].large { font-size: 1.9em; height: 2.10526em; -webkit-border-radius: 0.17544em; -moz-border-radius: 0.17544em; -ms-border-radius: 0.17544em; -o-border-radius: 0.17544em; border-radius: 0.17544em; padding: 0 0.52632em; border: 1px solid #d0d0d0; border-top: 1px solid #c6c6c6; background: white; color: #4b4b4b; font-family: TeleGrotesk; width: 100%; -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0 1px 2px 0 inset, white 0 1px 0 0; -moz-box-shadow: rgba(0, 0, 0, 0.15) 0 1px 2px 0 inset, white 0 1px 0 0; box-shadow: rgba(0, 0, 0, 0.15) 0 1px 2px 0 inset, white 0 1px 0 0; } /* line 51, ../../sass/base/inputfields/_mixins.scss */ .DTExperience input[type="password"].large:hover, .DTExperience input[type="password"].large.hover { background: #ededed; border: 1px solid #bfbfbf; border-top: 1px solid #b5b5b5; } /* line 56, ../../sass/base/inputfields/_mixins.scss */ .DTExperience input[type="password"].large:focus { outline: none; background: white; border: 1px solid #bfbfbf; border-top: 1px solid #b5b5b5; } /* line 62, ../../sass/base/inputfields/_mixins.scss */ .DTExperience input[type="password"].large:active, .DTExperience input[type="password"].large.active { background: #d9d9d9; border: 1px solid #ababab; border-top: 1px solid #a1a1a1; } /* line 68, ../../sass/base/inputfields/_mixins.scss */ .DTExperience input[type="password"].large.validate-positive { color: #4b4b4b; background: #f7fbf4; border-color: #5c991f; } /* line 72, ../../sass/base/inputfields/_mixins.scss */ .DTExperience input[type="password"].large.validate-positive:hover, .DTExperience input[type="password"].large.validate-positive.hover { background: #e4e8e1; border-color: #51871b; } /* line 76, ../../sass/base/inputfields/_mixins.scss */ .DTExperience input[type="password"].large.validate-positive:active, .DTExperience input[type="password"].large.validate-positive.active { background: #d3d6d0; border-color: #467517; } /* line 82, ../../sass/base/inputfields/_mixins.scss */ .DTExperience input[type="password"].large::-webkit-input-placeholder { color: #7c7c7c; } /* line 86, ../../sass/base/inputfields/_mixins.scss */ .DTExperience input[type="password"].large:-moz-placeholder { color: #7c7c7c !important; } /* line 90, ../../sass/base/inputfields/_mixins.scss */ .DTExperience input[type="password"].large:-ms-input-placeholder { color: #7c7c7c; } /* line 94, ../../sass/base/inputfields/_mixins.scss */ .DTExperience input[type="password"].large.validate-negative { color: #4b4b4b; background: #fdf2f2; border-color: #bf0000; } /* line 98, ../../sass/base/inputfields/_mixins.scss */ .DTExperience input[type="password"].large.validate-negative:hover, .DTExperience input[type="password"].large.validate-negative.hover { background: #ebe1e1; border-color: #ad0000; } /* line 102, ../../sass/base/inputfields/_mixins.scss */ .DTExperience input[type="password"].large.validate-negative:active, .DTExperience input[type="password"].large.validate-negative.active { background: #d9d0d0; border-color: #9c0000; } /* line 184, ../../sass/base/inputfields/_mixins.scss */ .DTExperience input[type="password"].large:disabled, .DTExperience input[type="password"].large.unavailable, .DTExperience input[type="password"].large.unavailable:hover, .DTExperience input[type="password"].large.unavailable:focus, .DTExperience input[type="password"].large.unavailable.hover, .DTExperience input[type="password"].large.unavailable:active, .DTExperience input[type="password"].large.unavailable.active { cursor: default; color: #4b4b4b; border: 1px solid #d0d0d0; border-top: 1px solid #c6c6c6; background: white; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; } /* line 36, ../../sass/base/inputfields/_classes.scss */ .DTExperience input[type="email"].small { font-size: 1.3em; height: 1.92308em; -webkit-border-radius: 0.25641em; -moz-border-radius: 0.25641em; -ms-border-radius: 0.25641em; -o-border-radius: 0.25641em; border-radius: 0.25641em; padding: 0 0.76923em; border: 1px solid #d0d0d0; border-top: 1px solid #c6c6c6; background: white; color: #4b4b4b; font-family: TeleGrotesk; width: 100%; -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0 1px 2px 0 inset, white 0 1px 0 0; -moz-box-shadow: rgba(0, 0, 0, 0.15) 0 1px 2px 0 inset, white 0 1px 0 0; box-shadow: rgba(0, 0, 0, 0.15) 0 1px 2px 0 inset, white 0 1px 0 0; } /* line 51, ../../sass/base/inputfields/_mixins.scss */ .DTExperience input[type="email"].small:hover, .DTExperience input[type="email"].small.hover { background: #ededed; border: 1px solid #bfbfbf; border-top: 1px solid #b5b5b5; } /* line 56, ../../sass/base/inputfields/_mixins.scss */ .DTExperience input[type="email"].small:focus { outline: none; background: white; border: 1px solid #bfbfbf; border-top: 1px solid #b5b5b5; } /* line 62, ../../sass/base/inputfields/_mixins.scss */ .DTExperience input[type="email"].small:active, .DTExperience input[type="email"].small.active { background: #d9d9d9; border: 1px solid #ababab; border-top: 1px solid #a1a1a1; } /* line 68, ../../sass/base/inputfields/_mixins.scss */ .DTExperience input[type="email"].small.validate-positive { color: #4b4b4b; background: #f7fbf4; border-color: #5c991f; } /* line 72, ../../sass/base/inputfields/_mixins.scss */ .DTExperience input[type="email"].small.validate-positive:hover, .DTExperience input[type="email"].small.validate-positive.hover { background: #e4e8e1; border-color: #51871b; } /* line 76, ../../sass/base/inputfields/_mixins.scss */ .DTExperience input[type="email"].small.validate-positive:active, .DTExperience input[type="email"].small.validate-positive.active { background: #d3d6d0; border-color: #467517; } /* line 82, ../../sass/base/inputfields/_mixins.scss */ .DTExperience input[type="email"].small::-webkit-input-placeholder { color: #7c7c7c; } /* line 86, ../../sass/base/inputfields/_mixins.scss */ .DTExperience input[type="email"].small:-moz-placeholder { color: #7c7c7c !important; } /* line 90, ../../sass/base/inputfields/_mixins.scss */ .DTExperience input[type="email"].small:-ms-input-placeholder { color: #7c7c7c; } /* line 94, ../../sass/base/inputfields/_mixins.scss */ .DTExperience input[type="email"].small.validate-negative { color: #4b4b4b; background: #fdf2f2; border-color: #bf0000; } /* line 98, ../../sass/base/inputfields/_mixins.scss */ .DTExperience input[type="email"].small.validate-negative:hover, .DTExperience input[type="email"].small.validate-negative.hover { background: #ebe1e1; border-color: #ad0000; } /* line 102, ../../sass/base/inputfields/_mixins.scss */ .DTExperience input[type="email"].small.validate-negative:active, .DTExperience input[type="email"].small.validate-negative.active { background: #d9d0d0; border-color: #9c0000; } /* line 184, ../../sass/base/inputfields/_mixins.scss */ .DTExperience input[type="email"].small:disabled, .DTExperience input[type="email"].small.unavailable, .DTExperience input[type="email"].small.unavailable:hover, .DTExperience input[type="email"].small.unavailable:focus, .DTExperience input[type="email"].small.unavailable.hover, .DTExperience input[type="email"].small.unavailable:active, .DTExperience input[type="email"].small.unavailable.active { cursor: default; color: #4b4b4b; border: 1px solid #d0d0d0; border-top: 1px solid #c6c6c6; background: white; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; } /* line 39, ../../sass/base/inputfields/_classes.scss */ .DTExperience input[type="email"], .DTExperience input[type="email"].default { font-size: 1.6em; height: 1.875em; -webkit-border-radius: 0.20833em; -moz-border-radius: 0.20833em; -ms-border-radius: 0.20833em; -o-border-radius: 0.20833em; border-radius: 0.20833em; padding: 0 0.625em; border: 1px solid #d0d0d0; border-top: 1px solid #c6c6c6; background: white; color: #4b4b4b; font-family: TeleGrotesk; width: 100%; -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0 1px 2px 0 inset, white 0 1px 0 0; -moz-box-shadow: rgba(0, 0, 0, 0.15) 0 1px 2px 0 inset, white 0 1px 0 0; box-shadow: rgba(0, 0, 0, 0.15) 0 1px 2px 0 inset, white 0 1px 0 0; } /* line 51, ../../sass/base/inputfields/_mixins.scss */ .DTExperience input[type="email"]:hover, .DTExperience input[type="email"].hover, .DTExperience input[type="email"].default:hover, .DTExperience input[type="email"].default.hover { background: #ededed; border: 1px solid #bfbfbf; border-top: 1px solid #b5b5b5; } /* line 56, ../../sass/base/inputfields/_mixins.scss */ .DTExperience input[type="email"]:focus, .DTExperience input[type="email"].default:focus { outline: none; background: white; border: 1px solid #bfbfbf; border-top: 1px solid #b5b5b5; } /* line 62, ../../sass/base/inputfields/_mixins.scss */ .DTExperience input[type="email"]:active, .DTExperience input[type="email"].active, .DTExperience input[type="email"].default:active, .DTExperience input[type="email"].default.active { background: #d9d9d9; border: 1px solid #ababab; border-top: 1px solid #a1a1a1; } /* line 68, ../../sass/base/inputfields/_mixins.scss */ .DTExperience input[type="email"].validate-positive, .DTExperience input[type="email"].default.validate-positive { color: #4b4b4b; background: #f7fbf4; border-color: #5c991f; } /* line 72, ../../sass/base/inputfields/_mixins.scss */ .DTExperience input[type="email"].validate-positive:hover, .DTExperience input[type="email"].validate-positive.hover, .DTExperience input[type="email"].default.validate-positive:hover, .DTExperience input[type="email"].default.validate-positive.hover { background: #e4e8e1; border-color: #51871b; } /* line 76, ../../sass/base/inputfields/_mixins.scss */ .DTExperience input[type="email"].validate-positive:active, .DTExperience input[type="email"].validate-positive.active, .DTExperience input[type="email"].default.validate-positive:active, .DTExperience input[type="email"].default.validate-positive.active { background: #d3d6d0; border-color: #467517; } /* line 82, ../../sass/base/inputfields/_mixins.scss */ .DTExperience input[type="email"]::-webkit-input-placeholder, .DTExperience input[type="email"].default::-webkit-input-placeholder { color: #7c7c7c; } /* line 86, ../../sass/base/inputfields/_mixins.scss */ .DTExperience input[type="email"]:-moz-placeholder, .DTExperience input[type="email"].default:-moz-placeholder { color: #7c7c7c !important; } /* line 90, ../../sass/base/inputfields/_mixins.scss */ .DTExperience input[type="email"]:-ms-input-placeholder, .DTExperience input[type="email"].default:-ms-input-placeholder { color: #7c7c7c; } /* line 94, ../../sass/base/inputfields/_mixins.scss */ .DTExperience input[type="email"].validate-negative, .DTExperience input[type="email"].default.validate-negative { color: #4b4b4b; background: #fdf2f2; border-color: #bf0000; } /* line 98, ../../sass/base/inputfields/_mixins.scss */ .DTExperience input[type="email"].validate-negative:hover, .DTExperience input[type="email"].validate-negative.hover, .DTExperience input[type="email"].default.validate-negative:hover, .DTExperience input[type="email"].default.validate-negative.hover { background: #ebe1e1; border-color: #ad0000; } /* line 102, ../../sass/base/inputfields/_mixins.scss */ .DTExperience input[type="email"].validate-negative:active, .DTExperience input[type="email"].validate-negative.active, .DTExperience input[type="email"].default.validate-negative:active, .DTExperience input[type="email"].default.validate-negative.active { background: #d9d0d0; border-color: #9c0000; } /* line 184, ../../sass/base/inputfields/_mixins.scss */ .DTExperience input[type="email"]:disabled, .DTExperience input[type="email"].unavailable, .DTExperience input[type="email"].unavailable:hover, .DTExperience input[type="email"].unavailable:focus, .DTExperience input[type="email"].unavailable.hover, .DTExperience input[type="email"].unavailable:active, .DTExperience input[type="email"].unavailable.active, .DTExperience input[type="email"].default:disabled, .DTExperience input[type="email"].default.unavailable, .DTExperience input[type="email"].default.unavailable:hover, .DTExperience input[type="email"].default.unavailable:focus, .DTExperience input[type="email"].default.unavailable.hover, .DTExperience input[type="email"].default.unavailable:active, .DTExperience input[type="email"].default.unavailable.active { cursor: default; color: #4b4b4b; border: 1px solid #d0d0d0; border-top: 1px solid #c6c6c6; background: white; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; } /* line 42, ../../sass/base/inputfields/_classes.scss */ .DTExperience input[type="email"].large { font-size: 1.9em; height: 2.10526em; -webkit-border-radius: 0.17544em; -moz-border-radius: 0.17544em; -ms-border-radius: 0.17544em; -o-border-radius: 0.17544em; border-radius: 0.17544em; padding: 0 0.52632em; border: 1px solid #d0d0d0; border-top: 1px solid #c6c6c6; background: white; color: #4b4b4b; font-family: TeleGrotesk; width: 100%; -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0 1px 2px 0 inset, white 0 1px 0 0; -moz-box-shadow: rgba(0, 0, 0, 0.15) 0 1px 2px 0 inset, white 0 1px 0 0; box-shadow: rgba(0, 0, 0, 0.15) 0 1px 2px 0 inset, white 0 1px 0 0; } /* line 51, ../../sass/base/inputfields/_mixins.scss */ .DTExperience input[type="email"].large:hover, .DTExperience input[type="email"].large.hover { background: #ededed; border: 1px solid #bfbfbf; border-top: 1px solid #b5b5b5; } /* line 56, ../../sass/base/inputfields/_mixins.scss */ .DTExperience input[type="email"].large:focus { outline: none; background: white; border: 1px solid #bfbfbf; border-top: 1px solid #b5b5b5; } /* line 62, ../../sass/base/inputfields/_mixins.scss */ .DTExperience input[type="email"].large:active, .DTExperience input[type="email"].large.active { background: #d9d9d9; border: 1px solid #ababab; border-top: 1px solid #a1a1a1; } /* line 68, ../../sass/base/inputfields/_mixins.scss */ .DTExperience input[type="email"].large.validate-positive { color: #4b4b4b; background: #f7fbf4; border-color: #5c991f; } /* line 72, ../../sass/base/inputfields/_mixins.scss */ .DTExperience input[type="email"].large.validate-positive:hover, .DTExperience input[type="email"].large.validate-positive.hover { background: #e4e8e1; border-color: #51871b; } /* line 76, ../../sass/base/inputfields/_mixins.scss */ .DTExperience input[type="email"].large.validate-positive:active, .DTExperience input[type="email"].large.validate-positive.active { background: #d3d6d0; border-color: #467517; } /* line 82, ../../sass/base/inputfields/_mixins.scss */ .DTExperience input[type="email"].large::-webkit-input-placeholder { color: #7c7c7c; } /* line 86, ../../sass/base/inputfields/_mixins.scss */ .DTExperience input[type="email"].large:-moz-placeholder { color: #7c7c7c !important; } /* line 90, ../../sass/base/inputfields/_mixins.scss */ .DTExperience input[type="email"].large:-ms-input-placeholder { color: #7c7c7c; } /* line 94, ../../sass/base/inputfields/_mixins.scss */ .DTExperience input[type="email"].large.validate-negative { color: #4b4b4b; background: #fdf2f2; border-color: #bf0000; } /* line 98, ../../sass/base/inputfields/_mixins.scss */ .DTExperience input[type="email"].large.validate-negative:hover, .DTExperience input[type="email"].large.validate-negative.hover { background: #ebe1e1; border-color: #ad0000; } /* line 102, ../../sass/base/inputfields/_mixins.scss */ .DTExperience input[type="email"].large.validate-negative:active, .DTExperience input[type="email"].large.validate-negative.active { background: #d9d0d0; border-color: #9c0000; } /* line 184, ../../sass/base/inputfields/_mixins.scss */ .DTExperience input[type="email"].large:disabled, .DTExperience input[type="email"].large.unavailable, .DTExperience input[type="email"].large.unavailable:hover, .DTExperience input[type="email"].large.unavailable:focus, .DTExperience input[type="email"].large.unavailable.hover, .DTExperience input[type="email"].large.unavailable:active, .DTExperience input[type="email"].large.unavailable.active { cursor: default; color: #4b4b4b; border: 1px solid #d0d0d0; border-top: 1px solid #c6c6c6; background: white; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; } /* line 36, ../../sass/base/inputfields/_classes.scss */ .DTExperience input[type="url"].small { font-size: 1.3em; height: 1.92308em; -webkit-border-radius: 0.25641em; -moz-border-radius: 0.25641em; -ms-border-radius: 0.25641em; -o-border-radius: 0.25641em; border-radius: 0.25641em; padding: 0 0.76923em; border: 1px solid #d0d0d0; border-top: 1px solid #c6c6c6; background: white; color: #4b4b4b; font-family: TeleGrotesk; width: 100%; -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0 1px 2px 0 inset, white 0 1px 0 0; -moz-box-shadow: rgba(0, 0, 0, 0.15) 0 1px 2px 0 inset, white 0 1px 0 0; box-shadow: rgba(0, 0, 0, 0.15) 0 1px 2px 0 inset, white 0 1px 0 0; } /* line 51, ../../sass/base/inputfields/_mixins.scss */ .DTExperience input[type="url"].small:hover, .DTExperience input[type="url"].small.hover { background: #ededed; border: 1px solid #bfbfbf; border-top: 1px solid #b5b5b5; } /* line 56, ../../sass/base/inputfields/_mixins.scss */ .DTExperience input[type="url"].small:focus { outline: none; background: white; border: 1px solid #bfbfbf; border-top: 1px solid #b5b5b5; } /* line 62, ../../sass/base/inputfields/_mixins.scss */ .DTExperience input[type="url"].small:active, .DTExperience input[type="url"].small.active { background: #d9d9d9; border: 1px solid #ababab; border-top: 1px solid #a1a1a1; } /* line 68, ../../sass/base/inputfields/_mixins.scss */ .DTExperience input[type="url"].small.validate-positive { color: #4b4b4b; background: #f7fbf4; border-color: #5c991f; } /* line 72, ../../sass/base/inputfields/_mixins.scss */ .DTExperience input[type="url"].small.validate-positive:hover, .DTExperience input[type="url"].small.validate-positive.hover { background: #e4e8e1; border-color: #51871b; } /* line 76, ../../sass/base/inputfields/_mixins.scss */ .DTExperience input[type="url"].small.validate-positive:active, .DTExperience input[type="url"].small.validate-positive.active { background: #d3d6d0; border-color: #467517; } /* line 82, ../../sass/base/inputfields/_mixins.scss */ .DTExperience input[type="url"].small::-webkit-input-placeholder { color: #7c7c7c; } /* line 86, ../../sass/base/inputfields/_mixins.scss */ .DTExperience input[type="url"].small:-moz-placeholder { color: #7c7c7c !important; } /* line 90, ../../sass/base/inputfields/_mixins.scss */ .DTExperience input[type="url"].small:-ms-input-placeholder { color: #7c7c7c; } /* line 94, ../../sass/base/inputfields/_mixins.scss */ .DTExperience input[type="url"].small.validate-negative { color: #4b4b4b; background: #fdf2f2; border-color: #bf0000; } /* line 98, ../../sass/base/inputfields/_mixins.scss */ .DTExperience input[type="url"].small.validate-negative:hover, .DTExperience input[type="url"].small.validate-negative.hover { background: #ebe1e1; border-color: #ad0000; } /* line 102, ../../sass/base/inputfields/_mixins.scss */ .DTExperience input[type="url"].small.validate-negative:active, .DTExperience input[type="url"].small.validate-negative.active { background: #d9d0d0; border-color: #9c0000; } /* line 184, ../../sass/base/inputfields/_mixins.scss */ .DTExperience input[type="url"].small:disabled, .DTExperience input[type="url"].small.unavailable, .DTExperience input[type="url"].small.unavailable:hover, .DTExperience input[type="url"].small.unavailable:focus, .DTExperience input[type="url"].small.unavailable.hover, .DTExperience input[type="url"].small.unavailable:active, .DTExperience input[type="url"].small.unavailable.active { cursor: default; color: #4b4b4b; border: 1px solid #d0d0d0; border-top: 1px solid #c6c6c6; background: white; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; } /* line 39, ../../sass/base/inputfields/_classes.scss */ .DTExperience input[type="url"], .DTExperience input[type="url"].default { font-size: 1.6em; height: 1.875em; -webkit-border-radius: 0.20833em; -moz-border-radius: 0.20833em; -ms-border-radius: 0.20833em; -o-border-radius: 0.20833em; border-radius: 0.20833em; padding: 0 0.625em; border: 1px solid #d0d0d0; border-top: 1px solid #c6c6c6; background: white; color: #4b4b4b; font-family: TeleGrotesk; width: 100%; -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0 1px 2px 0 inset, white 0 1px 0 0; -moz-box-shadow: rgba(0, 0, 0, 0.15) 0 1px 2px 0 inset, white 0 1px 0 0; box-shadow: rgba(0, 0, 0, 0.15) 0 1px 2px 0 inset, white 0 1px 0 0; } /* line 51, ../../sass/base/inputfields/_mixins.scss */ .DTExperience input[type="url"]:hover, .DTExperience input[type="url"].hover, .DTExperience input[type="url"].default:hover, .DTExperience input[type="url"].default.hover { background: #ededed; border: 1px solid #bfbfbf; border-top: 1px solid #b5b5b5; } /* line 56, ../../sass/base/inputfields/_mixins.scss */ .DTExperience input[type="url"]:focus, .DTExperience input[type="url"].default:focus { outline: none; background: white; border: 1px solid #bfbfbf; border-top: 1px solid #b5b5b5; } /* line 62, ../../sass/base/inputfields/_mixins.scss */ .DTExperience input[type="url"]:active, .DTExperience input[type="url"].active, .DTExperience input[type="url"].default:active, .DTExperience input[type="url"].default.active { background: #d9d9d9; border: 1px solid #ababab; border-top: 1px solid #a1a1a1; } /* line 68, ../../sass/base/inputfields/_mixins.scss */ .DTExperience input[type="url"].validate-positive, .DTExperience input[type="url"].default.validate-positive { color: #4b4b4b; background: #f7fbf4; border-color: #5c991f; } /* line 72, ../../sass/base/inputfields/_mixins.scss */ .DTExperience input[type="url"].validate-positive:hover, .DTExperience input[type="url"].validate-positive.hover, .DTExperience input[type="url"].default.validate-positive:hover, .DTExperience input[type="url"].default.validate-positive.hover { background: #e4e8e1; border-color: #51871b; } /* line 76, ../../sass/base/inputfields/_mixins.scss */ .DTExperience input[type="url"].validate-positive:active, .DTExperience input[type="url"].validate-positive.active, .DTExperience input[type="url"].default.validate-positive:active, .DTExperience input[type="url"].default.validate-positive.active { background: #d3d6d0; border-color: #467517; } /* line 82, ../../sass/base/inputfields/_mixins.scss */ .DTExperience input[type="url"]::-webkit-input-placeholder, .DTExperience input[type="url"].default::-webkit-input-placeholder { color: #7c7c7c; } /* line 86, ../../sass/base/inputfields/_mixins.scss */ .DTExperience input[type="url"]:-moz-placeholder, .DTExperience input[type="url"].default:-moz-placeholder { color: #7c7c7c !important; } /* line 90, ../../sass/base/inputfields/_mixins.scss */ .DTExperience input[type="url"]:-ms-input-placeholder, .DTExperience input[type="url"].default:-ms-input-placeholder { color: #7c7c7c; } /* line 94, ../../sass/base/inputfields/_mixins.scss */ .DTExperience input[type="url"].validate-negative, .DTExperience input[type="url"].default.validate-negative { color: #4b4b4b; background: #fdf2f2; border-color: #bf0000; } /* line 98, ../../sass/base/inputfields/_mixins.scss */ .DTExperience input[type="url"].validate-negative:hover, .DTExperience input[type="url"].validate-negative.hover, .DTExperience input[type="url"].default.validate-negative:hover, .DTExperience input[type="url"].default.validate-negative.hover { background: #ebe1e1; border-color: #ad0000; } /* line 102, ../../sass/base/inputfields/_mixins.scss */ .DTExperience input[type="url"].validate-negative:active, .DTExperience input[type="url"].validate-negative.active, .DTExperience input[type="url"].default.validate-negative:active, .DTExperience input[type="url"].default.validate-negative.active { background: #d9d0d0; border-color: #9c0000; } /* line 184, ../../sass/base/inputfields/_mixins.scss */ .DTExperience input[type="url"]:disabled, .DTExperience input[type="url"].unavailable, .DTExperience input[type="url"].unavailable:hover, .DTExperience input[type="url"].unavailable:focus, .DTExperience input[type="url"].unavailable.hover, .DTExperience input[type="url"].unavailable:active, .DTExperience input[type="url"].unavailable.active, .DTExperience input[type="url"].default:disabled, .DTExperience input[type="url"].default.unavailable, .DTExperience input[type="url"].default.unavailable:hover, .DTExperience input[type="url"].default.unavailable:focus, .DTExperience input[type="url"].default.unavailable.hover, .DTExperience input[type="url"].default.unavailable:active, .DTExperience input[type="url"].default.unavailable.active { cursor: default; color: #4b4b4b; border: 1px solid #d0d0d0; border-top: 1px solid #c6c6c6; background: white; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; } /* line 42, ../../sass/base/inputfields/_classes.scss */ .DTExperience input[type="url"].large { font-size: 1.9em; height: 2.10526em; -webkit-border-radius: 0.17544em; -moz-border-radius: 0.17544em; -ms-border-radius: 0.17544em; -o-border-radius: 0.17544em; border-radius: 0.17544em; padding: 0 0.52632em; border: 1px solid #d0d0d0; border-top: 1px solid #c6c6c6; background: white; color: #4b4b4b; font-family: TeleGrotesk; width: 100%; -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0 1px 2px 0 inset, white 0 1px 0 0; -moz-box-shadow: rgba(0, 0, 0, 0.15) 0 1px 2px 0 inset, white 0 1px 0 0; box-shadow: rgba(0, 0, 0, 0.15) 0 1px 2px 0 inset, white 0 1px 0 0; } /* line 51, ../../sass/base/inputfields/_mixins.scss */ .DTExperience input[type="url"].large:hover, .DTExperience input[type="url"].large.hover { background: #ededed; border: 1px solid #bfbfbf; border-top: 1px solid #b5b5b5; } /* line 56, ../../sass/base/inputfields/_mixins.scss */ .DTExperience input[type="url"].large:focus { outline: none; background: white; border: 1px solid #bfbfbf; border-top: 1px solid #b5b5b5; } /* line 62, ../../sass/base/inputfields/_mixins.scss */ .DTExperience input[type="url"].large:active, .DTExperience input[type="url"].large.active { background: #d9d9d9; border: 1px solid #ababab; border-top: 1px solid #a1a1a1; } /* line 68, ../../sass/base/inputfields/_mixins.scss */ .DTExperience input[type="url"].large.validate-positive { color: #4b4b4b; background: #f7fbf4; border-color: #5c991f; } /* line 72, ../../sass/base/inputfields/_mixins.scss */ .DTExperience input[type="url"].large.validate-positive:hover, .DTExperience input[type="url"].large.validate-positive.hover { background: #e4e8e1; border-color: #51871b; } /* line 76, ../../sass/base/inputfields/_mixins.scss */ .DTExperience input[type="url"].large.validate-positive:active, .DTExperience input[type="url"].large.validate-positive.active { background: #d3d6d0; border-color: #467517; } /* line 82, ../../sass/base/inputfields/_mixins.scss */ .DTExperience input[type="url"].large::-webkit-input-placeholder { color: #7c7c7c; } /* line 86, ../../sass/base/inputfields/_mixins.scss */ .DTExperience input[type="url"].large:-moz-placeholder { color: #7c7c7c !important; } /* line 90, ../../sass/base/inputfields/_mixins.scss */ .DTExperience input[type="url"].large:-ms-input-placeholder { color: #7c7c7c; } /* line 94, ../../sass/base/inputfields/_mixins.scss */ .DTExperience input[type="url"].large.validate-negative { color: #4b4b4b; background: #fdf2f2; border-color: #bf0000; } /* line 98, ../../sass/base/inputfields/_mixins.scss */ .DTExperience input[type="url"].large.validate-negative:hover, .DTExperience input[type="url"].large.validate-negative.hover { background: #ebe1e1; border-color: #ad0000; } /* line 102, ../../sass/base/inputfields/_mixins.scss */ .DTExperience input[type="url"].large.validate-negative:active, .DTExperience input[type="url"].large.validate-negative.active { background: #d9d0d0; border-color: #9c0000; } /* line 184, ../../sass/base/inputfields/_mixins.scss */ .DTExperience input[type="url"].large:disabled, .DTExperience input[type="url"].large.unavailable, .DTExperience input[type="url"].large.unavailable:hover, .DTExperience input[type="url"].large.unavailable:focus, .DTExperience input[type="url"].large.unavailable.hover, .DTExperience input[type="url"].large.unavailable:active, .DTExperience input[type="url"].large.unavailable.active { cursor: default; color: #4b4b4b; border: 1px solid #d0d0d0; border-top: 1px solid #c6c6c6; background: white; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; } /* line 67, ../../sass/base/inputfields/_classes.scss */ .DTExperience .input_text_button-group { position: relative; } /* line 205, ../../sass/base/inputfields/_mixins.scss */ .DTExperience .input_text_button-group input[type='text'], .DTExperience .input_text_button-group input[type='password'], .DTExperience .input_text_button-group input[type='url'], .DTExperience .input_text_button-group input[type='email'] { display: block; } /* line 208, ../../sass/base/inputfields/_mixins.scss */ .DTExperience .input_text_button-group input[type='text'].small, .DTExperience .input_text_button-group input[type='password'].small, .DTExperience .input_text_button-group input[type='url'].small, .DTExperience .input_text_button-group input[type='email'].small { padding-right: 2.69231em; } /* line 212, ../../sass/base/inputfields/_mixins.scss */ .DTExperience .input_text_button-group input[type='text'], .DTExperience .input_text_button-group input[type='text'].default, .DTExperience .input_text_button-group input[type='password'], .DTExperience .input_text_button-group input[type='password'].default, .DTExperience .input_text_button-group input[type='url'], .DTExperience .input_text_button-group input[type='url'].default, .DTExperience .input_text_button-group input[type='email'], .DTExperience .input_text_button-group input[type='email'].default { padding-right: 2.5em; } /* line 216, ../../sass/base/inputfields/_mixins.scss */ .DTExperience .input_text_button-group input[type='text'].large, .DTExperience .input_text_button-group input[type='password'].large, .DTExperience .input_text_button-group input[type='url'].large, .DTExperience .input_text_button-group input[type='email'].large { padding-right: 2.63158em; } /* line 222, ../../sass/base/inputfields/_mixins.scss */ .DTExperience .input_text_button-group [class^='button-'], .DTExperience .input_text_button-group [class*='button-'], .DTExperience .input_text_button-group button, .DTExperience .input_text_button-group .button, .DTExperience .input_text_button-group input[type='submit'] { -moz-border-radius-topleft: 0; -webkit-border-top-left-radius: 0; border-top-left-radius: 0; -moz-border-radius-bottomleft: 0; -webkit-border-bottom-left-radius: 0; border-bottom-left-radius: 0; position: absolute; right: 0; top: 0; } /* line 232, ../../sass/base/inputfields/_mixins.scss */ .DTExperience .input_text_button-group.button-with-text input[type='text'].small, .DTExperience .input_text_button-group.button-with-text input[type='password'].small, .DTExperience .input_text_button-group.button-with-text input[type='url'].small, .DTExperience .input_text_button-group.button-with-text input[type='email'].small { padding-right: 8.46154em; } /* line 236, ../../sass/base/inputfields/_mixins.scss */ .DTExperience .input_text_button-group.button-with-text input[type='text'], .DTExperience .input_text_button-group.button-with-text input[type='text'].default, .DTExperience .input_text_button-group.button-with-text input[type='password'], .DTExperience .input_text_button-group.button-with-text input[type='password'].default, .DTExperience .input_text_button-group.button-with-text input[type='url'], .DTExperience .input_text_button-group.button-with-text input[type='url'].default, .DTExperience .input_text_button-group.button-with-text input[type='email'], .DTExperience .input_text_button-group.button-with-text input[type='email'].default { padding-right: 6.875em; } /* line 240, ../../sass/base/inputfields/_mixins.scss */ .DTExperience .input_text_button-group.button-with-text input[type='text'].large, .DTExperience .input_text_button-group.button-with-text input[type='password'].large, .DTExperience .input_text_button-group.button-with-text input[type='url'].large, .DTExperience .input_text_button-group.button-with-text input[type='email'].large { padding-right: 5.78947em; } /* line 247, ../../sass/base/inputfields/_mixins.scss */ .DTExperience .input_text_button-group.button-with-text [class^='button-'].small, .DTExperience .input_text_button-group.button-with-text [class*='button-'].small, .DTExperience .input_text_button-group.button-with-text button.small, .DTExperience .input_text_button-group.button-with-text .button.small, .DTExperience .input_text_button-group.button-with-text input[type='submit'].small { width: 7.69231em; } /* line 251, ../../sass/base/inputfields/_mixins.scss */ .DTExperience .input_text_button-group.button-with-text [class^='button-'], .DTExperience .input_text_button-group.button-with-text [class^='button-'].default, .DTExperience .input_text_button-group.button-with-text [class*='button-'], .DTExperience .input_text_button-group.button-with-text [class*='button-'].default, .DTExperience .input_text_button-group.button-with-text button, .DTExperience .input_text_button-group.button-with-text button.default, .DTExperience .input_text_button-group.button-with-text .button, .DTExperience .input_text_button-group.button-with-text .button.default, .DTExperience .input_text_button-group.button-with-text input[type='submit'], .DTExperience .input_text_button-group.button-with-text input[type='submit'].default { width: 6.25em; } /* line 255, ../../sass/base/inputfields/_mixins.scss */ .DTExperience .input_text_button-group.button-with-text [class^='button-'].large, .DTExperience .input_text_button-group.button-with-text [class*='button-'].large, .DTExperience .input_text_button-group.button-with-text button.large, .DTExperience .input_text_button-group.button-with-text .button.large, .DTExperience .input_text_button-group.button-with-text input[type='submit'].large { width: 5.26316em; } /* line 259, ../../sass/base/inputfields/_mixins.scss */ .DTExperience .input_text_button-group.button-with-text [class^='button-'] .buttontext, .DTExperience .input_text_button-group.button-with-text [class*='button-'] .buttontext, .DTExperience .input_text_button-group.button-with-text button .buttontext, .DTExperience .input_text_button-group.button-with-text .button .buttontext, .DTExperience .input_text_button-group.button-with-text input[type='submit'] .buttontext { display: block; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap; } /* line 14, ../../sass/base/labels/_classes.scss */ .DTExperience label, .DTExperience label.small { font-size: 1.3em; margin: 0; display: inline-block; } /* line 25, ../../sass/base/labels/_mixins.scss */ .DTExperience label.checkbox, .DTExperience label.radiobutton, .DTExperience label.small.checkbox, .DTExperience label.small.radiobutton { line-height: 1.15385em; } /* line 15, ../../sass/base/labels/_classes.scss */ .DTExperience label.default { font-size: 1.6em; margin: 0; display: inline-block; } /* line 44, ../../sass/base/labels/_mixins.scss */ .DTExperience label.default.checkbox { line-height: 1.25em; } /* line 49, ../../sass/base/labels/_mixins.scss */ .DTExperience label.default.radiobutton { line-height: 1.05em; } /* line 16, ../../sass/base/labels/_classes.scss */ .DTExperience label.large { font-size: 1.9em; margin: 0; display: inline-block; } /* line 62, ../../sass/base/labels/_mixins.scss */ .DTExperience label.large.checkbox, .DTExperience label.large.radiobutton { line-height: 1.57895em; } /* line 22, ../../sass/base/list/_classes.scss */ .DTExperience ul.list-decorated { margin: 0; padding: 0; } /* line 564, ../../sass/base/list/_mixins.scss */ .DTExperience ul.list-decorated.tree li { height: auto; padding: 0; /* Specific styles for the IE 7 :before :after polyfill */ } /* line 571, ../../sass/base/list/_mixins.scss */ .DTExperience ul.list-decorated.tree li.has-sublist > a:before, .DTExperience ul.list-decorated.tree li.has-sublist > strong:before { font-family: Tele-Icon; content: '\a7'; margin-left: -1.6em; padding-right: 0.5em; font-size: 1.1em; } /* line 581, ../../sass/base/list/_mixins.scss */ .DTExperience ul.list-decorated.tree li.has-sublist > strong:before, .DTExperience ul.list-decorated.tree li.has-sublist > a.active:before { content: '\24'; } /* line 610, ../../sass/base/list/_mixins.scss */ .DTExperience ul.list-decorated.tree li ul { padding: 0 !important; } /* line 615, ../../sass/base/list/_mixins.scss */ .DTExperience ul.list-decorated.tree li > a { -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-in; -moz-transition-timing-function: ease-in; -o-transition-timing-function: ease-in; transition-timing-function: ease-in; } /* line 619, ../../sass/base/list/_mixins.scss */ .DTExperience ul.list-decorated.tree li > a.hover, .DTExperience ul.list-decorated.tree li > a:hover { background: #ededed; } /* line 623, ../../sass/base/list/_mixins.scss */ .DTExperience ul.list-decorated.tree li > a.click, .DTExperience ul.list-decorated.tree li > a:active { background: #d9d9d9; } /* line 629, ../../sass/base/list/_mixins.scss */ html.no-js .DTExperience ul.list-decorated.tree li > a { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; } /* line 632, ../../sass/base/list/_mixins.scss */ html.no-js .DTExperience ul.list-decorated.tree li > a:hover { text-decoration: underline; background: none; } /* line 637, ../../sass/base/list/_mixins.scss */ html.no-js .DTExperience ul.list-decorated.tree li > a:active { color: #e20074; background: none; } /* line 651, ../../sass/base/list/_mixins.scss */ .DTExperience ul.list-decorated.tree li strong, .DTExperience ul.list-decorated.tree li a { line-height: normal; padding: 1.1em 1em 0.9em 2.5em; display: block; font-family: TeleGrotesk, Arial, sans-serif; } /* line 656, ../../sass/base/list/_mixins.scss */ .DTExperience ul.list-decorated.tree li strong span, .DTExperience ul.list-decorated.tree li a span { line-height: 1.2; font-size: 1.6em; } /* line 663, ../../sass/base/list/_mixins.scss */ .DTExperience ul.list-decorated.tree li .active, .DTExperience ul.list-decorated.tree li strong { color: #e20074; } /* line 669, ../../sass/base/list/_mixins.scss */ .DTExperience ul.list-decorated.tree li .active-b, .DTExperience ul.list-decorated.tree li .active-b:hover, .DTExperience ul.list-decorated.tree li .active-b:active { color: white; background: #e20074; font-weight: normal; } /* line 680, ../../sass/base/list/_mixins.scss */ .DTExperience ul.list-decorated.tree li li { border-top-width: 1px; border-bottom-width: 0; } /* line 695, ../../sass/base/list/_mixins.scss */ .DTExperience ul.list-decorated.tree li .level2 li a, .DTExperience ul.list-decorated.tree li .level2 li strong { padding-left: 4em; } /* line 710, ../../sass/base/list/_mixins.scss */ .DTExperience ul.list-decorated.tree li .level3 li + li { border-top-width: 0; } /* line 713, ../../sass/base/list/_mixins.scss */ .DTExperience ul.list-decorated.tree li .level3 li a, .DTExperience ul.list-decorated.tree li .level3 li strong { padding-left: 5.8em; } /* line 715, ../../sass/base/list/_mixins.scss */ .DTExperience ul.list-decorated.tree li .level3 li a span, .DTExperience ul.list-decorated.tree li .level3 li strong span { font-size: 1.328em; } /* line 723, ../../sass/base/list/_mixins.scss */ html.js .DTExperience ul.list-decorated.tree li:hover { cursor: pointer; } /* line 733, ../../sass/base/list/_mixins.scss */ html.js .DTExperience ul.list-decorated.tree li a.active + ul { display: block; } /* line 69, ../../sass/base/list/_mixins.scss */ .DTExperience ul.list-decorated .structured { border-bottom: 1px solid #d1d1d1; background-color: #f6f5dc; } /* line 546, ../../sass/base/list/_mixins.scss */ .DTExperience ul.list-decorated .structured:hover, .DTExperience ul.list-decorated .structured.hover, .DTExperience ul.list-decorated .structured:focus { background-color: #e3e3ca; } /* line 549, ../../sass/base/list/_mixins.scss */ .DTExperience ul.list-decorated .structured:active, .DTExperience ul.list-decorated .structured.active, .DTExperience ul.list-decorated .structured.click { background-color: #cfceb8; } /* line 76, ../../sass/base/list/_mixins.scss */ .DTExperience ul.list-decorated.unavailable li:hover, .DTExperience ul.list-decorated.unavailable li.hover, .DTExperience ul.list-decorated.unavailable li:active, .DTExperience ul.list-decorated.unavailable li.active { background: inherit; } /* line 77, ../../sass/base/list/_mixins.scss */ .DTExperience ul.list-decorated.unavailable li:hover, .DTExperience ul.list-decorated.unavailable li:hover a:hover, .DTExperience ul.list-decorated.unavailable li.hover, .DTExperience ul.list-decorated.unavailable li.hover a:hover, .DTExperience ul.list-decorated.unavailable li:active, .DTExperience ul.list-decorated.unavailable li:active a:hover, .DTExperience ul.list-decorated.unavailable li.active, .DTExperience ul.list-decorated.unavailable li.active a:hover { cursor: default !important; } /* line 98, ../../sass/base/list/_mixins.scss */ .DTExperience ul.list-decorated.small li { height: 3em; line-height: 2.4em; padding: 0.3em 1em; list-style: none; margin: 0; border-width: 0; border-bottom-width: 1px; border-style: solid; background: white; border-color: gainsboro; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; } /* line 491, ../../sass/base/list/_mixins.scss */ .DTExperience ul.list-decorated.small li.hover { background: #ededed; cursor: pointer; -webkit-transition-duration: 0.1s; -moz-transition-duration: 0.1s; -o-transition-duration: 0.1s; transition-duration: 0.1s; -webkit-transition-timing-function: ease-in; -moz-transition-timing-function: ease-in; -o-transition-timing-function: ease-in; transition-timing-function: ease-in; } /* line 505, ../../sass/base/list/_mixins.scss */ .DTExperience ul.list-decorated.small li.click { background: #d9d9d9; } /* line 510, ../../sass/base/list/_mixins.scss */ .DTExperience ul.list-decorated.small li.active { background: #e20074; } /* line 513, ../../sass/base/list/_mixins.scss */ .DTExperience ul.list-decorated.small li.active, .DTExperience ul.list-decorated.small li.active a, .DTExperience ul.list-decorated.small li.active .list-item-description { color: white; } /* line 519, ../../sass/base/list/_mixins.scss */ .DTExperience ul.list-decorated.small li.active-b, .DTExperience ul.list-decorated.small li.active-b a { color: #e20074; } /* line 526, ../../sass/base/list/_mixins.scss */ html.no-js .DTExperience ul.list-decorated.small li a:hover .list-item-title { text-decoration: underline; } /* line 529, ../../sass/base/list/_mixins.scss */ html.no-js .DTExperience ul.list-decorated.small li a:active .list-item-title { color: #e20074; } /* line 268, ../../sass/custom/_global_mixins.scss */ .DTExperience ul.list-decorated.small li a { color: #4b4b4b; } /* line 270, ../../sass/custom/_global_mixins.scss */ .DTExperience ul.list-decorated.small li a:hover { text-decoration: none; } /* line 175, ../../sass/base/list/_mixins.scss */ .DTExperience ul.list-decorated.small li .list-item-title { font-size: 1.6em; display: block; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap; } /* line 188, ../../sass/base/list/_mixins.scss */ .DTExperience ul.list-decorated.small li .list-item-description { font-size: 1.3em; } /* line 196, ../../sass/base/list/_mixins.scss */ .DTExperience ul.list-decorated.small li .list-item-text-wrap { float: none; } /* line 198, ../../sass/base/list/_mixins.scss */ .DTExperience ul.list-decorated.small li .list-item-text-wrap .list-item-title { float: none; } /* line 204, ../../sass/base/list/_mixins.scss */ .DTExperience ul.list-decorated.small li.available { background: white; } /* line 207, ../../sass/base/list/_mixins.scss */ .DTExperience ul.list-decorated.small li.focus { background: #ededed; } /* line 210, ../../sass/base/list/_mixins.scss */ .DTExperience ul.list-decorated.small li.taking-input { background: #d9d9d9; } /* line 213, ../../sass/base/list/_mixins.scss */ .DTExperience ul.list-decorated.small li.input-done { background: #ededed; } /* line 219, ../../sass/base/list/_mixins.scss */ .DTExperience ul.list-decorated.small li.unavailable, .DTExperience ul.list-decorated.small li.unavailable:hover, .DTExperience ul.list-decorated.small li.unavailable.active, .DTExperience ul.list-decorated.small li.unavailable a:hover { cursor: default; background: inherit; } /* line 226, ../../sass/base/list/_mixins.scss */ .DTExperience ul.list-decorated.small li .right { float: right; } /* line 230, ../../sass/base/list/_mixins.scss */ .DTExperience ul.list-decorated.small li .right.hidden { display: none; visibility: visible; } /* line 238, ../../sass/base/list/_mixins.scss */ .DTExperience ul.list-decorated.small li:hover .right.hidden { display: block; } /* line 327, ../../sass/base/list/_mixins.scss */ .DTExperience ul.list-decorated.small li .list-icon { float: left; width: 1.59em; height: 1.59em; margin-right: 1em; margin-top: 0.4em; overflow: hidden; } /* line 336, ../../sass/base/list/_mixins.scss */ .DTExperience ul.list-decorated.small li .graphic-single { float: left; width: 3.6em; height: 2.4em; margin-right: 1em; overflow: hidden; } /* line 344, ../../sass/base/list/_mixins.scss */ .DTExperience ul.list-decorated.small li .graphic-multi { float: left; width: 2.4em; height: 2.4em; margin-right: 1em; overflow: hidden; } /* line 353, ../../sass/base/list/_mixins.scss */ .DTExperience ul.list-decorated.small li .list-item-description { display: none; } /* line 103, ../../sass/base/list/_mixins.scss */ .DTExperience ul.list-decorated li, .DTExperience ul.list-decorated.default li { height: 4em; line-height: 3.2em; padding: 0.4em 1em; list-style: none; margin: 0; border-width: 0; border-bottom-width: 1px; border-style: solid; background: white; border-color: gainsboro; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; } /* line 491, ../../sass/base/list/_mixins.scss */ .DTExperience ul.list-decorated li.hover, .DTExperience ul.list-decorated.default li.hover { background: #ededed; cursor: pointer; -webkit-transition-duration: 0.1s; -moz-transition-duration: 0.1s; -o-transition-duration: 0.1s; transition-duration: 0.1s; -webkit-transition-timing-function: ease-in; -moz-transition-timing-function: ease-in; -o-transition-timing-function: ease-in; transition-timing-function: ease-in; } /* line 505, ../../sass/base/list/_mixins.scss */ .DTExperience ul.list-decorated li.click, .DTExperience ul.list-decorated.default li.click { background: #d9d9d9; } /* line 510, ../../sass/base/list/_mixins.scss */ .DTExperience ul.list-decorated li.active, .DTExperience ul.list-decorated.default li.active { background: #e20074; } /* line 513, ../../sass/base/list/_mixins.scss */ .DTExperience ul.list-decorated li.active, .DTExperience ul.list-decorated li.active a, .DTExperience ul.list-decorated li.active .list-item-description, .DTExperience ul.list-decorated.default li.active, .DTExperience ul.list-decorated.default li.active a, .DTExperience ul.list-decorated.default li.active .list-item-description { color: white; } /* line 519, ../../sass/base/list/_mixins.scss */ .DTExperience ul.list-decorated li.active-b, .DTExperience ul.list-decorated li.active-b a, .DTExperience ul.list-decorated.default li.active-b, .DTExperience ul.list-decorated.default li.active-b a { color: #e20074; } /* line 526, ../../sass/base/list/_mixins.scss */ html.no-js .DTExperience ul.list-decorated li a:hover .list-item-title, html.no-js .DTExperience ul.list-decorated.default li a:hover .list-item-title { text-decoration: underline; } /* line 529, ../../sass/base/list/_mixins.scss */ html.no-js .DTExperience ul.list-decorated li a:active .list-item-title, html.no-js .DTExperience ul.list-decorated.default li a:active .list-item-title { color: #e20074; } /* line 268, ../../sass/custom/_global_mixins.scss */ .DTExperience ul.list-decorated li a, .DTExperience ul.list-decorated.default li a { color: #4b4b4b; } /* line 270, ../../sass/custom/_global_mixins.scss */ .DTExperience ul.list-decorated li a:hover, .DTExperience ul.list-decorated.default li a:hover { text-decoration: none; } /* line 175, ../../sass/base/list/_mixins.scss */ .DTExperience ul.list-decorated li .list-item-title, .DTExperience ul.list-decorated.default li .list-item-title { font-size: 1.6em; display: block; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap; } /* line 188, ../../sass/base/list/_mixins.scss */ .DTExperience ul.list-decorated li .list-item-description, .DTExperience ul.list-decorated.default li .list-item-description { font-size: 1.3em; } /* line 196, ../../sass/base/list/_mixins.scss */ .DTExperience ul.list-decorated li .list-item-text-wrap, .DTExperience ul.list-decorated.default li .list-item-text-wrap { float: none; } /* line 198, ../../sass/base/list/_mixins.scss */ .DTExperience ul.list-decorated li .list-item-text-wrap .list-item-title, .DTExperience ul.list-decorated.default li .list-item-text-wrap .list-item-title { float: none; } /* line 204, ../../sass/base/list/_mixins.scss */ .DTExperience ul.list-decorated li.available, .DTExperience ul.list-decorated.default li.available { background: white; } /* line 207, ../../sass/base/list/_mixins.scss */ .DTExperience ul.list-decorated li.focus, .DTExperience ul.list-decorated.default li.focus { background: #ededed; } /* line 210, ../../sass/base/list/_mixins.scss */ .DTExperience ul.list-decorated li.taking-input, .DTExperience ul.list-decorated.default li.taking-input { background: #d9d9d9; } /* line 213, ../../sass/base/list/_mixins.scss */ .DTExperience ul.list-decorated li.input-done, .DTExperience ul.list-decorated.default li.input-done { background: #ededed; } /* line 219, ../../sass/base/list/_mixins.scss */ .DTExperience ul.list-decorated li.unavailable, .DTExperience ul.list-decorated li.unavailable:hover, .DTExperience ul.list-decorated li.unavailable.active, .DTExperience ul.list-decorated li.unavailable a:hover, .DTExperience ul.list-decorated.default li.unavailable, .DTExperience ul.list-decorated.default li.unavailable:hover, .DTExperience ul.list-decorated.default li.unavailable.active, .DTExperience ul.list-decorated.default li.unavailable a:hover { cursor: default; background: inherit; } /* line 226, ../../sass/base/list/_mixins.scss */ .DTExperience ul.list-decorated li .right, .DTExperience ul.list-decorated.default li .right { float: right; } /* line 230, ../../sass/base/list/_mixins.scss */ .DTExperience ul.list-decorated li .right.hidden, .DTExperience ul.list-decorated.default li .right.hidden { display: none; visibility: visible; } /* line 238, ../../sass/base/list/_mixins.scss */ .DTExperience ul.list-decorated li:hover .right.hidden, .DTExperience ul.list-decorated.default li:hover .right.hidden { display: block; } /* line 370, ../../sass/base/list/_mixins.scss */ .DTExperience ul.list-decorated li .list-icon, .DTExperience ul.list-decorated.default li .list-icon { float: left; width: 2.4em; height: 2.4em; margin-right: 1em; margin-top: 0.4em; overflow: hidden; } /* line 379, ../../sass/base/list/_mixins.scss */ .DTExperience ul.list-decorated li .graphic-single, .DTExperience ul.list-decorated.default li .graphic-single { float: left; width: 4.8em; height: 3.2em; margin-right: 1em; overflow: hidden; } /* line 386, ../../sass/base/list/_mixins.scss */ .DTExperience ul.list-decorated li .graphic-single.shadowed, .DTExperience ul.list-decorated.default li .graphic-single.shadowed { -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px 1px; -moz-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px 1px; box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px 1px; } /* line 391, ../../sass/base/list/_mixins.scss */ .DTExperience ul.list-decorated li .graphic-multi, .DTExperience ul.list-decorated.default li .graphic-multi { float: left; width: 3.2em; height: 3.2em; margin-right: 1em; overflow: hidden; } /* line 399, ../../sass/base/list/_mixins.scss */ .DTExperience ul.list-decorated li .list-item-description, .DTExperience ul.list-decorated.default li .list-item-description { display: none; } /* line 108, ../../sass/base/list/_mixins.scss */ .DTExperience ul.list-decorated.large li, .DTExperience ul.list-decorated.x-large li { height: 5em; line-height: 4em; padding: 0.5em 1em; list-style: none; margin: 0; border-width: 0; border-bottom-width: 1px; border-style: solid; background: white; border-color: gainsboro; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; } /* line 491, ../../sass/base/list/_mixins.scss */ .DTExperience ul.list-decorated.large li.hover, .DTExperience ul.list-decorated.x-large li.hover { background: #ededed; cursor: pointer; -webkit-transition-duration: 0.1s; -moz-transition-duration: 0.1s; -o-transition-duration: 0.1s; transition-duration: 0.1s; -webkit-transition-timing-function: ease-in; -moz-transition-timing-function: ease-in; -o-transition-timing-function: ease-in; transition-timing-function: ease-in; } /* line 505, ../../sass/base/list/_mixins.scss */ .DTExperience ul.list-decorated.large li.click, .DTExperience ul.list-decorated.x-large li.click { background: #d9d9d9; } /* line 510, ../../sass/base/list/_mixins.scss */ .DTExperience ul.list-decorated.large li.active, .DTExperience ul.list-decorated.x-large li.active { background: #e20074; } /* line 513, ../../sass/base/list/_mixins.scss */ .DTExperience ul.list-decorated.large li.active, .DTExperience ul.list-decorated.large li.active a, .DTExperience ul.list-decorated.large li.active .list-item-description, .DTExperience ul.list-decorated.x-large li.active, .DTExperience ul.list-decorated.x-large li.active a, .DTExperience ul.list-decorated.x-large li.active .list-item-description { color: white; } /* line 519, ../../sass/base/list/_mixins.scss */ .DTExperience ul.list-decorated.large li.active-b, .DTExperience ul.list-decorated.large li.active-b a, .DTExperience ul.list-decorated.x-large li.active-b, .DTExperience ul.list-decorated.x-large li.active-b a { color: #e20074; } /* line 526, ../../sass/base/list/_mixins.scss */ html.no-js .DTExperience ul.list-decorated.large li a:hover .list-item-title, html.no-js .DTExperience ul.list-decorated.x-large li a:hover .list-item-title { text-decoration: underline; } /* line 529, ../../sass/base/list/_mixins.scss */ html.no-js .DTExperience ul.list-decorated.large li a:active .list-item-title, html.no-js .DTExperience ul.list-decorated.x-large li a:active .list-item-title { color: #e20074; } /* line 268, ../../sass/custom/_global_mixins.scss */ .DTExperience ul.list-decorated.large li a, .DTExperience ul.list-decorated.x-large li a { color: #4b4b4b; } /* line 270, ../../sass/custom/_global_mixins.scss */ .DTExperience ul.list-decorated.large li a:hover, .DTExperience ul.list-decorated.x-large li a:hover { text-decoration: none; } /* line 175, ../../sass/base/list/_mixins.scss */ .DTExperience ul.list-decorated.large li .list-item-title, .DTExperience ul.list-decorated.x-large li .list-item-title { font-size: 1.6em; display: block; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap; } /* line 188, ../../sass/base/list/_mixins.scss */ .DTExperience ul.list-decorated.large li .list-item-description, .DTExperience ul.list-decorated.x-large li .list-item-description { font-size: 1.3em; } /* line 196, ../../sass/base/list/_mixins.scss */ .DTExperience ul.list-decorated.large li .list-item-text-wrap, .DTExperience ul.list-decorated.x-large li .list-item-text-wrap { float: none; } /* line 198, ../../sass/base/list/_mixins.scss */ .DTExperience ul.list-decorated.large li .list-item-text-wrap .list-item-title, .DTExperience ul.list-decorated.x-large li .list-item-text-wrap .list-item-title { float: none; } /* line 204, ../../sass/base/list/_mixins.scss */ .DTExperience ul.list-decorated.large li.available, .DTExperience ul.list-decorated.x-large li.available { background: white; } /* line 207, ../../sass/base/list/_mixins.scss */ .DTExperience ul.list-decorated.large li.focus, .DTExperience ul.list-decorated.x-large li.focus { background: #ededed; } /* line 210, ../../sass/base/list/_mixins.scss */ .DTExperience ul.list-decorated.large li.taking-input, .DTExperience ul.list-decorated.x-large li.taking-input { background: #d9d9d9; } /* line 213, ../../sass/base/list/_mixins.scss */ .DTExperience ul.list-decorated.large li.input-done, .DTExperience ul.list-decorated.x-large li.input-done { background: #ededed; } /* line 219, ../../sass/base/list/_mixins.scss */ .DTExperience ul.list-decorated.large li.unavailable, .DTExperience ul.list-decorated.large li.unavailable:hover, .DTExperience ul.list-decorated.large li.unavailable.active, .DTExperience ul.list-decorated.large li.unavailable a:hover, .DTExperience ul.list-decorated.x-large li.unavailable, .DTExperience ul.list-decorated.x-large li.unavailable:hover, .DTExperience ul.list-decorated.x-large li.unavailable.active, .DTExperience ul.list-decorated.x-large li.unavailable a:hover { cursor: default; background: inherit; } /* line 226, ../../sass/base/list/_mixins.scss */ .DTExperience ul.list-decorated.large li .right, .DTExperience ul.list-decorated.x-large li .right { float: right; } /* line 230, ../../sass/base/list/_mixins.scss */ .DTExperience ul.list-decorated.large li .right.hidden, .DTExperience ul.list-decorated.x-large li .right.hidden { display: none; visibility: visible; } /* line 238, ../../sass/base/list/_mixins.scss */ .DTExperience ul.list-decorated.large li:hover .right.hidden, .DTExperience ul.list-decorated.x-large li:hover .right.hidden { display: block; } /* line 416, ../../sass/base/list/_mixins.scss */ .DTExperience ul.list-decorated.large li .list-icon, .DTExperience ul.list-decorated.x-large li .list-icon { float: left; width: 3.2em; height: 3.2em; margin-right: 1em; margin-top: 0.4em; overflow: hidden; } /* line 426, ../../sass/base/list/_mixins.scss */ .DTExperience ul.list-decorated.large li .list-icon + .list-item-text-wrap, .DTExperience ul.list-decorated.x-large li .list-icon + .list-item-text-wrap { display: block; padding-left: 4.2em; } /* line 432, ../../sass/base/list/_mixins.scss */ .DTExperience ul.list-decorated.large li .graphic-single, .DTExperience ul.list-decorated.x-large li .graphic-single { float: left; width: 6em; height: 4em; margin-right: 1em; overflow: hidden; } /* line 442, ../../sass/base/list/_mixins.scss */ .DTExperience ul.list-decorated.large li .graphic-single.shadowed, .DTExperience ul.list-decorated.x-large li .graphic-single.shadowed { -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px 1px; -moz-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px 1px; box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px 1px; } /* line 446, ../../sass/base/list/_mixins.scss */ .DTExperience ul.list-decorated.large li .graphic-single + .list-item-text-wrap, .DTExperience ul.list-decorated.x-large li .graphic-single + .list-item-text-wrap { display: block; padding-left: 7em; } /* line 452, ../../sass/base/list/_mixins.scss */ .DTExperience ul.list-decorated.large li .graphic-multi, .DTExperience ul.list-decorated.x-large li .graphic-multi { float: left; width: 4em; height: 4em; margin-right: 1em; overflow: hidden; } /* line 463, ../../sass/base/list/_mixins.scss */ .DTExperience ul.list-decorated.large li .graphic-multi + .list-item-text-wrap, .DTExperience ul.list-decorated.x-large li .graphic-multi + .list-item-text-wrap { display: block; padding-left: 5em; } /* line 469, ../../sass/base/list/_mixins.scss */ .DTExperience ul.list-decorated.large li .list-item-description, .DTExperience ul.list-decorated.x-large li .list-item-description { display: none; } /* line 474, ../../sass/base/list/_mixins.scss */ .DTExperience ul.list-decorated.x-large li .list-icon, .DTExperience ul.list-decorated.x-large li .graphic-single, .DTExperience ul.list-decorated.x-large li .graphic-multi { margin-top: 0.4em; } /* line 116, ../../sass/base/list/_mixins.scss */ .DTExperience ul.list-decorated.multi-line { overflow: auto; } /* line 118, ../../sass/base/list/_mixins.scss */ .DTExperience ul.list-decorated.multi-line li { height: auto; width: 100%; padding-top: 0.7em; padding-bottom: 0.7em; } /* line 256, ../../sass/base/list/_mixins.scss */ .DTExperience ul.list-decorated.multi-line li .list-icon { float: left; margin-top: 0.2em; } /* line 261, ../../sass/base/list/_mixins.scss */ .DTExperience ul.list-decorated.multi-line li .list-item-text-wrap { display: block; float: none; min-height: 3.5em; } /* line 267, ../../sass/base/list/_mixins.scss */ .DTExperience ul.list-decorated.multi-line li .list-item-title { display: block; line-height: 1.2; } /* line 272, ../../sass/base/list/_mixins.scss */ .DTExperience ul.list-decorated.multi-line li .list-item-description { display: block; line-height: 1.2; color: #8c8c8c; } /* line 278, ../../sass/base/list/_mixins.scss */ .DTExperience ul.list-decorated.multi-line li a { float: none; } /* line 127, ../../sass/base/list/_mixins.scss */ .DTExperience ul.list-decorated.abbreviate-after-one-line li .list-item-description { display: block; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap; } /* line 137, ../../sass/base/list/_mixins.scss */ .DTExperience ul.list-decorated li a { display: block; } /* line 1, ../../sass/base/modal_window/_classes.scss */ .DTExperience #modal-bg { position: fixed; top: 0; left: 0; height: 100%; width: 100%; z-index: 9998; background: rgba(0, 0, 0, 0.5); } /* line 5, ../../sass/base/modal_window/_classes.scss */ .DTExperience #modal-window { position: fixed; top: 0; left: 0; z-index: 9999; width: 100%; } /* line 8, ../../sass/base/modal_window/_mixins.scss */ .DTExperience #modal-window #modal { padding-top: 1em; margin: 3em; border: 1px solid #d0d0d0; -webkit-border-radius: 0.5em; -moz-border-radius: 0.5em; -ms-border-radius: 0.5em; -o-border-radius: 0.5em; border-radius: 0.5em; position: relative; background: #fff; -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 10px 15px, rgba(0, 0, 0, 0.2) 0 25px 15px -15px; -moz-box-shadow: rgba(0, 0, 0, 0.3) 0 10px 15px, rgba(0, 0, 0, 0.2) 0 25px 15px -15px; box-shadow: rgba(0, 0, 0, 0.3) 0 10px 15px, rgba(0, 0, 0, 0.2) 0 25px 15px -15px; } /* line 22, ../../sass/base/modal_window/_mixins.scss */ .DTExperience #modal-window #modal .modal-close { position: absolute; top: 0.5em; right: 0.5em; } /* line 28, ../../sass/base/modal_window/_mixins.scss */ .DTExperience #modal-window #modal .modal-content { padding: 2em; overflow-y: auto; } /* line 33, ../../sass/base/modal_window/_mixins.scss */ .DTExperience #modal-window #modal .modal-footer { border-top: 1px solid #d0d0d0; padding: 1em 2em; min-height: 4em; } /* line 9, ../../sass/base/modal_window/_classes.scss */ .DTExperience #dialog_bg { position: fixed; top: 0; left: 0; height: 100%; width: 100%; z-index: 9998; background: rgba(0, 0, 0, 0.5); } /* line 13, ../../sass/base/modal_window/_classes.scss */ .DTExperience #dialog_window { position: fixed; top: 0; left: 0; z-index: 9999; width: 100%; -webkit-box-sizing: padding-box; -moz-box-sizing: padding-box; box-sizing: padding-box; margin: 0 auto; padding: 3em; } /* line 75, ../../sass/base/modal_window/_mixins.scss */ .DTExperience #dialog_window #dialog { height: 100% !important; margin: 0 auto; border: 1px solid #d0d0d0; -webkit-border-radius: 0.5em; -moz-border-radius: 0.5em; -ms-border-radius: 0.5em; -o-border-radius: 0.5em; border-radius: 0.5em; position: relative; background: #fff; -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 10px 15px, rgba(0, 0, 0, 0.2) 0 25px 15px -15px; -moz-box-shadow: rgba(0, 0, 0, 0.3) 0 10px 15px, rgba(0, 0, 0, 0.2) 0 25px 15px -15px; box-shadow: rgba(0, 0, 0, 0.3) 0 10px 15px, rgba(0, 0, 0, 0.2) 0 25px 15px -15px; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* line 96, ../../sass/base/modal_window/_mixins.scss */ .DTExperience #dialog_window #dialog #dialog_close { position: absolute; top: 0.5em; right: 0.5em; z-index: 5; } /* line 103, ../../sass/base/modal_window/_mixins.scss */ .DTExperience #dialog_window #dialog #dialog_content { margin-top: 6em; overflow: auto; height: 100%; margin-bottom: 6em; } /* line 110, ../../sass/base/modal_window/_mixins.scss */ .DTExperience #dialog_window #dialog #dialog_footer { clear: both; border-top: 1px solid #d0d0d0; padding: 1em 2em; min-height: 4em; } /* line 116, ../../sass/base/modal_window/_mixins.scss */ .DTExperience #dialog_window #dialog #dialog_footer p { margin: 0; } /* line 122, ../../sass/base/modal_window/_mixins.scss */ .DTExperience #dialog_window #dialog #dialog_footer, .DTExperience #dialog_window #dialog #dialog_title { width: 100%; position: absolute; left: 0; } /* line 127, ../../sass/base/modal_window/_mixins.scss */ .DTExperience #dialog_window #dialog #dialog_title { top: 0; } /* line 130, ../../sass/base/modal_window/_mixins.scss */ .DTExperience #dialog_window #dialog #dialog_footer { bottom: 0; -webkit-box-sizing: padding-box; -moz-box-sizing: padding-box; box-sizing: padding-box; } /* line 26, ../../sass/base/radiobuttons/_classes.scss */ .DTExperience .radiobuttonwrap.small { height: 1.5em; display: inline-block; position: relative; z-index: 1; } /* line 11, ../../sass/base/radiobuttons/_mixins.scss */ .DTExperience .radiobuttonwrap.small [class^="icon-radiobutton"], .DTExperience .radiobuttonwrap.small [class*=" icon-radiobutton"] { font-family: Tele-Icon; position: absolute; top: 0; left: 0; line-height: 1; } /* line 19, ../../sass/base/radiobuttons/_mixins.scss */ .DTExperience .radiobuttonwrap.small .icon-radiobutton_outer { color: white; top: 1px; left: 1px; z-index: 50; cursor: pointer; } /* line 27, ../../sass/base/radiobuttons/_mixins.scss */ .DTExperience .radiobuttonwrap.small .icon-radiobutton_outer.after { top: 0; left: 0; z-index: 48; color: #d0d0d0; text-shadow: none; } /* line 35, ../../sass/base/radiobuttons/_mixins.scss */ .DTExperience .radiobuttonwrap.small .icon-radiobutton_inner { z-index: 99; color: #e20074; display: none; } /* line 41, ../../sass/base/radiobuttons/_mixins.scss */ .DTExperience .radiobuttonwrap.small.checked .icon-radiobutton_inner { display: inline-block; } /* line 46, ../../sass/base/radiobuttons/_mixins.scss */ .DTExperience .radiobuttonwrap.small .icon-radiobutton_shadow { z-index: 999; color: #d0d0d0; text-shadow: 0 0 2px rgba(0, 0, 0, 0.6); opacity: 0.9; } /* line 57, ../../sass/base/radiobuttons/_mixins.scss */ .DTExperience .radiobuttonwrap.small .radiobutton { cursor: pointer; } /* line 61, ../../sass/base/radiobuttons/_mixins.scss */ .DTExperience .radiobuttonwrap.small .radiobutton:hover .icon-radiobutton_outer, .DTExperience .radiobuttonwrap.small .radiobutton.hover .icon-radiobutton_outer { color: #ededed; } /* line 64, ../../sass/base/radiobuttons/_mixins.scss */ .DTExperience .radiobuttonwrap.small .radiobutton:hover .icon-radiobutton_outer.after, .DTExperience .radiobuttonwrap.small .radiobutton:hover .icon-radiobutton_shadow, .DTExperience .radiobuttonwrap.small .radiobutton.hover .icon-radiobutton_outer.after, .DTExperience .radiobuttonwrap.small .radiobutton.hover .icon-radiobutton_shadow { color: #bfbfbf; } /* line 71, ../../sass/base/radiobuttons/_mixins.scss */ .DTExperience .radiobuttonwrap.small .radiobutton:active .icon-radiobutton_outer, .DTExperience .radiobuttonwrap.small .radiobutton.active .icon-radiobutton_outer { color: #d9d9d9; } /* line 74, ../../sass/base/radiobuttons/_mixins.scss */ .DTExperience .radiobuttonwrap.small .radiobutton:active .icon-radiobutton_outer.after, .DTExperience .radiobuttonwrap.small .radiobutton:active .icon-radiobutton_shadow, .DTExperience .radiobuttonwrap.small .radiobutton.active .icon-radiobutton_outer.after, .DTExperience .radiobuttonwrap.small .radiobutton.active .icon-radiobutton_shadow { color: #ababab; } /* line 80, ../../sass/base/radiobuttons/_mixins.scss */ .DTExperience .radiobuttonwrap.small.unavailable { cursor: default; } /* line 99, ../../sass/base/radiobuttons/_mixins.scss */ .DTExperience .radiobuttonwrap.small .icon-radiobutton_outer { font-size: 1.1em; } /* line 103, ../../sass/base/radiobuttons/_mixins.scss */ .DTExperience .radiobuttonwrap.small .icon-radiobutton_outer.after, .DTExperience .radiobuttonwrap.small .icon-radiobutton_inner, .DTExperience .radiobuttonwrap.small .icon-radiobutton_shadow { font-size: 1.3em; } /* line 107, ../../sass/base/radiobuttons/_mixins.scss */ .DTExperience .radiobuttonwrap.small label { font-size: 1.3em; margin: 0; display: inline-block; line-height: 1.15385em; padding-left: 1.73077em; cursor: pointer; } /* line 25, ../../sass/base/labels/_mixins.scss */ .DTExperience .radiobuttonwrap.small label.checkbox, .DTExperience .radiobuttonwrap.small label.radiobutton { line-height: 1.15385em; } /* line 27, ../../sass/base/radiobuttons/_classes.scss */ .DTExperience .radiobuttonwrap, .DTExperience .radiobuttonwrap.default { height: 2em; display: inline-block; position: relative; z-index: 1; } /* line 11, ../../sass/base/radiobuttons/_mixins.scss */ .DTExperience .radiobuttonwrap [class^="icon-radiobutton"], .DTExperience .radiobuttonwrap [class*=" icon-radiobutton"], .DTExperience .radiobuttonwrap.default [class^="icon-radiobutton"], .DTExperience .radiobuttonwrap.default [class*=" icon-radiobutton"] { font-family: Tele-Icon; position: absolute; top: 0; left: 0; line-height: 1; } /* line 19, ../../sass/base/radiobuttons/_mixins.scss */ .DTExperience .radiobuttonwrap .icon-radiobutton_outer, .DTExperience .radiobuttonwrap.default .icon-radiobutton_outer { color: white; top: 1px; left: 1px; z-index: 50; cursor: pointer; } /* line 27, ../../sass/base/radiobuttons/_mixins.scss */ .DTExperience .radiobuttonwrap .icon-radiobutton_outer.after, .DTExperience .radiobuttonwrap.default .icon-radiobutton_outer.after { top: 0; left: 0; z-index: 48; color: #d0d0d0; text-shadow: none; } /* line 35, ../../sass/base/radiobuttons/_mixins.scss */ .DTExperience .radiobuttonwrap .icon-radiobutton_inner, .DTExperience .radiobuttonwrap.default .icon-radiobutton_inner { z-index: 99; color: #e20074; display: none; } /* line 41, ../../sass/base/radiobuttons/_mixins.scss */ .DTExperience .radiobuttonwrap.checked .icon-radiobutton_inner, .DTExperience .radiobuttonwrap.default.checked .icon-radiobutton_inner { display: block; } /* line 46, ../../sass/base/radiobuttons/_mixins.scss */ .DTExperience .radiobuttonwrap .icon-radiobutton_shadow, .DTExperience .radiobuttonwrap.default .icon-radiobutton_shadow { z-index: 999; color: #d0d0d0; text-shadow: 0 0 2px rgba(0, 0, 0, 0.6); opacity: 0.9; } /* line 57, ../../sass/base/radiobuttons/_mixins.scss */ .DTExperience .radiobuttonwrap .radiobutton, .DTExperience .radiobuttonwrap.default .radiobutton { cursor: pointer; } /* line 61, ../../sass/base/radiobuttons/_mixins.scss */ .DTExperience .radiobuttonwrap .radiobutton:hover .icon-radiobutton_outer, .DTExperience .radiobuttonwrap .radiobutton.hover .icon-radiobutton_outer, .DTExperience .radiobuttonwrap.default .radiobutton:hover .icon-radiobutton_outer, .DTExperience .radiobuttonwrap.default .radiobutton.hover .icon-radiobutton_outer { color: #ededed; } /* line 64, ../../sass/base/radiobuttons/_mixins.scss */ .DTExperience .radiobuttonwrap .radiobutton:hover .icon-radiobutton_outer.after, .DTExperience .radiobuttonwrap .radiobutton:hover .icon-radiobutton_shadow, .DTExperience .radiobuttonwrap .radiobutton.hover .icon-radiobutton_outer.after, .DTExperience .radiobuttonwrap .radiobutton.hover .icon-radiobutton_shadow, .DTExperience .radiobuttonwrap.default .radiobutton:hover .icon-radiobutton_outer.after, .DTExperience .radiobuttonwrap.default .radiobutton:hover .icon-radiobutton_shadow, .DTExperience .radiobuttonwrap.default .radiobutton.hover .icon-radiobutton_outer.after, .DTExperience .radiobuttonwrap.default .radiobutton.hover .icon-radiobutton_shadow { color: #bfbfbf; } /* line 71, ../../sass/base/radiobuttons/_mixins.scss */ .DTExperience .radiobuttonwrap .radiobutton:active .icon-radiobutton_outer, .DTExperience .radiobuttonwrap .radiobutton.active .icon-radiobutton_outer, .DTExperience .radiobuttonwrap.default .radiobutton:active .icon-radiobutton_outer, .DTExperience .radiobuttonwrap.default .radiobutton.active .icon-radiobutton_outer { color: #d9d9d9; } /* line 74, ../../sass/base/radiobuttons/_mixins.scss */ .DTExperience .radiobuttonwrap .radiobutton:active .icon-radiobutton_outer.after, .DTExperience .radiobuttonwrap .radiobutton:active .icon-radiobutton_shadow, .DTExperience .radiobuttonwrap .radiobutton.active .icon-radiobutton_outer.after, .DTExperience .radiobuttonwrap .radiobutton.active .icon-radiobutton_shadow, .DTExperience .radiobuttonwrap.default .radiobutton:active .icon-radiobutton_outer.after, .DTExperience .radiobuttonwrap.default .radiobutton:active .icon-radiobutton_shadow, .DTExperience .radiobuttonwrap.default .radiobutton.active .icon-radiobutton_outer.after, .DTExperience .radiobuttonwrap.default .radiobutton.active .icon-radiobutton_shadow { color: #ababab; } /* line 80, ../../sass/base/radiobuttons/_mixins.scss */ .DTExperience .radiobuttonwrap.unavailable, .DTExperience .radiobuttonwrap.default.unavailable { cursor: default; } /* line 127, ../../sass/base/radiobuttons/_mixins.scss */ .DTExperience .radiobuttonwrap .icon-radiobutton_outer, .DTExperience .radiobuttonwrap.default .icon-radiobutton_outer { font-size: 1.6em; } /* line 131, ../../sass/base/radiobuttons/_mixins.scss */ .DTExperience .radiobuttonwrap .icon-radiobutton_outer.after, .DTExperience .radiobuttonwrap .icon-radiobutton_inner, .DTExperience .radiobuttonwrap .icon-radiobutton_shadow, .DTExperience .radiobuttonwrap.default .icon-radiobutton_outer.after, .DTExperience .radiobuttonwrap.default .icon-radiobutton_inner, .DTExperience .radiobuttonwrap.default .icon-radiobutton_shadow { font-size: 1.8em; } /* line 135, ../../sass/base/radiobuttons/_mixins.scss */ .DTExperience .radiobuttonwrap label, .DTExperience .radiobuttonwrap.default label { font-size: 1.6em; margin: 0; display: inline-block; line-height: 1.25em; padding-left: 1.875em; cursor: pointer; } /* line 44, ../../sass/base/labels/_mixins.scss */ .DTExperience .radiobuttonwrap label.checkbox, .DTExperience .radiobuttonwrap.default label.checkbox { line-height: 1.25em; } /* line 49, ../../sass/base/labels/_mixins.scss */ .DTExperience .radiobuttonwrap label.radiobutton, .DTExperience .radiobuttonwrap.default label.radiobutton { line-height: 1.05em; } /* line 28, ../../sass/base/radiobuttons/_classes.scss */ .DTExperience .radiobuttonwrap.large { height: 3em; display: inline-block; position: relative; z-index: 1; } /* line 11, ../../sass/base/radiobuttons/_mixins.scss */ .DTExperience .radiobuttonwrap.large [class^="icon-radiobutton"], .DTExperience .radiobuttonwrap.large [class*=" icon-radiobutton"] { font-family: Tele-Icon; position: absolute; top: 0; left: 0; line-height: 1; } /* line 19, ../../sass/base/radiobuttons/_mixins.scss */ .DTExperience .radiobuttonwrap.large .icon-radiobutton_outer { color: white; top: 1px; left: 1px; z-index: 50; cursor: pointer; } /* line 27, ../../sass/base/radiobuttons/_mixins.scss */ .DTExperience .radiobuttonwrap.large .icon-radiobutton_outer.after { top: 0; left: 0; z-index: 48; color: #d0d0d0; text-shadow: none; } /* line 35, ../../sass/base/radiobuttons/_mixins.scss */ .DTExperience .radiobuttonwrap.large .icon-radiobutton_inner { z-index: 99; color: #e20074; display: none; } /* line 41, ../../sass/base/radiobuttons/_mixins.scss */ .DTExperience .radiobuttonwrap.large.checked .icon-radiobutton_inner { display: block; } /* line 46, ../../sass/base/radiobuttons/_mixins.scss */ .DTExperience .radiobuttonwrap.large .icon-radiobutton_shadow { z-index: 999; color: #d0d0d0; text-shadow: 0 0 2px rgba(0, 0, 0, 0.6); opacity: 0.9; } /* line 57, ../../sass/base/radiobuttons/_mixins.scss */ .DTExperience .radiobuttonwrap.large .radiobutton { cursor: pointer; } /* line 61, ../../sass/base/radiobuttons/_mixins.scss */ .DTExperience .radiobuttonwrap.large .radiobutton:hover .icon-radiobutton_outer, .DTExperience .radiobuttonwrap.large .radiobutton.hover .icon-radiobutton_outer { color: #ededed; } /* line 64, ../../sass/base/radiobuttons/_mixins.scss */ .DTExperience .radiobuttonwrap.large .radiobutton:hover .icon-radiobutton_outer.after, .DTExperience .radiobuttonwrap.large .radiobutton:hover .icon-radiobutton_shadow, .DTExperience .radiobuttonwrap.large .radiobutton.hover .icon-radiobutton_outer.after, .DTExperience .radiobuttonwrap.large .radiobutton.hover .icon-radiobutton_shadow { color: #bfbfbf; } /* line 71, ../../sass/base/radiobuttons/_mixins.scss */ .DTExperience .radiobuttonwrap.large .radiobutton:active .icon-radiobutton_outer, .DTExperience .radiobuttonwrap.large .radiobutton.active .icon-radiobutton_outer { color: #d9d9d9; } /* line 74, ../../sass/base/radiobuttons/_mixins.scss */ .DTExperience .radiobuttonwrap.large .radiobutton:active .icon-radiobutton_outer.after, .DTExperience .radiobuttonwrap.large .radiobutton:active .icon-radiobutton_shadow, .DTExperience .radiobuttonwrap.large .radiobutton.active .icon-radiobutton_outer.after, .DTExperience .radiobuttonwrap.large .radiobutton.active .icon-radiobutton_shadow { color: #ababab; } /* line 80, ../../sass/base/radiobuttons/_mixins.scss */ .DTExperience .radiobuttonwrap.large.unavailable { cursor: default; } /* line 154, ../../sass/base/radiobuttons/_mixins.scss */ .DTExperience .radiobuttonwrap.large .icon-radiobutton_outer { font-size: 2.6em; } /* line 158, ../../sass/base/radiobuttons/_mixins.scss */ .DTExperience .radiobuttonwrap.large .icon-radiobutton_outer.after, .DTExperience .radiobuttonwrap.large .icon-radiobutton_inner, .DTExperience .radiobuttonwrap.large .icon-radiobutton_shadow { font-size: 2.8em; } /* line 162, ../../sass/base/radiobuttons/_mixins.scss */ .DTExperience .radiobuttonwrap.large label { font-size: 1.9em; margin: 0; display: inline-block; line-height: 1.57895em; padding-left: 2.36842em; cursor: pointer; } /* line 62, ../../sass/base/labels/_mixins.scss */ .DTExperience .radiobuttonwrap.large label.checkbox, .DTExperience .radiobuttonwrap.large label.radiobutton { line-height: 1.57895em; } /* line 13, ../../sass/base/tables/_classes.scss */ .DTExperience table.table-decorated { width: 100%; border-top: 1px solid #9a9a9a; border-collapse: separate; } /* line 71, ../../sass/base/tables/_mixins.scss */ .DTExperience table.table-decorated thead { font-size: 1.3em; height: 1.53846em; line-height: 1.53846em; } /* line 102, ../../sass/base/tables/_mixins.scss */ .DTExperience table.table-decorated thead th { background: #ededed; font-weight: normal; border-bottom: 1px solid white; padding: 0 0.76923em; vertical-align: middle; text-align: left; text-shadow: white 0px 1px 0; } /* line 135, ../../sass/base/tables/_mixins.scss */ .DTExperience table.table-decorated thead th.icon { width: 3.84615em; } /* line 144, ../../sass/base/tables/_mixins.scss */ .DTExperience table.table-decorated thead th + th { border-left: 1px solid white; } /* line 160, ../../sass/base/tables/_mixins.scss */ .DTExperience table.table-decorated tbody tr { height: 5em; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; } /* line 186, ../../sass/base/tables/_mixins.scss */ .DTExperience table.table-decorated tbody tr.hover { background: #ededed; cursor: pointer; -webkit-transition-duration: 0.1s; -moz-transition-duration: 0.1s; -o-transition-duration: 0.1s; transition-duration: 0.1s; -webkit-transition-timing-function: ease-in; -moz-transition-timing-function: ease-in; -o-transition-timing-function: ease-in; transition-timing-function: ease-in; } /* line 200, ../../sass/base/tables/_mixins.scss */ .DTExperience table.table-decorated tbody tr.click { background: #d9d9d9; } /* line 207, ../../sass/base/tables/_mixins.scss */ html.no-js .DTExperience table.table-decorated tbody tr .tr-title:hover { text-decoration: underline; } /* line 211, ../../sass/base/tables/_mixins.scss */ html.no-js .DTExperience table.table-decorated tbody tr .tr-title:active { color: #e20074; } /* line 216, ../../sass/base/tables/_mixins.scss */ .DTExperience table.table-decorated tbody tr td { font-size: 1.6em; padding: 0 0.625em; vertical-align: middle; text-align: left; padding-top: 0.625em; padding-bottom: 0.625em; border-bottom: 1px solid gainsboro; line-height: 1.1; } /* line 253, ../../sass/base/tables/_mixins.scss */ .DTExperience table.table-decorated tbody tr td .tr-title { line-height: 1.2; } /* line 256, ../../sass/base/tables/_mixins.scss */ .DTExperience table.table-decorated tbody tr td .tr-title img { margin-right: 0.3125em; } /* line 261, ../../sass/base/tables/_mixins.scss */ .DTExperience table.table-decorated tbody tr td .table-subtitle { display: block; color: #8c8c8c; font-size: 0.8125em; } /* line 276, ../../sass/base/tables/_mixins.scss */ .DTExperience table.table-decorated tbody tr td.table-reset-font-size { font-size: 1em; } /* line 281, ../../sass/base/tables/_mixins.scss */ .DTExperience table.table-decorated tbody tr td.centerd-table-content { text-align: center; } /* line 287, ../../sass/base/tables/_mixins.scss */ .DTExperience table.table-decorated tbody th { font-weight: normal; } /* line 268, ../../sass/custom/_global_mixins.scss */ .DTExperience table.table-decorated tbody a { color: #4b4b4b; } /* line 270, ../../sass/custom/_global_mixins.scss */ .DTExperience table.table-decorated tbody a:hover { text-decoration: none; } /* line 34, ../../sass/base/tables/_mixins.scss */ .DTExperience table.table-decorated.big-title .tr-title { font-size: 1.1875em; line-height: 1.3; } /* line 37, ../../sass/base/tables/_mixins.scss */ .DTExperience table.table-decorated.big-title .tr-title img { margin-right: 0.26316em; } /* line 42, ../../sass/base/tables/_mixins.scss */ .DTExperience table.table-decorated.big-title .table-subtitle { font-size: 1em; } /* line 48, ../../sass/base/tables/_mixins.scss */ .DTExperience table.table-decorated.button-bordered .clean { border: 1px solid #d0d0d0; } @media screen and (max-width: 480px) { /* line 407, ../../sass/base/tables/_mixins.scss */ .DTExperience table.table-decorated.no-more-table, .DTExperience table.table-decorated.no-more-table thead, .DTExperience table.table-decorated.no-more-table tbody, .DTExperience table.table-decorated.no-more-table th, .DTExperience table.table-decorated.no-more-table td, .DTExperience table.table-decorated.no-more-table tr { display: block; } /* line 411, ../../sass/base/tables/_mixins.scss */ .DTExperience table.table-decorated.no-more-table thead { position: absolute; } /* line 415, ../../sass/base/tables/_mixins.scss */ .DTExperience table.table-decorated.no-more-table thead tr { position: absolute; top: -9999px; left: -9999px; } /* line 421, ../../sass/base/tables/_mixins.scss */ .DTExperience table.table-decorated.no-more-table tr { border: 0; height: auto; border-top: 1px solid #bbb; } /* line 428, ../../sass/base/tables/_mixins.scss */ .DTExperience table.table-decorated.no-more-table td { /* Behave like a "row" */ border: none; border-top: 1px solid #eee; position: relative; padding-left: 35% !important; } /* line 434, ../../sass/base/tables/_mixins.scss */ .DTExperience table.table-decorated.no-more-table td.centerd-table-content { text-align: left; } /* line 439, ../../sass/base/tables/_mixins.scss */ .DTExperience table.table-decorated.no-more-table tr:first-child { border-top: 0; } /* line 440, ../../sass/base/tables/_mixins.scss */ .DTExperience table.table-decorated.no-more-table tr td:first-child { border-top: 0; } /* line 442, ../../sass/base/tables/_mixins.scss */ .DTExperience table.table-decorated.no-more-table .no-more-table-header { display: block; /* Now like a table header */ position: absolute; /* Top/left values mimic padding */ top: 0.625em; left: 0.625em; width: 30%; padding-right: 10px; white-space: nowrap; } /* line 454, ../../sass/base/tables/_mixins.scss */ .DTExperience table.table-decorated.no-more-table .table-reset-font-size .no-more-table-header { font-size: 1.6em; } /* line 393, ../../sass/base/tables/_mixins.scss */ .DTExperience table.table-decorated.unseen-columns .unseen-column { display: none; visibility: hidden; } /* line 331, ../../sass/base/tables/_mixins.scss */ .DTExperience table.table-decorated.table-scroll { /* sort out borders */ } /* line 332, ../../sass/base/tables/_mixins.scss */ .DTExperience table.table-decorated.table-scroll { display: block; position: relative; width: 100%; border-collapse: collapse; border-spacing: 0; } /* line 333, ../../sass/base/tables/_mixins.scss */ .DTExperience table.table-decorated.table-scroll .cf:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } /* line 334, ../../sass/base/tables/_mixins.scss */ .DTExperience table.table-decorated.table-scroll * html .cf { zoom: 1; } /* line 335, ../../sass/base/tables/_mixins.scss */ .DTExperience table.table-decorated.table-scroll *:first-child + html .cf { zoom: 1; } /* line 337, ../../sass/base/tables/_mixins.scss */ .DTExperience table.table-decorated.table-scroll th, .DTExperience table.table-decorated.table-scroll th.icon { text-align: right; padding: 0; font-size: 1.23077em; padding: 0.76923em; } /* line 347, ../../sass/base/tables/_mixins.scss */ .DTExperience table.table-decorated.table-scroll th, .DTExperience table.table-decorated.table-scroll th.icon, .DTExperience table.table-decorated.table-scroll td { margin: 0; /* vertical-align: top; */ display: block; width: auto; padding-top: 0.625em; padding-bottom: 0.625em; height: 3.125em; box-sizing: content-box; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; } /* line 366, ../../sass/base/tables/_mixins.scss */ .DTExperience table.table-decorated.table-scroll td.table-reset-font-size { padding-top: 1em; padding-bottom: 1em; height: 5em; } /* line 372, ../../sass/base/tables/_mixins.scss */ .DTExperience table.table-decorated.table-scroll thead { display: block; float: left; } /* line 373, ../../sass/base/tables/_mixins.scss */ .DTExperience table.table-decorated.table-scroll tbody { display: block; width: auto; position: relative; overflow-x: auto; white-space: nowrap; } /* line 374, ../../sass/base/tables/_mixins.scss */ .DTExperience table.table-decorated.table-scroll thead tr { display: block; height: auto; } /* line 375, ../../sass/base/tables/_mixins.scss */ .DTExperience table.table-decorated.table-scroll tbody tr { display: inline-block; vertical-align: top; height: auto; } /* line 380, ../../sass/base/tables/_mixins.scss */ .DTExperience table.table-decorated.table-scroll th { border-bottom: 0; border-left: 0; border-right: 1px solid #babcbf; } /* line 381, ../../sass/base/tables/_mixins.scss */ .DTExperience table.table-decorated.table-scroll td { border-left: 0; border-right: 0; border-bottom: 0; } /* line 382, ../../sass/base/tables/_mixins.scss */ .DTExperience table.table-decorated.table-scroll tbody tr { border-left: 1px solid gainsboro; } /* line 383, ../../sass/base/tables/_mixins.scss */ .DTExperience table.table-decorated.table-scroll tbody tr:first-child { border: 0; } /* line 384, ../../sass/base/tables/_mixins.scss */ .DTExperience table.table-decorated.table-scroll { border: 1px solid #babcbf; } /* line 65, ../../sass/base/tables/_classes.scss */ .DTExperience .image-grid > ul, .DTExperience ul.image-grid { margin: 0; padding: 0; } /* line 201, ../../sass/base/imagegrid/_mixins.scss */ .DTExperience .image-grid > ul > li, .DTExperience ul.image-grid > li { height: 3em; line-height: 2.4em; padding: 0.3em 1em; list-style: none; margin: 0; border-width: 0; border-bottom-width: 1px; border-style: solid; background: white; border-color: gainsboro; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; width: 100% !important; height: 3em !important; text-align: left; position: static; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; } /* line 491, ../../sass/base/list/_mixins.scss */ .DTExperience .image-grid > ul > li.hover, .DTExperience ul.image-grid > li.hover { background: #ededed; cursor: pointer; -webkit-transition-duration: 0.1s; -moz-transition-duration: 0.1s; -o-transition-duration: 0.1s; transition-duration: 0.1s; -webkit-transition-timing-function: ease-in; -moz-transition-timing-function: ease-in; -o-transition-timing-function: ease-in; transition-timing-function: ease-in; } /* line 505, ../../sass/base/list/_mixins.scss */ .DTExperience .image-grid > ul > li.click, .DTExperience ul.image-grid > li.click { background: #d9d9d9; } /* line 510, ../../sass/base/list/_mixins.scss */ .DTExperience .image-grid > ul > li.active, .DTExperience ul.image-grid > li.active { background: #e20074; } /* line 513, ../../sass/base/list/_mixins.scss */ .DTExperience .image-grid > ul > li.active, .DTExperience .image-grid > ul > li.active a, .DTExperience .image-grid > ul > li.active .list-item-description, .DTExperience ul.image-grid > li.active, .DTExperience ul.image-grid > li.active a, .DTExperience ul.image-grid > li.active .list-item-description { color: white; } /* line 519, ../../sass/base/list/_mixins.scss */ .DTExperience .image-grid > ul > li.active-b, .DTExperience .image-grid > ul > li.active-b a, .DTExperience ul.image-grid > li.active-b, .DTExperience ul.image-grid > li.active-b a { color: #e20074; } /* line 526, ../../sass/base/list/_mixins.scss */ html.no-js .DTExperience .image-grid > ul > li a:hover .list-item-title, html.no-js .DTExperience ul.image-grid > li a:hover .list-item-title { text-decoration: underline; } /* line 529, ../../sass/base/list/_mixins.scss */ html.no-js .DTExperience .image-grid > ul > li a:active .list-item-title, html.no-js .DTExperience ul.image-grid > li a:active .list-item-title { color: #e20074; } /* line 268, ../../sass/custom/_global_mixins.scss */ .DTExperience .image-grid > ul > li a, .DTExperience ul.image-grid > li a { color: #4b4b4b; } /* line 270, ../../sass/custom/_global_mixins.scss */ .DTExperience .image-grid > ul > li a:hover, .DTExperience ul.image-grid > li a:hover { text-decoration: none; } /* line 175, ../../sass/base/list/_mixins.scss */ .DTExperience .image-grid > ul > li .list-item-title, .DTExperience ul.image-grid > li .list-item-title { font-size: 1.6em; display: block; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap; } /* line 188, ../../sass/base/list/_mixins.scss */ .DTExperience .image-grid > ul > li .list-item-description, .DTExperience ul.image-grid > li .list-item-description { font-size: 1.3em; } /* line 196, ../../sass/base/list/_mixins.scss */ .DTExperience .image-grid > ul > li .list-item-text-wrap, .DTExperience ul.image-grid > li .list-item-text-wrap { float: none; } /* line 198, ../../sass/base/list/_mixins.scss */ .DTExperience .image-grid > ul > li .list-item-text-wrap .list-item-title, .DTExperience ul.image-grid > li .list-item-text-wrap .list-item-title { float: none; } /* line 204, ../../sass/base/list/_mixins.scss */ .DTExperience .image-grid > ul > li.available, .DTExperience ul.image-grid > li.available { background: white; } /* line 207, ../../sass/base/list/_mixins.scss */ .DTExperience .image-grid > ul > li.focus, .DTExperience ul.image-grid > li.focus { background: #ededed; } /* line 210, ../../sass/base/list/_mixins.scss */ .DTExperience .image-grid > ul > li.taking-input, .DTExperience ul.image-grid > li.taking-input { background: #d9d9d9; } /* line 213, ../../sass/base/list/_mixins.scss */ .DTExperience .image-grid > ul > li.input-done, .DTExperience ul.image-grid > li.input-done { background: #ededed; } /* line 219, ../../sass/base/list/_mixins.scss */ .DTExperience .image-grid > ul > li.unavailable, .DTExperience .image-grid > ul > li.unavailable:hover, .DTExperience .image-grid > ul > li.unavailable.active, .DTExperience .image-grid > ul > li.unavailable a:hover, .DTExperience ul.image-grid > li.unavailable, .DTExperience ul.image-grid > li.unavailable:hover, .DTExperience ul.image-grid > li.unavailable.active, .DTExperience ul.image-grid > li.unavailable a:hover { cursor: default; background: inherit; } /* line 226, ../../sass/base/list/_mixins.scss */ .DTExperience .image-grid > ul > li .right, .DTExperience ul.image-grid > li .right { float: right; } /* line 230, ../../sass/base/list/_mixins.scss */ .DTExperience .image-grid > ul > li .right.hidden, .DTExperience ul.image-grid > li .right.hidden { display: none; visibility: visible; } /* line 238, ../../sass/base/list/_mixins.scss */ .DTExperience .image-grid > ul > li:hover .right.hidden, .DTExperience ul.image-grid > li:hover .right.hidden { display: block; } /* line 327, ../../sass/base/list/_mixins.scss */ .DTExperience .image-grid > ul > li .list-icon, .DTExperience ul.image-grid > li .list-icon { float: left; width: 1.59em; height: 1.59em; margin-right: 1em; margin-top: 0.4em; overflow: hidden; } /* line 336, ../../sass/base/list/_mixins.scss */ .DTExperience .image-grid > ul > li .graphic-single, .DTExperience ul.image-grid > li .graphic-single { float: left; width: 3.6em; height: 2.4em; margin-right: 1em; overflow: hidden; } /* line 344, ../../sass/base/list/_mixins.scss */ .DTExperience .image-grid > ul > li .graphic-multi, .DTExperience ul.image-grid > li .graphic-multi { float: left; width: 2.4em; height: 2.4em; margin-right: 1em; overflow: hidden; } /* line 353, ../../sass/base/list/_mixins.scss */ .DTExperience .image-grid > ul > li .list-item-description, .DTExperience ul.image-grid > li .list-item-description { display: none; } /* line 214, ../../sass/base/imagegrid/_mixins.scss */ .DTExperience .image-grid > ul > li > a, .DTExperience ul.image-grid > li > a { height: 2.4em; position: static; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; } /* line 218, ../../sass/base/imagegrid/_mixins.scss */ .DTExperience .image-grid > ul > li > a:hover, .DTExperience .image-grid > ul > li > a.hover, .DTExperience ul.image-grid > li > a:hover, .DTExperience ul.image-grid > li > a.hover { background: none; } /* line 221, ../../sass/base/imagegrid/_mixins.scss */ .DTExperience .image-grid > ul > li > a:focus, .DTExperience .image-grid > ul > li > a.focus, .DTExperience ul.image-grid > li > a:focus, .DTExperience ul.image-grid > li > a.focus { background: none; } /* line 224, ../../sass/base/imagegrid/_mixins.scss */ .DTExperience .image-grid > ul > li > a:active, .DTExperience .image-grid > ul > li > a.taking-input, .DTExperience ul.image-grid > li > a:active, .DTExperience ul.image-grid > li > a.taking-input { background: none; } /* line 230, ../../sass/base/imagegrid/_mixins.scss */ .DTExperience .image-grid > ul > li .image, .DTExperience ul.image-grid > li .image { float: left; width: 2.4em; height: 2.4em; margin-right: 1em; overflow: hidden; padding: 0; position: static; bottom: 0; left: 0; } /* line 242, ../../sass/base/imagegrid/_mixins.scss */ .DTExperience .image-grid > ul > li .image img, .DTExperience ul.image-grid > li .image img { border: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; max-width: 100%; } /* line 250, ../../sass/base/imagegrid/_mixins.scss */ .DTExperience .image-grid > ul > li .title, .DTExperience ul.image-grid > li .title { font-size: 1.6em; position: static !important; width: auto !important; height: auto !important; line-height: 1.5em !important; } } /* line 25, ../../sass/base/textareas/_classes.scss */ .DTExperience textarea.small { font-size: 1.3em; height: 5.76923em; -webkit-border-radius: 0.25641em; -moz-border-radius: 0.25641em; -ms-border-radius: 0.25641em; -o-border-radius: 0.25641em; border-radius: 0.25641em; padding: 0.38462em 0.76923em; border: 1px solid #d0d0d0; border-top: 1px solid #c6c6c6; background: white; color: #4b4b4b; font-family: TeleGrotesk; vertical-align: middle; width: 100%; -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0 1px 2px 0 inset, white 0 1px 0 0; -moz-box-shadow: rgba(0, 0, 0, 0.15) 0 1px 2px 0 inset, white 0 1px 0 0; box-shadow: rgba(0, 0, 0, 0.15) 0 1px 2px 0 inset, white 0 1px 0 0; } /* line 52, ../../sass/base/textareas/_mixins.scss */ .DTExperience textarea.small:hover, .DTExperience textarea.small.hover { background: #ededed; border: 1px solid #bfbfbf; border-top: 1px solid #b5b5b5; } /* line 57, ../../sass/base/textareas/_mixins.scss */ .DTExperience textarea.small:focus { outline: none; background: white; border: 1px solid #bfbfbf; border-top: 1px solid #b5b5b5; } /* line 63, ../../sass/base/textareas/_mixins.scss */ .DTExperience textarea.small:active, .DTExperience textarea.small.active { background: #d9d9d9; border: 1px solid #ababab; border-top: 1px solid #a1a1a1; } /* line 69, ../../sass/base/textareas/_mixins.scss */ .DTExperience textarea.small.validate-positive { color: #4b4b4b; background: #f7fbf4; border-color: #5c991f; } /* line 73, ../../sass/base/textareas/_mixins.scss */ .DTExperience textarea.small.validate-positive:hover, .DTExperience textarea.small.validate-positive.hover { background: #e4e8e1; border-color: #51871b; } /* line 77, ../../sass/base/textareas/_mixins.scss */ .DTExperience textarea.small.validate-positive:active, .DTExperience textarea.small.validate-positive.active { background: #d3d6d0; border-color: #467517; } /* line 83, ../../sass/base/textareas/_mixins.scss */ .DTExperience textarea.small.validate-negative { color: #4b4b4b; background: #fdf2f2; border-color: #bf0000; } /* line 87, ../../sass/base/textareas/_mixins.scss */ .DTExperience textarea.small.validate-negative:hover, .DTExperience textarea.small.validate-negative.hover { background: #ebe1e1; border-color: #ad0000; } /* line 91, ../../sass/base/textareas/_mixins.scss */ .DTExperience textarea.small.validate-negative:active, .DTExperience textarea.small.validate-negative.active { background: #d9d0d0; border-color: #9c0000; } /* line 97, ../../sass/base/textareas/_mixins.scss */ .DTExperience textarea.small::-webkit-input-placeholder { color: #7c7c7c; } /* line 101, ../../sass/base/textareas/_mixins.scss */ .DTExperience textarea.small:-moz-placeholder { color: #7c7c7c !important; } /* line 105, ../../sass/base/textareas/_mixins.scss */ .DTExperience textarea.small:-ms-input-placeholder { color: #7c7c7c; } /* line 185, ../../sass/base/textareas/_mixins.scss */ .DTExperience textarea.small:disabled, .DTExperience textarea.small.unavailable, .DTExperience textarea.small.unavailable:hover, .DTExperience textarea.small.unavailable:focus, .DTExperience textarea.small.unavailable.hover, .DTExperience textarea.small.unavailable:active, .DTExperience textarea.small.unavailable.active { cursor: default; color: #4b4b4b; border: 1px solid #d0d0d0; border-top: 1px solid #c6c6c6; background: white; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; } /* line 26, ../../sass/base/textareas/_classes.scss */ .DTExperience textarea.default, .DTExperience textarea { font-size: 1.6em; height: 7.5em; -webkit-border-radius: 0.20833em; -moz-border-radius: 0.20833em; -ms-border-radius: 0.20833em; -o-border-radius: 0.20833em; border-radius: 0.20833em; padding: 0.3125em 0.625em; border: 1px solid #d0d0d0; border-top: 1px solid #c6c6c6; background: white; color: #4b4b4b; font-family: TeleGrotesk; vertical-align: middle; width: 100%; -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0 1px 2px 0 inset, white 0 1px 0 0; -moz-box-shadow: rgba(0, 0, 0, 0.15) 0 1px 2px 0 inset, white 0 1px 0 0; box-shadow: rgba(0, 0, 0, 0.15) 0 1px 2px 0 inset, white 0 1px 0 0; } /* line 52, ../../sass/base/textareas/_mixins.scss */ .DTExperience textarea.default:hover, .DTExperience textarea.default.hover, .DTExperience textarea:hover, .DTExperience textarea.hover { background: #ededed; border: 1px solid #bfbfbf; border-top: 1px solid #b5b5b5; } /* line 57, ../../sass/base/textareas/_mixins.scss */ .DTExperience textarea.default:focus, .DTExperience textarea:focus { outline: none; background: white; border: 1px solid #bfbfbf; border-top: 1px solid #b5b5b5; } /* line 63, ../../sass/base/textareas/_mixins.scss */ .DTExperience textarea.default:active, .DTExperience textarea.default.active, .DTExperience textarea:active, .DTExperience textarea.active { background: #d9d9d9; border: 1px solid #ababab; border-top: 1px solid #a1a1a1; } /* line 69, ../../sass/base/textareas/_mixins.scss */ .DTExperience textarea.default.validate-positive, .DTExperience textarea.validate-positive { color: #4b4b4b; background: #f7fbf4; border-color: #5c991f; } /* line 73, ../../sass/base/textareas/_mixins.scss */ .DTExperience textarea.default.validate-positive:hover, .DTExperience textarea.default.validate-positive.hover, .DTExperience textarea.validate-positive:hover, .DTExperience textarea.validate-positive.hover { background: #e4e8e1; border-color: #51871b; } /* line 77, ../../sass/base/textareas/_mixins.scss */ .DTExperience textarea.default.validate-positive:active, .DTExperience textarea.default.validate-positive.active, .DTExperience textarea.validate-positive:active, .DTExperience textarea.validate-positive.active { background: #d3d6d0; border-color: #467517; } /* line 83, ../../sass/base/textareas/_mixins.scss */ .DTExperience textarea.default.validate-negative, .DTExperience textarea.validate-negative { color: #4b4b4b; background: #fdf2f2; border-color: #bf0000; } /* line 87, ../../sass/base/textareas/_mixins.scss */ .DTExperience textarea.default.validate-negative:hover, .DTExperience textarea.default.validate-negative.hover, .DTExperience textarea.validate-negative:hover, .DTExperience textarea.validate-negative.hover { background: #ebe1e1; border-color: #ad0000; } /* line 91, ../../sass/base/textareas/_mixins.scss */ .DTExperience textarea.default.validate-negative:active, .DTExperience textarea.default.validate-negative.active, .DTExperience textarea.validate-negative:active, .DTExperience textarea.validate-negative.active { background: #d9d0d0; border-color: #9c0000; } /* line 97, ../../sass/base/textareas/_mixins.scss */ .DTExperience textarea.default::-webkit-input-placeholder, .DTExperience textarea::-webkit-input-placeholder { color: #7c7c7c; } /* line 101, ../../sass/base/textareas/_mixins.scss */ .DTExperience textarea.default:-moz-placeholder, .DTExperience textarea:-moz-placeholder { color: #7c7c7c !important; } /* line 105, ../../sass/base/textareas/_mixins.scss */ .DTExperience textarea.default:-ms-input-placeholder, .DTExperience textarea:-ms-input-placeholder { color: #7c7c7c; } /* line 185, ../../sass/base/textareas/_mixins.scss */ .DTExperience textarea.default:disabled, .DTExperience textarea.default.unavailable, .DTExperience textarea.default.unavailable:hover, .DTExperience textarea.default.unavailable:focus, .DTExperience textarea.default.unavailable.hover, .DTExperience textarea.default.unavailable:active, .DTExperience textarea.default.unavailable.active, .DTExperience textarea:disabled, .DTExperience textarea.unavailable, .DTExperience textarea.unavailable:hover, .DTExperience textarea.unavailable:focus, .DTExperience textarea.unavailable.hover, .DTExperience textarea.unavailable:active, .DTExperience textarea.unavailable.active { cursor: default; color: #4b4b4b; border: 1px solid #d0d0d0; border-top: 1px solid #c6c6c6; background: white; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; } /* line 27, ../../sass/base/textareas/_classes.scss */ .DTExperience textarea.large { font-size: 1.9em; height: 10.52632em; -webkit-border-radius: 0.17544em; -moz-border-radius: 0.17544em; -ms-border-radius: 0.17544em; -o-border-radius: 0.17544em; border-radius: 0.17544em; padding: 0.26316em 0.52632em; border: 1px solid #d0d0d0; border-top: 1px solid #c6c6c6; background: white; color: #4b4b4b; font-family: TeleGrotesk; vertical-align: middle; width: 100%; -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0 1px 2px 0 inset, white 0 1px 0 0; -moz-box-shadow: rgba(0, 0, 0, 0.15) 0 1px 2px 0 inset, white 0 1px 0 0; box-shadow: rgba(0, 0, 0, 0.15) 0 1px 2px 0 inset, white 0 1px 0 0; } /* line 52, ../../sass/base/textareas/_mixins.scss */ .DTExperience textarea.large:hover, .DTExperience textarea.large.hover { background: #ededed; border: 1px solid #bfbfbf; border-top: 1px solid #b5b5b5; } /* line 57, ../../sass/base/textareas/_mixins.scss */ .DTExperience textarea.large:focus { outline: none; background: white; border: 1px solid #bfbfbf; border-top: 1px solid #b5b5b5; } /* line 63, ../../sass/base/textareas/_mixins.scss */ .DTExperience textarea.large:active, .DTExperience textarea.large.active { background: #d9d9d9; border: 1px solid #ababab; border-top: 1px solid #a1a1a1; } /* line 69, ../../sass/base/textareas/_mixins.scss */ .DTExperience textarea.large.validate-positive { color: #4b4b4b; background: #f7fbf4; border-color: #5c991f; } /* line 73, ../../sass/base/textareas/_mixins.scss */ .DTExperience textarea.large.validate-positive:hover, .DTExperience textarea.large.validate-positive.hover { background: #e4e8e1; border-color: #51871b; } /* line 77, ../../sass/base/textareas/_mixins.scss */ .DTExperience textarea.large.validate-positive:active, .DTExperience textarea.large.validate-positive.active { background: #d3d6d0; border-color: #467517; } /* line 83, ../../sass/base/textareas/_mixins.scss */ .DTExperience textarea.large.validate-negative { color: #4b4b4b; background: #fdf2f2; border-color: #bf0000; } /* line 87, ../../sass/base/textareas/_mixins.scss */ .DTExperience textarea.large.validate-negative:hover, .DTExperience textarea.large.validate-negative.hover { background: #ebe1e1; border-color: #ad0000; } /* line 91, ../../sass/base/textareas/_mixins.scss */ .DTExperience textarea.large.validate-negative:active, .DTExperience textarea.large.validate-negative.active { background: #d9d0d0; border-color: #9c0000; } /* line 97, ../../sass/base/textareas/_mixins.scss */ .DTExperience textarea.large::-webkit-input-placeholder { color: #7c7c7c; } /* line 101, ../../sass/base/textareas/_mixins.scss */ .DTExperience textarea.large:-moz-placeholder { color: #7c7c7c !important; } /* line 105, ../../sass/base/textareas/_mixins.scss */ .DTExperience textarea.large:-ms-input-placeholder { color: #7c7c7c; } /* line 185, ../../sass/base/textareas/_mixins.scss */ .DTExperience textarea.large:disabled, .DTExperience textarea.large.unavailable, .DTExperience textarea.large.unavailable:hover, .DTExperience textarea.large.unavailable:focus, .DTExperience textarea.large.unavailable.hover, .DTExperience textarea.large.unavailable:active, .DTExperience textarea.large.unavailable.active { cursor: default; color: #4b4b4b; border: 1px solid #d0d0d0; border-top: 1px solid #c6c6c6; background: white; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; } /* line 17, ../../sass/base/toolbar/_classes.scss */ .DTExperience .toolbar, .DTExperience menu[type=toolbar] { padding: 0; margin: 0; width: auto; list-style: none; display: table; } /* line 22, ../../sass/base/toolbar/_mixins.scss */ .DTExperience .toolbar.small > li, .DTExperience menu[type=toolbar].small > li { padding: 0; margin: 0; background: none; height: auto; float: left; position: relative; position: relative; } /* line 85, ../../sass/base/toolbar/_mixins.scss */ .DTExperience .toolbar.small > li button, .DTExperience .toolbar.small > li .button, .DTExperience menu[type=toolbar].small > li button, .DTExperience menu[type=toolbar].small > li .button { height: 1.92308em; font-size: 1.3em; line-height: 1.92308em; display: inline-block; padding: 0em 1.53846em; font-family: TeleGrotesk; text-align: center; text-decoration: none; /* vertical-align: middle; */ border-width: 1px; border-style: solid; -webkit-border-radius: 0.25641em; -moz-border-radius: 0.25641em; -ms-border-radius: 0.25641em; -o-border-radius: 0.25641em; border-radius: 0.25641em; -webkit-user-select: none; -moz-user-select: none; user-select: none; /* Fix full-width button icons in Opera - end */ -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; border-width: 1px 1px 1px 0px; position: relative; /* Specific styles for the IE 7 :before :after polyfill */ display: block; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap; /* Specific styles for the IE 7 :before :after polyfill */ } /* line 411, ../../sass/base/buttons/_mixins.scss */ .DTExperience .toolbar.small > li button .icon, .DTExperience .toolbar.small > li .button .icon, .DTExperience menu[type=toolbar].small > li button .icon, .DTExperience menu[type=toolbar].small > li .button .icon { font-size: 1.22308em; float: left; margin: 0 auto; font-family: Tele-Icon; text-align: center; -webkit-font-smoothing: antialiased; vertical-align: top; } /* line 133, ../../sass/base/buttons/_mixins.scss */ .DTExperience .toolbar.small > li button:hover, .DTExperience .toolbar.small > li .button:hover, .DTExperience menu[type=toolbar].small > li button:hover, .DTExperience menu[type=toolbar].small > li .button:hover { text-decoration: none; } /* line 140, ../../sass/base/buttons/_mixins.scss */ .DTExperience .toolbar.small > li button[class^='icon-'] .buttontext, .DTExperience .toolbar.small > li button[class*='icon-'] .buttontext, .DTExperience .toolbar.small > li .button[class^='icon-'] .buttontext, .DTExperience .toolbar.small > li .button[class*='icon-'] .buttontext, .DTExperience menu[type=toolbar].small > li button[class^='icon-'] .buttontext, .DTExperience menu[type=toolbar].small > li button[class*='icon-'] .buttontext, .DTExperience menu[type=toolbar].small > li .button[class^='icon-'] .buttontext, .DTExperience menu[type=toolbar].small > li .button[class*='icon-'] .buttontext { float: left; margin-left: 0.76923em; vertical-align: top; } /* line 148, ../../sass/base/buttons/_mixins.scss */ .DTExperience .toolbar.small > li button.icon-only, .DTExperience .toolbar.small > li .button.icon-only, .DTExperience menu[type=toolbar].small > li button.icon-only, .DTExperience menu[type=toolbar].small > li .button.icon-only { width: 1.92308em; padding: 0; } /* line 379, ../../sass/base/buttons/_mixins.scss */ .DTExperience .toolbar.small > li button.icon-only.rectangle, .DTExperience .toolbar.small > li .button.icon-only.rectangle, .DTExperience menu[type=toolbar].small > li button.icon-only.rectangle, .DTExperience menu[type=toolbar].small > li .button.icon-only.rectangle { width: 2.55769em; } /* line 387, ../../sass/base/buttons/_mixins.scss */ .DTExperience .toolbar.small > li button.icon-only .icon, .DTExperience .toolbar.small > li .button.icon-only .icon, .DTExperience menu[type=toolbar].small > li button.icon-only .icon, .DTExperience menu[type=toolbar].small > li .button.icon-only .icon { float: none; } /* line 391, ../../sass/base/buttons/_mixins.scss */ .DTExperience .toolbar.small > li button.icon-only .buttontext, .DTExperience .toolbar.small > li .button.icon-only .buttontext, .DTExperience menu[type=toolbar].small > li button.icon-only .buttontext, .DTExperience menu[type=toolbar].small > li .button.icon-only .buttontext { position: absolute; margin-left: -99999px; } /* line 158, ../../sass/base/buttons/_mixins.scss */ .DTExperience .toolbar.small > li button.icon-only .icon:before, .DTExperience .toolbar.small > li .button.icon-only .icon:before, .DTExperience menu[type=toolbar].small > li button.icon-only .icon:before, .DTExperience menu[type=toolbar].small > li .button.icon-only .icon:before { /* Fixing the vertical misalignment in Opera */ display: block; } /* line 177, ../../sass/base/buttons/_mixins.scss */ .DTExperience .toolbar.small > li button.minimal, .DTExperience .toolbar.small > li .button.minimal, .DTExperience menu[type=toolbar].small > li button.minimal, .DTExperience menu[type=toolbar].small > li .button.minimal { padding: 0em 0.76923em; } /* line 189, ../../sass/base/buttons/_mixins.scss */ .DTExperience .toolbar.small > li button.full-width, .DTExperience .toolbar.small > li .button.full-width, .DTExperience menu[type=toolbar].small > li button.full-width, .DTExperience menu[type=toolbar].small > li .button.full-width { display: block; width: 100%; } /* line 192, ../../sass/base/buttons/_mixins.scss */ .DTExperience .toolbar.small > li button.full-width .icon, .DTExperience .toolbar.small > li .button.full-width .icon, .DTExperience menu[type=toolbar].small > li button.full-width .icon, .DTExperience menu[type=toolbar].small > li .button.full-width .icon { float: none; margin-right: -0.1em; /* Fix full-width button icons in Opera - start */ } /* line 197, ../../sass/base/buttons/_mixins.scss */ .DTExperience .toolbar.small > li button.full-width .icon:before, .DTExperience .toolbar.small > li button.full-width .icon x:-o-prefocus, .DTExperience .toolbar.small > li .button.full-width .icon:before, .DTExperience .toolbar.small > li .button.full-width .icon x:-o-prefocus, .DTExperience menu[type=toolbar].small > li button.full-width .icon:before, .DTExperience menu[type=toolbar].small > li button.full-width .icon x:-o-prefocus, .DTExperience menu[type=toolbar].small > li .button.full-width .icon:before, .DTExperience menu[type=toolbar].small > li .button.full-width .icon x:-o-prefocus { display: block; position: absolute; left: 50%; margin-left: -1.5em; } /* line 205, ../../sass/base/buttons/_mixins.scss */ .DTExperience .toolbar.small > li button.full-width span.buttontext, .DTExperience .toolbar.small > li button.full-width x:-o-prefocus, .DTExperience .toolbar.small > li .button.full-width span.buttontext, .DTExperience .toolbar.small > li .button.full-width x:-o-prefocus, .DTExperience menu[type=toolbar].small > li button.full-width span.buttontext, .DTExperience menu[type=toolbar].small > li button.full-width x:-o-prefocus, .DTExperience menu[type=toolbar].small > li .button.full-width span.buttontext, .DTExperience menu[type=toolbar].small > li .button.full-width x:-o-prefocus { margin-left: 2.5em; } /* line 209, ../../sass/base/buttons/_mixins.scss */ .DTExperience .toolbar.small > li button.full-width[class^='icon-'] .buttontext, .DTExperience .toolbar.small > li button.full-width[class*='icon-'] .buttontext, .DTExperience .toolbar.small > li .button.full-width[class^='icon-'] .buttontext, .DTExperience .toolbar.small > li .button.full-width[class*='icon-'] .buttontext, .DTExperience menu[type=toolbar].small > li button.full-width[class^='icon-'] .buttontext, .DTExperience menu[type=toolbar].small > li button.full-width[class*='icon-'] .buttontext, .DTExperience menu[type=toolbar].small > li .button.full-width[class^='icon-'] .buttontext, .DTExperience menu[type=toolbar].small > li .button.full-width[class*='icon-'] .buttontext { float: none; } /* line 214, ../../sass/base/buttons/_mixins.scss */ .DTExperience .toolbar.small > li button.icon-only .icon:before, .DTExperience .toolbar.small > li button x:-o-prefocus, .DTExperience .toolbar.small > li .button.icon-only .icon:before, .DTExperience .toolbar.small > li .button x:-o-prefocus, .DTExperience menu[type=toolbar].small > li button.icon-only .icon:before, .DTExperience menu[type=toolbar].small > li button x:-o-prefocus, .DTExperience menu[type=toolbar].small > li .button.icon-only .icon:before, .DTExperience menu[type=toolbar].small > li .button x:-o-prefocus { position: static !important; } /* line 207, ../../sass/base/toolbar/_mixins.scss */ .DTExperience .toolbar.small > li button.icon-navigation-down.icon-right .buttontext, .DTExperience .toolbar.small > li .button.icon-navigation-down.icon-right .buttontext, .DTExperience menu[type=toolbar].small > li button.icon-navigation-down.icon-right .buttontext, .DTExperience menu[type=toolbar].small > li .button.icon-navigation-down.icon-right .buttontext { float: left; margin-left: 0; margin-right: 0.26316em; } /* line 212, ../../sass/base/toolbar/_mixins.scss */ .DTExperience .toolbar.small > li button.icon-navigation-down.icon-right .icon, .DTExperience .toolbar.small > li .button.icon-navigation-down.icon-right .icon, .DTExperience menu[type=toolbar].small > li button.icon-navigation-down.icon-right .icon, .DTExperience menu[type=toolbar].small > li .button.icon-navigation-down.icon-right .icon { font-size: 0.75em; float: left; position: relative; top: 1px; } /* line 154, ../../sass/base/toolbar/_mixins.scss */ .DTExperience .toolbar.small > li button::before, .DTExperience .toolbar.small > li .button::before, .DTExperience menu[type=toolbar].small > li button::before, .DTExperience menu[type=toolbar].small > li .button::before { content: ''; display: block; position: absolute; width: 1px; top: 0; bottom: 0; z-index: 1; left: 0; } /* line 158, ../../sass/base/toolbar/_mixins.scss */ .DTExperience .toolbar.small > li button::after, .DTExperience .toolbar.small > li .button::after, .DTExperience menu[type=toolbar].small > li button::after, .DTExperience menu[type=toolbar].small > li .button::after { content: ''; display: block; position: absolute; width: 1px; top: 0; bottom: 0; z-index: 1; right: 0; } /* line 165, ../../sass/base/toolbar/_mixins.scss */ .DTExperience .toolbar.small > li button:active::before, .DTExperience .toolbar.small > li button:active::after, .DTExperience .toolbar.small > li .button:active::before, .DTExperience .toolbar.small > li .button:active::after, .DTExperience menu[type=toolbar].small > li button:active::before, .DTExperience menu[type=toolbar].small > li button:active::after, .DTExperience menu[type=toolbar].small > li .button:active::before, .DTExperience menu[type=toolbar].small > li .button:active::after { display: none; } /* line 191, ../../sass/base/toolbar/_mixins.scss */ .DTExperience .toolbar.small > li button .buttontext, .DTExperience .toolbar.small > li .button .buttontext, .DTExperience menu[type=toolbar].small > li button .buttontext, .DTExperience menu[type=toolbar].small > li .button .buttontext { float: left; } /* line 288, ../../sass/base/toolbar/_mixins.scss */ .DTExperience .toolbar.small > li button:before, .DTExperience .toolbar.small > li button:after, .DTExperience .toolbar.small > li .button:before, .DTExperience .toolbar.small > li .button:after, .DTExperience menu[type=toolbar].small > li button:before, .DTExperience menu[type=toolbar].small > li button:after, .DTExperience menu[type=toolbar].small > li .button:before, .DTExperience menu[type=toolbar].small > li .button:after { background-color: white; } /* line 291, ../../sass/base/toolbar/_mixins.scss */ .DTExperience .toolbar.small > li button:hover:before, .DTExperience .toolbar.small > li button:hover:after, .DTExperience .toolbar.small > li button.hover:before, .DTExperience .toolbar.small > li button.hover:after, .DTExperience .toolbar.small > li button.active:before, .DTExperience .toolbar.small > li button.active:after, .DTExperience .toolbar.small > li .button:hover:before, .DTExperience .toolbar.small > li .button:hover:after, .DTExperience .toolbar.small > li .button.hover:before, .DTExperience .toolbar.small > li .button.hover:after, .DTExperience .toolbar.small > li .button.active:before, .DTExperience .toolbar.small > li .button.active:after, .DTExperience menu[type=toolbar].small > li button:hover:before, .DTExperience menu[type=toolbar].small > li button:hover:after, .DTExperience menu[type=toolbar].small > li button.hover:before, .DTExperience menu[type=toolbar].small > li button.hover:after, .DTExperience menu[type=toolbar].small > li button.active:before, .DTExperience menu[type=toolbar].small > li button.active:after, .DTExperience menu[type=toolbar].small > li .button:hover:before, .DTExperience menu[type=toolbar].small > li .button:hover:after, .DTExperience menu[type=toolbar].small > li .button.hover:before, .DTExperience menu[type=toolbar].small > li .button.hover:after, .DTExperience menu[type=toolbar].small > li .button.active:before, .DTExperience menu[type=toolbar].small > li .button.active:after { background-color: #d0d0d0; } /* line 200, ../../sass/base/toolbar/_mixins.scss */ .DTExperience .toolbar.small > li button.magenta, .DTExperience .toolbar.small > li .button.magenta, .DTExperience menu[type=toolbar].small > li button.magenta, .DTExperience menu[type=toolbar].small > li .button.magenta { /* Specific styles for the IE 7 :before :after polyfill */ } /* line 288, ../../sass/base/toolbar/_mixins.scss */ .DTExperience .toolbar.small > li button.magenta:before, .DTExperience .toolbar.small > li button.magenta:after, .DTExperience .toolbar.small > li .button.magenta:before, .DTExperience .toolbar.small > li .button.magenta:after, .DTExperience menu[type=toolbar].small > li button.magenta:before, .DTExperience menu[type=toolbar].small > li button.magenta:after, .DTExperience menu[type=toolbar].small > li .button.magenta:before, .DTExperience menu[type=toolbar].small > li .button.magenta:after { background-color: #ff339c; } /* line 291, ../../sass/base/toolbar/_mixins.scss */ .DTExperience .toolbar.small > li button.magenta:hover:before, .DTExperience .toolbar.small > li button.magenta:hover:after, .DTExperience .toolbar.small > li button.magenta.hover:before, .DTExperience .toolbar.small > li button.magenta.hover:after, .DTExperience .toolbar.small > li button.magenta.active:before, .DTExperience .toolbar.small > li button.magenta.active:after, .DTExperience .toolbar.small > li .button.magenta:hover:before, .DTExperience .toolbar.small > li .button.magenta:hover:after, .DTExperience .toolbar.small > li .button.magenta.hover:before, .DTExperience .toolbar.small > li .button.magenta.hover:after, .DTExperience .toolbar.small > li .button.magenta.active:before, .DTExperience .toolbar.small > li .button.magenta.active:after, .DTExperience menu[type=toolbar].small > li button.magenta:hover:before, .DTExperience menu[type=toolbar].small > li button.magenta:hover:after, .DTExperience menu[type=toolbar].small > li button.magenta.hover:before, .DTExperience menu[type=toolbar].small > li button.magenta.hover:after, .DTExperience menu[type=toolbar].small > li button.magenta.active:before, .DTExperience menu[type=toolbar].small > li button.magenta.active:after, .DTExperience menu[type=toolbar].small > li .button.magenta:hover:before, .DTExperience menu[type=toolbar].small > li .button.magenta:hover:after, .DTExperience menu[type=toolbar].small > li .button.magenta.hover:before, .DTExperience menu[type=toolbar].small > li .button.magenta.hover:after, .DTExperience menu[type=toolbar].small > li .button.magenta.active:before, .DTExperience menu[type=toolbar].small > li .button.magenta.active:after { background-color: #b2005c; } /* line 104, ../../sass/base/toolbar/_mixins.scss */ .DTExperience .toolbar.small > li:first-child, .DTExperience menu[type=toolbar].small > li:first-child { /* Specific styles for the IE 7 :before :after polyfill */ } /* line 105, ../../sass/base/toolbar/_mixins.scss */ .DTExperience .toolbar.small > li:first-child > button, .DTExperience .toolbar.small > li:first-child > .button, .DTExperience menu[type=toolbar].small > li:first-child > button, .DTExperience menu[type=toolbar].small > li:first-child > .button { -moz-border-radius-topleft: 0.25641em; -webkit-border-top-left-radius: 0.25641em; border-top-left-radius: 0.25641em; -moz-border-radius-bottomleft: 0.25641em; -webkit-border-bottom-left-radius: 0.25641em; border-bottom-left-radius: 0.25641em; border-left-width: 1px; } /* line 110, ../../sass/base/toolbar/_mixins.scss */ .DTExperience .toolbar.small > li:first-child > button::before, .DTExperience .toolbar.small > li:first-child > .button:before, .DTExperience menu[type=toolbar].small > li:first-child > button::before, .DTExperience menu[type=toolbar].small > li:first-child > .button:before { display: none; } /* line 122, ../../sass/base/toolbar/_mixins.scss */ .DTExperience .toolbar.small > li:last-child > button, .DTExperience .toolbar.small > li:last-child > .button, .DTExperience menu[type=toolbar].small > li:last-child > button, .DTExperience menu[type=toolbar].small > li:last-child > .button { -moz-border-radius-topright: 0.25641em; -webkit-border-top-right-radius: 0.25641em; border-top-right-radius: 0.25641em; -moz-border-radius-bottomright: 0.25641em; -webkit-border-bottom-right-radius: 0.25641em; border-bottom-right-radius: 0.25641em; } /* line 126, ../../sass/base/toolbar/_mixins.scss */ .DTExperience .toolbar.small > li:last-child > button::after, .DTExperience .toolbar.small > li:last-child > .button::after, .DTExperience menu[type=toolbar].small > li:last-child > button::after, .DTExperience menu[type=toolbar].small > li:last-child > .button::after { display: none; } /* line 283, ../../sass/custom/_global_mixins.scss */ .DTExperience .toolbar.small > li ul, .DTExperience .toolbar.small > li menu[type=list], .DTExperience menu[type=toolbar].small > li ul, .DTExperience menu[type=toolbar].small > li menu[type=list] { display: none; } /* line 286, ../../sass/custom/_global_mixins.scss */ .DTExperience .toolbar.small > li:hover ul, .DTExperience .toolbar.small > li:hover menu[type=list], .DTExperience .toolbar.small > li.menu-open ul, .DTExperience .toolbar.small > li.menu-open menu[type=list], .DTExperience menu[type=toolbar].small > li:hover ul, .DTExperience menu[type=toolbar].small > li:hover menu[type=list], .DTExperience menu[type=toolbar].small > li.menu-open ul, .DTExperience menu[type=toolbar].small > li.menu-open menu[type=list] { display: block; } /* line 25, ../../sass/base/toolbar/_mixins.scss */ .DTExperience .toolbar.small > li ul, .DTExperience .toolbar.small > li menu[type=list], .DTExperience menu[type=toolbar].small > li ul, .DTExperience menu[type=toolbar].small > li menu[type=list] { padding: 0; position: absolute; left: 0; z-index: 9999; margin-top: -1px; width: 13em; background: white; background: rgba(255, 255, 255, 0.95); border: 1px solid #d0d0d0; -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0 2px 3px 0; -moz-box-shadow: rgba(0, 0, 0, 0.15) 0 2px 3px 0; box-shadow: rgba(0, 0, 0, 0.15) 0 2px 3px 0; -webkit-border-radius: 0.33333em; -moz-border-radius: 0.33333em; -ms-border-radius: 0.33333em; -o-border-radius: 0.33333em; border-radius: 0.33333em; -moz-border-radius-topright: 0; -webkit-border-top-right-radius: 0; border-top-right-radius: 0; -moz-border-radius-topleft: 0; -webkit-border-top-left-radius: 0; border-top-left-radius: 0; } /* line 388, ../../sass/custom/_global_mixins.scss */ .DTExperience .toolbar.small > li ul li a, .DTExperience .toolbar.small > li ul li > span, .DTExperience .toolbar.small > li ul li > .active, .DTExperience .toolbar.small > li menu[type=list] li a, .DTExperience .toolbar.small > li menu[type=list] li > span, .DTExperience .toolbar.small > li menu[type=list] li > .active, .DTExperience menu[type=toolbar].small > li ul li a, .DTExperience menu[type=toolbar].small > li ul li > span, .DTExperience menu[type=toolbar].small > li ul li > .active, .DTExperience menu[type=toolbar].small > li menu[type=list] li a, .DTExperience menu[type=toolbar].small > li menu[type=list] li > span, .DTExperience menu[type=toolbar].small > li menu[type=list] li > .active { font-size: 1.3em; } /* line 343, ../../sass/custom/_global_mixins.scss */ .DTExperience .toolbar.small > li ul li, .DTExperience .toolbar.small > li menu[type=list] li, .DTExperience menu[type=toolbar].small > li ul li, .DTExperience menu[type=toolbar].small > li menu[type=list] li { margin: 0; height: auto; width: auto; float: none; border: 0; background: none; line-height: 1; list-style: none; } /* line 352, ../../sass/custom/_global_mixins.scss */ .DTExperience .toolbar.small > li ul li:last-child, .DTExperience .toolbar.small > li menu[type=list] li:last-child, .DTExperience menu[type=toolbar].small > li ul li:last-child, .DTExperience menu[type=toolbar].small > li menu[type=list] li:last-child { -webkit-border-radius: 0.33333em; -moz-border-radius: 0.33333em; -ms-border-radius: 0.33333em; -o-border-radius: 0.33333em; border-radius: 0.33333em; -moz-border-radius-topright: 0; -webkit-border-top-right-radius: 0; border-top-right-radius: 0; -moz-border-radius-topleft: 0; -webkit-border-top-left-radius: 0; border-top-left-radius: 0; } /* line 359, ../../sass/custom/_global_mixins.scss */ .DTExperience .toolbar.small > li ul li > .active, .DTExperience .toolbar.small > li ul li > span, .DTExperience .toolbar.small > li ul li a, .DTExperience .toolbar.small > li menu[type=list] li > .active, .DTExperience .toolbar.small > li menu[type=list] li > span, .DTExperience .toolbar.small > li menu[type=list] li a, .DTExperience menu[type=toolbar].small > li ul li > .active, .DTExperience menu[type=toolbar].small > li ul li > span, .DTExperience menu[type=toolbar].small > li ul li a, .DTExperience menu[type=toolbar].small > li menu[type=list] li > .active, .DTExperience menu[type=toolbar].small > li menu[type=list] li > span, .DTExperience menu[type=toolbar].small > li menu[type=list] li a { width: auto; height: 1.92308em; line-height: 1.92308em; padding: 0 0.76923em; border-left: 0; color: #4b4b4b; position: relative; display: block; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap; } /* line 370, ../../sass/custom/_global_mixins.scss */ .DTExperience .toolbar.small > li ul li a:hover, .DTExperience .toolbar.small > li ul li a.hover, .DTExperience .toolbar.small > li menu[type=list] li a:hover, .DTExperience .toolbar.small > li menu[type=list] li a.hover, .DTExperience menu[type=toolbar].small > li ul li a:hover, .DTExperience menu[type=toolbar].small > li ul li a.hover, .DTExperience menu[type=toolbar].small > li menu[type=list] li a:hover, .DTExperience menu[type=toolbar].small > li menu[type=list] li a.hover { background: #eeeeee; color: #4b4b4b; text-decoration: none; } /* line 375, ../../sass/custom/_global_mixins.scss */ .DTExperience .toolbar.small > li ul li a:active, .DTExperience .toolbar.small > li menu[type=list] li a:active, .DTExperience menu[type=toolbar].small > li ul li a:active, .DTExperience menu[type=toolbar].small > li menu[type=list] li a:active { background: #d9d9d9; } /* line 379, ../../sass/custom/_global_mixins.scss */ .DTExperience .toolbar.small > li ul li > .active, .DTExperience .toolbar.small > li menu[type=list] li > .active, .DTExperience menu[type=toolbar].small > li ul li > .active, .DTExperience menu[type=toolbar].small > li menu[type=list] li > .active { font-weight: normal; color: #e20074; } /* line 28, ../../sass/base/toolbar/_mixins.scss */ .DTExperience .toolbar > li, .DTExperience .toolbar.default > li, .DTExperience menu[type=toolbar] > li, .DTExperience menu[type=toolbar].default > li { padding: 0; margin: 0; background: none; height: auto; float: left; position: relative; position: relative; } /* line 85, ../../sass/base/toolbar/_mixins.scss */ .DTExperience .toolbar > li button, .DTExperience .toolbar > li .button, .DTExperience .toolbar.default > li button, .DTExperience .toolbar.default > li .button, .DTExperience menu[type=toolbar] > li button, .DTExperience menu[type=toolbar] > li .button, .DTExperience menu[type=toolbar].default > li button, .DTExperience menu[type=toolbar].default > li .button { height: 1.875em; font-size: 1.6em; line-height: 1.875em; display: inline-block; padding: 0em 1.25em; font-family: TeleGrotesk; text-align: center; text-decoration: none; /* vertical-align: middle; */ border-width: 1px; border-style: solid; -webkit-border-radius: 0.20833em; -moz-border-radius: 0.20833em; -ms-border-radius: 0.20833em; -o-border-radius: 0.20833em; border-radius: 0.20833em; -webkit-user-select: none; -moz-user-select: none; user-select: none; /* Fix full-width button icons in Opera - end */ -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; border-width: 1px 1px 1px 0px; position: relative; /* Specific styles for the IE 7 :before :after polyfill */ display: block; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap; /* Specific styles for the IE 7 :before :after polyfill */ } /* line 433, ../../sass/base/buttons/_mixins.scss */ .DTExperience .toolbar > li button .icon, .DTExperience .toolbar > li .button .icon, .DTExperience .toolbar.default > li button .icon, .DTExperience .toolbar.default > li .button .icon, .DTExperience menu[type=toolbar] > li button .icon, .DTExperience menu[type=toolbar] > li .button .icon, .DTExperience menu[type=toolbar].default > li button .icon, .DTExperience menu[type=toolbar].default > li .button .icon { font-size: 0.99375em; float: left; margin: 0 auto; font-family: Tele-Icon; text-align: center; -webkit-font-smoothing: antialiased; vertical-align: top; } /* line 133, ../../sass/base/buttons/_mixins.scss */ .DTExperience .toolbar > li button:hover, .DTExperience .toolbar > li .button:hover, .DTExperience .toolbar.default > li button:hover, .DTExperience .toolbar.default > li .button:hover, .DTExperience menu[type=toolbar] > li button:hover, .DTExperience menu[type=toolbar] > li .button:hover, .DTExperience menu[type=toolbar].default > li button:hover, .DTExperience menu[type=toolbar].default > li .button:hover { text-decoration: none; } /* line 140, ../../sass/base/buttons/_mixins.scss */ .DTExperience .toolbar > li button[class^='icon-'] .buttontext, .DTExperience .toolbar > li button[class*='icon-'] .buttontext, .DTExperience .toolbar > li .button[class^='icon-'] .buttontext, .DTExperience .toolbar > li .button[class*='icon-'] .buttontext, .DTExperience .toolbar.default > li button[class^='icon-'] .buttontext, .DTExperience .toolbar.default > li button[class*='icon-'] .buttontext, .DTExperience .toolbar.default > li .button[class^='icon-'] .buttontext, .DTExperience .toolbar.default > li .button[class*='icon-'] .buttontext, .DTExperience menu[type=toolbar] > li button[class^='icon-'] .buttontext, .DTExperience menu[type=toolbar] > li button[class*='icon-'] .buttontext, .DTExperience menu[type=toolbar] > li .button[class^='icon-'] .buttontext, .DTExperience menu[type=toolbar] > li .button[class*='icon-'] .buttontext, .DTExperience menu[type=toolbar].default > li button[class^='icon-'] .buttontext, .DTExperience menu[type=toolbar].default > li button[class*='icon-'] .buttontext, .DTExperience menu[type=toolbar].default > li .button[class^='icon-'] .buttontext, .DTExperience menu[type=toolbar].default > li .button[class*='icon-'] .buttontext { float: left; margin-left: 0.625em; vertical-align: top; } /* line 148, ../../sass/base/buttons/_mixins.scss */ .DTExperience .toolbar > li button.icon-only, .DTExperience .toolbar > li .button.icon-only, .DTExperience .toolbar.default > li button.icon-only, .DTExperience .toolbar.default > li .button.icon-only, .DTExperience menu[type=toolbar] > li button.icon-only, .DTExperience menu[type=toolbar] > li .button.icon-only, .DTExperience menu[type=toolbar].default > li button.icon-only, .DTExperience menu[type=toolbar].default > li .button.icon-only { width: 1.875em; padding: 0; } /* line 379, ../../sass/base/buttons/_mixins.scss */ .DTExperience .toolbar > li button.icon-only.rectangle, .DTExperience .toolbar > li .button.icon-only.rectangle, .DTExperience .toolbar.default > li button.icon-only.rectangle, .DTExperience .toolbar.default > li .button.icon-only.rectangle, .DTExperience menu[type=toolbar] > li button.icon-only.rectangle, .DTExperience menu[type=toolbar] > li .button.icon-only.rectangle, .DTExperience menu[type=toolbar].default > li button.icon-only.rectangle, .DTExperience menu[type=toolbar].default > li .button.icon-only.rectangle { width: 2.49375em; } /* line 387, ../../sass/base/buttons/_mixins.scss */ .DTExperience .toolbar > li button.icon-only .icon, .DTExperience .toolbar > li .button.icon-only .icon, .DTExperience .toolbar.default > li button.icon-only .icon, .DTExperience .toolbar.default > li .button.icon-only .icon, .DTExperience menu[type=toolbar] > li button.icon-only .icon, .DTExperience menu[type=toolbar] > li .button.icon-only .icon, .DTExperience menu[type=toolbar].default > li button.icon-only .icon, .DTExperience menu[type=toolbar].default > li .button.icon-only .icon { float: none; } /* line 391, ../../sass/base/buttons/_mixins.scss */ .DTExperience .toolbar > li button.icon-only .buttontext, .DTExperience .toolbar > li .button.icon-only .buttontext, .DTExperience .toolbar.default > li button.icon-only .buttontext, .DTExperience .toolbar.default > li .button.icon-only .buttontext, .DTExperience menu[type=toolbar] > li button.icon-only .buttontext, .DTExperience menu[type=toolbar] > li .button.icon-only .buttontext, .DTExperience menu[type=toolbar].default > li button.icon-only .buttontext, .DTExperience menu[type=toolbar].default > li .button.icon-only .buttontext { position: absolute; margin-left: -99999px; } /* line 158, ../../sass/base/buttons/_mixins.scss */ .DTExperience .toolbar > li button.icon-only .icon:before, .DTExperience .toolbar > li .button.icon-only .icon:before, .DTExperience .toolbar.default > li button.icon-only .icon:before, .DTExperience .toolbar.default > li .button.icon-only .icon:before, .DTExperience menu[type=toolbar] > li button.icon-only .icon:before, .DTExperience menu[type=toolbar] > li .button.icon-only .icon:before, .DTExperience menu[type=toolbar].default > li button.icon-only .icon:before, .DTExperience menu[type=toolbar].default > li .button.icon-only .icon:before { /* Fixing the vertical misalignment in Opera */ display: block; } /* line 177, ../../sass/base/buttons/_mixins.scss */ .DTExperience .toolbar > li button.minimal, .DTExperience .toolbar > li .button.minimal, .DTExperience .toolbar.default > li button.minimal, .DTExperience .toolbar.default > li .button.minimal, .DTExperience menu[type=toolbar] > li button.minimal, .DTExperience menu[type=toolbar] > li .button.minimal, .DTExperience menu[type=toolbar].default > li button.minimal, .DTExperience menu[type=toolbar].default > li .button.minimal { padding: 0em 0.625em; } /* line 189, ../../sass/base/buttons/_mixins.scss */ .DTExperience .toolbar > li button.full-width, .DTExperience .toolbar > li .button.full-width, .DTExperience .toolbar.default > li button.full-width, .DTExperience .toolbar.default > li .button.full-width, .DTExperience menu[type=toolbar] > li button.full-width, .DTExperience menu[type=toolbar] > li .button.full-width, .DTExperience menu[type=toolbar].default > li button.full-width, .DTExperience menu[type=toolbar].default > li .button.full-width { display: block; width: 100%; } /* line 192, ../../sass/base/buttons/_mixins.scss */ .DTExperience .toolbar > li button.full-width .icon, .DTExperience .toolbar > li .button.full-width .icon, .DTExperience .toolbar.default > li button.full-width .icon, .DTExperience .toolbar.default > li .button.full-width .icon, .DTExperience menu[type=toolbar] > li button.full-width .icon, .DTExperience menu[type=toolbar] > li .button.full-width .icon, .DTExperience menu[type=toolbar].default > li button.full-width .icon, .DTExperience menu[type=toolbar].default > li .button.full-width .icon { float: none; margin-right: -0.1em; /* Fix full-width button icons in Opera - start */ } /* line 197, ../../sass/base/buttons/_mixins.scss */ .DTExperience .toolbar > li button.full-width .icon:before, .DTExperience .toolbar > li button.full-width .icon x:-o-prefocus, .DTExperience .toolbar > li .button.full-width .icon:before, .DTExperience .toolbar > li .button.full-width .icon x:-o-prefocus, .DTExperience .toolbar.default > li button.full-width .icon:before, .DTExperience .toolbar.default > li button.full-width .icon x:-o-prefocus, .DTExperience .toolbar.default > li .button.full-width .icon:before, .DTExperience .toolbar.default > li .button.full-width .icon x:-o-prefocus, .DTExperience menu[type=toolbar] > li button.full-width .icon:before, .DTExperience menu[type=toolbar] > li button.full-width .icon x:-o-prefocus, .DTExperience menu[type=toolbar] > li .button.full-width .icon:before, .DTExperience menu[type=toolbar] > li .button.full-width .icon x:-o-prefocus, .DTExperience menu[type=toolbar].default > li button.full-width .icon:before, .DTExperience menu[type=toolbar].default > li button.full-width .icon x:-o-prefocus, .DTExperience menu[type=toolbar].default > li .button.full-width .icon:before, .DTExperience menu[type=toolbar].default > li .button.full-width .icon x:-o-prefocus { display: block; position: absolute; left: 50%; margin-left: -1.5em; } /* line 205, ../../sass/base/buttons/_mixins.scss */ .DTExperience .toolbar > li button.full-width span.buttontext, .DTExperience .toolbar > li button.full-width x:-o-prefocus, .DTExperience .toolbar > li .button.full-width span.buttontext, .DTExperience .toolbar > li .button.full-width x:-o-prefocus, .DTExperience .toolbar.default > li button.full-width span.buttontext, .DTExperience .toolbar.default > li button.full-width x:-o-prefocus, .DTExperience .toolbar.default > li .button.full-width span.buttontext, .DTExperience .toolbar.default > li .button.full-width x:-o-prefocus, .DTExperience menu[type=toolbar] > li button.full-width span.buttontext, .DTExperience menu[type=toolbar] > li button.full-width x:-o-prefocus, .DTExperience menu[type=toolbar] > li .button.full-width span.buttontext, .DTExperience menu[type=toolbar] > li .button.full-width x:-o-prefocus, .DTExperience menu[type=toolbar].default > li button.full-width span.buttontext, .DTExperience menu[type=toolbar].default > li button.full-width x:-o-prefocus, .DTExperience menu[type=toolbar].default > li .button.full-width span.buttontext, .DTExperience menu[type=toolbar].default > li .button.full-width x:-o-prefocus { margin-left: 2.5em; } /* line 209, ../../sass/base/buttons/_mixins.scss */ .DTExperience .toolbar > li button.full-width[class^='icon-'] .buttontext, .DTExperience .toolbar > li button.full-width[class*='icon-'] .buttontext, .DTExperience .toolbar > li .button.full-width[class^='icon-'] .buttontext, .DTExperience .toolbar > li .button.full-width[class*='icon-'] .buttontext, .DTExperience .toolbar.default > li button.full-width[class^='icon-'] .buttontext, .DTExperience .toolbar.default > li button.full-width[class*='icon-'] .buttontext, .DTExperience .toolbar.default > li .button.full-width[class^='icon-'] .buttontext, .DTExperience .toolbar.default > li .button.full-width[class*='icon-'] .buttontext, .DTExperience menu[type=toolbar] > li button.full-width[class^='icon-'] .buttontext, .DTExperience menu[type=toolbar] > li button.full-width[class*='icon-'] .buttontext, .DTExperience menu[type=toolbar] > li .button.full-width[class^='icon-'] .buttontext, .DTExperience menu[type=toolbar] > li .button.full-width[class*='icon-'] .buttontext, .DTExperience menu[type=toolbar].default > li button.full-width[class^='icon-'] .buttontext, .DTExperience menu[type=toolbar].default > li button.full-width[class*='icon-'] .buttontext, .DTExperience menu[type=toolbar].default > li .button.full-width[class^='icon-'] .buttontext, .DTExperience menu[type=toolbar].default > li .button.full-width[class*='icon-'] .buttontext { float: none; } /* line 214, ../../sass/base/buttons/_mixins.scss */ .DTExperience .toolbar > li button.icon-only .icon:before, .DTExperience .toolbar > li button x:-o-prefocus, .DTExperience .toolbar > li .button.icon-only .icon:before, .DTExperience .toolbar > li .button x:-o-prefocus, .DTExperience .toolbar.default > li button.icon-only .icon:before, .DTExperience .toolbar.default > li button x:-o-prefocus, .DTExperience .toolbar.default > li .button.icon-only .icon:before, .DTExperience .toolbar.default > li .button x:-o-prefocus, .DTExperience menu[type=toolbar] > li button.icon-only .icon:before, .DTExperience menu[type=toolbar] > li button x:-o-prefocus, .DTExperience menu[type=toolbar] > li .button.icon-only .icon:before, .DTExperience menu[type=toolbar] > li .button x:-o-prefocus, .DTExperience menu[type=toolbar].default > li button.icon-only .icon:before, .DTExperience menu[type=toolbar].default > li button x:-o-prefocus, .DTExperience menu[type=toolbar].default > li .button.icon-only .icon:before, .DTExperience menu[type=toolbar].default > li .button x:-o-prefocus { position: static !important; } /* line 207, ../../sass/base/toolbar/_mixins.scss */ .DTExperience .toolbar > li button.icon-navigation-down.icon-right .buttontext, .DTExperience .toolbar > li .button.icon-navigation-down.icon-right .buttontext, .DTExperience .toolbar.default > li button.icon-navigation-down.icon-right .buttontext, .DTExperience .toolbar.default > li .button.icon-navigation-down.icon-right .buttontext, .DTExperience menu[type=toolbar] > li button.icon-navigation-down.icon-right .buttontext, .DTExperience menu[type=toolbar] > li .button.icon-navigation-down.icon-right .buttontext, .DTExperience menu[type=toolbar].default > li button.icon-navigation-down.icon-right .buttontext, .DTExperience menu[type=toolbar].default > li .button.icon-navigation-down.icon-right .buttontext { float: left; margin-left: 0; margin-right: 0.26316em; } /* line 212, ../../sass/base/toolbar/_mixins.scss */ .DTExperience .toolbar > li button.icon-navigation-down.icon-right .icon, .DTExperience .toolbar > li .button.icon-navigation-down.icon-right .icon, .DTExperience .toolbar.default > li button.icon-navigation-down.icon-right .icon, .DTExperience .toolbar.default > li .button.icon-navigation-down.icon-right .icon, .DTExperience menu[type=toolbar] > li button.icon-navigation-down.icon-right .icon, .DTExperience menu[type=toolbar] > li .button.icon-navigation-down.icon-right .icon, .DTExperience menu[type=toolbar].default > li button.icon-navigation-down.icon-right .icon, .DTExperience menu[type=toolbar].default > li .button.icon-navigation-down.icon-right .icon { font-size: 0.75em; float: left; position: relative; top: 1px; } /* line 154, ../../sass/base/toolbar/_mixins.scss */ .DTExperience .toolbar > li button::before, .DTExperience .toolbar > li .button::before, .DTExperience .toolbar.default > li button::before, .DTExperience .toolbar.default > li .button::before, .DTExperience menu[type=toolbar] > li button::before, .DTExperience menu[type=toolbar] > li .button::before, .DTExperience menu[type=toolbar].default > li button::before, .DTExperience menu[type=toolbar].default > li .button::before { content: ''; display: block; position: absolute; width: 1px; top: 0; bottom: 0; z-index: 1; left: 0; } /* line 158, ../../sass/base/toolbar/_mixins.scss */ .DTExperience .toolbar > li button::after, .DTExperience .toolbar > li .button::after, .DTExperience .toolbar.default > li button::after, .DTExperience .toolbar.default > li .button::after, .DTExperience menu[type=toolbar] > li button::after, .DTExperience menu[type=toolbar] > li .button::after, .DTExperience menu[type=toolbar].default > li button::after, .DTExperience menu[type=toolbar].default > li .button::after { content: ''; display: block; position: absolute; width: 1px; top: 0; bottom: 0; z-index: 1; right: 0; } /* line 165, ../../sass/base/toolbar/_mixins.scss */ .DTExperience .toolbar > li button:active::before, .DTExperience .toolbar > li button:active::after, .DTExperience .toolbar > li .button:active::before, .DTExperience .toolbar > li .button:active::after, .DTExperience .toolbar.default > li button:active::before, .DTExperience .toolbar.default > li button:active::after, .DTExperience .toolbar.default > li .button:active::before, .DTExperience .toolbar.default > li .button:active::after, .DTExperience menu[type=toolbar] > li button:active::before, .DTExperience menu[type=toolbar] > li button:active::after, .DTExperience menu[type=toolbar] > li .button:active::before, .DTExperience menu[type=toolbar] > li .button:active::after, .DTExperience menu[type=toolbar].default > li button:active::before, .DTExperience menu[type=toolbar].default > li button:active::after, .DTExperience menu[type=toolbar].default > li .button:active::before, .DTExperience menu[type=toolbar].default > li .button:active::after { display: none; } /* line 191, ../../sass/base/toolbar/_mixins.scss */ .DTExperience .toolbar > li button .buttontext, .DTExperience .toolbar > li .button .buttontext, .DTExperience .toolbar.default > li button .buttontext, .DTExperience .toolbar.default > li .button .buttontext, .DTExperience menu[type=toolbar] > li button .buttontext, .DTExperience menu[type=toolbar] > li .button .buttontext, .DTExperience menu[type=toolbar].default > li button .buttontext, .DTExperience menu[type=toolbar].default > li .button .buttontext { float: left; } /* line 288, ../../sass/base/toolbar/_mixins.scss */ .DTExperience .toolbar > li button:before, .DTExperience .toolbar > li button:after, .DTExperience .toolbar > li .button:before, .DTExperience .toolbar > li .button:after, .DTExperience .toolbar.default > li button:before, .DTExperience .toolbar.default > li button:after, .DTExperience .toolbar.default > li .button:before, .DTExperience .toolbar.default > li .button:after, .DTExperience menu[type=toolbar] > li button:before, .DTExperience menu[type=toolbar] > li button:after, .DTExperience menu[type=toolbar] > li .button:before, .DTExperience menu[type=toolbar] > li .button:after, .DTExperience menu[type=toolbar].default > li button:before, .DTExperience menu[type=toolbar].default > li button:after, .DTExperience menu[type=toolbar].default > li .button:before, .DTExperience menu[type=toolbar].default > li .button:after { background-color: white; } /* line 291, ../../sass/base/toolbar/_mixins.scss */ .DTExperience .toolbar > li button:hover:before, .DTExperience .toolbar > li button:hover:after, .DTExperience .toolbar > li button.hover:before, .DTExperience .toolbar > li button.hover:after, .DTExperience .toolbar > li button.active:before, .DTExperience .toolbar > li button.active:after, .DTExperience .toolbar > li .button:hover:before, .DTExperience .toolbar > li .button:hover:after, .DTExperience .toolbar > li .button.hover:before, .DTExperience .toolbar > li .button.hover:after, .DTExperience .toolbar > li .button.active:before, .DTExperience .toolbar > li .button.active:after, .DTExperience .toolbar.default > li button:hover:before, .DTExperience .toolbar.default > li button:hover:after, .DTExperience .toolbar.default > li button.hover:before, .DTExperience .toolbar.default > li button.hover:after, .DTExperience .toolbar.default > li button.active:before, .DTExperience .toolbar.default > li button.active:after, .DTExperience .toolbar.default > li .button:hover:before, .DTExperience .toolbar.default > li .button:hover:after, .DTExperience .toolbar.default > li .button.hover:before, .DTExperience .toolbar.default > li .button.hover:after, .DTExperience .toolbar.default > li .button.active:before, .DTExperience .toolbar.default > li .button.active:after, .DTExperience menu[type=toolbar] > li button:hover:before, .DTExperience menu[type=toolbar] > li button:hover:after, .DTExperience menu[type=toolbar] > li button.hover:before, .DTExperience menu[type=toolbar] > li button.hover:after, .DTExperience menu[type=toolbar] > li button.active:before, .DTExperience menu[type=toolbar] > li button.active:after, .DTExperience menu[type=toolbar] > li .button:hover:before, .DTExperience menu[type=toolbar] > li .button:hover:after, .DTExperience menu[type=toolbar] > li .button.hover:before, .DTExperience menu[type=toolbar] > li .button.hover:after, .DTExperience menu[type=toolbar] > li .button.active:before, .DTExperience menu[type=toolbar] > li .button.active:after, .DTExperience menu[type=toolbar].default > li button:hover:before, .DTExperience menu[type=toolbar].default > li button:hover:after, .DTExperience menu[type=toolbar].default > li button.hover:before, .DTExperience menu[type=toolbar].default > li button.hover:after, .DTExperience menu[type=toolbar].default > li button.active:before, .DTExperience menu[type=toolbar].default > li button.active:after, .DTExperience menu[type=toolbar].default > li .button:hover:before, .DTExperience menu[type=toolbar].default > li .button:hover:after, .DTExperience menu[type=toolbar].default > li .button.hover:before, .DTExperience menu[type=toolbar].default > li .button.hover:after, .DTExperience menu[type=toolbar].default > li .button.active:before, .DTExperience menu[type=toolbar].default > li .button.active:after { background-color: #d0d0d0; } /* line 200, ../../sass/base/toolbar/_mixins.scss */ .DTExperience .toolbar > li button.magenta, .DTExperience .toolbar > li .button.magenta, .DTExperience .toolbar.default > li button.magenta, .DTExperience .toolbar.default > li .button.magenta, .DTExperience menu[type=toolbar] > li button.magenta, .DTExperience menu[type=toolbar] > li .button.magenta, .DTExperience menu[type=toolbar].default > li button.magenta, .DTExperience menu[type=toolbar].default > li .button.magenta { /* Specific styles for the IE 7 :before :after polyfill */ } /* line 288, ../../sass/base/toolbar/_mixins.scss */ .DTExperience .toolbar > li button.magenta:before, .DTExperience .toolbar > li button.magenta:after, .DTExperience .toolbar > li .button.magenta:before, .DTExperience .toolbar > li .button.magenta:after, .DTExperience .toolbar.default > li button.magenta:before, .DTExperience .toolbar.default > li button.magenta:after, .DTExperience .toolbar.default > li .button.magenta:before, .DTExperience .toolbar.default > li .button.magenta:after, .DTExperience menu[type=toolbar] > li button.magenta:before, .DTExperience menu[type=toolbar] > li button.magenta:after, .DTExperience menu[type=toolbar] > li .button.magenta:before, .DTExperience menu[type=toolbar] > li .button.magenta:after, .DTExperience menu[type=toolbar].default > li button.magenta:before, .DTExperience menu[type=toolbar].default > li button.magenta:after, .DTExperience menu[type=toolbar].default > li .button.magenta:before, .DTExperience menu[type=toolbar].default > li .button.magenta:after { background-color: #ff339c; } /* line 291, ../../sass/base/toolbar/_mixins.scss */ .DTExperience .toolbar > li button.magenta:hover:before, .DTExperience .toolbar > li button.magenta:hover:after, .DTExperience .toolbar > li button.magenta.hover:before, .DTExperience .toolbar > li button.magenta.hover:after, .DTExperience .toolbar > li button.magenta.active:before, .DTExperience .toolbar > li button.magenta.active:after, .DTExperience .toolbar > li .button.magenta:hover:before, .DTExperience .toolbar > li .button.magenta:hover:after, .DTExperience .toolbar > li .button.magenta.hover:before, .DTExperience .toolbar > li .button.magenta.hover:after, .DTExperience .toolbar > li .button.magenta.active:before, .DTExperience .toolbar > li .button.magenta.active:after, .DTExperience .toolbar.default > li button.magenta:hover:before, .DTExperience .toolbar.default > li button.magenta:hover:after, .DTExperience .toolbar.default > li button.magenta.hover:before, .DTExperience .toolbar.default > li button.magenta.hover:after, .DTExperience .toolbar.default > li button.magenta.active:before, .DTExperience .toolbar.default > li button.magenta.active:after, .DTExperience .toolbar.default > li .button.magenta:hover:before, .DTExperience .toolbar.default > li .button.magenta:hover:after, .DTExperience .toolbar.default > li .button.magenta.hover:before, .DTExperience .toolbar.default > li .button.magenta.hover:after, .DTExperience .toolbar.default > li .button.magenta.active:before, .DTExperience .toolbar.default > li .button.magenta.active:after, .DTExperience menu[type=toolbar] > li button.magenta:hover:before, .DTExperience menu[type=toolbar] > li button.magenta:hover:after, .DTExperience menu[type=toolbar] > li button.magenta.hover:before, .DTExperience menu[type=toolbar] > li button.magenta.hover:after, .DTExperience menu[type=toolbar] > li button.magenta.active:before, .DTExperience menu[type=toolbar] > li button.magenta.active:after, .DTExperience menu[type=toolbar] > li .button.magenta:hover:before, .DTExperience menu[type=toolbar] > li .button.magenta:hover:after, .DTExperience menu[type=toolbar] > li .button.magenta.hover:before, .DTExperience menu[type=toolbar] > li .button.magenta.hover:after, .DTExperience menu[type=toolbar] > li .button.magenta.active:before, .DTExperience menu[type=toolbar] > li .button.magenta.active:after, .DTExperience menu[type=toolbar].default > li button.magenta:hover:before, .DTExperience menu[type=toolbar].default > li button.magenta:hover:after, .DTExperience menu[type=toolbar].default > li button.magenta.hover:before, .DTExperience menu[type=toolbar].default > li button.magenta.hover:after, .DTExperience menu[type=toolbar].default > li button.magenta.active:before, .DTExperience menu[type=toolbar].default > li button.magenta.active:after, .DTExperience menu[type=toolbar].default > li .button.magenta:hover:before, .DTExperience menu[type=toolbar].default > li .button.magenta:hover:after, .DTExperience menu[type=toolbar].default > li .button.magenta.hover:before, .DTExperience menu[type=toolbar].default > li .button.magenta.hover:after, .DTExperience menu[type=toolbar].default > li .button.magenta.active:before, .DTExperience menu[type=toolbar].default > li .button.magenta.active:after { background-color: #b2005c; } /* line 104, ../../sass/base/toolbar/_mixins.scss */ .DTExperience .toolbar > li:first-child, .DTExperience .toolbar.default > li:first-child, .DTExperience menu[type=toolbar] > li:first-child, .DTExperience menu[type=toolbar].default > li:first-child { /* Specific styles for the IE 7 :before :after polyfill */ } /* line 105, ../../sass/base/toolbar/_mixins.scss */ .DTExperience .toolbar > li:first-child > button, .DTExperience .toolbar > li:first-child > .button, .DTExperience .toolbar.default > li:first-child > button, .DTExperience .toolbar.default > li:first-child > .button, .DTExperience menu[type=toolbar] > li:first-child > button, .DTExperience menu[type=toolbar] > li:first-child > .button, .DTExperience menu[type=toolbar].default > li:first-child > button, .DTExperience menu[type=toolbar].default > li:first-child > .button { -moz-border-radius-topleft: 0.20833em; -webkit-border-top-left-radius: 0.20833em; border-top-left-radius: 0.20833em; -moz-border-radius-bottomleft: 0.20833em; -webkit-border-bottom-left-radius: 0.20833em; border-bottom-left-radius: 0.20833em; border-left-width: 1px; } /* line 110, ../../sass/base/toolbar/_mixins.scss */ .DTExperience .toolbar > li:first-child > button::before, .DTExperience .toolbar > li:first-child > .button:before, .DTExperience .toolbar.default > li:first-child > button::before, .DTExperience .toolbar.default > li:first-child > .button:before, .DTExperience menu[type=toolbar] > li:first-child > button::before, .DTExperience menu[type=toolbar] > li:first-child > .button:before, .DTExperience menu[type=toolbar].default > li:first-child > button::before, .DTExperience menu[type=toolbar].default > li:first-child > .button:before { display: none; } /* line 122, ../../sass/base/toolbar/_mixins.scss */ .DTExperience .toolbar > li:last-child > button, .DTExperience .toolbar > li:last-child > .button, .DTExperience .toolbar.default > li:last-child > button, .DTExperience .toolbar.default > li:last-child > .button, .DTExperience menu[type=toolbar] > li:last-child > button, .DTExperience menu[type=toolbar] > li:last-child > .button, .DTExperience menu[type=toolbar].default > li:last-child > button, .DTExperience menu[type=toolbar].default > li:last-child > .button { -moz-border-radius-topright: 0.20833em; -webkit-border-top-right-radius: 0.20833em; border-top-right-radius: 0.20833em; -moz-border-radius-bottomright: 0.20833em; -webkit-border-bottom-right-radius: 0.20833em; border-bottom-right-radius: 0.20833em; } /* line 126, ../../sass/base/toolbar/_mixins.scss */ .DTExperience .toolbar > li:last-child > button::after, .DTExperience .toolbar > li:last-child > .button::after, .DTExperience .toolbar.default > li:last-child > button::after, .DTExperience .toolbar.default > li:last-child > .button::after, .DTExperience menu[type=toolbar] > li:last-child > button::after, .DTExperience menu[type=toolbar] > li:last-child > .button::after, .DTExperience menu[type=toolbar].default > li:last-child > button::after, .DTExperience menu[type=toolbar].default > li:last-child > .button::after { display: none; } /* line 283, ../../sass/custom/_global_mixins.scss */ .DTExperience .toolbar > li ul, .DTExperience .toolbar > li menu[type=list], .DTExperience .toolbar.default > li ul, .DTExperience .toolbar.default > li menu[type=list], .DTExperience menu[type=toolbar] > li ul, .DTExperience menu[type=toolbar] > li menu[type=list], .DTExperience menu[type=toolbar].default > li ul, .DTExperience menu[type=toolbar].default > li menu[type=list] { display: none; } /* line 286, ../../sass/custom/_global_mixins.scss */ .DTExperience .toolbar > li:hover ul, .DTExperience .toolbar > li:hover menu[type=list], .DTExperience .toolbar > li.menu-open ul, .DTExperience .toolbar > li.menu-open menu[type=list], .DTExperience .toolbar.default > li:hover ul, .DTExperience .toolbar.default > li:hover menu[type=list], .DTExperience .toolbar.default > li.menu-open ul, .DTExperience .toolbar.default > li.menu-open menu[type=list], .DTExperience menu[type=toolbar] > li:hover ul, .DTExperience menu[type=toolbar] > li:hover menu[type=list], .DTExperience menu[type=toolbar] > li.menu-open ul, .DTExperience menu[type=toolbar] > li.menu-open menu[type=list], .DTExperience menu[type=toolbar].default > li:hover ul, .DTExperience menu[type=toolbar].default > li:hover menu[type=list], .DTExperience menu[type=toolbar].default > li.menu-open ul, .DTExperience menu[type=toolbar].default > li.menu-open menu[type=list] { display: block; } /* line 31, ../../sass/base/toolbar/_mixins.scss */ .DTExperience .toolbar > li ul, .DTExperience .toolbar > li menu[type=list], .DTExperience .toolbar.default > li ul, .DTExperience .toolbar.default > li menu[type=list], .DTExperience menu[type=toolbar] > li ul, .DTExperience menu[type=toolbar] > li menu[type=list], .DTExperience menu[type=toolbar].default > li ul, .DTExperience menu[type=toolbar].default > li menu[type=list] { padding: 0; position: absolute; left: 0; z-index: 9999; margin-top: -1px; width: 13em; background: white; background: rgba(255, 255, 255, 0.95); border: 1px solid #d0d0d0; -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0 2px 3px 0; -moz-box-shadow: rgba(0, 0, 0, 0.15) 0 2px 3px 0; box-shadow: rgba(0, 0, 0, 0.15) 0 2px 3px 0; -webkit-border-radius: 0.33333em; -moz-border-radius: 0.33333em; -ms-border-radius: 0.33333em; -o-border-radius: 0.33333em; border-radius: 0.33333em; -moz-border-radius-topright: 0; -webkit-border-top-right-radius: 0; border-top-right-radius: 0; -moz-border-radius-topleft: 0; -webkit-border-top-left-radius: 0; border-top-left-radius: 0; } /* line 397, ../../sass/custom/_global_mixins.scss */ .DTExperience .toolbar > li ul li a, .DTExperience .toolbar > li ul li > span, .DTExperience .toolbar > li ul li > .active, .DTExperience .toolbar > li menu[type=list] li a, .DTExperience .toolbar > li menu[type=list] li > span, .DTExperience .toolbar > li menu[type=list] li > .active, .DTExperience .toolbar.default > li ul li a, .DTExperience .toolbar.default > li ul li > span, .DTExperience .toolbar.default > li ul li > .active, .DTExperience .toolbar.default > li menu[type=list] li a, .DTExperience .toolbar.default > li menu[type=list] li > span, .DTExperience .toolbar.default > li menu[type=list] li > .active, .DTExperience menu[type=toolbar] > li ul li a, .DTExperience menu[type=toolbar] > li ul li > span, .DTExperience menu[type=toolbar] > li ul li > .active, .DTExperience menu[type=toolbar] > li menu[type=list] li a, .DTExperience menu[type=toolbar] > li menu[type=list] li > span, .DTExperience menu[type=toolbar] > li menu[type=list] li > .active, .DTExperience menu[type=toolbar].default > li ul li a, .DTExperience menu[type=toolbar].default > li ul li > span, .DTExperience menu[type=toolbar].default > li ul li > .active, .DTExperience menu[type=toolbar].default > li menu[type=list] li a, .DTExperience menu[type=toolbar].default > li menu[type=list] li > span, .DTExperience menu[type=toolbar].default > li menu[type=list] li > .active { font-size: 1.6em; } /* line 343, ../../sass/custom/_global_mixins.scss */ .DTExperience .toolbar > li ul li, .DTExperience .toolbar > li menu[type=list] li, .DTExperience .toolbar.default > li ul li, .DTExperience .toolbar.default > li menu[type=list] li, .DTExperience menu[type=toolbar] > li ul li, .DTExperience menu[type=toolbar] > li menu[type=list] li, .DTExperience menu[type=toolbar].default > li ul li, .DTExperience menu[type=toolbar].default > li menu[type=list] li { margin: 0; height: auto; width: auto; float: none; border: 0; background: none; line-height: 1; list-style: none; } /* line 352, ../../sass/custom/_global_mixins.scss */ .DTExperience .toolbar > li ul li:last-child, .DTExperience .toolbar > li menu[type=list] li:last-child, .DTExperience .toolbar.default > li ul li:last-child, .DTExperience .toolbar.default > li menu[type=list] li:last-child, .DTExperience menu[type=toolbar] > li ul li:last-child, .DTExperience menu[type=toolbar] > li menu[type=list] li:last-child, .DTExperience menu[type=toolbar].default > li ul li:last-child, .DTExperience menu[type=toolbar].default > li menu[type=list] li:last-child { -webkit-border-radius: 0.33333em; -moz-border-radius: 0.33333em; -ms-border-radius: 0.33333em; -o-border-radius: 0.33333em; border-radius: 0.33333em; -moz-border-radius-topright: 0; -webkit-border-top-right-radius: 0; border-top-right-radius: 0; -moz-border-radius-topleft: 0; -webkit-border-top-left-radius: 0; border-top-left-radius: 0; } /* line 359, ../../sass/custom/_global_mixins.scss */ .DTExperience .toolbar > li ul li > .active, .DTExperience .toolbar > li ul li > span, .DTExperience .toolbar > li ul li a, .DTExperience .toolbar > li menu[type=list] li > .active, .DTExperience .toolbar > li menu[type=list] li > span, .DTExperience .toolbar > li menu[type=list] li a, .DTExperience .toolbar.default > li ul li > .active, .DTExperience .toolbar.default > li ul li > span, .DTExperience .toolbar.default > li ul li a, .DTExperience .toolbar.default > li menu[type=list] li > .active, .DTExperience .toolbar.default > li menu[type=list] li > span, .DTExperience .toolbar.default > li menu[type=list] li a, .DTExperience menu[type=toolbar] > li ul li > .active, .DTExperience menu[type=toolbar] > li ul li > span, .DTExperience menu[type=toolbar] > li ul li a, .DTExperience menu[type=toolbar] > li menu[type=list] li > .active, .DTExperience menu[type=toolbar] > li menu[type=list] li > span, .DTExperience menu[type=toolbar] > li menu[type=list] li a, .DTExperience menu[type=toolbar].default > li ul li > .active, .DTExperience menu[type=toolbar].default > li ul li > span, .DTExperience menu[type=toolbar].default > li ul li a, .DTExperience menu[type=toolbar].default > li menu[type=list] li > .active, .DTExperience menu[type=toolbar].default > li menu[type=list] li > span, .DTExperience menu[type=toolbar].default > li menu[type=list] li a { width: auto; height: 1.875em; line-height: 1.875em; padding: 0 0.625em; border-left: 0; color: #4b4b4b; position: relative; display: block; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap; } /* line 370, ../../sass/custom/_global_mixins.scss */ .DTExperience .toolbar > li ul li a:hover, .DTExperience .toolbar > li ul li a.hover, .DTExperience .toolbar > li menu[type=list] li a:hover, .DTExperience .toolbar > li menu[type=list] li a.hover, .DTExperience .toolbar.default > li ul li a:hover, .DTExperience .toolbar.default > li ul li a.hover, .DTExperience .toolbar.default > li menu[type=list] li a:hover, .DTExperience .toolbar.default > li menu[type=list] li a.hover, .DTExperience menu[type=toolbar] > li ul li a:hover, .DTExperience menu[type=toolbar] > li ul li a.hover, .DTExperience menu[type=toolbar] > li menu[type=list] li a:hover, .DTExperience menu[type=toolbar] > li menu[type=list] li a.hover, .DTExperience menu[type=toolbar].default > li ul li a:hover, .DTExperience menu[type=toolbar].default > li ul li a.hover, .DTExperience menu[type=toolbar].default > li menu[type=list] li a:hover, .DTExperience menu[type=toolbar].default > li menu[type=list] li a.hover { background: #eeeeee; color: #4b4b4b; text-decoration: none; } /* line 375, ../../sass/custom/_global_mixins.scss */ .DTExperience .toolbar > li ul li a:active, .DTExperience .toolbar > li menu[type=list] li a:active, .DTExperience .toolbar.default > li ul li a:active, .DTExperience .toolbar.default > li menu[type=list] li a:active, .DTExperience menu[type=toolbar] > li ul li a:active, .DTExperience menu[type=toolbar] > li menu[type=list] li a:active, .DTExperience menu[type=toolbar].default > li ul li a:active, .DTExperience menu[type=toolbar].default > li menu[type=list] li a:active { background: #d9d9d9; } /* line 379, ../../sass/custom/_global_mixins.scss */ .DTExperience .toolbar > li ul li > .active, .DTExperience .toolbar > li menu[type=list] li > .active, .DTExperience .toolbar.default > li ul li > .active, .DTExperience .toolbar.default > li menu[type=list] li > .active, .DTExperience menu[type=toolbar] > li ul li > .active, .DTExperience menu[type=toolbar] > li menu[type=list] li > .active, .DTExperience menu[type=toolbar].default > li ul li > .active, .DTExperience menu[type=toolbar].default > li menu[type=list] li > .active { font-weight: normal; color: #e20074; } /* line 34, ../../sass/base/toolbar/_mixins.scss */ .DTExperience .toolbar.large > li, .DTExperience menu[type=toolbar].large > li { padding: 0; margin: 0; background: none; height: auto; float: left; position: relative; position: relative; } /* line 85, ../../sass/base/toolbar/_mixins.scss */ .DTExperience .toolbar.large > li button, .DTExperience .toolbar.large > li .button, .DTExperience menu[type=toolbar].large > li button, .DTExperience menu[type=toolbar].large > li .button { height: 2.10526em; font-size: 1.9em; line-height: 2.10526em; display: inline-block; padding: 0em 1.05263em; font-family: TeleGrotesk; text-align: center; text-decoration: none; /* vertical-align: middle; */ border-width: 1px; border-style: solid; -webkit-border-radius: 0.17544em; -moz-border-radius: 0.17544em; -ms-border-radius: 0.17544em; -o-border-radius: 0.17544em; border-radius: 0.17544em; -webkit-user-select: none; -moz-user-select: none; user-select: none; /* Fix full-width button icons in Opera - end */ -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; border-width: 1px 1px 1px 0px; position: relative; /* Specific styles for the IE 7 :before :after polyfill */ display: block; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap; /* Specific styles for the IE 7 :before :after polyfill */ } /* line 444, ../../sass/base/buttons/_mixins.scss */ .DTExperience .toolbar.large > li button .icon, .DTExperience .toolbar.large > li .button .icon, .DTExperience menu[type=toolbar].large > li button .icon, .DTExperience menu[type=toolbar].large > li .button .icon { font-size: 1.0em; float: left; margin: 0 auto; font-family: Tele-Icon; text-align: center; -webkit-font-smoothing: antialiased; vertical-align: top; } /* line 133, ../../sass/base/buttons/_mixins.scss */ .DTExperience .toolbar.large > li button:hover, .DTExperience .toolbar.large > li .button:hover, .DTExperience menu[type=toolbar].large > li button:hover, .DTExperience menu[type=toolbar].large > li .button:hover { text-decoration: none; } /* line 140, ../../sass/base/buttons/_mixins.scss */ .DTExperience .toolbar.large > li button[class^='icon-'] .buttontext, .DTExperience .toolbar.large > li button[class*='icon-'] .buttontext, .DTExperience .toolbar.large > li .button[class^='icon-'] .buttontext, .DTExperience .toolbar.large > li .button[class*='icon-'] .buttontext, .DTExperience menu[type=toolbar].large > li button[class^='icon-'] .buttontext, .DTExperience menu[type=toolbar].large > li button[class*='icon-'] .buttontext, .DTExperience menu[type=toolbar].large > li .button[class^='icon-'] .buttontext, .DTExperience menu[type=toolbar].large > li .button[class*='icon-'] .buttontext { float: left; margin-left: 0.52632em; vertical-align: top; } /* line 148, ../../sass/base/buttons/_mixins.scss */ .DTExperience .toolbar.large > li button.icon-only, .DTExperience .toolbar.large > li .button.icon-only, .DTExperience menu[type=toolbar].large > li button.icon-only, .DTExperience menu[type=toolbar].large > li .button.icon-only { width: 2.10526em; padding: 0; } /* line 379, ../../sass/base/buttons/_mixins.scss */ .DTExperience .toolbar.large > li button.icon-only.rectangle, .DTExperience .toolbar.large > li .button.icon-only.rectangle, .DTExperience menu[type=toolbar].large > li button.icon-only.rectangle, .DTExperience menu[type=toolbar].large > li .button.icon-only.rectangle { width: 2.8em; } /* line 387, ../../sass/base/buttons/_mixins.scss */ .DTExperience .toolbar.large > li button.icon-only .icon, .DTExperience .toolbar.large > li .button.icon-only .icon, .DTExperience menu[type=toolbar].large > li button.icon-only .icon, .DTExperience menu[type=toolbar].large > li .button.icon-only .icon { float: none; } /* line 391, ../../sass/base/buttons/_mixins.scss */ .DTExperience .toolbar.large > li button.icon-only .buttontext, .DTExperience .toolbar.large > li .button.icon-only .buttontext, .DTExperience menu[type=toolbar].large > li button.icon-only .buttontext, .DTExperience menu[type=toolbar].large > li .button.icon-only .buttontext { position: absolute; margin-left: -99999px; } /* line 158, ../../sass/base/buttons/_mixins.scss */ .DTExperience .toolbar.large > li button.icon-only .icon:before, .DTExperience .toolbar.large > li .button.icon-only .icon:before, .DTExperience menu[type=toolbar].large > li button.icon-only .icon:before, .DTExperience menu[type=toolbar].large > li .button.icon-only .icon:before { /* Fixing the vertical misalignment in Opera */ display: block; } /* line 177, ../../sass/base/buttons/_mixins.scss */ .DTExperience .toolbar.large > li button.minimal, .DTExperience .toolbar.large > li .button.minimal, .DTExperience menu[type=toolbar].large > li button.minimal, .DTExperience menu[type=toolbar].large > li .button.minimal { padding: 0em 0.52632em; } /* line 189, ../../sass/base/buttons/_mixins.scss */ .DTExperience .toolbar.large > li button.full-width, .DTExperience .toolbar.large > li .button.full-width, .DTExperience menu[type=toolbar].large > li button.full-width, .DTExperience menu[type=toolbar].large > li .button.full-width { display: block; width: 100%; } /* line 192, ../../sass/base/buttons/_mixins.scss */ .DTExperience .toolbar.large > li button.full-width .icon, .DTExperience .toolbar.large > li .button.full-width .icon, .DTExperience menu[type=toolbar].large > li button.full-width .icon, .DTExperience menu[type=toolbar].large > li .button.full-width .icon { float: none; margin-right: -0.1em; /* Fix full-width button icons in Opera - start */ } /* line 197, ../../sass/base/buttons/_mixins.scss */ .DTExperience .toolbar.large > li button.full-width .icon:before, .DTExperience .toolbar.large > li button.full-width .icon x:-o-prefocus, .DTExperience .toolbar.large > li .button.full-width .icon:before, .DTExperience .toolbar.large > li .button.full-width .icon x:-o-prefocus, .DTExperience menu[type=toolbar].large > li button.full-width .icon:before, .DTExperience menu[type=toolbar].large > li button.full-width .icon x:-o-prefocus, .DTExperience menu[type=toolbar].large > li .button.full-width .icon:before, .DTExperience menu[type=toolbar].large > li .button.full-width .icon x:-o-prefocus { display: block; position: absolute; left: 50%; margin-left: -1.5em; } /* line 205, ../../sass/base/buttons/_mixins.scss */ .DTExperience .toolbar.large > li button.full-width span.buttontext, .DTExperience .toolbar.large > li button.full-width x:-o-prefocus, .DTExperience .toolbar.large > li .button.full-width span.buttontext, .DTExperience .toolbar.large > li .button.full-width x:-o-prefocus, .DTExperience menu[type=toolbar].large > li button.full-width span.buttontext, .DTExperience menu[type=toolbar].large > li button.full-width x:-o-prefocus, .DTExperience menu[type=toolbar].large > li .button.full-width span.buttontext, .DTExperience menu[type=toolbar].large > li .button.full-width x:-o-prefocus { margin-left: 2.5em; } /* line 209, ../../sass/base/buttons/_mixins.scss */ .DTExperience .toolbar.large > li button.full-width[class^='icon-'] .buttontext, .DTExperience .toolbar.large > li button.full-width[class*='icon-'] .buttontext, .DTExperience .toolbar.large > li .button.full-width[class^='icon-'] .buttontext, .DTExperience .toolbar.large > li .button.full-width[class*='icon-'] .buttontext, .DTExperience menu[type=toolbar].large > li button.full-width[class^='icon-'] .buttontext, .DTExperience menu[type=toolbar].large > li button.full-width[class*='icon-'] .buttontext, .DTExperience menu[type=toolbar].large > li .button.full-width[class^='icon-'] .buttontext, .DTExperience menu[type=toolbar].large > li .button.full-width[class*='icon-'] .buttontext { float: none; } /* line 214, ../../sass/base/buttons/_mixins.scss */ .DTExperience .toolbar.large > li button.icon-only .icon:before, .DTExperience .toolbar.large > li button x:-o-prefocus, .DTExperience .toolbar.large > li .button.icon-only .icon:before, .DTExperience .toolbar.large > li .button x:-o-prefocus, .DTExperience menu[type=toolbar].large > li button.icon-only .icon:before, .DTExperience menu[type=toolbar].large > li button x:-o-prefocus, .DTExperience menu[type=toolbar].large > li .button.icon-only .icon:before, .DTExperience menu[type=toolbar].large > li .button x:-o-prefocus { position: static !important; } /* line 207, ../../sass/base/toolbar/_mixins.scss */ .DTExperience .toolbar.large > li button.icon-navigation-down.icon-right .buttontext, .DTExperience .toolbar.large > li .button.icon-navigation-down.icon-right .buttontext, .DTExperience menu[type=toolbar].large > li button.icon-navigation-down.icon-right .buttontext, .DTExperience menu[type=toolbar].large > li .button.icon-navigation-down.icon-right .buttontext { float: left; margin-left: 0; margin-right: 0.26316em; } /* line 212, ../../sass/base/toolbar/_mixins.scss */ .DTExperience .toolbar.large > li button.icon-navigation-down.icon-right .icon, .DTExperience .toolbar.large > li .button.icon-navigation-down.icon-right .icon, .DTExperience menu[type=toolbar].large > li button.icon-navigation-down.icon-right .icon, .DTExperience menu[type=toolbar].large > li .button.icon-navigation-down.icon-right .icon { font-size: 0.75em; float: left; position: relative; top: 1px; } /* line 154, ../../sass/base/toolbar/_mixins.scss */ .DTExperience .toolbar.large > li button::before, .DTExperience .toolbar.large > li .button::before, .DTExperience menu[type=toolbar].large > li button::before, .DTExperience menu[type=toolbar].large > li .button::before { content: ''; display: block; position: absolute; width: 1px; top: 0; bottom: 0; z-index: 1; left: 0; } /* line 158, ../../sass/base/toolbar/_mixins.scss */ .DTExperience .toolbar.large > li button::after, .DTExperience .toolbar.large > li .button::after, .DTExperience menu[type=toolbar].large > li button::after, .DTExperience menu[type=toolbar].large > li .button::after { content: ''; display: block; position: absolute; width: 1px; top: 0; bottom: 0; z-index: 1; right: 0; } /* line 165, ../../sass/base/toolbar/_mixins.scss */ .DTExperience .toolbar.large > li button:active::before, .DTExperience .toolbar.large > li button:active::after, .DTExperience .toolbar.large > li .button:active::before, .DTExperience .toolbar.large > li .button:active::after, .DTExperience menu[type=toolbar].large > li button:active::before, .DTExperience menu[type=toolbar].large > li button:active::after, .DTExperience menu[type=toolbar].large > li .button:active::before, .DTExperience menu[type=toolbar].large > li .button:active::after { display: none; } /* line 191, ../../sass/base/toolbar/_mixins.scss */ .DTExperience .toolbar.large > li button .buttontext, .DTExperience .toolbar.large > li .button .buttontext, .DTExperience menu[type=toolbar].large > li button .buttontext, .DTExperience menu[type=toolbar].large > li .button .buttontext { float: left; } /* line 288, ../../sass/base/toolbar/_mixins.scss */ .DTExperience .toolbar.large > li button:before, .DTExperience .toolbar.large > li button:after, .DTExperience .toolbar.large > li .button:before, .DTExperience .toolbar.large > li .button:after, .DTExperience menu[type=toolbar].large > li button:before, .DTExperience menu[type=toolbar].large > li button:after, .DTExperience menu[type=toolbar].large > li .button:before, .DTExperience menu[type=toolbar].large > li .button:after { background-color: white; } /* line 291, ../../sass/base/toolbar/_mixins.scss */ .DTExperience .toolbar.large > li button:hover:before, .DTExperience .toolbar.large > li button:hover:after, .DTExperience .toolbar.large > li button.hover:before, .DTExperience .toolbar.large > li button.hover:after, .DTExperience .toolbar.large > li button.active:before, .DTExperience .toolbar.large > li button.active:after, .DTExperience .toolbar.large > li .button:hover:before, .DTExperience .toolbar.large > li .button:hover:after, .DTExperience .toolbar.large > li .button.hover:before, .DTExperience .toolbar.large > li .button.hover:after, .DTExperience .toolbar.large > li .button.active:before, .DTExperience .toolbar.large > li .button.active:after, .DTExperience menu[type=toolbar].large > li button:hover:before, .DTExperience menu[type=toolbar].large > li button:hover:after, .DTExperience menu[type=toolbar].large > li button.hover:before, .DTExperience menu[type=toolbar].large > li button.hover:after, .DTExperience menu[type=toolbar].large > li button.active:before, .DTExperience menu[type=toolbar].large > li button.active:after, .DTExperience menu[type=toolbar].large > li .button:hover:before, .DTExperience menu[type=toolbar].large > li .button:hover:after, .DTExperience menu[type=toolbar].large > li .button.hover:before, .DTExperience menu[type=toolbar].large > li .button.hover:after, .DTExperience menu[type=toolbar].large > li .button.active:before, .DTExperience menu[type=toolbar].large > li .button.active:after { background-color: #d0d0d0; } /* line 200, ../../sass/base/toolbar/_mixins.scss */ .DTExperience .toolbar.large > li button.magenta, .DTExperience .toolbar.large > li .button.magenta, .DTExperience menu[type=toolbar].large > li button.magenta, .DTExperience menu[type=toolbar].large > li .button.magenta { /* Specific styles for the IE 7 :before :after polyfill */ } /* line 288, ../../sass/base/toolbar/_mixins.scss */ .DTExperience .toolbar.large > li button.magenta:before, .DTExperience .toolbar.large > li button.magenta:after, .DTExperience .toolbar.large > li .button.magenta:before, .DTExperience .toolbar.large > li .button.magenta:after, .DTExperience menu[type=toolbar].large > li button.magenta:before, .DTExperience menu[type=toolbar].large > li button.magenta:after, .DTExperience menu[type=toolbar].large > li .button.magenta:before, .DTExperience menu[type=toolbar].large > li .button.magenta:after { background-color: #ff339c; } /* line 291, ../../sass/base/toolbar/_mixins.scss */ .DTExperience .toolbar.large > li button.magenta:hover:before, .DTExperience .toolbar.large > li button.magenta:hover:after, .DTExperience .toolbar.large > li button.magenta.hover:before, .DTExperience .toolbar.large > li button.magenta.hover:after, .DTExperience .toolbar.large > li button.magenta.active:before, .DTExperience .toolbar.large > li button.magenta.active:after, .DTExperience .toolbar.large > li .button.magenta:hover:before, .DTExperience .toolbar.large > li .button.magenta:hover:after, .DTExperience .toolbar.large > li .button.magenta.hover:before, .DTExperience .toolbar.large > li .button.magenta.hover:after, .DTExperience .toolbar.large > li .button.magenta.active:before, .DTExperience .toolbar.large > li .button.magenta.active:after, .DTExperience menu[type=toolbar].large > li button.magenta:hover:before, .DTExperience menu[type=toolbar].large > li button.magenta:hover:after, .DTExperience menu[type=toolbar].large > li button.magenta.hover:before, .DTExperience menu[type=toolbar].large > li button.magenta.hover:after, .DTExperience menu[type=toolbar].large > li button.magenta.active:before, .DTExperience menu[type=toolbar].large > li button.magenta.active:after, .DTExperience menu[type=toolbar].large > li .button.magenta:hover:before, .DTExperience menu[type=toolbar].large > li .button.magenta:hover:after, .DTExperience menu[type=toolbar].large > li .button.magenta.hover:before, .DTExperience menu[type=toolbar].large > li .button.magenta.hover:after, .DTExperience menu[type=toolbar].large > li .button.magenta.active:before, .DTExperience menu[type=toolbar].large > li .button.magenta.active:after { background-color: #b2005c; } /* line 104, ../../sass/base/toolbar/_mixins.scss */ .DTExperience .toolbar.large > li:first-child, .DTExperience menu[type=toolbar].large > li:first-child { /* Specific styles for the IE 7 :before :after polyfill */ } /* line 105, ../../sass/base/toolbar/_mixins.scss */ .DTExperience .toolbar.large > li:first-child > button, .DTExperience .toolbar.large > li:first-child > .button, .DTExperience menu[type=toolbar].large > li:first-child > button, .DTExperience menu[type=toolbar].large > li:first-child > .button { -moz-border-radius-topleft: 0.17544em; -webkit-border-top-left-radius: 0.17544em; border-top-left-radius: 0.17544em; -moz-border-radius-bottomleft: 0.17544em; -webkit-border-bottom-left-radius: 0.17544em; border-bottom-left-radius: 0.17544em; border-left-width: 1px; } /* line 110, ../../sass/base/toolbar/_mixins.scss */ .DTExperience .toolbar.large > li:first-child > button::before, .DTExperience .toolbar.large > li:first-child > .button:before, .DTExperience menu[type=toolbar].large > li:first-child > button::before, .DTExperience menu[type=toolbar].large > li:first-child > .button:before { display: none; } /* line 122, ../../sass/base/toolbar/_mixins.scss */ .DTExperience .toolbar.large > li:last-child > button, .DTExperience .toolbar.large > li:last-child > .button, .DTExperience menu[type=toolbar].large > li:last-child > button, .DTExperience menu[type=toolbar].large > li:last-child > .button { -moz-border-radius-topright: 0.17544em; -webkit-border-top-right-radius: 0.17544em; border-top-right-radius: 0.17544em; -moz-border-radius-bottomright: 0.17544em; -webkit-border-bottom-right-radius: 0.17544em; border-bottom-right-radius: 0.17544em; } /* line 126, ../../sass/base/toolbar/_mixins.scss */ .DTExperience .toolbar.large > li:last-child > button::after, .DTExperience .toolbar.large > li:last-child > .button::after, .DTExperience menu[type=toolbar].large > li:last-child > button::after, .DTExperience menu[type=toolbar].large > li:last-child > .button::after { display: none; } /* line 283, ../../sass/custom/_global_mixins.scss */ .DTExperience .toolbar.large > li ul, .DTExperience .toolbar.large > li menu[type=list], .DTExperience menu[type=toolbar].large > li ul, .DTExperience menu[type=toolbar].large > li menu[type=list] { display: none; } /* line 286, ../../sass/custom/_global_mixins.scss */ .DTExperience .toolbar.large > li:hover ul, .DTExperience .toolbar.large > li:hover menu[type=list], .DTExperience .toolbar.large > li.menu-open ul, .DTExperience .toolbar.large > li.menu-open menu[type=list], .DTExperience menu[type=toolbar].large > li:hover ul, .DTExperience menu[type=toolbar].large > li:hover menu[type=list], .DTExperience menu[type=toolbar].large > li.menu-open ul, .DTExperience menu[type=toolbar].large > li.menu-open menu[type=list] { display: block; } /* line 37, ../../sass/base/toolbar/_mixins.scss */ .DTExperience .toolbar.large > li ul, .DTExperience .toolbar.large > li menu[type=list], .DTExperience menu[type=toolbar].large > li ul, .DTExperience menu[type=toolbar].large > li menu[type=list] { padding: 0; position: absolute; left: 0; z-index: 9999; margin-top: -1px; width: 13em; background: white; background: rgba(255, 255, 255, 0.95); border: 1px solid #d0d0d0; -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0 2px 3px 0; -moz-box-shadow: rgba(0, 0, 0, 0.15) 0 2px 3px 0; box-shadow: rgba(0, 0, 0, 0.15) 0 2px 3px 0; -webkit-border-radius: 0.33333em; -moz-border-radius: 0.33333em; -ms-border-radius: 0.33333em; -o-border-radius: 0.33333em; border-radius: 0.33333em; -moz-border-radius-topright: 0; -webkit-border-top-right-radius: 0; border-top-right-radius: 0; -moz-border-radius-topleft: 0; -webkit-border-top-left-radius: 0; border-top-left-radius: 0; } /* line 406, ../../sass/custom/_global_mixins.scss */ .DTExperience .toolbar.large > li ul li a, .DTExperience .toolbar.large > li ul li > span, .DTExperience .toolbar.large > li ul li > .active, .DTExperience .toolbar.large > li menu[type=list] li a, .DTExperience .toolbar.large > li menu[type=list] li > span, .DTExperience .toolbar.large > li menu[type=list] li > .active, .DTExperience menu[type=toolbar].large > li ul li a, .DTExperience menu[type=toolbar].large > li ul li > span, .DTExperience menu[type=toolbar].large > li ul li > .active, .DTExperience menu[type=toolbar].large > li menu[type=list] li a, .DTExperience menu[type=toolbar].large > li menu[type=list] li > span, .DTExperience menu[type=toolbar].large > li menu[type=list] li > .active { font-size: 1.9em; } /* line 343, ../../sass/custom/_global_mixins.scss */ .DTExperience .toolbar.large > li ul li, .DTExperience .toolbar.large > li menu[type=list] li, .DTExperience menu[type=toolbar].large > li ul li, .DTExperience menu[type=toolbar].large > li menu[type=list] li { margin: 0; height: auto; width: auto; float: none; border: 0; background: none; line-height: 1; list-style: none; } /* line 352, ../../sass/custom/_global_mixins.scss */ .DTExperience .toolbar.large > li ul li:last-child, .DTExperience .toolbar.large > li menu[type=list] li:last-child, .DTExperience menu[type=toolbar].large > li ul li:last-child, .DTExperience menu[type=toolbar].large > li menu[type=list] li:last-child { -webkit-border-radius: 0.33333em; -moz-border-radius: 0.33333em; -ms-border-radius: 0.33333em; -o-border-radius: 0.33333em; border-radius: 0.33333em; -moz-border-radius-topright: 0; -webkit-border-top-right-radius: 0; border-top-right-radius: 0; -moz-border-radius-topleft: 0; -webkit-border-top-left-radius: 0; border-top-left-radius: 0; } /* line 359, ../../sass/custom/_global_mixins.scss */ .DTExperience .toolbar.large > li ul li > .active, .DTExperience .toolbar.large > li ul li > span, .DTExperience .toolbar.large > li ul li a, .DTExperience .toolbar.large > li menu[type=list] li > .active, .DTExperience .toolbar.large > li menu[type=list] li > span, .DTExperience .toolbar.large > li menu[type=list] li a, .DTExperience menu[type=toolbar].large > li ul li > .active, .DTExperience menu[type=toolbar].large > li ul li > span, .DTExperience menu[type=toolbar].large > li ul li a, .DTExperience menu[type=toolbar].large > li menu[type=list] li > .active, .DTExperience menu[type=toolbar].large > li menu[type=list] li > span, .DTExperience menu[type=toolbar].large > li menu[type=list] li a { width: auto; height: 2.10526em; line-height: 2.10526em; padding: 0 0.52632em; border-left: 0; color: #4b4b4b; position: relative; display: block; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap; } /* line 370, ../../sass/custom/_global_mixins.scss */ .DTExperience .toolbar.large > li ul li a:hover, .DTExperience .toolbar.large > li ul li a.hover, .DTExperience .toolbar.large > li menu[type=list] li a:hover, .DTExperience .toolbar.large > li menu[type=list] li a.hover, .DTExperience menu[type=toolbar].large > li ul li a:hover, .DTExperience menu[type=toolbar].large > li ul li a.hover, .DTExperience menu[type=toolbar].large > li menu[type=list] li a:hover, .DTExperience menu[type=toolbar].large > li menu[type=list] li a.hover { background: #eeeeee; color: #4b4b4b; text-decoration: none; } /* line 375, ../../sass/custom/_global_mixins.scss */ .DTExperience .toolbar.large > li ul li a:active, .DTExperience .toolbar.large > li menu[type=list] li a:active, .DTExperience menu[type=toolbar].large > li ul li a:active, .DTExperience menu[type=toolbar].large > li menu[type=list] li a:active { background: #d9d9d9; } /* line 379, ../../sass/custom/_global_mixins.scss */ .DTExperience .toolbar.large > li ul li > .active, .DTExperience .toolbar.large > li menu[type=list] li > .active, .DTExperience menu[type=toolbar].large > li ul li > .active, .DTExperience menu[type=toolbar].large > li menu[type=list] li > .active { font-weight: normal; color: #e20074; } /* line 75, ../../sass/base/toolbar/_classes.scss */ .DTExperience .toolbar-container { margin: 0; width: 100%; display: table; } /* line 238, ../../sass/base/toolbar/_mixins.scss */ .DTExperience .toolbar-container > menu[type=list] { display: table-row; } /* line 241, ../../sass/base/toolbar/_mixins.scss */ .DTExperience .toolbar-container > menu[type=list] > li { display: table-cell; padding: 0.5em 0; } /* line 247, ../../sass/base/toolbar/_mixins.scss */ .DTExperience .toolbar-container > menu[type=list] > li > * { text-align: center; margin: 0 auto; } /* line 252, ../../sass/base/toolbar/_mixins.scss */ .DTExperience .toolbar-container > menu[type=list] > li:first-child > * { text-align: left; margin: 0 auto 0 0; } /* line 257, ../../sass/base/toolbar/_mixins.scss */ .DTExperience .toolbar-container > menu[type=list] > li:last-child > * { text-align: right; margin: 0 0 0 auto; } /* line 22, ../../sass/base/tooltips/_classes.scss */ .DTExperience .tooltip-display-top { /* Fix for wrong tooltip arrow positioning in Opera */ } /* line 13, ../../sass/base/tooltips/_mixins.scss */ .DTExperience .tooltip-display-top.ui-tooltip-default { border: 0; } /* line 15, ../../sass/base/tooltips/_mixins.scss */ .DTExperience .tooltip-display-top.ui-tooltip.qtip { font-family: TeleGrotesk; font-size: 100%; line-height: normal; } /* line 34, ../../sass/base/tooltips/_mixins.scss */ .DTExperience .tooltip-display-top .ui-tooltip-content { -webkit-border-radius: 0.33333em; -moz-border-radius: 0.33333em; -ms-border-radius: 0.33333em; -o-border-radius: 0.33333em; border-radius: 0.33333em; padding: 0.8em 1em 0.7em; margin: 0; text-decoration: none; text-align: left; position: relative; overflow: visible; background-color: #000; background-color: rgba(0, 0, 0, 0.9); color: #FFF; -webkit-box-shadow: rgba(0, 0, 0, 0.4) 0 2px 3px; -moz-box-shadow: rgba(0, 0, 0, 0.4) 0 2px 3px; box-shadow: rgba(0, 0, 0, 0.4) 0 2px 3px; } /* line 54, ../../sass/base/tooltips/_mixins.scss */ .DTExperience .tooltip-display-top .ui-tooltip-content .content { font-size: 1.3em; } /* line 60, ../../sass/base/tooltips/_mixins.scss */ .DTExperience .tooltip-display-top .ui-tooltip-content label { font-size: inherit; margin: 0; } /* line 79, ../../sass/base/tooltips/_mixins.scss */ .DTExperience .tooltip-display-top .tooltip-icon { -webkit-font-smoothing: antialiased; text-align: center; margin: 0 auto; padding: 0; font-family: Tele-Icon; font-size: 1.9em; position: absolute; width: 0.52632em; height: 0.52632em; color: #000; color: rgba(0, 0, 0, 0.85); text-shadow: rgba(0, 0, 0, 0.4) 0 2px 3px; } /* line 96, ../../sass/base/tooltips/_mixins.scss */ .DTExperience .tooltip-display-top .tooltip-icon, .DTExperience .tooltip-display-top x:-o-prefocus { width: auto; } /* line 100, ../../sass/base/tooltips/_mixins.scss */ .DTExperience .tooltip-display-top .ui-tooltip-content .tooltip-icon { left: 50%; right: auto; bottom: -0.52632em; line-height: 0.4; margin-left: -0.26316em; /* Specific styles for the IE 7 :before :after polyfill */ } /* line 107, ../../sass/base/tooltips/_mixins.scss */ .DTExperience .tooltip-display-top .ui-tooltip-content .tooltip-icon:before { content: '\24'; /* black down-pointing small triangle */ margin-left: -0.26316em; } /* line 22, ../../sass/base/tooltips/_classes.scss */ .DTExperience .tooltip-display-right { /* Fix for wrong tooltip arrow positioning in Opera */ } /* line 13, ../../sass/base/tooltips/_mixins.scss */ .DTExperience .tooltip-display-right.ui-tooltip-default { border: 0; } /* line 15, ../../sass/base/tooltips/_mixins.scss */ .DTExperience .tooltip-display-right.ui-tooltip.qtip { font-family: TeleGrotesk; font-size: 100%; line-height: normal; } /* line 34, ../../sass/base/tooltips/_mixins.scss */ .DTExperience .tooltip-display-right .ui-tooltip-content { -webkit-border-radius: 0.33333em; -moz-border-radius: 0.33333em; -ms-border-radius: 0.33333em; -o-border-radius: 0.33333em; border-radius: 0.33333em; padding: 0.8em 1em 0.7em; margin: 0; text-decoration: none; text-align: left; position: relative; overflow: visible; background-color: #000; background-color: rgba(0, 0, 0, 0.9); color: #FFF; -webkit-box-shadow: rgba(0, 0, 0, 0.4) 0 2px 3px; -moz-box-shadow: rgba(0, 0, 0, 0.4) 0 2px 3px; box-shadow: rgba(0, 0, 0, 0.4) 0 2px 3px; } /* line 54, ../../sass/base/tooltips/_mixins.scss */ .DTExperience .tooltip-display-right .ui-tooltip-content .content { font-size: 1.3em; } /* line 60, ../../sass/base/tooltips/_mixins.scss */ .DTExperience .tooltip-display-right .ui-tooltip-content label { font-size: inherit; margin: 0; } /* line 79, ../../sass/base/tooltips/_mixins.scss */ .DTExperience .tooltip-display-right .tooltip-icon { -webkit-font-smoothing: antialiased; text-align: center; margin: 0 auto; padding: 0; font-family: Tele-Icon; font-size: 1.9em; position: absolute; width: 0.52632em; height: 0.52632em; color: #000; color: rgba(0, 0, 0, 0.85); text-shadow: rgba(0, 0, 0, 0.4) 0 2px 3px; } /* line 96, ../../sass/base/tooltips/_mixins.scss */ .DTExperience .tooltip-display-right .tooltip-icon, .DTExperience .tooltip-display-right x:-o-prefocus { width: auto; } /* line 100, ../../sass/base/tooltips/_mixins.scss */ .DTExperience .tooltip-display-right .ui-tooltip-content .tooltip-icon { line-height: 0.6; left: -0.52632em; margin-top: -0.26316em; top: 50%; bottom: auto; /* Specific styles for the IE 7 :before :after polyfill */ } /* line 175, ../../sass/base/tooltips/_mixins.scss */ .DTExperience .tooltip-display-right .ui-tooltip-content .tooltip-icon:before { content: '\25'; /* black left-pointing small triangle */ position: relative; right: 0.15789em; } /* line 22, ../../sass/base/tooltips/_classes.scss */ .DTExperience .tooltip-display-bottom { /* Fix for wrong tooltip arrow positioning in Opera */ } /* line 13, ../../sass/base/tooltips/_mixins.scss */ .DTExperience .tooltip-display-bottom.ui-tooltip-default { border: 0; } /* line 15, ../../sass/base/tooltips/_mixins.scss */ .DTExperience .tooltip-display-bottom.ui-tooltip.qtip { font-family: TeleGrotesk; font-size: 100%; line-height: normal; } /* line 34, ../../sass/base/tooltips/_mixins.scss */ .DTExperience .tooltip-display-bottom .ui-tooltip-content { -webkit-border-radius: 0.33333em; -moz-border-radius: 0.33333em; -ms-border-radius: 0.33333em; -o-border-radius: 0.33333em; border-radius: 0.33333em; padding: 0.8em 1em 0.7em; margin: 0; text-decoration: none; text-align: left; position: relative; overflow: visible; background-color: #000; background-color: rgba(0, 0, 0, 0.9); color: #FFF; -webkit-box-shadow: rgba(0, 0, 0, 0.4) 0 2px 3px; -moz-box-shadow: rgba(0, 0, 0, 0.4) 0 2px 3px; box-shadow: rgba(0, 0, 0, 0.4) 0 2px 3px; } /* line 54, ../../sass/base/tooltips/_mixins.scss */ .DTExperience .tooltip-display-bottom .ui-tooltip-content .content { font-size: 1.3em; } /* line 60, ../../sass/base/tooltips/_mixins.scss */ .DTExperience .tooltip-display-bottom .ui-tooltip-content label { font-size: inherit; margin: 0; } /* line 79, ../../sass/base/tooltips/_mixins.scss */ .DTExperience .tooltip-display-bottom .tooltip-icon { -webkit-font-smoothing: antialiased; text-align: center; margin: 0 auto; padding: 0; font-family: Tele-Icon; font-size: 1.9em; position: absolute; width: 0.52632em; height: 0.52632em; color: #000; color: rgba(0, 0, 0, 0.85); text-shadow: rgba(0, 0, 0, 0.4) 0 2px 3px; } /* line 96, ../../sass/base/tooltips/_mixins.scss */ .DTExperience .tooltip-display-bottom .tooltip-icon, .DTExperience .tooltip-display-bottom x:-o-prefocus { width: auto; } /* line 100, ../../sass/base/tooltips/_mixins.scss */ .DTExperience .tooltip-display-bottom .ui-tooltip-content .tooltip-icon { line-height: 0.7; left: 50%; right: auto; margin-left: -0.26316em; top: -0.52632em; /* Specific styles for the IE 7 :before :after polyfill */ } /* line 130, ../../sass/base/tooltips/_mixins.scss */ .DTExperience .tooltip-display-bottom .ui-tooltip-content .tooltip-icon:before { content: '\22'; /* black up-pointing small triangle */ margin-left: -0.26316em; } /* line 22, ../../sass/base/tooltips/_classes.scss */ .DTExperience .tooltip-display-left { /* Fix for wrong tooltip arrow positioning in Opera */ } /* line 13, ../../sass/base/tooltips/_mixins.scss */ .DTExperience .tooltip-display-left.ui-tooltip-default { border: 0; } /* line 15, ../../sass/base/tooltips/_mixins.scss */ .DTExperience .tooltip-display-left.ui-tooltip.qtip { font-family: TeleGrotesk; font-size: 100%; line-height: normal; } /* line 34, ../../sass/base/tooltips/_mixins.scss */ .DTExperience .tooltip-display-left .ui-tooltip-content { -webkit-border-radius: 0.33333em; -moz-border-radius: 0.33333em; -ms-border-radius: 0.33333em; -o-border-radius: 0.33333em; border-radius: 0.33333em; padding: 0.8em 1em 0.7em; margin: 0; text-decoration: none; text-align: left; position: relative; overflow: visible; background-color: #000; background-color: rgba(0, 0, 0, 0.9); color: #FFF; -webkit-box-shadow: rgba(0, 0, 0, 0.4) 0 2px 3px; -moz-box-shadow: rgba(0, 0, 0, 0.4) 0 2px 3px; box-shadow: rgba(0, 0, 0, 0.4) 0 2px 3px; } /* line 54, ../../sass/base/tooltips/_mixins.scss */ .DTExperience .tooltip-display-left .ui-tooltip-content .content { font-size: 1.3em; } /* line 60, ../../sass/base/tooltips/_mixins.scss */ .DTExperience .tooltip-display-left .ui-tooltip-content label { font-size: inherit; margin: 0; } /* line 79, ../../sass/base/tooltips/_mixins.scss */ .DTExperience .tooltip-display-left .tooltip-icon { -webkit-font-smoothing: antialiased; text-align: center; margin: 0 auto; padding: 0; font-family: Tele-Icon; font-size: 1.9em; position: absolute; width: 0.52632em; height: 0.52632em; color: #000; color: rgba(0, 0, 0, 0.85); text-shadow: rgba(0, 0, 0, 0.4) 0 2px 3px; } /* line 96, ../../sass/base/tooltips/_mixins.scss */ .DTExperience .tooltip-display-left .tooltip-icon, .DTExperience .tooltip-display-left x:-o-prefocus { width: auto; } /* line 100, ../../sass/base/tooltips/_mixins.scss */ .DTExperience .tooltip-display-left .ui-tooltip-content .tooltip-icon { line-height: 0.6; right: -0.52632em; margin-top: -0.26316em; top: 50%; bottom: auto; /* Specific styles for the IE 7 :before :after polyfill */ } /* line 153, ../../sass/base/tooltips/_mixins.scss */ .DTExperience .tooltip-display-left .ui-tooltip-content .tooltip-icon:before { content: '\a7'; /* black right-pointing small triangle */ margin-left: -0.26316em; } /* line 22, ../../sass/base/tooltips/_classes.scss */ .DTExperience .tooltip-display-top-right { /* Fix for wrong tooltip arrow positioning in Opera */ } /* line 13, ../../sass/base/tooltips/_mixins.scss */ .DTExperience .tooltip-display-top-right.ui-tooltip-default { border: 0; } /* line 15, ../../sass/base/tooltips/_mixins.scss */ .DTExperience .tooltip-display-top-right.ui-tooltip.qtip { font-family: TeleGrotesk; font-size: 100%; line-height: normal; } /* line 34, ../../sass/base/tooltips/_mixins.scss */ .DTExperience .tooltip-display-top-right .ui-tooltip-content { -webkit-border-radius: 0.33333em; -moz-border-radius: 0.33333em; -ms-border-radius: 0.33333em; -o-border-radius: 0.33333em; border-radius: 0.33333em; padding: 0.8em 1em 0.7em; margin: 0; text-decoration: none; text-align: left; position: relative; overflow: visible; background-color: #000; background-color: rgba(0, 0, 0, 0.9); color: #FFF; -webkit-box-shadow: rgba(0, 0, 0, 0.4) 0 2px 3px; -moz-box-shadow: rgba(0, 0, 0, 0.4) 0 2px 3px; box-shadow: rgba(0, 0, 0, 0.4) 0 2px 3px; } /* line 54, ../../sass/base/tooltips/_mixins.scss */ .DTExperience .tooltip-display-top-right .ui-tooltip-content .content { font-size: 1.3em; } /* line 60, ../../sass/base/tooltips/_mixins.scss */ .DTExperience .tooltip-display-top-right .ui-tooltip-content label { font-size: inherit; margin: 0; } /* line 79, ../../sass/base/tooltips/_mixins.scss */ .DTExperience .tooltip-display-top-right .tooltip-icon { -webkit-font-smoothing: antialiased; text-align: center; margin: 0 auto; padding: 0; font-family: Tele-Icon; font-size: 1.9em; position: absolute; width: 0.52632em; height: 0.52632em; color: #000; color: rgba(0, 0, 0, 0.85); text-shadow: rgba(0, 0, 0, 0.4) 0 2px 3px; } /* line 96, ../../sass/base/tooltips/_mixins.scss */ .DTExperience .tooltip-display-top-right .tooltip-icon, .DTExperience .tooltip-display-top-right x:-o-prefocus { width: auto; } /* line 100, ../../sass/base/tooltips/_mixins.scss */ .DTExperience .tooltip-display-top-right .ui-tooltip-content .tooltip-icon { left: 0.52632em; right: auto; bottom: -0.52632em; line-height: 0.4; /* Specific styles for the IE 7 :before :after polyfill */ } /* line 198, ../../sass/base/tooltips/_mixins.scss */ .DTExperience .tooltip-display-top-right .ui-tooltip-content .tooltip-icon:before { content: '\24'; /* black down-pointing small triangle */ margin-left: -0.26316em; } /* line 22, ../../sass/base/tooltips/_classes.scss */ .DTExperience .tooltip-display-top-left { /* Fix for wrong tooltip arrow positioning in Opera */ } /* line 13, ../../sass/base/tooltips/_mixins.scss */ .DTExperience .tooltip-display-top-left.ui-tooltip-default { border: 0; } /* line 15, ../../sass/base/tooltips/_mixins.scss */ .DTExperience .tooltip-display-top-left.ui-tooltip.qtip { font-family: TeleGrotesk; font-size: 100%; line-height: normal; } /* line 34, ../../sass/base/tooltips/_mixins.scss */ .DTExperience .tooltip-display-top-left .ui-tooltip-content { -webkit-border-radius: 0.33333em; -moz-border-radius: 0.33333em; -ms-border-radius: 0.33333em; -o-border-radius: 0.33333em; border-radius: 0.33333em; padding: 0.8em 1em 0.7em; margin: 0; text-decoration: none; text-align: left; position: relative; overflow: visible; background-color: #000; background-color: rgba(0, 0, 0, 0.9); color: #FFF; -webkit-box-shadow: rgba(0, 0, 0, 0.4) 0 2px 3px; -moz-box-shadow: rgba(0, 0, 0, 0.4) 0 2px 3px; box-shadow: rgba(0, 0, 0, 0.4) 0 2px 3px; } /* line 54, ../../sass/base/tooltips/_mixins.scss */ .DTExperience .tooltip-display-top-left .ui-tooltip-content .content { font-size: 1.3em; } /* line 60, ../../sass/base/tooltips/_mixins.scss */ .DTExperience .tooltip-display-top-left .ui-tooltip-content label { font-size: inherit; margin: 0; } /* line 79, ../../sass/base/tooltips/_mixins.scss */ .DTExperience .tooltip-display-top-left .tooltip-icon { -webkit-font-smoothing: antialiased; text-align: center; margin: 0 auto; padding: 0; font-family: Tele-Icon; font-size: 1.9em; position: absolute; width: 0.52632em; height: 0.52632em; color: #000; color: rgba(0, 0, 0, 0.85); text-shadow: rgba(0, 0, 0, 0.4) 0 2px 3px; } /* line 96, ../../sass/base/tooltips/_mixins.scss */ .DTExperience .tooltip-display-top-left .tooltip-icon, .DTExperience .tooltip-display-top-left x:-o-prefocus { width: auto; } /* line 100, ../../sass/base/tooltips/_mixins.scss */ .DTExperience .tooltip-display-top-left .ui-tooltip-content .tooltip-icon { left: auto; right: 0.52632em; bottom: -0.52632em; line-height: 0.4; /* Specific styles for the IE 7 :before :after polyfill */ } /* line 219, ../../sass/base/tooltips/_mixins.scss */ .DTExperience .tooltip-display-top-left .ui-tooltip-content .tooltip-icon:before { content: '\24'; /* black down-pointing small triangle */ margin-left: -0.26316em; } /* line 22, ../../sass/base/tooltips/_classes.scss */ .DTExperience .tooltip-display-bottom-right { /* Fix for wrong tooltip arrow positioning in Opera */ } /* line 13, ../../sass/base/tooltips/_mixins.scss */ .DTExperience .tooltip-display-bottom-right.ui-tooltip-default { border: 0; } /* line 15, ../../sass/base/tooltips/_mixins.scss */ .DTExperience .tooltip-display-bottom-right.ui-tooltip.qtip { font-family: TeleGrotesk; font-size: 100%; line-height: normal; } /* line 34, ../../sass/base/tooltips/_mixins.scss */ .DTExperience .tooltip-display-bottom-right .ui-tooltip-content { -webkit-border-radius: 0.33333em; -moz-border-radius: 0.33333em; -ms-border-radius: 0.33333em; -o-border-radius: 0.33333em; border-radius: 0.33333em; padding: 0.8em 1em 0.7em; margin: 0; text-decoration: none; text-align: left; position: relative; overflow: visible; background-color: #000; background-color: rgba(0, 0, 0, 0.9); color: #FFF; -webkit-box-shadow: rgba(0, 0, 0, 0.4) 0 2px 3px; -moz-box-shadow: rgba(0, 0, 0, 0.4) 0 2px 3px; box-shadow: rgba(0, 0, 0, 0.4) 0 2px 3px; } /* line 54, ../../sass/base/tooltips/_mixins.scss */ .DTExperience .tooltip-display-bottom-right .ui-tooltip-content .content { font-size: 1.3em; } /* line 60, ../../sass/base/tooltips/_mixins.scss */ .DTExperience .tooltip-display-bottom-right .ui-tooltip-content label { font-size: inherit; margin: 0; } /* line 79, ../../sass/base/tooltips/_mixins.scss */ .DTExperience .tooltip-display-bottom-right .tooltip-icon { -webkit-font-smoothing: antialiased; text-align: center; margin: 0 auto; padding: 0; font-family: Tele-Icon; font-size: 1.9em; position: absolute; width: 0.52632em; height: 0.52632em; color: #000; color: rgba(0, 0, 0, 0.85); text-shadow: rgba(0, 0, 0, 0.4) 0 2px 3px; } /* line 96, ../../sass/base/tooltips/_mixins.scss */ .DTExperience .tooltip-display-bottom-right .tooltip-icon, .DTExperience .tooltip-display-bottom-right x:-o-prefocus { width: auto; } /* line 100, ../../sass/base/tooltips/_mixins.scss */ .DTExperience .tooltip-display-bottom-right .ui-tooltip-content .tooltip-icon { line-height: 0.7; left: 0.52632em; right: auto; top: -0.52632em; /* Specific styles for the IE 7 :before :after polyfill */ } /* line 240, ../../sass/base/tooltips/_mixins.scss */ .DTExperience .tooltip-display-bottom-right .ui-tooltip-content .tooltip-icon:before { content: '\22'; /* black up-pointing small triangle */ margin-left: -0.26316em; } /* line 22, ../../sass/base/tooltips/_classes.scss */ .DTExperience .tooltip-display-bottom-left { /* Fix for wrong tooltip arrow positioning in Opera */ } /* line 13, ../../sass/base/tooltips/_mixins.scss */ .DTExperience .tooltip-display-bottom-left.ui-tooltip-default { border: 0; } /* line 15, ../../sass/base/tooltips/_mixins.scss */ .DTExperience .tooltip-display-bottom-left.ui-tooltip.qtip { font-family: TeleGrotesk; font-size: 100%; line-height: normal; } /* line 34, ../../sass/base/tooltips/_mixins.scss */ .DTExperience .tooltip-display-bottom-left .ui-tooltip-content { -webkit-border-radius: 0.33333em; -moz-border-radius: 0.33333em; -ms-border-radius: 0.33333em; -o-border-radius: 0.33333em; border-radius: 0.33333em; padding: 0.8em 1em 0.7em; margin: 0; text-decoration: none; text-align: left; position: relative; overflow: visible; background-color: #000; background-color: rgba(0, 0, 0, 0.9); color: #FFF; -webkit-box-shadow: rgba(0, 0, 0, 0.4) 0 2px 3px; -moz-box-shadow: rgba(0, 0, 0, 0.4) 0 2px 3px; box-shadow: rgba(0, 0, 0, 0.4) 0 2px 3px; } /* line 54, ../../sass/base/tooltips/_mixins.scss */ .DTExperience .tooltip-display-bottom-left .ui-tooltip-content .content { font-size: 1.3em; } /* line 60, ../../sass/base/tooltips/_mixins.scss */ .DTExperience .tooltip-display-bottom-left .ui-tooltip-content label { font-size: inherit; margin: 0; } /* line 79, ../../sass/base/tooltips/_mixins.scss */ .DTExperience .tooltip-display-bottom-left .tooltip-icon { -webkit-font-smoothing: antialiased; text-align: center; margin: 0 auto; padding: 0; font-family: Tele-Icon; font-size: 1.9em; position: absolute; width: 0.52632em; height: 0.52632em; color: #000; color: rgba(0, 0, 0, 0.85); text-shadow: rgba(0, 0, 0, 0.4) 0 2px 3px; } /* line 96, ../../sass/base/tooltips/_mixins.scss */ .DTExperience .tooltip-display-bottom-left .tooltip-icon, .DTExperience .tooltip-display-bottom-left x:-o-prefocus { width: auto; } /* line 100, ../../sass/base/tooltips/_mixins.scss */ .DTExperience .tooltip-display-bottom-left .ui-tooltip-content .tooltip-icon { line-height: 0.7; left: auto; right: 0.52632em; top: -0.52632em; /* Specific styles for the IE 7 :before :after polyfill */ } /* line 261, ../../sass/base/tooltips/_mixins.scss */ .DTExperience .tooltip-display-bottom-left .ui-tooltip-content .tooltip-icon:before { content: '\22'; /* black up-pointing small triangle */ margin-left: -0.26316em; } /* line 57, ../../sass/base/tooltips/_classes.scss */ .DTExperience .tooltip-content { display: none; }