/*
 * General Reset CSS
 * ---
 */
/*
 * @section Document
 * ----
 * 1. Prevent adjustments of font size after orientation changes in iOS.
 * 2. Use a better box model (opinionated).
 */
html {
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%;
    box-sizing: border-box;
    }
*,
*:before,
*:after {
    box-sizing: inherit;
    }

/**
 * Use a more readable tab size (opinionated).
 */
:root {
    -moz-tab-size: 4;
    tab-size: 4;
    }

/**
 * @section Body
 * ---
 * 1. Remove the margin in all browsers.
 * 2. Default to sans-serif font for readability (opinionated).
 */
body {
    margin: 0;
    }

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
    border-bottom: none;
    text-decoration: underline dotted;
    }

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
    font-weight: bolder;
    }

/* Address differences between Firefox and other browsers. */
hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible;
    }

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
pre,
samp {
    font-family: monospace,serif;
    font-size: 1em;
    }

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
    font-size: 80%;
    }

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
    }
sub {
    bottom: -.25em;
    }
sup {
    top: -.5em;
    }

/**
 * Correct the padding in Firefox.
 */
fieldset {
    padding: .35em .75em .625em;
    }

/*
 * 1. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
    padding: 0;
    }

/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */
button,
input,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    margin: 0;
    }

/*
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */
button,
select {
    text-transform: none;
    }

/*
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    }

/**
 * 1. Address box sizing set to `content-box` in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 */
[type="checkbox"],
[type="radio"] {
    box-sizing: border-box;
    padding: 0;
    }

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto;
    }

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
    overflow: auto;
    }
html,
body {
    padding: 0;
    margin: 0 auto auto auto;
    }
.large {
    font-size: 120%;
    }
.larger {
    font-size: 150%;
    }
.light {
    opacity: .7;
    }
.lighter {
    opacity: .5;
    }

/*
	Headings & Paragraphs
	---------------------
	Please do not set paragraphs to have a margin and padding of zero
	as this makes life more difficult when dealing with CMS content.
	Some areas of the template will require a padding of zero, you
	should set these separately.
*/
h1,
h2,
h3,
h4,
h5,
h6 {
    padding: 0;
    margin: 0 0 .2em;
    }
p {
    padding: 0;
    margin: 0 0 1em;
    }
p.last-paragraph,
.evEditable p.last-paragraph {
    margin-bottom: 0;
    }

/*
	Links:
	------
	The style and colouring of links is specific to each site.
	The styles below are purely for shared styles.
*/
a:link,
a:visited {
    text-decoration: none;
    }
a:hover,
a:active,
a:focus {
    text-decoration: underline;
    }

/*
	Lists: Unordered and Ordered
	----------------------------
	These are the styles for generic bog standard lists whether
	ordered or unordered. You should customise these settings only
	if they are to be the styles for the bog standard only.
*/
ul,
ol {
    margin: 0;
    padding: 0 0 0 25px;
    }
ul li,
ol li {
    list-style-position: outside;
    padding: .2em 0 .2em 0;
    }
ol {
    list-style-type: decimal;
    }
ul {
    list-style-type: disc;
    }

/*
 * Alignment
 * ---------
 * Various classes for alignment
 */
.alignLeft,
.align-left {
    text-align: left;
    }
.alignCenter,
.align-center {
    text-align: center;
    }
.alignRight,
.align-right {
    text-align: right;
    }
.vAlignMiddle {
    vertical-align: middle;
    }
.vAlignTop {
    vertical-align: top;
    }
.vAlignBottom {
    vertical-align: bottom;
    }

/*
 * .clear-after
 * ------------
 * This is a really handy piece of css
 * that enables us to clear floats without
 * the need for adding unecessary code
 * instead of doing this:
 * 		<div class="float-left"></div>
 * 		<div class="clear"></div>
 * do this:
 * 		<div class="float-left clear-after"></div>
 */
.clear-after:after {
    content: "";
    display: block;
    height: 0;
    font-size: 0;
    clear: both;
    visibility: hidden;
    }
.clear-after {
    display: block;
    }

/* Standard clears */
.clear-left {
    clear: left;
    }
.clear-right {
    clear: right;
    }
.clear {
    clear: both;
    }

/*
 * Forms
 * -----
 */
option {
    padding: 5px;
    }
label {
    display: inline-block;
    vertical-align: middle;
    margin: 4px 3px;
    }
.fieldContainer {
    border: 0;
    margin: 0;
    padding: 10px;
    }
.fieldContainer header,
.fieldContainer footer,
.fieldArea {
    padding: 10px;
    }
.fieldHeader {
    padding: 20px 20px 10px 20px;
    }
.fieldFooter {
    padding: 10px 20px 20px 20px;
    }
.fieldButtons {
    text-align: right;
    }
table.fieldArea {
    width: 100%;
    padding: 0;
    }
table.fieldArea > tr > td,
table.fieldArea > tbody > tr > td {
    padding: 4px;
    }
.table {
    display: table;
    width: 100%;
    }
.table.fixed {
    table-layout: fixed;
    }
.table .cell {
    display: table-cell;
    vertical-align: middle;
    }

/*
 * Columns
 * -------
 * Standard column set-up and widths
 */
.row,
.column,
.column1of4,
.column1of2,
.column3of4,
.column1of3,
.column2of3,
.column1of5,
.column2of5,
.column3of5,
.column4of5 {
    display: block;
    float: left;
    box-sizing: border-box;
    }
.row {
    clear: both;
    width: 100%;
    }
.full-width {
    width: 100%;
    }
.column1of4 {
    width: 25%;
    }
.column1of2 {
    width: 50%;
    }
.column3of4 {
    width: 75%;
    }
.column1of3 {
    width: 33.333333%;
    }
.column2of3 {
    width: 66.666666%;
    }
.column1of5 {
    width: 20%;
    }
.column2of5 {
    width: 40%;
    }
.column3of5 {
    width: 60%;
    }
.column4of5 {
    width: 80%;
    }

/*
	Responsive Stuff
*/
.gridContainer:after,
.bodyContainer:after {
    content: "";
    display: block;
    height: 0;
    font-size: 0;
    clear: both;
    visibility: hidden;
    }
.gridContainer,
.bodyContainer {
    display: block;
    }
.grid1of2,
.grid2of3,
.grid1of3,
.grid1of4,
.grid3of4 {
    display: block;
    float: left;
    box-sizing: border-box;
    }
.grid1of2 {
    width: 50%;
    }
.grid1of3 {
    width: 33.333333%;
    }
.grid2of3 {
    width: 66.666666%;
    }
.grid1of4 {
    width: 25%;
    }
.grid3of4 {
    width: 75%;
    }
@media screen and (max-width: 43.75em) {
.grid1of3 {
    width: 50%;
    }
.grid2of3 {
    width: 50%;
    }
.grid1of4 {
    width: 50%;
    }
.grid3of4 {
    width: 50%;
    }
}

@media screen and (max-width: 31.25em) {
.grid1of2 {
    width: 100%;
    }
.grid1of3 {
    width: 100%;
    }
.grid2of3 {
    width: 100%;
    }
.grid1of4 {
    width: 100%;
    }
.grid3of4 {
    width: 100%;
    }
}

/*
 * .clickable
 * ----------
 * Tell users that any element is clickable
 */
.clickable {
    cursor: pointer;
    }

/*
 * Floats
 * ------
 */
.floatLeft,
.float-left {
    float: left;
    }
.floatRight,
.float-right {
    float: right;
    }

/*
 * .mask
 * -----
 * Used by many interactive areas of Evance.
 * Sets most of the requirements for masked areas.
 */
.mask {
    overflow: hidden;
    display: block;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    }

/*
 * Padding and margins
 * -------------------
 * These are the standard Evance settings,
 * but these can be overwritten in themes
 */
.halfpad {
    padding: 5px;
    }
.stdpad {
    padding: 10px;
    }
.doublepad,
.contentBlock,
.headerContainer {
    padding: 20px;
    }
.tabsContainer {
    padding: 10px 20px 0 20px;
    }
.nopadv {
    padding-top: 0;
    padding-bottom: 0;
    }
.nopadh {
    padding-left: 0;
    padding-right: 0;
    }
.nopadl {
    padding-left: 0;
    }
.nopadr {
    padding-right: 0;
    }
.nopadt {
    padding-top: 0;
    }
.nopadb {
    padding-bottom: 0;
    }
.halfpadh {
    padding: 0 5px;
    }
.halfpadt {
    padding-top: 5px;
    }
.halfpadb {
    padding-bottom: 5px;
    }
.halfpadl {
    padding-left: 5px;
    }
.halfpadr {
    padding-right: 5px;
    }
.halfpadv {
    padding: 5px 0;
    }
.stdpadh {
    padding: 0 10px;
    }
.stdpadt {
    padding-top: 10px;
    }
.stdpadb {
    padding-bottom: 10px;
    }
.stdpadl {
    padding-left: 10px;
    }
.stdpadr {
    padding-right: 10px;
    }
.stdpadv {
    padding: 10px 0;
    }
.doublepadh {
    padding: 0 20px;
    }
.doublepadt {
    padding-top: 20px;
    }
.doublepadb {
    padding-bottom: 20px;
    }
.doublepadl {
    padding-left: 20px;
    }
.doublepadr {
    padding-right: 20px;
    }
.doublepadv {
    padding: 20px 0;
    }
.halfmar {
    margin: 5px;
    }
.stdmar {
    margin: 10px;
    }
.doublemar {
    margin: 20px;
    }
.nomarv {
    margin-top: 0;
    margin-bottom: 0;
    }
.nomarh {
    margin-left: 0;
    margin-right: 0;
    }
.nomart {
    margin-top: 0;
    }
.nomarr {
    margin-right: 0;
    }
.nomarb {
    margin-bottom: 0;
    }
.nomarl {
    margin-left: 0;
    }
.halfmarh {
    margin: 0 5px;
    }
.halfmart {
    margin-top: 5px;
    }
.halfmarb {
    margin-bottom: 5px;
    }
.halfmarl {
    margin-left: 5px;
    }
.halfmarr {
    margin-right: 5px;
    }
.halfmarv {
    margin: 5px 0;
    }
.stdmarh {
    margin: 0 10px;
    }
.stdmart {
    margin-top: 10px;
    }
.stdmarb {
    margin-bottom: 10px;
    }
.stdmarl {
    margin-left: 10px;
    }
.stdmarr {
    margin-right: 10px;
    }
.stdmarv {
    margin: 10px 0;
    }
.doublemarh {
    margin: 0 20px;
    }
.doublemart {
    margin-top: 20px;
    }
.doublemarb {
    margin-bottom: 20px;
    }
.doublemarl {
    margin-left: 20px;
    }
.doublemarr {
    margin-right: 20px;
    }
.doublemarv {
    margin: 20px 0;
    }

/*
 * Standard Tables
 */
table.standard {
    width: 100%;
    }
table.standard td,
table.standard th {
    vertical-align: middle;
    padding: 5px;
    }
.ev-swatch {
    width: 20px;
    height: 20px;
    border-radius: 10px;
    display: inline-block;
    border: 1px solid #aaa;
    vertical-align: middle;
    margin-right: 5px;
    background-size: cover;
    }
.ev-swatch-code {
    font-family: monospace;
    display: inline-block;
    }
table.ev-cart-attributes tr td {
    border: none;
    padding: 3px 10px 3px 0 !important;
    }
.subtitle {
    font-size: 125%;
    }
.text-narrow {
    max-width: 36rem;
    margin: 0 auto;
    }
#evAccountScreen .aside.evAccountMenu {
    float: left;
    width: 220px;
    padding: 20px;
    }
#evAccountScreen .main.evAccountPage {
    margin-left: 240px;
    }
@media (max-width: 900px) {
#evUserSummary,
#evUserAddress {
    float: none;
    width: auto;
    }
}

@media (max-width: 700px) {
#evAccountScreen .aside.evAccountMenu {
    float: none;
    width: auto;
    }
#evAccountScreen .main.evAccountPage {
    margin-left: auto;
    }
}

#evAuthLoginArea,
#evCheckoutLoginArea {
    background-color: #fafafa;
    border-radius: 3px;
    border: 1px solid #eee;
    margin-bottom: 20px;
    }
#evAuthDeduplicate .order {
    margin: 20px auto 0;
    width: auto;
    padding: 20px;
    background: #fafafa;
    border: 1px solid #eee;
    border-radius: 3px;
    box-shadow: 2px 3px 10px rgba(0,0,0,.2);
    }
#storeFinderMapContainer {
    position: relative;
    width: 100%;
    height: 500px;
    }
#storeFinderMap-canvas {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    }
#reviewList .table-row-group {
    display: table-row-group;
    padding-bottom: 10px;
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 10px;
    }
#reviewList .table-row-group:last-child {
    padding-bottom: 0;
    border-bottom: 0;
    margin-bottom: 0;
    }
#reviewList .table-cell {
    padding: 10px;
    }
#reviewList .table-cell:first-child {
    padding-left: 0;
    }
#reviewList .table-cell:last-child {
    padding-right: 0;
    }
#reviewList .reviewer,
#reviewList .review_rating {
    white-space: nowrap;
    }
.review_rating.x24 .icon {
    font-size: 24px;
    }
#reviewList dl {
    margin: 0;
    }
#reviewList dt {
    float: left;
    clear: left;
    font-weight: bold;
    }
#reviewList dt.pros {
    color: #4db538;
    }
#reviewList dt.cons {
    color: #be3535;
    }
#reviewList dt .label {
    display: none;
    }
#reviewList dd {
    margin-left: 24px;
    margin-bottom: 5px;
    }
#reviewList dd:last-child {
    margin-bottom: 0;
    }
#reviewList dd .no-comment {
    opacity: .9;
    font-style: italic;
    }
#reviewList .voteCount,
#reviewList .voteForm {
    display: inline-block;
    vertical-align: middle;
    }
#reviewList .voteForm span.evLangid {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    }
#reviewList .voteForm,
#reviewList .reported {
    white-space: nowrap;
    }
#reviewList .reported form > span.evLangid {
    margin-right: 5px;
    }
#reviewForm {
    margin-top: 20px;
    }
#reviewForm h6,
#reviewForm p {
    margin-bottom: 0;
    }
#reviewForm form .fieldArea {
    padding: 10px 0;
    }
#evTicketForm .eventTicket > td {
    vertical-align: bottom;
    }
#evTicketForm .eventTicketPrice {
    line-height: 40px;
    }
@media (max-width:1024px) {
#evTicketForm .eventTickets,
#evTicketForm .eventTicket,
#evTicketForm .eventTicket > td:first-of-type {
    display: block;
    }
#evTicketForm .eventBookingButton {
    padding-top: 20px;
    }
}

@media (max-width:500px) {
#evTicketForm .eventTicket > td {
    display: block;
    }
#evTicketForm .eventTicketPrice {
    line-height: inherit;
    text-align: right;
    }
}

#evLegalAgreementPage {
    padding: 40px;
    max-width: 900px;
    margin: 0 auto;
    }
#evLegalAgreementPage .evLegalAgreementWrapper {
    display: block;
    overflow: auto;
    padding: 40px;
    max-height: 50vh;
    }
#evLegalAgreementPage form {
    text-align: center;
    }
.evProductCustomisation .customisation {
    padding: 10px;
    }
.evProductCustomisation .customisation .header {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin: 0;
    }
.evProductCustomisation .customisation .header > * {
    padding: 10px 0;
    flex: 0 0 auto;
    }
.evProductCustomisation .customisation .header label {
    flex-basis: 0;
    flex-grow: 1;
    }
.evProductCustomisation .customisation .header .price {
    padding: 10px 20px;
    }
.evProductCustomisation .customisation .field .switch {
    padding-bottom: 20px;
    }
.evProductCustomisation .title {
    font-weight: bold;
    }
.evProductCustomisation .swatch {
    display: inline-block;
    width: 40px;
    height: 40px;
    min-width: 40px;
    min-height: 40px;
    border-radius: 20px;
    position: relative;
    overflow: hidden;
    border: 1px solid #aaa;
    vertical-align: middle;
    }
.evProductCustomisation .swatch > img {
    width: 40px;
    height: 40px;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    }
.evProductCustomisation .option {
    background-color: #fff;
    border-bottom: 1px solid #efefef;
    }
.evProductCustomisation .option label {
    display: flex;
    cursor: pointer;
    padding: 10px;
    flex-direction: row;
    align-items: center;
    margin: 0;
    }
.evProductCustomisation .option label > * {
    padding: 10px;
    flex: 0 0 auto;
    }
.evProductCustomisation .option label .label {
    flex-basis: 0;
    flex-grow: 1;
    }
.evProductCustomisation .option label .title {
    font-weight: bold;
    }
.evProductCustomisation .option label .description {
    display: block;
    }
.evProductCustomisation .option label .price {
    white-space: nowrap;
    }
.evProductCustomisation .option .volumePrices {
    text-align: right;
    }
.evProductCustomisation .option .volumePrices table {
    display: inline-block;
    margin: -10px;
    }
.evProductCustomisation .option .volumePrices table td {
    padding: 10px;
    }
.positionStickyTop {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    }

/*
	evButton: Standard Buttons
	---------------------------
	This defines the standard buttons for the system. These buttons may be used with <a> or <button> elements.
	These take the form of:
	* <ev:button /> (<a />)
	* <ev:submit /> (<button />)
*/
.evButton,
.evButton > .label {
    white-space: nowrap;
    display: inline-block;
    border: 0;
    background-color: transparent;
    text-decoration: none;
    cursor: pointer;
    padding: 0;
    margin: 0;
    text-align: left;
    width: auto;
    overflow: visible;
    position: relative;
    height: 30px;
    line-height: 28px;
    outline: 0;
    }
.evButton {
    vertical-align: middle;
    white-space: nowrap;
    border-color: #D9D9D9;
    border-width: 1px;
    border-style: solid;
    border-radius: 2px;
    padding: 0 7px;
    background-color: rgba(255,255,255,.5);
    }
.evButton > .label {
    padding: 0 5px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    }
.evButton:hover,
.evButton.hover,
.evButton:focus,
.evButton.focus {
    text-decoration: none;
    border-color: #B0B2B5;
    }
.evButton:active,
.evButton.active {
    text-decoration: none;
    border-color: #C0C2C4;
    background-color: #eee;
    }
.evButton > .label > .title {
    font-weight: bold;
    font-size: 12px;
    }
.open > .evButton {
    text-decoration: none;
    box-shadow: none;
    }

/*
	Disabled Buttons
	----------------
	Modifiers to disable a button.

	Usage:
	<ev:button disabled="disabled" />
	<ev:submit disabled="disabled" />
*/
.evButton.disabled,
.evButton.disabled > .label,
.evButton.disabled > .icon {
    cursor: default;
    }
.evButton.disabled > .icon {
    opacity: .4;
    }
.evButton.disabled > .label {
    color: #999;
    }

/*
	Coloured Buttons
	----------------
	Classes to give buttons a different look, but with same dimensions.

	Usage:
	<ev:button class="evButtonCancel" />
	<ev:submit class="evButtonCancel" />
*/
/*  Red Button  */
.evButtonCancel {
    background: #ff3019;
    border-color: #cf0404;
    }
.evButtonCancel:hover,
.evButtonCancel.hover,
.evButtonCancel:focus,
.evButtonCancel.focus {
    background: #cf0404;
    }
.evButtonCancel:active,
.evButtonCancel.active {
    background: #A00303;
    }
.evButtonCancel > .label,
.evButtonCancel > .icon {
    color: #fff;
    }

/*  Green Button  */
.evButtonProceed {
    background: #13c100;
    border-color: #1C7305;
    }
.evButtonProceed:hover,
.evButtonProceed.hover,
.evButtonProceed:focus,
.evButtonProceed.focus {
    background: #1C7305;
    }
.evButtonProceed:active,
.evButtonProceed.active {
    background: #0D7500;
    }
.evButtonProceed > .label,
.evButtonProceed > .icon {
    color: #fff;
    }

/*  Blue Button  */
.evButtonAction {
    background: #4096ee;
    border-color: #3079ed;
    }
.evButtonAction:hover,
.evButtonAction.hover,
.evButtonAction:focus,
.evButtonAction.focus {
    background: #3079ed;
    }
.evButtonAction:active,
.evButtonAction.active {
    background: #357ae8;
    }
.evButtonAction > .label,
.evButtonAction > .icon {
    color: #fff;
    }

/*
	evTextField
	------------
	CSS for:
	* UI object Evml TextField
	* <ev:textfield />
*/
.evTextField,
.evTextField > span,
.evTextField > .evTextFieldInput > input,
.evTagField {
    white-space: nowrap;
    display: inline-block;
    border: 0;
    padding: 0;
    margin: 0;
    overflow: visible;
    }
.evTextField,
.evTagField {
    vertical-align: middle;
    white-space: nowrap;
    background-color: #fff;
    border-radius: 2px;
    border-color: #C0C0C0;
    border-width: 1px;
    border-style: solid;
    display: table;
    width: 100%;
    }
.evTextField > span {
    display: table-cell;
    vertical-align: middle;
    border-collapse: collapse;
    border-spacing: 0;
    }
.evTextField > .evTextFieldIcon {
    padding-left: 5px;
    }
.evTextField > .evTextFieldPostfix {
    padding-right: 5px;
    }
.evTextField > .evTextFieldInput {
    width: 100%;
    }
.evTextField:hover,
.evTextField.focus,
.evTagField:hover,
.evTagField.focus {
    box-shadow: inset 0 1px 3px #ddd;
    }
.evTextField > .evTextFieldInput > input {
    background-color: transparent;
    position: relative;
    top: 0;
    padding: 6px 5px;
    text-indent: 0;
    text-align: left;
    height: auto;
    line-height: normal;
    outline: none;
    color: #444;
    vertical-align: middle;
    width: 100%;
    display: block;
    }
input::-webkit-input-placeholder {
    color: #aaa;
    }
input:-moz-placeholder {
    color: #aaa;
    }

/* Numeric textfield */
.evTextField.numeric > .evTextFieldInput > input {
    text-align: right;
    }

/* Autogrow */
.evTextField.autogrow,
.evTextField.autogrow > .evTextFieldInput {
    width: auto !important;
    }

/* Focused Textfields */
.evTextField.focus,
.evTagField.focus {
    border-color: #4EA8F2;
    box-shadow: 0 0 3px #4EA8F2;
    }
.evTextField.focus > .evTextFieldInput > input {
    color: #000;
    }

/* Disabled Textfields */
.evTextField.disabled {
    opacity: .5;
    }
.evTextField > .evTextFieldInput > input:disabled {
    color: #5a5a5a;
    cursor: default;
    }

/* Textfield Errors */
.evTextField.error {
    border-color: #FA8991;
    background-color: #FCEDEE;
    }
.evTextField.error > .evTextFieldInput > input {
    color: #000;
    }
.evTextField .evTextFieldPrefix {
    cursor: default;
    }
.evTextField .evTextFieldPrefix .label {
    white-space: nowrap;
    display: inline-block;
    border: 0;
    padding: 6px 5px;
    margin: 0;
    overflow: visible;
    opacity: .7;
    }

/*
 * evCombo
 * -------
 */
.evCombo {
    position: relative;
    display: block;
    vertical-align: middle;
    }
.evComboOptions {
    position: absolute;
    background-color: #fff;
    top: 23px;
    left: 1px;
    border: 1px solid #ddd;
    box-shadow: 0 2px 3px rgba(0,0,0,.4);
    overflow-y: auto;
    max-height: 300px;
    z-index: 99;
    text-align: left;
    color: #000;
    }
.evComboOptions .active {
    color: #fff !important;
    background: #5b9dde;
    }
.evComboOptions li {
    cursor: pointer;
    }

/*
	evTextArea
	----------
	CSS for:
	* UI Object Evml TextArea
	* <ev:textarea></ev:textarea>
*/
.evTextArea {
    display: inline-block;
    position: relative;
    background-color: #fff;
    border-radius: 2px;
    border: 1px solid #C0C0C0;
    width: 100%;
    }
.evTextArea:hover,
.evTextArea.focus {
    box-shadow: inset 0 1px 3px #ddd;
    }
.evTextArea.focus {
    border-color: #4EA8F2;
    box-shadow: 0 0 3px #4EA8F2;
    }
.evTextArea textarea {
    margin: 0;
    overflow-y: scroll;
    border: 0;
    padding: 5px;
    outline: none;
    line-height: 20px;
    color: #444;
    background: transparent;
    zoom: 1;
    width: 100%;
    resize: vertical;
    }
.evTextArea.focus textarea {
    color: #000;
    }
textarea::-webkit-input-placeholder {
    color: #999;
    }
textarea:-moz-placeholder {
    color: #999;
    }
.evTextArea.error {
    border-color: #FA8991;
    background-color: #FCEDEE;
    }
.evTextArea.error textarea {
    color: #000;
    }
.evTextArea .footer {
    display: table;
    color: #aaa;
    border-top: 1px solid #eee;
    width: 100%;
    }
.evTextArea .footer .cell {
    padding: 8px;
    display: table-cell;
    }
.evTextArea .counter .remaining {
    font-weight: bold;
    }
.evTextArea .highlight .remaining {
    color: #f00;
    }
.evTextArea .autosubmit {
    text-align: right;
    }

/*
	evRadio & evCheckbox
	--------------------
	version 2 of evRadio
*/
a.evRadio,
a.evCheckbox {
    white-space: nowrap;
    display: inline-block;
    padding: 0;
    margin: 0;
    height: 18px;
    width: 18px;
    border: 1px solid #C0C0C0;
    vertical-align: middle;
    border-radius: 9px;
    font-family: 'ev2';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    text-align: center;
    line-height: 15px;
    text-decoration: none;
    outline: none;
    }
a.evCheckbox {
    border-radius: 3px;
    }
a.evRadio.checked,
a.evCheckbox.checked {
    border: 1px solid #5b9dde;
    background-color: #5b9dde;
    color: #fff;
    }
a.evRadio.checked:after,
a.evCheckbox.checked:after {
    content: "\e0ef";
    }
a.evRadio.hover,
a.evRadio:hover,
a.evCheckbox.hover,
a.evCheckbox:hover {
    border: 1px solid #4EA8F2;
    box-shadow: 0 0 3px #4EA8F2;
    }

/*
	evSwitch
	--------
	version 2 of evSwitch
*/
a.evSwitch {
    white-space: nowrap;
    display: inline-block;
    border: 0;
    padding: 0;
    margin: 0;
    vertical-align: middle;
    background-color: #fff;
    height: 30px;
    width: 60px;
    text-decoration: none;
    font-family: 'ev2';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    position: relative;
    color: #fff;
    overflow: hidden;
    border-radius: 2px;
    outline: none;
    }
a.evSwitch .inner {
    background: linear-gradient(top,#fff 0%,#eee 100%);
    display: block;
    height: 30px;
    width: 32px;
    border-color: #D9D9D9 #D9D9D9 #C0C0C0;
    border-width: 1px;
    border-style: solid;
    border-radius: 2px;
    white-space: nowrap;
    position: absolute;
    top: 0;
    left: 0;
    transition: left .25s ease-in-out;
    }
a.evSwitch:hover .inner,
a.evSwitch.hover .inner,
a.evSwitch:focus .inner,
a.evSwitch.focus .inner {
    box-shadow: 0 1px 2px rgba(0,0,0,.25);
    }
a.evSwitch:active .inner,
a.evSwitch.active .inner {
    text-decoration: none;
    box-shadow: inset 0 1px 2px rgba(0,0,0,.4);
    border-color: #C0C2C4 #C0C2C4 #B0B2B5;
    background: linear-gradient(top,#ddd 0%,#eee 100%);
    }
a.evSwitch.checked .inner {
    left: 28px;
    }
a.evSwitch .inner:before,
a.evSwitch .inner:after {
    position: absolute;
    height: 28px;
    line-height: 28px;
    background-color: #eee;
    display: block;
    top: 0;
    width: 28px;
    text-align: center;
    font-size: 16px;
    box-shadow: inset 0 1px 4px rgba(0,0,0,.6);
    }
a.evSwitch .inner:before {
    content: "\e0ef";
    left: -29px;
    background-color: #4db538;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
    }
a.evSwitch .inner:after {
    content: "\e0f0";
    right: -29px;
    background-color: #efefef;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    color: #999;
    }

/*
 * evComment
 * ---------
 */
.evComment,
.evCommentReply {
    display: block;
    padding-left: 80px;
    position: relative;
    top: 0;
    left: 0;
    }
.evComment > .evAvatar,
.evCommentReply > .evAvatar {
    position: absolute;
    top: 0;
    left: 0;
    }
.evCommentReply {
    padding-left: 60px;
    }
.evCommentReply > .evAvatar {
    top: 14px;
    left: 14px;
    }

/*
 * evComment
 * ---------
 */
.evComment,
.evCommentReply {
    display: block;
    padding-left: 80px;
    position: relative;
    top: 0;
    left: 0;
    }
.evComment > .thumbnailImage,
.evCommentReply > .thumbnailImage {
    position: absolute;
    top: 0;
    left: 0;
    background-color: #ddd;
    border-radius: 3px;
    border: 1px solid #ccc;
    }
.evCommentReply {
    padding-left: 60px;
    }
.evCommentReply > .thumbnailImage {
    width: 40px;
    height: 40px;
    top: 14px;
    left: 14px;
    background-color: transparent;
    border: 1px solid #ddd;
    }

/*
 * evDropdown
 * ----------
 *
 */
.evDropdown {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    height: 30px;
    z-index: 1;
    }
.evDropdown > .link {
    cursor: pointer;
    display: inline-block;
    padding: 0 4px;
    position: relative;
    z-index: 2;
    white-space: nowrap;
    height: 29px;
    line-height: 28px;
    }
.evDropdown > .link.evButton {
    height: 30px;
    }
.evDropdown > .link .label {
    padding: 0 0 0 5px;
    }
.evDropdown.iconOnly > .link .icon.select {
    display: none;
    }
.evDropdown:hover > .link .label {
    text-decoration: underline;
    }
.evDropdown.open {
    z-index: 2;
    }
.evDropdown.open > .link {
    border: 1px solid #B9B9B9;
    border-bottom: 0;
    text-decoration: none;
    padding: 0 3px;
    border-top-right-radius: 2px;
    border-top-left-radius: 2px;
    background: #fff;
    }
.evDropdown > .content {
    position: absolute;
    border: 1px solid #B9B9B9;
    z-index: 1;
    background-color: #fff;
    display: none;
    right: 0;
    top: 28px;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px;
    box-shadow: 1px 1px 2px rgba(0,0,0,.2);
    }
.evDropdown > .content .footer {
    border-top: 1px solid #B9B9B9;
    padding: 4px;
    white-space: nowrap;
    }
.evDropdown.open > .content {
    display: block;
    text-align: left;
    }
.evDropdownDark > .content,
.evDropdownDark.open > .link {
    background-color: #2b2731;
    border: 1px solid #444;
    }
.evDropdownDark.open > .link {
    border-bottom: 0;
    }
.evDropdownDark > .content a:link,
.evDropdownDark > .content a:visited {
    color: #BBB;
    }

/*
	When a drop box is in a textfield
*/
.evTextField .evDropdown {
    z-index: 1;
    height: 26px;
    line-height: 24px;
    }
.evTextFieldDark.focus .evDropdown {
    border-left: 1px solid #333;
    }
.evTextField .evDropdown {
    border-left: 1px solid #eee;
    margin-left: 5px;
    }
.evTextFieldDark .evDropdown {
    border-left: 1px solid #333;
    }
.evTextField .evDropdown > .content {
    top: 24px;
    }
.evTextField .evDropdown > .link {
    line-height: 20px;
    height: 24px;
    }
.evTextField .evDropdown > .link .label {
    font-size: 10px;
    }
.evTextField .evDropdown.open > .link {
    line-height: 19px;
    }
.evTextField .evDropdown .link .capLeft,
.evTextField .evDropdown .link .middle,
.evTextField .evDropdown .link .capRight {
    background-image: none;
    line-height: 19px;
    height: 20px;
    }

/*
	When a drop box is in a button
*/
.evButton .evDropdown {
    border-left: 1px solid rgba(0,0,0,.2);
    height: 26px;
    margin-right: -5px;
    margin-top: -2px;
    }
.evButton .evDropdown > .link {
    line-height: 24px;
    }
.evButtonDropdown > .content {
    top: 29px;
    right: 0;
    }

/* Modifiers */
.evDropdown.up > .content {
    top: auto;
    bottom: 29px;
    border-radius: 2px 2px 0 0;
    }
.evDropdown.up > .link {
    border-bottom: 1px;
    border-top: 0;
    border-radius: 0 0 2px 2px;
    }
.evDropdown.left > .content {
    right: auto;
    left: 0;
    }
.evDropdown.open.up > .link {
    border-bottom: 1px solid #B9B9B9;
    }

/*
 * List of Options
 */
.evDropdown > .content ul a {
    text-decoration: none;
    }
.evDropdownDark > .content ul li:hover {
    background-color: #3a3740;
    }
.evDropdown > .content ul.evListOfOptions a .icon {
    margin-right: 5px;
    margin-left: -5px;
    }
.ev-icon {
    aspect-ratio: 1;
    display: inline-flex;
    line-height: 1;
    width: var(--icon-size,24px);
    color: var(--icon-color,currentColor);
    }
.ev-icon > svg {
    width: auto;
    height: auto;
    }

/*
	icon: Standard Icons
	---------------------
	These are used in a variety of places as 16x16 icons.
	They are often used within buttons, round buttons or text fields.
	Usage: generally with a <span>, but an <a> may be used if the icon itself is to be linked.

	<span class="icon help"></span>
*/
@font-face {
    font-family: 'ev2';
    src: url(/portal/shared/theme/v1/common/fonts/ev2.eot);
    src: url(/portal/shared/theme/v1/common/fonts/ev2.eot?#iefix) format('embedded-opentype'),url(/portal/shared/theme/v1/common/fonts/ev2.woff) format('woff'),url(/portal/shared/theme/v1/common/fonts/ev2.ttf) format('truetype'),url(/portal/shared/theme/v1/common/fonts/ev2.svg#ev2) format('svg');
    font-style: normal;
    font-weight: normal !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
    }
@keyframes spin {
0% {
    transform: rotate(0deg);
    }
100% {
    transform: rotate(359deg);
    }
}

/* The global icon format */
.icon {
    font-family: 'ev2';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
    font-weight: normal !important;
    font-size: 16px;
    line-height: 14px;
    padding: 0;
    margin: 0;
    display: inline-block;
    outline: none;
    border: 0;
    vertical-align: middle;
    width: 16px;
    height: 16px;
    }
.icon.x18 {
    font-size: 18px;
    line-height: 18px;
    }
.icon.x24 {
    font-size: 24px;
    line-height: 27px;
    }
.icon.x32 {
    font-size: 32px;
    line-height: 32px;
    }
.icon.x48 {
    font-size: 48px;
    line-height: 48px;
    }
.icon.x64 {
    font-size: 64px;
    line-height: 64px;
    }

/* Icon rotations and mirroring */
.icon.rotate90:before {
    transform: rotate(90deg);
    }
.icon.rotate180:before {
    transform: rotate(180deg);
    }
.icon.rotate270:before {
    transform: rotate(270deg);
    }
.icon.flipHorizontal:before {
    transform: scale(-1,1);
    }
.icon.flipVertical:before {
    transform: scale(1,-1);
    }

/* ensure rotation occurs inside anchor tags */
a .icon.rotate90:before,
a .icon.rotate180:before,
a .icon.rotate270:before,
a .icon.flipHorizontal:before,
a .icon.flipVertical:before {
    display: inline-block;
    }

/* rotation animation */
.icon.rotating,
.icon.loading {
    display: inline-block;
    animation: spin 1s infinite linear;
    }
.icon.loading.x32 {
    width: 32px;
    height: 32px;
    line-height: 30px;
    text-align: center;
    }
.icon.loading.x48 {
    width: 48px;
    height: 48px;
    line-height: 44px;
    text-align: center;
    }
.icon.loading.x64 {
    width: 64px;
    height: 64px;
    line-height: 58px;
    text-align: center;
    }

/* Now for the icons */
.icon.home:before {
    content: "\e000";
    }
.icon.pencil:before,
.icon.edit:before {
    content: "\e001";
    }
.icon.office:before,
.icon.business:before,
.icon.company:before {
    content: "\e002";
    }
.icon.paintFormat:before {
    content: "\e003";
    }
.icon.image:before {
    content: "\e004";
    }
.icon.headphones:before {
    content: "\e007";
    }
.icon.video:before {
    content: "\e008";
    }
.icon.connection:before {
    content: "\e009";
    }
.icon.book:before,
.icon.catalog:before,
.icon.catalogue:before,
.icon.products:before {
    content: "\e00a";
    }
.icon.stack:before {
    content: "\e00c";
    }
.icon.layers:before {
    content: "\e0f3";
    }
.icon.folder:before {
    content: "\e00d";
    }
.icon.folderOpen:before {
    content: "\e00e";
    }
.icon.tag:before {
    content: "\e00f";
    }
.icon.tags:before {
    content: "\e010";
    }
.icon.barcode:before {
    content: "\e011";
    }
.icon.qrcode:before {
    content: "\e012";
    }
.icon.ticket:before,
.icon.coupon:before,
.icon.voucher:before {
    content: "\e013";
    }
.icon.ticket2:before {
    content: "\e0da";
    }
.icon.cart:before,
.icon.order:before {
    content: "\e014";
    }
.icon.calculate:before {
    content: "\e016";
    }
.icon.support:before {
    content: "\e017";
    }
.icon.phone:before {
    content: "\e018";
    }
.icon.phoneDown:before {
    content: "\e019";
    }
.icon.pushpin:before {
    content: "\e01a";
    }
.icon.map:before {
    content: "\e01c";
    }
.icon.mapOutline:before {
    content: "\e005";
    }
.icon.clock:before,
.icon.time:before {
    content: "\e0c3";
    }
.icon.clockBold:before,
.icon.timeBold:before {
    content: "\e01d";
    }
.icon.earth:before,
.icon.public:before,
.icon.website:before {
    content: "\e01e";
    }
.icon.alarm:before {
    content: "\e01f";
    }
.icon.print:before {
    content: "\e022";
    }
.icon.screen:before,
.icon.desktop:before {
    content: "\e025";
    }
.icon.mobile:before {
    content: "\e024";
    }
.icon.tablet:before {
    content: "\e026";
    }
.icon.download:before {
    content: "\e027";
    }
.icon.upload:before {
    content: "\e028";
    }
.icon.undo:before {
    content: "\e029";
    }
.icon.redo:before {
    content: "\e02a";
    }
.icon.undo2:before {
    content: "\e02b";
    }
.icon.redo2:before {
    content: "\e02c";
    }
.icon.forward2:before {
    content: "\e02d";
    }
.icon.reply2:before {
    content: "\e02e";
    }
.icon.user:before,
.icon.contact:before,
.icon.person:before {
    content: "\e031";
    }
.icon.users:before,
.icon.contacts:before {
    content: "\e032";
    }
.icon.update:before {
    content: "\e033";
    }
.icon.shield:before {
    content: "\e035";
    }
.icon.lightning:before {
    content: "\e036";
    }
.icon.connect:before {
    content: "\e037";
    }
.icon.truck:before,
.icon.shipping:before,
.icon.delivery:before {
    content: "\e038";
    }
.icon.airplane:before,
.icon.airmail:before {
    content: "\e039";
    }
.icon.remove:before,
.icon.delete:before {
    content: "\e03a";
    }
.icon.lab:before {
    content: "\e03b";
    }
.icon.aid:before {
    content: "\e03c";
    }
.icon.bug:before {
    content: "\e03d";
    }
.icon.search:before {
    content: "\e03f";
    }
.icon.cog:before,
.icon.options:before {
    content: "\e040";
    }
.icon.equalizer:before {
    content: "\e041";
    }
.icon.equalizerHorizontal:before {
    content: "\e0fe";
    }
.icon.equalizerSmall:before {
    content: "\e0f6";
    }
.icon.key:before {
    content: "\e042";
    }
.icon.key2:before {
    content: "\e0f1";
    }
.icon.fullscreen:before {
    content: "\e045";
    }
.icon.fullscreenSmall:before {
    content: "\e0f8";
    }
.icon.enlarge:before {
    content: "\e046";
    }
.icon.reduce:before {
    content: "\e047";
    }
.icon.mug:before {
    content: "\e048";
    }
.icon.trophy:before {
    content: "\e049";
    }
.icon.gift:before {
    content: "\e04a";
    }
.icon.wand:before {
    content: "\e04b";
    }
.icon.rocket:before {
    content: "\e04c";
    }
.icon.link:before,
.icon.linked:before,
.icon.unlink:before {
    content: "\e04e";
    }
.icon.cloudUpload:before {
    content: "\e050";
    }
.icon.cloudDownload:before {
    content: "\e051";
    }
.icon.cloud:before {
    content: "\e052";
    }
.icon.tree:before {
    content: "\e053";
    }
.icon.menu:before {
    content: "\e054";
    }
.icon.menu2:before {
    content: "\e055";
    }
.icon.numberedList:before {
    content: "\e056";
    }
.icon.list:before {
    content: "\e057";
    }
.icon.list2:before {
    content: "\e058";
    }
.icon.eye:before,
.icon.preview:before {
    content: "\e059";
    }
.icon.eyeBlocked:before {
    content: "\e05a";
    }
.icon.bookmark:before {
    content: "\e05b";
    }
.icon.bookmarkNarrow:before {
    content: "\e125";
    }
.icon.reviewOff:before {
    content: "\e05c";
    }
.icon.reviewHalf:before {
    content: "\e05d";
    }
.icon.reviewOn:before {
    content: "\e05e";
    }
.icon.heart:before {
    content: "\e05f";
    }
.icon.thumbsUp:before {
    content: "\e060";
    }
.icon.thumbsDown:before {
    content: "\e061";
    }
.icon.thumbsUpSmall:before {
    content: "\e127";
    }
.icon.thumbsDownSmall:before {
    content: "\e128";
    }
.icon.complete:before {
    content: "\e062";
    }
.icon.cancelled:before {
    content: "\e063";
    }
.icon.blocked:before {
    content: "\e064";
    }
.icon.blocked2:before {
    content: "\e124";
    }
.icon.plus:before,
.icon.add:before {
    content: "\e0b1";
    }
.icon.minus:before,
.icon.subtract:before {
    content: "\e0b2";
    }
.icon.minusLarge:before {
    content: "\e066";
    }
.icon.plusLarge:before {
    content: "\e067";
    }
.icon.enter:before,
.icon.login:before {
    content: "\e068";
    }
.icon.exit:before,
.icon.logout:before {
    content: "\e069";
    }
.icon.shuffle:before {
    content: "\e06a";
    }
.icon.loop:before {
    content: "\e06b";
    }
.icon.scissors:before {
    content: "\e06c";
    }
.icon.creditcard:before,
.icon.card:before {
    content: "\e06d";
    }
.icon.frame:before {
    content: "\e015";
    }
.icon.graph:before {
    content: "\e04f";
    }
.icon.bars:before {
    content: "\e06f";
    }
.icon.briefcase:before {
    content: "\e070";
    }
.icon.switch:before {
    content: "\e071";
    }
.icon.flag:before {
    content: "\e072";
    }
.icon.filter:before {
    content: "\e073";
    }
.icon.volume:before {
    content: "\e078";
    }
.icon.mute:before {
    content: "\e079";
    }
.icon.code:before {
    content: "\e07a";
    }
.icon.ruler:before,
.icon.design:before {
    content: "\e07b";
    }
.icon.warehouse:before {
    content: "\e07c";
    }
.icon.presentation:before {
    content: "\e080";
    }
.icon.email:before,
.icon.envelope:before {
    content: "\e081";
    }
.icon.emailRead:before,
.icon.emailOpen:before,
.icon.envelopeOpen:before {
    content: "\e0f7";
    }
.icon.brush:before {
    content: "\e083";
    }
.icon.tools:before {
    content: "\e084";
    }
.icon.patch:before {
    content: "\e085";
    }
.icon.umbrella:before {
    content: "\e086";
    }
.icon.lab2:before {
    content: "\e087";
    }
.icon.gamepad:before {
    content: "\e088";
    }
.icon.microphone:before {
    content: "\e090";
    }
.icon.calendar:before,
.icon.date:before {
    content: "\e091";
    }
.icon.arrowRight:before,
.icon.pointRight:before {
    content: "\e092";
    }
.icon.arrowUp:before,
.icon.pointUp:before {
    content: "\e093";
    }
.icon.arrowDown:before,
.icon.pointDown:before {
    content: "\e094";
    }
.icon.arrowLeft:before,
.icon.pointLeft:before {
    content: "\e095";
    }
.icon.arrowRight2:before {
    content: "\e096";
    }
.icon.arrowUp2:before {
    content: "\e097";
    }
.icon.arrowDown2:before,
.icon.select:before {
    content: "\e098";
    }
.icon.arrowLeft2:before {
    content: "\e099";
    }
.icon.arrowLeft3:before,
.icon.goBack:before,
.icon.left:before {
    content: "\e09d";
    }
.icon.arrowDown3:before,
.icon.descending:before,
.icon.down:before {
    content: "\e09e";
    }
.icon.arrowUp3:before,
.icon.ascending:before,
.icon.up:before {
    content: "\e09f";
    }
.icon.arrowRight3:before,
.icon.goForward:before,
.icon.right:before {
    content: "\e0a0";
    }
.icon.arrowLeft4:before {
    content: "\e0e9";
    }
.icon.arrowDown4:before {
    content: "\e0ea";
    }
.icon.arrowUp4:before {
    content: "\e0eb";
    }
.icon.arrowRight4:before {
    content: "\e0ec";
    }
.icon.flowCascade:before {
    content: "\e09a";
    }
.icon.flowBranch:before,
.icon.merge:before {
    content: "\e09b";
    }
.icon.flowTree:before {
    content: "\e09c";
    }
.icon.flowLine:before {
    content: "\e0a1";
    }
.icon.cloud2:before {
    content: "\e0a2";
    }
.icon.cloudUpload2:before {
    content: "\e0a3";
    }
.icon.install:before {
    content: "\e0a4";
    }
.icon.flowParallel:before {
    content: "\e0a5";
    }
.icon.disk:before,
.icon.save:before {
    content: "\e0a6";
    }
.icon.inTray:before,
.icon.import:before {
    content: "\e0a7";
    }
.icon.outTray:before {
    content: "\e0a8";
    }
.icon.trash:before {
    content: "\e0a9";
    }
.icon.pictures:before {
    content: "\e0aa";
    }
.icon.shuffle2:before {
    content: "\e0ab";
    }
.icon.uturn:before {
    content: "\e0ac";
    }
.icon.return:before {
    content: "\e0ad";
    }
.icon.retweet:before {
    content: "\e0ae";
    }
.icon.loop2:before {
    content: "\e0af";
    }
.icon.history:before {
    content: "\e0b0";
    }
.icon.database:before {
    content: "\e0b3";
    }
.icon.locate:before,
.icon.location:before {
    content: "\e0b6";
    }
.icon.paperplane:before {
    content: "\e0b7";
    }
.icon.paperclip:before,
.icon.attachement:before {
    content: "\e0b9";
    }
.icon.user2:before {
    content: "\e0ba";
    }
.icon.users2:before {
    content: "\e0bb";
    }
.icon.address:before,
.icon.geolocation:before {
    content: "\e0bc";
    }
.icon.graduation:before,
.icon.education:before {
    content: "\e0bd";
    }
.icon.book2:before {
    content: "\e0be";
    }
.icon.hourglass:before {
    content: "\e0bf";
    }
.icon.gauge:before {
    content: "\e0c0";
    }
.icon.droplet:before {
    content: "\e0c1";
    }
.icon.calendar2:before {
    content: "\e0c2";
    }
.icon.lifebuoy:before {
    content: "\e0c4";
    }
.icon.mobile2:before {
    content: "\e0c6";
    }
.icon.directions:before {
    content: "\e0c7";
    }
.icon.target:before {
    content: "\e0c9";
    }
.icon.share:before {
    content: "\e0ca";
    }
.icon.chat:before {
    content: "\e0cc";
    }
.icon.comment:before,
.icon.comments:before {
    content: "\e0cd";
    }
.icon.quote:before {
    content: "\e0ce";
    }
.icon.trophy2:before {
    content: "\e0d0";
    }
.icon.megaphone:before {
    content: "\e0d1";
    }
.icon.audio:before {
    content: "\e0d2";
    }
.icon.music:before {
    content: "\e0d3";
    }
.icon.drive:before {
    content: "\e0d4";
    }
.icon.cone:before,
.icon.construction:before {
    content: "\e0d5";
    }
.icon.lineChart:before {
    content: "\e0d7";
    }
.icon.pieChart:before {
    content: "\e03e";
    }
.icon.pieChart2:before {
    content: "\e0d8";
    }
.icon.stats:before,
.icon.barChart:before {
    content: "\e0d9";
    }
.icon.info:before {
    content: "\e0db";
    }
.icon.infoBold:before {
    content: "\e065";
    }
.icon.warning:before,
.icon.attention:before {
    content: "\e0dc";
    }
.icon.help:before {
    content: "\e0dd";
    }
.icon.cycle:before {
    content: "\e0de";
    }
.icon.reload:before,
.icon.refresh:before,
.icon.clockwise:before {
    content: "\e0df";
    }
.icon.ccw:before,
.icon.antiClockwise:before,
.icon.counterClockwise:before {
    content: "\e0e0";
    }
.icon.play:before,
.icon.inProgress:before {
    content: "\e0e1";
    }
.icon.pause:before,
.icon.paused:before {
    content: "\e0e2";
    }
.icon.record:before {
    content: "\e0e3";
    }
.icon.stop:before {
    content: "\e0e4";
    }
.icon.next:before {
    content: "\e0e5";
    }
.icon.previous:before {
    content: "\e0e6";
    }
.icon.first:before {
    content: "\e0e7";
    }
.icon.last:before {
    content: "\e0e8";
    }
.icon.ellipsis:before,
.icon.pending:before {
    content: "\e0ed";
    }
.icon.eject:before {
    content: "\e0ee";
    }
.icon.checkmark:before,
.icon.yes:before {
    content: "\e0ef";
    }
.icon.cancel:before,
.icon.no:before {
    content: "\e0f0";
    }
.icon.cord:before {
    content: "\e0f2";
    }
.icon.collapseScreenSmall:before {
    content: "\e0f9";
    }
.icon.collapseScreen:before {
    content: "\e0fb";
    }
.icon.zoomOut:before {
    content: "\e0fc";
    }
.icon.zoomIn:before {
    content: "\e0fd";
    }
.icon.leaf:before {
    content: "\e0ff";
    }
.icon.leaf2:before {
    content: "\e0c8";
    }
.icon.signup:before,
.icon.todo:before {
    content: "\e100";
    }
.icon.download2:before {
    content: "\e101";
    }
.icon.upload2:before {
    content: "\e102";
    }
.icon.attachmentBold:before {
    content: "\e103";
    }
.icon.smileyOutline:before {
    content: "\e104";
    }
.icon.smiley:before {
    content: "\e105";
    }
.icon.sadOutline:before {
    content: "\e106";
    }
.icon.sad:before {
    content: "\e107";
    }
.icon.neutralOutline:before {
    content: "\e108";
    }
.icon.neutral:before {
    content: "\e109";
    }
.icon.happyOutline:before {
    content: "\e10a";
    }
.icon.happy:before {
    content: "\e10b";
    }
.icon.wonderingOutline:before {
    content: "\e10c";
    }
.icon.wondering:before {
    content: "\e10d";
    }
.icon.feed:before {
    content: "\e10f";
    }
.icon.twitter:before {
    content: "\e111";
    }
.icon.facebook:before {
    content: "\e112";
    }
.icon.twitter2:before {
    content: "\e110";
    }
.icon.instagram:before {
    content: "\ea89";
    }
.icon.youtube:before {
    content: "\e113";
    }
.icon.youtubeOutline:before {
    content: "\e114";
    }
.icon.vimeo2:before {
    content: "\e115";
    }
.icon.vimeo:before {
    content: "\e116";
    }
.icon.linkedin:before {
    content: "\e117";
    }
.icon.pinterest:before {
    content: "\e118";
    }
.icon.replyAll:before {
    content: "\e119";
    }
.icon.reply:before {
    content: "\e11a";
    }
.icon.forward:before {
    content: "\e11b";
    }
.icon.newspaper:before {
    content: "\e11c";
    }
.icon.camera:before {
    content: "\e0b8";
    }
.icon.palette:before {
    content: "\e0cf";
    }
.icon.rocket2:before {
    content: "\e11d";
    }
.icon.brush2:before {
    content: "\e11e";
    }
.icon.decrease:before {
    content: "\e11f";
    }
.icon.increase:before {
    content: "\e120";
    }
.icon.contract:before {
    content: "\e121";
    }
.icon.expand:before {
    content: "\e122";
    }
.icon.cross:before,
.icon.close:before {
    content: "\e123";
    }
.icon.box:before,
.icon.archive:before {
    content: "\e08c";
    }
.icon.export:before {
    content: "\e08d";
    }
.icon.heartOn:before {
    content: "\e0cb";
    }
.icon.heartOff:before {
    content: "\e08e";
    }
.icon.starred:before,
.icon.favourite:before {
    content: "\e08f";
    }
.icon.unstarred:before,
.icon.unfavourite:before {
    content: "\e126";
    }
.icon.move:before,
.icon.drag:before {
    content: "\e04d";
    }
.icon.flickr:before {
    content: "\e06e";
    }
.icon.github:before {
    content: "\e074";
    }
.icon.unlocked:before {
    content: "\e075";
    }
.icon.lock:before,
.icon.locked:before {
    content: "\e076";
    }
.icon.hand:before {
    content: "\e077";
    }
.icon.suitcase:before {
    content: "\e08a";
    }
.icon.wrench:before,
.icon.spanner:before {
    content: "\e006";
    }
.icon.stamp:before,
.icon.postage:before {
    content: "\f242";
    }

/* should come last */
.icon.spinner-2:before,
.icon.loading:before {
    content: "\e0fa";
    }

/* Ratings */
.evRating a.icon {
    opacity: .6;
    cursor: pointer;
    outline: none;
    margin: 5px 2px;
    text-decoration: none;
    }
.evRating a.icon:before {
    content: "\e05c";
    }
.evRating a.icon.active {
    opacity: 1;
    color: #e19533;
    }
.evRating a.icon.active:before {
    content: "\e05e";
    }
.evRating a.icon.hover {
    opacity: 1;
    color: #5b9dde;
    transform: scale(1.2);
    }
.evRating a.icon.hover:before {
    content: "\e05e";
    }
.evRating a.icon:hover {
    transform: scale(1.4);
    }
.evRating span.icon {
    opacity: .6;
    margin: 5px 2px;
    cursor: default;
    }
.evRating span.icon.reviewOn,
.evRating span.icon.reviewHalf {
    opacity: 1;
    color: #e19533;
    }
.evRating.x24 .icon {
    font-size: 24px;
    width: 24px;
    height: 24px;
    margin: 5px;
    }
.evRating.x32 .icon {
    font-size: 32px;
    width: 32px;
    height: 32px;
    margin: 5px;
    }
.evProgress {
    background-color: #eee;
    width: 100%;
    display: block;
    }
.evProgress .bar {
    background-color: #9266d6;
    display: block;
    height: 20px;
    }

/*
	evSelect
	---------
	Usage: you only need apply the evSelect class to a standard select html element
	without any wrappers and evance.ui Javascript for evSelect will wrap it for you.
	Usage:

	<select class="evSelect" name="myselect">...</select>
*/
select.evSelect {
    color: #000;
    padding: 0;
    margin: 0;
    height: 30px;
    overflow: hidden;
    border: 0;
    width: 100%;
    }
.evSelectButton {
    display: inline-block;
    overflow: visible;
    vertical-align: middle;
    position: relative;
    width: 100%;
    }
.evSelectButton > .evButton {
    display: none;
    margin-bottom: -30px;
    position: relative;
    }
.evSelectButtonJs > select {
    opacity: 0;
    cursor: pointer;
    }
.evSelectButtonJs > .evButton {
    display: block;
    }
.evSelectButton > .evButton > .icon.select {
    position: absolute;
    right: 5px;
    top: 9px;
    }
.evSelectButton > .evButton > .label {
    margin-right: 20px;
    display: block;
    }
.evSelectButton > .evButton > .evSelectButtonIcon {
    position: absolute;
    top: 9px;
    left: 5px;
    }
.evSelectButton.hasIcon > .evButton > .label {
    margin-left: 16px;
    }

/*
	evTabs
	-------
*/
ul.evTabs,
ul.evTabs li,
ul.evTabs li a {
    display: inline-block;
    white-space: nowrap;
    margin: 0;
    padding: 0;
    }
ul.evTabs li {
    list-style: none;
    }
ul.evTabs li a:visited,
ul.evTabs li a:link {
    color: inherit;
    padding: 0 10px;
    text-decoration: none;
    }
ul.evTabs li a .label {
    height: 28px;
    white-space: nowrap;
    line-height: 28px;
    }
ul.evTabs li.active a .label {
    color: #4b4b4b;
    }
ul.evTabs li.active {
    border-bottom: 2px solid #C00;
    }
ul.evTabs li a:hover .label {
    text-decoration: underline;
    }

/*
 * 	evSlidshow
 * -----------
 */
.evSlideshow,
.evSlideshowMask,
.evSlideshowSlides {
    position: relative;
    }
.evSlideshow,
.evSlideshowMask {
    display: block;
    overflow: hidden;
    }
.evSlideshowNext,
.evSlideshowPrevious {
    position: absolute;
    top: 50%;
    margin-top: -30px;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    }
.evSlideshowPrevious {
    left: -80px;
    }
.evSlideshow:hover .evSlideshowPrevious {
    left: -25px;
    }
.evSlideshowPrevious a {
    -webkit-border-top-right-radius: 30px;
    -webkit-border-bottom-right-radius: 30px;
    -moz-border-radius-topright: 30px;
    -moz-border-radius-bottomright: 30px;
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
    }
.evSlideshowNext {
    right: -80px;
    }
.evSlideshow:hover .evSlideshowNext {
    right: -25px;
    }
.evSlideshowNext a {
    -webkit-border-top-left-radius: 30px;
    -webkit-border-bottom-left-radius: 30px;
    -moz-border-radius-topleft: 30px;
    -moz-border-radius-bottomleft: 30px;
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
    }
.evSlideshowButton .icon {
    margin-top: 23px;
    }
.evSlideshowNext .icon {
    margin-right: 10px;
    }
.evSlideshowPrevious .icon {
    margin-left: 10px;
    }
.evSlideshowButton a {
    height: 60px;
    width: 60px;
    background-color: rgba(0,0,0,.8);
    background-color: #fff;
    display: -moz-inline-box;
    display: inline-block;
    zoom: 1;
    *display: inline;
    vertical-align: middle;
    text-align: center;
    -moz-box-shadow: 0 0 5px rgba(0,0,0,.4);
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,.4);
    box-shadow: 0 0 5px rgba(0,0,0,.4);
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    margin: 3px;
    }
.evSlideshowButton a:hover {
    -moz-box-shadow: 0 0 10px rgba(0,0,0,.6);
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,.6);
    box-shadow: 0 0 10px rgba(0,0,0,.6);
    }

/*
 * evSlideshowThumbnails
 * ---------------------
 */
.evSlideshowThumbnails .evSlideshowSlide {
    -khtml-opacity: .5;
    -moz-opacity: .5;
    -ms-filter: ”alpha(opacity=50)”;
    -webkit-filter: alpha(opacity=50);
    filter: alpha(opacity=50);
    opacity: .5;
    }
.evSlideshowThumbnails .active {
    -khtml-opacity: 1;
    -moz-opacity: 1;
    -ms-filter: ”alpha(opacity=100)”;
    -webkit-filter: alpha(opacity=100);
    filter: alpha(opacity=100);
    opacity: 1;
    }

/*
 * evSlideshowController
 */
.evController {
    display: block;
    margin: 0;
    padding: 0;
    text-align: center;
    display: -moz-inline-box;
    display: inline-block;
    zoom: 1;
    *display: inline;
    padding: 2px;
    }
.evController li {
    list-style: none;
    display: block;
    float: left;
    margin: 2px 3px;
    }
.evController li a {
    display: -moz-inline-box;
    display: inline-block;
    zoom: 1;
    *display: inline;
    text-indent: -1000px;
    overflow: hidden;
    width: 16px;
    height: 16px;
    background-color: #aaa;
    float: left;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    }
.evController li.active a {
    background-color: #000;
    }
ul.evListOfOptions {
    padding: 0;
    margin: 0;
    }
ul.evListOfOptions li {
    list-style: none;
    border-bottom: 1px solid #eee;
    padding: 4px 15px 4px 15px;
    white-space: nowrap;
    line-height: 26px;
    }
ul.evListOfOptions li.last {
    border: 0;
    }
ul.evListOfOptions.interactive li:hover {
    color: #fff;
    background-color: #0d67f7;
    }
ul.evListOfOptions.interactive li:hover .icon {
    background-position: -100px -50px !important;
    }
ul.evListOfOptions.interactive li a {
    color: inherit;
    }
.evPagination {
    margin: 0 -2px;
    display: inline-block;
    vertical-align: top;
    }
.evPagination .evButton {
    margin: 0 2px;
    }
.evPerPage {
    display: inline-block;
    vertical-align: top;
    margin: 0 -2px;
    }
.evPerPage .evSelectButton {
    margin: 0 2px;
    }
.evMenu {
    padding: 0;
    margin: 0;
    white-space: nowrap;
    }
.evMenu ul {
    display: none;
    padding: 0;
    margin: 0;
    background: #fff;
    border: 1px solid #aaa;
    border-radius: 2px;
    box-shadow: 0 1px 5px rgba(0,0,0,.4);
    z-index: 1;
    }
.evMenu li {
    position: relative;
    list-style: none;
    padding: 0;
    margin: 0;
    display: block;
    }
.evMenu.horizontal > li {
    float: left;
    display: inline-block;
    }
.evMenu li a {
    display: block;
    padding: 5px 10px;
    }
.evMenu li a {
    border-bottom: 1px solid #eee;
    }
.evMenu.horizontal > li > a {
    border: 0;
    }
.evMenu li:hover > ul,
.evMenu li.open > ul {
    display: block;
    position: absolute;
    left: 98%;
    top: 2px;
    }
.evMenu.horizontal > li:hover > ul,
.evMenu.horizontal > li.open > ul {
    top: 100%;
    left: auto;
    }
.evMenu li:hover > a,
.evMenu li.open > a {
    background-color: #eee;
    }
.evMenu li.active > a {
    background-color: #0A246A;
    }
.evMenu .evMenuMegamenu > ul ul {
    left: auto !important;
    top: auto !important;
    position: relative !important;
    display: inline-block;
    border: 0;
    border-radius: 2px;
    box-shadow: none;
    }
.evMenu .evMenuMegamenu > ul ul a {
    border: 0;
    }
.evMenu .evMenuMegamenu > ul {
    padding: 8px;
    }
.evMenu .evMenuMegamenu > ul > li {
    float: left;
    padding: 10px;
    }
.evMenu .evMenuGrid .evMenuLinkHasThumbnail > a {
    position: relative;
    min-height: 64px;
    padding-left: 80px;
    display: block;
    }
.evMenu .evMenuGrid > ul > li > a > .evMenuLinkThumbnail {
    position: absolute;
    top: 5px;
    left: 5px;
    }
.evMenu .evMenuGrid > ul > li > a > .evMenuLinkTitle {
    display: block;
    }
.evMenu .evMenuGrid > ul > li > a > .evMenuLinkDescription {
    white-space: normal !important;
    display: block;
    }
ul.evMenu a .evCount {
    float: right;
    }

/*
 * evBreadcrumbs
 */
ul.evBreadcrumbs {
    display: block;
    padding: 0;
    margin: 0;
    }
ul.evBreadcrumbs li {
    list-style: none;
    padding: 0;
    margin: 0;
    display: inline-block;
    }
ul.evBreadcrumbs a {
    color: inherit;
    }
.evOutputError {
    margin: 5px;
    display: inline-block;
    border: 1px solid #FA8991;
    background-color: #FCEDEE;
    border-radius: 3px;
    padding: 5px;
    font-size: 11px;
    color: #E12727;
    }
ul.evPriceList,
ul.evPriceList li {
    margin: 0;
    padding: 0;
    list-style: none;
    }
.evSocialLinks {
    display: inline-block;
    }
.evSocialLinks,
.evSocialLinks li {
    list-style: none;
    padding: 0;
    margin: 0;
    }
ul.evProductFilterGroup,
ul.evProductFilterGroup ul {
    padding: 0;
    margin: 0;
    }
ul.evProductFilterGroup {
    margin-bottom: 15px;
    }
ul.evProductFilterGroup ul {
    margin-top: 5px;
    border-top: 1px solid #eee;
    }
ul.evProductFilterGroup li {
    list-style: none;
    padding: 0;
    margin: 0;
    }
ul.evProductFilterGroup a {
    color: inherit;
    display: block;
    padding: 5px 10px;
    position: relative;
    border-bottom: 1px solid #eee;
    text-decoration: none;
    }
ul.evProductFilterGroup a:hover {
    background-color: #eee;
    }
ul.evProductFilterGroup a .evCount,
ul.evProductFilterGroup a .icon {
    float: right;
    }
.evProductFilterGroup a .evSwatch {
    display: inline-block;
    vertical-align: middle;
    width: 32px;
    height: 32px;
    border: 1px solid #d9d9d9;
    border-radius: 50%;
    overflow: hidden;
    }
.evProductFilterGroup a .evSwatch .swatch {
    display: block;
    width: 100%;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    border: 2px solid #fff;
    border-radius: 50%;
    box-shadow: inset 0 0 3px rgba(0,0,0,.6);
    overflow: hidden;
    }
.evProductFilterGroup a .evSwatch + .label {
    display: inline-block;
    padding-left: 5px;
    }
.evProductFilterGroup .range-filter .range-slider {
    margin: 15px 6px;
    }
.evCount {
    display: inline-block;
    background-color: rgba(0,0,0,.1);
    padding: 2px 10px;
    border-radius: 8px;
    font-size: 12px;
    }
.evAlert {
    border: 1px solid #F3EA9E;
    background-color: #FFFBDD;
    color: #000;
    display: block;
    padding: 15px 15px 15px 40px;
    background-image: url(/portal/shared/theme/v1/common/images/icons/info.png);
    background-position: 5px 7px;
    background-repeat: no-repeat;
    }

/*
 * evCart
 */
.evCartLines {
    margin-top: 10px;
    border-top: 1px solid #eee;
    }
.evCartLines td {
    border-bottom: 1px solid #eee;
    }
.evCartLines td.image {
    text-align: center;
    width: 150px;
    }
.evCartLines td.remove {
    text-align: center;
    width: 20px;
    }
.evCartTotals {
    margin-top: 10px;
    }
.evCartTotals .first {
    text-align: left;
    }
.evCartTotals .last {
    text-align: right;
    }
.evCartTotals .active {
    font-weight: bold;
    }

/*
 * Search
 */
.evCmsDocument {
    display: block;
    padding: 15px;
    clear: both;
    }
.evCmsDocument p {
    padding: 0;
    margin: 0;
    }
.evCmsDocument .alias {
    font-size: 90%;
    }
.evCmsDocument .thumbnailImage {
    float: left;
    margin-right: 15px;
    }
.ui-slider {
    position: relative;
    text-align: left;
    }
.ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 30px;
    height: 30px;
    cursor: default;
    }
.ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    font-size: .7em;
    display: block;
    border: 0;
    background-position: 0 0;
    }
.ui-slider-horizontal {
    height: 12px;
    box-shadow: inset 0 1px 3px rgba(0,0,0,.25);
    background-color: #eee;
    }
.ui-slider-horizontal .ui-slider-handle {
    top: -10px;
    margin-left: -9px;
    }
.ui-slider-horizontal .ui-slider-range {
    top: 0;
    height: 100%;
    }
.ui-slider-horizontal .ui-slider-range-min {
    left: 0;
    }
.ui-slider-horizontal .ui-slider-range-max {
    right: 0;
    }
.ui-slider-vertical {
    width: .8em;
    height: 100px;
    }
.ui-slider-vertical .ui-slider-handle {
    left: -.3em;
    margin-left: 0;
    margin-bottom: -.6em;
    }
.ui-slider-vertical .ui-slider-range {
    left: 0;
    width: 100%;
    }
.ui-slider-vertical .ui-slider-range-min {
    bottom: 0;
    }
.ui-slider-vertical .ui-slider-range-max {
    top: 0;
    }

/*	Colours for Slider */
.ui-slider-handle {
    border-color: #D9D9D9 #D9D9D9 #D9D9D9;
    border-width: 1px;
    border-style: solid;
    border-radius: 15px;
    background-color: #fff;
    }
.ui-slider-handle.ui-state-hover,
.ui-slider-handle.ui-state-active {
    box-shadow: 0 1px 2px rgba(0,0,0,.25);
    border-color: #C0C2C4 #C0C2C4 #B0B2B5;
    }
.ui-slider-range {
    background-color: #5b9dde;
    }
.ui-slider {
    border-color: #D9D9D9 #D9D9D9 #D9D9D9;
    border-width: 1px;
    border-style: solid;
    border-radius: 2px;
    }
.evAvatar {
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    border-radius: 50%;
    border: 2px solid;
    font-weight: 300;
    }
.evAvatar.x64 {
    width: 64px;
    height: 64px;
    font-size: 24px;
    line-height: 60px;
    }
.evAvatar.x48 {
    width: 48px;
    height: 48px;
    font-size: 20px;
    line-height: 44px;
    }
.evAvatar.x36 {
    width: 36px;
    height: 36px;
    font-size: 16px;
    line-height: 32px;
    font-weight: 400;
    }
.evAvatar.evAvatarImage {
    display: inline-block;
    border: 0;
    }
.evAvatar.evAvatarImage img {
    display: block;
    border-radius: 50%;
    width: 100%;
    height: 100%;
    }

/*
	evMap
	-----
*/
.evMap {
    width: 100%;
    height: 100%;
    }

/*
	evForm
	-----
*/
.evFormWidgetCategories ul {
    list-style: none;
    padding: 0;
    }
.evFormWidgetCategories li {
    padding: 5px 0;
    margin: 0;
    }
.evFormWidgetCategories li > ul {
    display: none;
    padding-top: 5px;
    padding-left: 20px;
    }
.evFormWidgetProduct {
    padding: 5px;
    }
.evFormWidgetProduct > label {
    position: relative;
    display: block;
    margin: 0;
    border-width: 1px;
    border-style: solid;
    border-color: #e5e5e5;
    padding: 20px;
    }
.evFormWidgetProduct .input {
    position: absolute;
    top: 10px;
    right: 10px;
    }
.evFormWidgetProduct .image + .description {
    margin-top: 10px;
    }
.evFormWidgetProduct img {
    max-width: 100%;
    }
.evFormWidgetProduct.active > label {
    border-color: #5b9dde;
    }
.ev-password-strength {
    display: block;
    }
.ev-password-strength--indicator {
    background: #eee;
    width: 100%;
    margin: 1rem 0 .5rem 0;
    }
.ev-password-strength--bar {
    display: block;
    height: 10px;
    background: rgb(253,80,91);
    transition: width .25s ease-in,background .25s ease-in;
    border-radius: 3px;
    }
.strength-0 .ev-password-strength--bar {
    width: 20%;
    }
.strength-1 .ev-password-strength--bar {
    width: 40%;
    }
.strength-2 .ev-password-strength--bar {
    width: 60%;
    }
.strength-3 .ev-password-strength--bar {
    width: 80%;
    background: rgb(53,161,109);
    }
.strength-4 .ev-password-strength--bar {
    width: 100%;
    background: rgb(53,161,109);
    }
div.datepicker {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    background-color: #fff;
    border-radius: 2px;
    box-shadow: 0 1px 5px rgba(0,0,0,.6);
    }
.datepickerContainer thead {
    background-color: #38333f;
    }
div.datepicker td td:hover {
    background-color: #eee;
    }
.datepickerContainer .datepickerDoW th {
    padding: 7px;
    font-size: 10px;
    text-transform: uppercase;
    border-top: 1px solid #4a4651;
    }
.datepickerHidden {
    display: none;
    }
div.datepicker table {
    border-collapse: collapse;
    }
div.datepicker a {
    text-decoration: none;
    cursor: pointer;
    outline: none;
    }
div.datepicker table td td {
    text-align: right;
    padding: 0;
    margin: 0;
    border: 1px solid #eee;
    font-size: 14px;
    }
div.datepicker th {
    text-align: center;
    color: #999;
    font-weight: normal;
    }
div.datepicker tbody th {
    text-align: left;
    }
div.datepicker tbody a {
    display: block;
    padding: 5px;
    }
.datepickerDays a {
    line-height: 16px;
    }
.datepickerYears a,
.datepickerMonths a {
    width: 54px;
    line-height: 36px;
    height: 46px;
    text-align: center;
    }
td.datepickerNotInMonth a {
    color: #aaa;
    }
tbody.datepickerDays td.datepickerSelected {
    background: #5b9dde !important;
    color: #fff;
    }
tbody.datepickerDays td.datepickerNotInMonth.datepickerSelected {
    background: #17384d;
    }
tbody.datepickerYears td.datepickerSelected,
tbody.datepickerMonths td.datepickerSelected {
    background: #17384d;
    }
div.datepicker tbody th {
    text-align: left;
    }
.datepickerSpace div {
    width: 0;
    }
.datepickerGoNext a,
.datepickerGoPrev a,
.datepickerMonth a {
    text-align: center;
    line-height: 20px;
    font-size: 16px;
    }
.datepickerMonth a {
    font-weight: 400;
    }
div.datepicker .datepickerGoNext a,
div.datepicker .datepickerGoPrev a {
    font-size: 22px;
    padding: 10px;
    }
.datepickerGoNext a {
    float: right;
    width: 40px;
    }
.datepickerGoPrev a {
    float: left;
    width: 40px;
    }
table.datepickerViewDays tbody.datepickerMonths,
table.datepickerViewDays tbody.datepickerYears {
    display: none;
    }
table.datepickerViewMonths tbody.datepickerDays,
table.datepickerViewMonths tbody.datepickerYears,
table.datepickerViewMonths tr.datepickerDoW {
    display: none;
    }
table.datepickerViewYears tbody.datepickerDays,
table.datepickerViewYears tbody.datepickerMonths,
table.datepickerViewYears tr.datepickerDoW {
    display: none;
    }
td.datepickerDisabled a,
td.datepickerDisabled.datepickerNotInMonth a {
    color: #333;
    }
td.datepickerDisabled a:hover {
    color: #333;
    }
td.datepickerSpecial a {
    background: #700;
    }
td.datepickerSpecial.datepickerSelected a {
    background: #a00;
    }