.sm-user-ui .sm-accordion .sm-accordion-item-has-children > .sm-accordion-item-label:after {
    color: #ffffff;
}

/**
 * Normal top level accordion items
 */
.sm-user-ui .sm-accordion > .sm-accordion-item > .sm-accordion-item-label,
.sm-user-ui .sm-accordion > .sm-accordion-item > a.sm-accordion-item-label:active,
.sm-user-ui .sm-accordion > .sm-accordion-item > a.sm-accordion-item-label:visited {
    color: #ffffff;
    border-bottom-color: #140A30;
    border-bottom-color: rgba(255,255,255, 0.04);
}

/**
 * Open top level accordion items
 */
.sm-user-ui .sm-accordion > .sm-accordion-item.sm-accordion-item-open > .sm-accordion-item-label,
.sm-user-ui .sm-accordion > .sm-accordion-item.sm-accordion-item-open > a.sm-accordion-item-label:active,
.sm-user-ui .sm-accordion > .sm-accordion-item.sm-accordion-item-open > a.sm-accordion-item-label:visited,
.sm-user-ui .sm-accordion > .sm-accordion-item > a.sm-accordion-item-label:hover {
    color: #ffffff;
    border-bottom-color: #140A30;
    border-bottom-color: rgba(255,255,255, 0.04);
}

/**
 * Second level accordion items
 */
.sm-user-ui .sm-accordion > .sm-accordion-item > .sm-accordion-children > .sm-accordion-item {
    color: #ffffff;
    border-bottom-color: #140A30;
    border-bottom-color: rgba(255,255,255, 0.04);
}

/**
 * Second level accordion items hover
 */
.sm-user-ui .sm-accordion > .sm-accordion-item > .sm-accordion-children > .sm-accordion-item:hover,
.sm-user-ui .sm-accordion > .sm-accordion-item > .sm-accordion-children > .sm-accordion-item:active {
    color: #ffffff;
}/*<style>/**/
.sm-user-ui .sm-badge-text {
    color: #ffffff;
    border-color: #543B9C;
}

.sm-user-ui .sm-badge-skin-alert {
    color: #ffffff;
    border-color: #f20000;
    background-color: #d00000;
}

.sm-user-ui .sm-badge-skin-accent {
    color: #808080;
    border-color: #FFFFFF;
    background-color: #FFFFFF;
}
.sm-user-ui .sm-breadcrumb .sm-breadcrumb-item,
.sm-user-ui .sm-breadcrumb .sm-breadcrumb-item > a,
.sm-user-ui .sm-breadcrumb .sm-breadcrumb-item > a:active,
.sm-user-ui .sm-breadcrumb .sm-breadcrumb-item > a:visited,
.sm-user-ui .sm-breadcrumb .sm-breadcrumb-item > a:hover {
    color: #ffffff;
}/*<style>/**/
/*************
 * UI redesign
 *************/
.sm-user-ui .sm-button-skin-accent,
.sm-user-ui a.sm-button-skin-accent,
.sm-user-ui a.sm-button-skin-accent:visited {
    color: #808080;
    border-color: #FFFFFF;
    background-color: #FFFFFF;
}
.sm-user-ui .sm-button-skin-accent:hover,
.sm-user-ui a.sm-button-skin-accent:hover {
    color: #969696;
    border-color: #FFFFFF;
    background-color: #FFFFFF;
}
.sm-user-ui .sm-button-skin-accent:active,
.sm-user-ui a.sm-button-skin-accent:active {
    color: #ADADAD;
    border-color: #FFFFFF;
    background-color: #FFFFFF;
}

.sm-user-ui .sm-button-skin-submit,
.sm-user-ui a.sm-button-skin-submit,
.sm-user-ui a.sm-button-skin-submit:visited {
    color: #ffffff;
    border-color: #1C0D42;
    background-color: #1A0D3B;
}
.sm-user-ui .sm-button-skin-submit:hover,
.sm-user-ui a.sm-button-skin-submit:hover {
    color: #ffffff;
    border-color: #211252;
    background-color: #1F0F4A;
}
.sm-user-ui .sm-button-skin-submit:active,
.sm-user-ui a.sm-button-skin-submit:active {
    color: #ffffff;
    border-color: #291463;
    background-color: #211252;
}

.sm-user-ui .sm-button-skin-default,
.sm-user-ui a.sm-button-skin-default,
.sm-user-ui a.sm-button-skin-default:visited {
    color: #ffffff;
    border-color: #1A0D3B;
    background-color: #120829;
}

.sm-user-ui .sm-button-skin-default:hover,
.sm-user-ui a.sm-button-skin-default:hover {
    color: #ffffff;
    border-color: #1A0D3B;
    background-color: #140A30;
}
.sm-user-ui .sm-button-skin-default:active,
.sm-user-ui a.sm-button-skin-default:active {
    color: #ffffff;
    border-color: #211252;
    background-color: #1C0D42;
}

.sm-user-ui .sm-button-skin-overlay {
    background-color: transparent;
}

.sm-user-ui .sm-button-skin-overlay,
.sm-user-ui .sm-button-skin-overlay:active {
    color: #ffffff; /* for IE8 and older */
    color: rgba(255,255,255, 0.6);
}

.sm-user-ui .sm-button-skin-overlay .sm-button-overlay-outline {
    background-color: #120829; /* for IE8 and older */
    background-color: rgba(18,8,41, 0.72);
}
.sm-user-ui .sm-button-skin-overlay .sm-button-fonticon,
.sm-user-ui .sm-button-skin-overlay:active .sm-button-fonticon,
.sm-user-ui .sm-button-skin-overlay:hover .sm-button-fonticon {
    color: #ffffff;
}

.sm-user-ui .sm-button-skin-overlay:hover {
    color: #ffffff;
}

.sm-user-ui .sm-button-skin-overlay:hover .sm-button-overlay-outline {
    background-color: #1A0D3B; /* for IE8 and older */
    background-color: rgba(20,10,48, 0.72);
}

.sm-user-ui .sm-button-skin-overlay:active .sm-button-overlay-outline {
    background-color: #1C0D42; /* for IE8 and older */
    background-color: rgba(20,10,48, 0.84);
}

.sm-user-ui .sm-button-nochrome,
.sm-user-ui a.sm-button-nochrome,
.sm-user-ui a.sm-button-nochrome:visited,
.sm-user-ui .sm-button-nochrome:hover,
.sm-user-ui a.sm-button-nochrome:hover,
.sm-user-ui .sm-button-nochrome:active,
.sm-user-ui a.sm-button-nochrome:active {
    background-color: transparent;
}

/**
 * No chrome default
 */
.sm-user-ui .sm-button-nochrome > .sm-button-label {
    color: #ffffff;
}
.sm-user-ui .sm-button-nochrome > .sm-button-fonticon {
    color: #ffffff;
}
.sm-user-ui .sm-button-nochrome:hover > .sm-button-label {
    color: #ffffff;
}
.sm-user-ui .sm-button-nochrome:hover > .sm-button-fonticon,
.sm-user-ui .sm-button-nochrome:active > .sm-button-fonticon {
    color: #ffffff;
}
.sm-user-ui .sm-button-nochrome:active > .sm-button-label,
.sm-user-ui .sm-button-nochrome:active > .sm-button-fonticon {
    color: #ffffff;
}

/**
 * No chrome submit
 */
.sm-user-ui .sm-button-skin-submit.sm-button-nochrome > .sm-button-label {
    color: #ffffff;
}
.sm-user-ui .sm-button-skin-submit.sm-button-nochrome > .sm-button-fonticon {
    color: #ffffff;
}
.sm-user-ui .sm-button-skin-submit.sm-button-nochrome:hover > .sm-button-label {
    color: #ffffff;
}
.sm-user-ui .sm-button-skin-submit.sm-button-nochrome:hover > .sm-button-fonticon,
.sm-user-ui .sm-button-skin-submit.sm-button-nochrome:active > .sm-button-fonticon {
    color: #ffffff;
}
.sm-user-ui .sm-button-skin-submit.sm-button-nochrome:active > .sm-button-label,
.sm-user-ui .sm-button-skin-submit.sm-button-nochrome:active > .sm-button-fonticon {
    color: #ffffff;
}

/**
 * Disabled
 */
.sm-user-ui .sm-button[disabled],
.sm-user-ui .sm-button[disabled]:hover,
.sm-user-ui .sm-button[disabled]:active {
    color: #261259; /* Don't use TextColor, or it may not look obviously disabled. */
    border-color: #1A0D3B;
    background-color: #120829;
}

.sm-user-ui .sm-button.sm-button-nochrome[disabled],
.sm-user-ui .sm-button.sm-button-nochrome[disabled] > .sm-button-label,
.sm-user-ui .sm-button.sm-button-nochrome[disabled] > .sm-button-fonticon {
    color: #261259; /* Don't use TextColor, or it may not look obviously disabled. */
    background-color: transparent;
}

/** accent buttons have different disabled colors **/
.sm-user-ui .sm-button.sm-button-skin-accent[disabled],
.sm-user-ui .sm-button.sm-button-skin-accent[disabled]:hover,
.sm-user-ui .sm-button.sm-button-skin-accent[disabled]:active {
    color: #FFFFFF;
    border-color: #FFFFFF;
    background-color: #EDEDED;
}

/* copy "submit" skin style until Design provides something better */
.sm-user-ui .sm-button-group > .sm-button.sm-button-selected,
.sm-user-ui .sm-button-group > .sm-button.sm-button-selected:hover,
.sm-user-ui .sm-button-group > .sm-button.sm-button-selected:active {
    color: #ffffff;
    border-color: #1F0F4A;
    background-color: #1A0D3B;
}
.sm-user-ui .sm-calendar .yui3-skin-sam .yui3-calendar-content {
    background: none;
    background-color: #120829;
    border: none;
    padding: 0 10px;
    filter: none;
}

.sm-user-ui .sm-calendar .yui3-skin-sam .yui3-calendar-content .yui3-calendar-weekday {
    color: #2B176B;
    font-weight: 500;
    border-bottom: 1px solid #1A0D3B;
}

.sm-user-ui .sm-calendar .yui3-skin-sam .yui3-calendar-content .yui3-calendar-day:hover:not(.yui3-calendar-selection-disabled) {
    background-color: #1F0F4A;
    color: #FFFFFF;
}

.sm-user-ui .sm-calendar .yui3-skin-sam .yui3-calendar-content .yui3-calendar-selection-disabled {
    color: #1F0F4A;
}

.sm-user-ui .sm-calendar .yui3-skin-sam .yui3-calendar-row td {
    color: #9E8CCF;
    background: none;
    border: none;
    font-weight: 500;
}


.sm-user-ui .sm-calendar .yui3-skin-sam .yui3-calendar-row td.yui3-calendar-prevmonth-day,
.sm-user-ui .sm-calendar .yui3-skin-sam .yui3-calendar-row td.yui3-calendar-nextmonth-day {
    color: #1F0F4A;
}

.sm-user-ui .sm-calendar .yui3-skin-sam .yui3-calendar-row td.yui3-calendar-day-selected {
    background-color: #1F0F4A;
}

.sm-user-ui .sm-calendar .yui3-skin-sam .yui3-calendarnav-prevmonth, 
.sm-user-ui .sm-calendar .yui3-skin-sam .yui3-calendarnav-nextmonth {
    color: #543B9C;
}

.sm-user-ui .sm-calendar .yui3-skin-sam .yui3-calendaryearnav-prevmonth:hover .yui3-calendarnav-prevmonth, 
.sm-user-ui .sm-calendar .yui3-skin-sam .yui3-calendaryearnav-nextmonth:hover .yui3-calendarnav-nextmonth {
    color: #FFFFFF;
}

.sm-user-ui .sm-calendar .yui3-skin-sam .sm-nochrome > .sm-form-field-select {
    color: #543B9C;
}.sm-user-ui .sm-comment-list {
    border-top-color: #1C0D42;
}

.sm-user-ui .sm-comment-list .sm-comment-listitem {
    border-bottom-color: #1C0D42;
}

.sm-user-ui .sm-comment-add-stars .sm-comment-add-staron,
.sm-user-ui .sm-comment-add-stars .sm-comment-add-staron ~ .sm-fonticon,
.sm-user-ui .sm-comment-add-stars .sm-fonticon:hover,
.sm-user-ui .sm-comment-add-stars .sm-fonticon:hover ~ .sm-fonticon {
    color: #FFFFFF;
}

.sm-user-ui .sm-comment-list .sm-comment-listitem-avatar > a .sm-fonticon-User,
.sm-user-ui .sm-comment-list .sm-comment-listitem-avatar > a:hover .sm-fonticon-User,
.sm-user-ui .sm-comment-list .sm-comment-listitem-avatar > a:active .sm-fonticon-User,
.sm-user-ui .sm-comment-list .sm-comment-listitem-avatar > a:visited .sm-fonticon-User {
    color: #ffffff;
}.sm-user-ui .sm-dropdown {
    background-color: #120829;
    border-color: #140A30;
}
.sm-user-ui .sm-form-field-error .sm-dropdown {
    border-color: #ae0000;
}

.sm-user-ui .sm-dropdown.sm-nochrome {
    background-color: transparent;
}

.sm-user-ui .sm-dropdown .sm-dropdown-select-text,
.sm-user-ui .sm-dropdown .sm-dropdown-selected-text {
    color: #ffffff;
}

.sm-user-ui .sm-dropdown-option {
    color: #ffffff;
    border-bottom-color: #140A30;
}

.sm-user-ui .sm-dropdown-option:hover {
    color: #ffffff;
    background-color: #140A30;
}

.sm-user-ui .sm-dropdown-option.sm-dropdown-option-selected {
    background-color: #140A30;
}
.sm-editor-input {
    background-color: #120829;
    border-color: #1A0D3B;
}
.sm-user-ui h1,
.sm-user-ui h2,
.sm-user-ui h3,
.sm-user-ui h4,
.sm-user-ui h5,
.sm-user-ui .sm-title-xl,
.sm-user-ui .sm-h1,
.sm-user-ui .sm-h2,
.sm-user-ui .sm-h3,
.sm-user-ui .sm-h4,
.sm-user-ui .sm-h5,
.sm-user-ui .sm-heading {
    font-family: ABeeZee,Roboto, Helvetica, Arial, sans-serif;
}

.sm-user-ui body,
.sm-user-ui select,
.sm-user-ui input,
.sm-user-ui button,
.sm-user-ui textarea,
.sm-user-ui .yui3-g [class *= "yui3-u"],
.sm-user-ui .yui3-g-r [class *= "yui3-u"],
.sm-nui {
    font-family: ABeeZee,Roboto, Helvetica, Arial, sans-serif;
}

.sm-user-ui h1,
.sm-user-ui h2,
.sm-user-ui h3,
.sm-user-ui h4,
.sm-user-ui h5,
.sm-user-ui .sm-heading,

/* There are times when we want a link to have the style of a heading. */
.sm-user-ui a.sm-h1,
.sm-user-ui a.sm-h1:hover,
.sm-user-ui a.sm-h1:visited,
.sm-user-ui a.sm-h1:active,
.sm-user-ui a.sm-h2,
.sm-user-ui a.sm-h2:hover,
.sm-user-ui a.sm-h2:visited,
.sm-user-ui a.sm-h2:active,
.sm-user-ui a.sm-h3,
.sm-user-ui a.sm-h3:hover,
.sm-user-ui a.sm-h3:visited,
.sm-user-ui a.sm-h3:active,
.sm-user-ui a.sm-h4,
.sm-user-ui a.sm-h4:hover,
.sm-user-ui a.sm-h4:visited,
.sm-user-ui a.sm-h4:active,
.sm-user-ui a.sm-h5,
.sm-user-ui a.sm-h5:hover,
.sm-user-ui a.sm-h5:visited,
.sm-user-ui a.sm-h5:active {
    color: #ffffff;
    font-style: normal;
}

/* title large */
.sm-user-ui h1.sm-title-xl {
    font-weight: 400;
}
/* title */
.sm-user-ui h1,
.sm-user-ui .sm-h1 {
    font-weight: 400;
}
/* title small */
.sm-user-ui h2,
.sm-user-ui .sm-h2 {
    font-weight: 400;
}
/* subheader */
.sm-user-ui h3,
.sm-user-ui .sm-h3 {
    font-weight: 400;
}
/* mini header */
.sm-user-ui h4,
.sm-user-ui .sm-h4 {
    font-weight: 400;
}

.sm-user-ui h5,
.sm-user-ui .sm-h5 {
    font-weight: 400;
}

.sm-user-ui a,
.sm-user-ui a:active,
.sm-user-ui a:visited,
.sm-user-ui a:hover {
    color: #ffffff;
}

.sm-user-ui a.sm-accent,
.sm-user-ui a.sm-accent:active,
.sm-user-ui a.sm-accent:visited,
.sm-user-ui a.sm-accent:hover {
    color: #FFFFFF;
}

.sm-user-ui a.sm-muted,
.sm-user-ui a.sm-muted:visited {
    color: #ffffff;
}

.sm-user-ui a.sm-muted:active,
.sm-user-ui a.sm-muted:hover {
    color: #ffffff;
}

/**
 * Text color variations
 */
.sm-user-ui .sm-muted {
    color: #ffffff;
}

.sm-user-ui .sm-emphasized {
    color: #ffffff;
}

.sm-user-ui .sm-accent,
.sm-user-ui h1.sm-accent,
.sm-user-ui h2.sm-accent,
.sm-user-ui h3.sm-accent,
.sm-user-ui h4.sm-accent,
.sm-user-ui h5.sm-accent {
    color: #FFFFFF;
}

.sm-user-ui h1.sm-muted,
.sm-user-ui h2.sm-muted,
.sm-user-ui h3.sm-muted,
.sm-user-ui h4.sm-muted,
.sm-user-ui h5.sm-muted {
    color: #ffffff;
}

/**
 * Retina
 */
@media screen and (-webkit-min-device-pixel-ratio: 1.5),
                  (min--moz-device-pixel-ratio: 1.5),
                  (min-resolution: 1.5dppx) {
    /* title small */
    .sm-user-ui h2,
    .sm-user-ui .sm-h2 {
        font-weight: 400;
    }
    /* subheader */
    .sm-user-ui h3,
    .sm-user-ui .sm-h3 {
        font-weight: 400;
    }
}
.sm-user-ui .sm-page-footer,
.sm-page-footer.sm-user-ui  {
    border-top-color: rgba(255,255,255, .06);
}

.sm-user-ui .sm-footer-nav a,
.sm-user-ui .sm-footer-nav a:hover,
.sm-user-ui .sm-footer-nav a:active,
.sm-user-ui .sm-footer-nav a:visited,
.sm-user-ui .sm-footer-nav a,
.sm-user-ui .sm-footer-nav a:hover,
.sm-user-ui .sm-footer-nav a:active,
.sm-user-ui .sm-footer-nav a:visited {
    color: #ffffff;
}

.sm-user-ui .sm-page-powered-by,
.sm-user-ui .sm-admin-footer {
    color: rgba(255,255,255, 0.24);
}.sm-user-ui .sm-form-field-text-input,
.sm-user-ui .sm-form-field-textarea {
    color: #ffffff;
    background-color: #120829;
    border-color: #1A0D3B;
}

.sm-user-ui .sm-form-field-text-input[disabled],
.sm-user-ui .sm-form-field-textarea[disabled] {
    color: #261259; /* Don't use TextColor, or it may not look obviously disabled. */
}

.sm-user-ui .sm-form-field:focus,
.sm-user-ui .sm-form-field.sm-focus {
    background-color: #1A0D3B;
    border-color: #1C0D42;
}

.sm-user-ui .sm-form-field.sm-nochrome:focus {
    background-color: transparent;
}


/**
 * Text input with internal label
 */
.sm-user-ui .sm-form-field-text-label {
    color: #ffffff;
    background-color: #120829;
    border-color: #1A0D3B;
}

.sm-user-ui .sm-form-field-text-label.sm-nochrome {
    background-color: transparent;
}

.sm-user-ui .sm-form-field-text-label .sm-form-field-label {
    color: #ffffff;
}

/* Cannot combine different browsers into a single rule: http://www.w3.org/TR/selectors/#Conformance */
.sm-user-ui .sm-form-field-text-input::-webkit-input-placeholder,
.sm-user-ui .sm-form-field-textarea::-webkit-input-placeholder {
    color: #ffffff;
}
.sm-user-ui .sm-form-field-text-input::-moz-input-placeholder,
.sm-user-ui .sm-form-field-textarea::-moz-input-placeholder {
    color: #ffffff;
}
.sm-user-ui .sm-form-field-text-input:-moz-input-placeholder,
.sm-user-ui .sm-form-field-textarea:-moz-input-placeholder {
    color: #ffffff;
}
.sm-user-ui .sm-form-field-text-input:-ms-input-placeholder,
.sm-user-ui .sm-form-field-textarea:-ms-input-placeholder {
    color: #ffffff;
}


/*
 * Select
 */
.sm-user-ui .sm-form-field-select-wrapper {
    background-color: #120829;
    border-color: #1A0D3B;
}

/* color the option list in Windows */
.sm-user-ui .sm-form-field-select-option {
    background-color: #120829;
}

.sm-user-ui .sm-form-field-select {
    color: #ffffff;
}
.sm-user-ui .sm-form-field-select[disabled],
.sm-user-ui .sm-form-field-select[disabled] + .sm-form-field-select-arrow {
    color: #261259; /* Don't use TextColor, or it may not look obviously disabled. */
}
.sm-user-ui .sm-form-field-select-arrow {
    color: #ffffff;
}

.sm-user-ui .sm-nochrome.sm-form-field-select-wrapper {
    background-color: transparent;
}

/*
 * Checkboxes and Radios
 */
.sm-user-ui .sm-form-field-checkbox-item,
.sm-user-ui .sm-form-field-radio-item {
    color: #ffffff;
}

.sm-user-ui .sm-form-field-checkbox-item:hover,
.sm-user-ui .sm-form-field-radio-item:hover {
    color: #ffffff;
}

.sm-user-ui .sm-form-field-checkbox-item.yui3-button-selected,
.sm-user-ui .sm-form-field-radio-item.yui3-button-selected {
    color: #ffffff;
}

.sm-user-ui .sm-form-field-checkbox-item[disabled],
.sm-user-ui .sm-form-field-radio-item[disabled] {
    color: #261259; /* Don't use TextColor, or it may not look obviously disabled. */
}

.sm-user-ui .sm-form-field-checkbox-item .sm-form-field-checkbox-icon-container,
.sm-user-ui .sm-form-field-radio-item .sm-form-field-radio-icon-container {
    background-color: #140A30;
    border-color: #211252;
}

.sm-user-ui .sm-form-field-checkbox-item:hover .sm-form-field-checkbox-icon-container,
.sm-user-ui .sm-form-field-radio-item:hover .sm-form-field-radio-icon-container {
    background-color: #1A0D3B;
    border-color: #261259;
}

.sm-user-ui .sm-form-field-checkbox-item[disabled] .sm-form-field-checkbox-icon-container,
.sm-user-ui .sm-form-field-radio-item[disabled] .sm-form-field-radio-icon-container {
    background-color: #120829;
}

/* IE8 black-checkmark fix */
.sm-ie-8.sm-user-ui .sm-form-field-checkbox-icon,
.sm-ie-8 .sm-user-ui .sm-form-field-checkbox-icon {
    visibility: hidden;
}

.sm-user-ui .sm-form-field-checkbox-item.yui3-button-selected .sm-form-field-checkbox-icon,
.sm-user-ui .sm-form-field-radio-item.yui3-button-selected .sm-form-field-radio-icon {
    visibility: inherit; /* IE8 */
    color: #FFFFFF;
}

.sm-user-ui .sm-form-field-checkbox-item.yui3-button-selected[disabled] .sm-form-field-checkbox-icon,
.sm-user-ui .sm-form-field-radio-item.yui3-button-selected[disabled] .sm-form-field-radio-icon {
    color: #261259; /* Don't use TextColor, or it may not look obviously disabled. */
}

.sm-user-ui .sm-form-field-radio-item.yui3-button-selected .sm-form-field-radio-icon {
    background-color: #FFFFFF;
}

.sm-user-ui .sm-form-field-radio-item.yui3-button-selected[disabled] .sm-form-field-radio-icon {
    background-color: #261259; /* Don't use TextColor, or it may not look obviously disabled. */
}

/*
 * Toggle
 */
.sm-user-ui .sm-form-field-toggle-item {
    color: #ffffff;
}

.sm-user-ui .sm-form-field-toggle-item:hover,
.sm-user-ui .sm-form-field-toggle-item:active {
    color: #ffffff;
}

.sm-user-ui .sm-form-field-toggle-item-off.yui3-button-selected {
    color: #ffffff;
}

.sm-user-ui .sm-form-field-toggle-item-on.yui3-button-selected {
    color: #FFFFFF;
}

/*
 * Labels
 */
.sm-user-ui .sm-label {
    color: #ffffff;
}
.sm-user-ui .sm-form-field-underline {
    border-bottom-color: #140A30;
}

/*
 * Warnings
 */
.sm-user-ui .sm-form-field-warning,
.sm-user-ui .sm-form-field-warning .sm-picker-plugin-thumb,
.sm-user-ui .sm-form-field-warning .sm-form-field,
.sm-user-ui .sm-form-field-warning .sm-button {
    border-color: #ffff01;
}
.sm-user-ui .sm-form-field-warning-msg {
    color: #ffff01;
}

/*
 * Errors
 */
.sm-user-ui .sm-form-field-error,
.sm-user-ui .sm-form-field-error .sm-picker-plugin-thumb,
.sm-user-ui .sm-form-field-error .sm-form-field,
.sm-user-ui .sm-form-field-error .sm-button {
    border-color: #d00000;
}
.sm-user-ui .sm-form-field-error-msg {
    color: #d00000;
}

/**
 * Actions
 */
.sm-user-ui .sm-form-field-action a .sm-fonticon {
    color: #331A7A;
}

.sm-user-ui .sm-form-field-action a:hover .sm-fonticon {
    color: #FFFFFF;
}
.sm-user-ui .sm-gallery-smugmug .sm-gallery-nav .sm-fonticon,
.sm-user-ui .sm-gallery-smugmug .sm-gallery-image-pagination,
.sm-user-ui .sm-gallery-smugmug .sm-gallery-tiles-pagination {
    color: #ffffff;
}

.sm-user-ui .sm-gallery-smugmug .sm-gallery-tiles-pagination .sm-gallery-tiles-pagination-total .sm-fonticon {
    color: #ffffff;
}

/**
 * Empty gallery
 */
.sm-user-ui .sm-user-owner .sm-gallery-empty-guest h2 {
    color: #ffffff;
}

.sm-user-ui .sm-gallery-empty-icon {
    color: #ffffff;
}

.sm-user-ui .sm-gallery-empty {
    border: 1px solid #1A0D3B;
}

/**
 * Image Action Buttons
 */
.sm-user-ui .sm-button.sm-button-image-favorite.sm-button-image-favorited > .sm-button-fonticon {
    color: #FFFFFF;
}

.sm-user-ui .sm-button.sm-button-image-like.sm-button-image-liked > .sm-button-fonticon {
    color: #FFFFFF;
}
.sm-user-ui .sm-gallery .sm-tiles-info-over .sm-button-nochrome .sm-button-fonticon {
    color: #ffffff;
}
.sm-user-ui .sm-gallery .sm-tiles-info-over .sm-button-nochrome:hover .sm-button-fonticon,
.sm-user-ui .sm-gallery .sm-tiles-info-over .sm-button-nochrome:active .sm-button-fonticon {
    color: #ffffff;
}


.sm-user-ui .sm-gallery .sm-tile-info .sm-inlineedit-specific:hover,
.sm-user-ui .sm-gallery .sm-tile-info .sm-inlineedit-hover-button {
    color: #ffffff;
}

/**
 * Image Keywords
 */
.sm-user-ui .sm-gallery .sm-tile-info .sm-tile-keywords > a,
.sm-user-ui .sm-gallery .sm-gallery-keywords a {
    border-right-color: #ffffff;
}

/**
 * Panel Warning Icon
 */
.sm-user-ui .sm-delete-panel-content .sm-fonticon-Warning {
    color: #FFD808;
}
.sm-user-ui .sm-page-header,
.sm-page-header.sm-user-ui ,
.sm-user-ui .sm-cart-header {
    background-color: #0D0821;
    background-color: rgba(13,8,33, .75);
    border-bottom-color: rgba(255,255,255, .06);
}


.sm-user-ui .sm-logo {
    background-position: 0px 0px ;
}

.sm-user-ui .sm-logo-badge {
    background-position: -96px 0px ;
}

.sm-user-ui a:hover .sm-logo,
.sm-user-ui a:active .sm-logo {
    background-position: 0px -48px ;
}

.sm-user-ui .sm-user-pro .sm-logo-badge,
.sm-user-pro .sm-user-ui .sm-logo-badge,
.sm-user-ui .sm-user-portfolio .sm-logo-badge,
.sm-user-portfolio .sm-user-ui .sm-logo-badge {
    background-position: -120px 0px ;
}

.sm-user-ui .sm-user-pro a:hover .sm-logo-badge,
.sm-user-ui .sm-user-pro a:active .sm-logo-badge,
.sm-user-pro .sm-user-ui a:hover .sm-logo-badge,
.sm-user-pro .sm-user-ui a:active .sm-logo-badge,
.sm-user-ui .sm-user-portfolio a:hover .sm-logo-badge,
.sm-user-ui .sm-user-portfolio a:active .sm-logo-badge,
.sm-user-portfolio .sm-user-ui a:hover .sm-logo-badge,
.sm-user-portfolio .sm-user-ui a:active .sm-logo-badge {
    background-position: -120px -48px ;
}

/*
 * Transparent button background, to match the color/translucency of the bar.
 */
.sm-user-ui .sm-page-header .sm-button-skin-default,
.sm-user-ui .sm-page-header a.sm-button-skin-default {
    background-color: transparent;
}

/*
 * custom avatar icon
 */
.sm-user-ui .sm-header-account-avatar {
    border-color: #140A30;
    background-color: #140A30;
}
.sm-user-ui .sm-header-account-avatar .sm-fonticon {
    color: #1F0F4A;
}

/*
 * custom style for search field
 */
.sm-user-ui .sm-page-header-search .sm-form-field-text-input {
    background-color: transparent;
}

/**
 * European cookie message
 */
.sm-eu-cookie-message {
    background-color: #140A30;
}
.sm-user-ui .sm-infobar {
    background-color: #140A30;
}

.sm-user-ui .sm-infobar-accent {
    background-color: #173e6f;
    color: #ffffff;
}
/**
Use a pseudo :after selector to create the illusion of dotted empty regions on the page.
This helps the user visualize the page's structure without any content.

All regions should have the dotted outline as long as they are empty.
There are a few other specific rules for different templates when editing a SiteDesign,
since sometimes there is other content that will need to be represented, such as
the gallery content.
**/
.sm-user-ui .sm-page-layout.sm-page-layout-edit >
    .sm-page-layout-region >
    .sm-page-layout-region:empty:after,
/**
Due to the fact that the reserved row almost always exists in the center region, we'll
need to show the dotted outline around it to highlight the center regsion.
Only show the dotted box around the reserved row if it is a only child, otherwise the user
has added content and there is no reason to show the dotted outline.
**/
.sm-user-ui .sm-page-layout.sm-page-layout-edit >
    .sm-page-layout-region >
    .sm-page-layout-region >
    .sm-page-layout-row-reserved:only-child >
    .sm-page-layout-column:empty:after,
/**
Sometimes we do want to continue to show the dotted outline around the reserved row,
because this is how the user will visualize how their content will be positioned
in relation to the reserved content, such as a gallery.
**/
.sm-user-ui .sm-page-layout.sm-page-layout-sitetemplate.sm-page-layout-edit >
    .sm-page-layout-region >
    .sm-page-layout-region >
    .sm-page-layout-row-reserved >
    .sm-page-layout-column:empty:after,
.sm-user-ui .sm-page-layout.sm-page-layout-gallerytemplate.sm-page-layout-edit >
    .sm-page-layout-region >
    .sm-page-layout-region >
    .sm-page-layout-row-reserved >
    .sm-page-layout-column:empty:after
 {
    content: "";
    position: absolute;
    border: 1px dashed;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    top: 6px;
    right: 6px;
    bottom: 6px;
    left: 6px;
    text-align: center;
    line-height: 32px;
    overflow: hidden;
    font-weight: 400;
    font-size: 12px;
    text-transform: uppercase;
    border-color: rgba(255,255,255, 0.12);
    background-color: rgba(18,8,41, 0.48);
    color: rgba(255,255,255, 0.24);
}

/**
Each region gets its own label.
**/
.sm-user-ui .sm-page-layout.sm-page-layout-edit >
    .sm-page-layout-region >
    .sm-page-layout-region-top:empty:after {
    content: "Header";
}

.sm-user-ui .sm-page-layout.sm-page-layout-edit >
    .sm-page-layout-region >
    .sm-page-layout-region-bottom:empty:after {
    content: "Footer";
}

.sm-user-ui .sm-page-layout.sm-page-layout-edit >
    .sm-page-layout-region >
    .sm-page-layout-region-left:empty:after {
    content: "Left";
    line-height: 288px;
}

.sm-user-ui .sm-page-layout.sm-page-layout-edit >
    .sm-page-layout-region >
    .sm-page-layout-region-right:empty:after {
    content: "Right";
    line-height: 288px;
}

.sm-user-ui .sm-page-layout.sm-page-layout-edit >
    .sm-page-layout-region >
    .sm-page-layout-region-center >
    .sm-page-layout-row-reserved:only-child >
    .sm-page-layout-column:empty:after {
    content: "Center";
    line-height: 288px;
}

.sm-user-ui .sm-page-layout.sm-page-layout-sitetemplate.sm-page-layout-edit >
    .sm-page-layout-region >
    .sm-page-layout-region >
    .sm-page-layout-row-reserved >
    .sm-page-layout-column:empty:after,
.sm-user-ui .sm-page-layout.sm-page-layout-sitetemplate.sm-page-layout-edit >
    .sm-page-layout-region >
    .sm-page-layout-region >
    .sm-page-layout-row-reserved:only-child >
    .sm-page-layout-column:empty:after {
    content: "Site Content";
    line-height: 288px;
}

.sm-user-ui .sm-page-layout.sm-page-layout-gallerytemplate.sm-page-layout-edit >
    .sm-page-layout-region >
    .sm-page-layout-region >
    .sm-page-layout-row-reserved >
    .sm-page-layout-column:empty:after,
.sm-user-ui .sm-page-layout.sm-page-layout-gallerytemplate.sm-page-layout-edit >
    .sm-page-layout-region >
    .sm-page-layout-region >
    .sm-page-layout-row-reserved:only-child >
    .sm-page-layout-column:empty:after {
    content: "Gallery Content";
    line-height: 288px;
}

/**
Widget drop over state
**/
.sm-user-ui .sm-page-layout.sm-page-layout-edit .sm-page-layout-dropover,
.sm-user-ui .sm-page-layout.sm-page-layout-edit .sm-page-layout-dropover:empty,
.sm-user-ui .sm-page-layout.sm-page-layout-edit .sm-page-layout-column.sm-page-layout-dropover,
.sm-user-ui .sm-page-layout.sm-page-layout-edit .sm-page-layout-column.sm-page-layout-dropover:empty {
    -webkit-box-shadow: inset 0 0 0 2px #93dd00;
    -moz-box-shadow: inset 0 0 0 2px #93dd00;
    box-shadow: inset 0 0 0 2px #93dd00;
}

/**
 * edit mode for special apps
 * use the :before to place a bar above the app to prevent cases when apps
 * do not actually take up any height on the page.
 */
.sm-user-ui .sm-page-layout.sm-page-layout-edit .sm-page-widget-css:before,
.sm-user-ui .sm-page-layout.sm-page-layout-edit .sm-page-widget-js:before {

    height: 36px;
    display: block;
    line-height: 36px;
    font-family: ABeeZee,Roboto, Helvetica, Arial, sans-serif;
    border-bottom: 1px dashed #1A0D3B;
    margin-bottom: 12px;

    font-size: 12px;
    text-transform: uppercase;
    font-weight: 400;
}

.sm-user-ui .sm-page-layout.sm-page-layout-edit .sm-page-widget-css:before {
    content: "CSS Placeholder";
}

.sm-user-ui .sm-page-layout.sm-page-layout-edit .sm-page-widget-js:before {
    content: "JS Placeholder";
}

/**
 * The spacer app needs some visual indicator when editing
 */
.sm-user-ui .sm-page-layout.sm-page-layout-edit .sm-page-widget-spacer {
    border: 1px dashed #1A0D3B;
}

.sm-user-ui .sm-page-layout.sm-page-layout-highlightdrop.sm-page-layout-edit >
    .sm-page-layout-region >
    .sm-page-layout-region:after,
.sm-user-ui .sm-page-layout.sm-page-layout-highlightdrop.sm-page-layout-edit >
    .sm-page-layout-region >
    .sm-page-layout-region-center >
    .sm-page-layout-row-reserved:only-child >
    .sm-page-layout-column:empty:after {
    content: "";
    color: #93dd00;
    border-color: #93dd00;
    position: absolute;
    border: 1px dashed;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    top: 6px;
    right: 6px;
    bottom: 6px;
    left: 6px;
    text-align: center;
    overflow: hidden;
    font-weight: 400;
    font-size: 12px;
    text-transform: uppercase;
}
.sm-user-ui .yui3-widget-mask.sm-lightbox-mask {
    background-color: #0A051A;
    opacity: 1;
}

.sm-user-ui .sm-lightbox .sm-lightbox-nav.sm-lightbox-nav-disabled .sm-fonticon,
.sm-user-ui .sm-lightbox .sm-lightbox-nav.sm-lightbox-nav-disabled:hover .sm-fonticon{
    color: #9E8CCF;
}

/**
 * Lightbox icons and panels
 * These need to be able to stand out on all white photos.
 */

/* All browsers (for IE8 compat) */
.sm-user-ui .sm-lightbox .sm-lightbox-panel,
.sm-user-ui .sm-lightbox .yui3-widget-hd .sm-lightbox-tools .sm-button,
.sm-user-ui .sm-lightbox .sm-lightbox-nav {
    background-color: #0A051A;
    border: none;
}

/* Good browsers only (no IE6-8) */
:root *> .sm-user-ui .sm-lightbox .sm-lightbox-panel,
:root *> .sm-user-ui .sm-lightbox .yui3-widget-hd .sm-lightbox-tools .sm-button,
:root *> .sm-user-ui .sm-lightbox .sm-lightbox-nav {
    background-color: rgba(10,5,26, 0.84);
}

:root *> .sm-user-ui .sm-lightbox .sm-lightbox-panel.sm-lightbox-ft-left,
:root *> .sm-user-ui .sm-lightbox .sm-lightbox-panel.sm-lightbox-ft-right {
    background-color: rgba(10,5,26, 0);
}

/* add background to buttons if there's no info */
:root *> .sm-user-ui .sm-lightbox .sm-lightbox-no-info .sm-lightbox-panel.sm-lightbox-ft-left,
:root *> .sm-user-ui .sm-lightbox .sm-lightbox-no-info .sm-lightbox-panel.sm-lightbox-ft-right {
    background-color: rgba(10,5,26, 0.84);
}

.sm-user-ui .sm-lightbox .sm-lightbox-panel .sm-lightbox-tools .sm-lightbox-icons .sm-button {
    background: none;
}

.sm-user-ui .sm-lightbox-basic .yui3-widget-ft .sm-lightbox-caption {
    color: #826EBD;
}

.sm-user-ui .sm-lightbox .sm-button.sm-button-skin-default .sm-fonticon {
    color: rgba(255,255,255, 0.72);
}

.sm-user-ui .sm-lightbox .sm-button.sm-button-skin-default:hover .sm-fonticon {
    color: #FFFFFF;
}

.sm-user-ui .sm-lightbox .sm-button.sm-button-image-like.sm-button-image-liked > .sm-button-fonticon,
.sm-user-ui .sm-lightbox .sm-button.sm-button-image-favorite.sm-button-image-favorited > .sm-button-fonticon {
    color: #FFFFFF;
}

.sm-user-ui .sm-lightbox-basic .sm-lightbox-info .sm-inlineedit-specific:hover,
.sm-user-ui .sm-lightbox-basic .sm-lightbox-info .sm-inlineedit-hover-button {
    color: #FFFFFF;
}

/* list of keywords separators */
.sm-user-ui .sm-lightbox-basic .sm-lightbox-info [data-name="Keywords"] > a  {
    border-right-color: #ffffff;
}

/* keywords border */
.sm-user-ui .sm-lightbox-basic .sm-lightbox-info-left .sm-lightbox-keywords > a:after {
    color: #ffffff;
}

/* -- Responsive styles ----------------------------------------------------- */
@media screen and (max-width: 640px) {
    .sm-user-ui .sm-lightbox.sm-lightbox-basic .yui3-widget-ft
            .sm-lightbox-ft-center {

        border-left: none;
        border-right: none;
    }
}/*<style>/**/
/* css rules must be specific enough to override yui menu-skin */

.sm-user-ui.yui3-menu-vertical .yui3-menu-children,
.sm-user-ui .yui3-menu-vertical .yui3-menu-children,
.sm-user-ui.yui3-menu-horizontal > .yui3-menu-children .yui3-menu-children,
.sm-user-ui .yui3-menu-horizontal > .yui3-menu-children .yui3-menu-children {
    background: #120829;
    -moz-box-shadow: 0 0 12px 4px rgba(0,0,0,.12);
    -webkit-box-shadow: 0 0 12px 4px rgba(0,0,0,.12);
    box-shadow: 0 0 12px 4px rgba(0,0,0,.12);
}
.sm-user-ui .yui3-menu-children,
.sm-user-ui .yui3-menu-label {
    border-color: #140A30;
}

.sm-user-ui a.yui3-menu-label,
.sm-user-ui a.yui3-menu-label:hover,
.sm-user-ui a.yui3-menu-label:visited,
.sm-user-ui.yui3-menu-vertical .yui3-menu-can-have-children > a.yui3-menu-label:after,
.sm-user-ui .yui3-menu-vertical .yui3-menu-can-have-children > a.yui3-menu-label:after,
.sm-user-ui.yui3-menu-vertical .yui3-menu-can-have-children > a.yui3-menu-label:hover:after,
.sm-user-ui .yui3-menu-vertical .yui3-menu-can-have-children > a.yui3-menu-label:hover:after {
    color: #ffffff;
}

.sm-user-ui.yui3-menu-vertical .yui3-menu-item:hover,
.sm-user-ui .yui3-menu-vertical .yui3-menu-item:hover,
.sm-user-ui.yui3-menu-horizontal > .yui3-menu-children > .yui3-menu-item .yui3-menu-item:hover,
.sm-user-ui .yui3-menu-horizontal > .yui3-menu-children > .yui3-menu-item .yui3-menu-item:hover {
    background: #140A30;
}

.sm-user-ui.yui3-menu-vertical a.yui3-menu-label:hover,
.sm-user-ui .yui3-menu-vertical a.yui3-menu-label:hover,
.sm-user-ui.yui3-menu-horizontal > .yui3-menu-children > .yui3-menu-item .yui3-menu-item a.yui3-menu-label:hover,
.sm-user-ui .yui3-menu-horizontal > .yui3-menu-children > .yui3-menu-item .yui3-menu-item a.yui3-menu-label:hover {
    background: #140A30;
    color: #ffffff;
}

.sm-user-ui .yui3-menu-heading .yui3-menu-label {
    color: #ffffff;
}

.sm-user-ui.yui3-menu-disabled > a.yui3-menu-label,
.sm-user-ui .yui3-menu-disabled > a.yui3-menu-label,
.sm-user-ui.yui3-menu-disabled:hover > a.yui3-menu-label,
.sm-user-ui .yui3-menu-disabled:hover > a.yui3-menu-label,
.sm-user-ui.yui3-menu-can-have-children.yui3-menu-disabled > a.yui3-menu-label:after,
.sm-user-ui .yui3-menu-can-have-children.yui3-menu-disabled > a.yui3-menu-label:after,
.sm-user-ui.yui3-menu-can-have-children.yui3-menu-disabled > a.yui3-menu-label:hover:after,
.sm-user-ui .yui3-menu-can-have-children.yui3-menu-disabled > a.yui3-menu-label:hover:after {
    color: #261259; /* Don't use TextColor, or it may not look obviously disabled. */
    background: #120829; /* prevent hover effect */
}
.sm-user-ui.sm-messagebox .sm-messagebox-msg,
.sm-user-ui .sm-messagebox .sm-messagebox-content {
    color: #ffffff;
}
.sm-user-ui .sm-overlay .sm-overlay-content {
    background-color: #030308;
    border-color: #381C85;
    -moz-box-shadow: 0px 3px 15px 5px rgba(0,0,0,.7);
    -webkit-box-shadow: 0px 3px 15px 5px rgba(0,0,0,.7);
    box-shadow: 0px 3px 15px 5px rgba(0,0,0,.7);
}


.sm-user-ui .sm-overlay-header-separated .yui3-widget-hd {
    border-bottom-color: #000000;
}


.sm-user-ui .sm-overlay-header-separated .yui3-widget-bd {
    border-top-color: #1A0D3B;
}

.sm-user-ui .sm-overlay .yui3-widget-hd h1 {
    color: #ffffff;
}

.sm-user-ui .sm-coachbar-message {
    color: #ffffff;
}html.sm-user-ui ,
.sm-user-ui  {
    background-color: #0D0821;
    color: #ffffff;
}

.sm-user-ui .sm-border {
    border-color: #1A0D3B;
}


html.sm-bg-transparent.sm-user-ui  {
    background-color: transparent;
}
.sm-user-ui .yui3-widget-mask,
.sm-user-ui .yui3-overlay-mask {
    background-color: #0D0821;
}

.sm-user-ui .sm-panel-content,
.sm-user-ui .sm-panel-flat {
    background-color: #120829;
    border-color: #140A30;
}

/**
 * Panels used as overlays need a box-shadow.
 * Alternatively you can force the shadow with a sm-panel-shadow.
 */
.sm-user-ui .sm-panel-content,
.sm-user-ui .sm-panel-shadow {
    -moz-box-shadow: 0 0 12px 4px rgba(0,0,0,.12);
    -webkit-box-shadow: 0 0 12px 4px rgba(0,0,0,.12);
    box-shadow: 0 0 12px 4px rgba(0,0,0,.12);
}

/**
 * Panel confirm, action
 */
.sm-user-ui .sm-panel.sm-panel-confirm.sm-panel-warning .yui3-widget-hd .sm-fonticon,
.sm-user-ui .sm-panel.sm-panel-action.sm-panel-warning .yui3-widget-hd .sm-fonticon {
    color: #ffff34;
}

.sm-user-ui .sm-panel.sm-panel-confirm.sm-panel-error .yui3-widget-hd .sm-fonticon,
.sm-user-ui .sm-panel.sm-panel-action.sm-panel-error .yui3-widget-hd .sm-fonticon {
    color: #ff3737;
}

.sm-user-ui .sm-panel.sm-panel-confirm.sm-panel-info .yui3-widget-hd .sm-fonticon,
.sm-user-ui .sm-panel.sm-panel-action.sm-panel-info .yui3-widget-hd .sm-fonticon {
    color: #6199df;
}

/**
 * Scrollbars
 */
.sm-user-ui .sm-panel.sm-panel-scrollable .yui3-widget-bd::-webkit-scrollbar,
.sm-user-ui .sm-panel .yui3-widget-bd .sm-tabs-content::-webkit-scrollbar,
.sm-user-ui .sm-customize-panel-content::-webkit-scrollbar {
    background-color: #140A30;
}

.sm-user-ui .sm-panel.sm-panel-scrollable .yui3-widget-bd::-webkit-scrollbar:vertical,
.sm-user-ui .sm-panel .yui3-widget-bd .sm-tabs-content::-webkit-scrollbar:vertical,
.sm-user-ui .sm-customize-panel-content::-webkit-scrollbar:vertical {
    width: 8px;
}

.sm-user-ui .sm-panel.sm-panel-scrollable .yui3-widget-bd::-webkit-scrollbar-thumb,
.sm-user-ui .sm-panel .yui3-widget-bd .sm-tabs-content::-webkit-scrollbar-thumb,
.sm-user-ui .sm-customize-panel-content::-webkit-scrollbar-thumb {
    border: 1px solid #211252;
    background-color: #1F0F4A;
}
.sm-user-ui #sm-node-password .sm-panel-padded {
	border: 1px solid #1A0D3B;
	background-color: #120829;
}

/*
    For small devices we get rid of the border and background color.
*/
@media only screen and (max-width: 342px) {
	.sm-user-ui #sm-node-password .sm-panel-padded {
		border: none;
		background-color: transparent;
	}
}
@-webkit-keyframes sm-user-ui-progress-spinner-left {
    0%, 100% {
        border-left-color: #FFFFFF;
    }
    50% {
        border-left-color: #1A0D3B;
    }
}
@-webkit-keyframes sm-user-ui-progress-spinner-right {
    0%, 100% {
        border-right-color: #FFFFFF;
    }
    50% {
        border-right-color: #1A0D3B;
    }
}
@keyframes sm-user-ui-progress-spinner-left {
    0%, 100% {
        border-left-color: #FFFFFF;
    }
    50% {
        border-left-color: #1A0D3B;
    }
}
@keyframes sm-user-ui-progress-spinner-right {
    0%, 100% {
        border-right-color: #FFFFFF;
    }
    50% {
        border-right-color: #1A0D3B;
    }
}

.sm-user-ui .sm-progress-spinner:before,
.sm-user-ui .sm-progress-spinner:after {
    -webkit-animation-name: sm-user-ui-progress-spinner-left, sm-user-ui-progress-spinner-right;
    animation-name: sm-user-ui-progress-spinner-left, sm-user-ui-progress-spinner-right;
}

.sm-user-ui .sm-pushlist-item-label:after {
    color: #ffffff;
}

.sm-user-ui .sm-pushlist-item > .sm-pushlist-item-label,
.sm-user-ui .sm-pushlist-item > a.sm-pushlist-item-label:active,
.sm-user-ui .sm-pushlist-item > a.sm-pushlist-item-label:visited {
    color: #ffffff;
    border-bottom-color: #140A30;
    border-bottom-color: rgba(255,255,255, 0.04);
}

.sm-user-ui .sm-pushlist-item > a.sm-pushlist-item-label:hover {
    color: #ffffff;
}

.sm-user-ui .sm-pushlist-child {
    background-color: #120829;
}

.sm-user-ui .sm-pushlist-header {
    border-top: 1px solid #1A0D3B;
    border-right: 1px solid #1A0D3B;
    border-bottom: 1px solid #1A0D3B;
}
.sm-user-ui .yui3-slider .yui3-slider-rail {
    background-color: #1A0D3B;
}

.sm-user-ui .yui3-slider .yui3-slider-thumb-image {
    background-color: #FFFFFF;
}

.sm-user-ui .yui3-slider .yui3-slider-rail-cap-left,
.sm-user-ui .yui3-slider .yui3-slider-rail-cap-bottom {
    background-color: #543B9C;
}
.sm-user-ui .sm-tab-label,
.sm-user-ui .sm-tab-label:visited {
    color: #ffffff;
    border-width: 1px;
    border-style: solid;
    border-color: transparent;
    border-bottom-color: #1A0D3B;
    background-color: #140A30;
}

.sm-user-ui .sm-tab-label:hover {
    color: #ffffff;
    border-color: #1F0F4A;
    background-color: #1F0F4A;
    vertical-align: baseline; /* override yui3 tabview style */
}

.sm-user-ui .sm-tab-label:active {
    color: #ffffff;
    border-color: #261259;
    background-color: #261259;
}

.sm-user-ui .yui3-tab-selected > .sm-tab-label,
.sm-user-ui .sm-tab-selected > .sm-tab-label {
    color: #ffffff;
    border-bottom-width: 1px;
    border-bottom-color: #FFFFFF;
    background-color: #1A0D3B;
}

.sm-user-ui .yui3-tab-selected > .sm-tab-label:hover,
.sm-user-ui .sm-tab-selected > .sm-tab-label:hover {
    background-color: #1F0F4A;
}

.sm-user-ui .sm-tab-label .sm-fonticon.sm-fonticon-small {
    margin-top: -8px;
}

/**
 * Vertical Tabs
 */
.sm-user-ui .sm-tabs-vertical {
    background-color: #140A30;
    border: 1px solid #1A0D3B;
}

.sm-user-ui .sm-tabs-vertical > .sm-tab {
    border-bottom-style: none;
}

.sm-user-ui .sm-tabs-vertical > .sm-tab > .sm-tab-label {
    margin-right: 0;
    padding: 3px 0;
    background-color: transparent;
    border-style: none;
    border-bottom: 1px solid #1C0D42;
}

.sm-user-ui .sm-tabs-vertical > .sm-tab > .sm-tab-label .sm-fonticon.sm-fonticon-small {
    margin-top: -8px;
}

.sm-user-ui .sm-tabs-vertical > .sm-tab > .sm-tab-label:hover {
    color: #ffffff;
    background-color: transparent;
    border-bottom-color: #211252;
}

.sm-user-ui .sm-tabs-vertical > .sm-tab > .sm-tab-label:active {
    color: #ffffff;
    background-color: transparent;
    border-bottom-color: #331A7A;
}

.sm-user-ui .sm-tabs-vertical .yui3-tab-selected > .sm-tab-label,
.sm-user-ui .sm-tabs-vertical .sm-tab-selected > .sm-tab-label {
    color: #ffffff;
    background-color: transparent;
    border-bottom-color: #FFFFFF;
}

.sm-user-ui .sm-tab-warning > .sm-tab-label,
.sm-user-ui .sm-tabs-vertical > .sm-tab-warning > .sm-tab-label,
.sm-user-ui .sm-tabs-vertical > .sm-tab-warning > .sm-tab-label:after,
.sm-user-ui .sm-tabs-vertical > .sm-tab-warning > .sm-tab-label:hover,
.sm-user-ui .sm-tabs-vertical > .sm-tab-selected.sm-tab-warning > .sm-tab-label {
    border-bottom-color: #ffff01;
    color: #ffff01;
}

.sm-user-ui .sm-tab-error > .sm-tab-label,
.sm-user-ui .sm-tabs-vertical > .sm-tab-error > .sm-tab-label,
.sm-user-ui .sm-tabs-vertical > .sm-tab-error > .sm-tab-label:after,
.sm-user-ui .sm-tabs-vertical > .sm-tab-error > .sm-tab-label:hover,
.sm-user-ui .sm-tabs-vertical > .sm-tab-selected.sm-tab-error > .sm-tab-label {
    border-bottom-color: #f20000;
    color: #f20000;
}
/* --- General -- */
.sm-user-ui .sm-tiles .sm-tile-content,
.sm-user-ui .sm-tiles-column-organic .sm-tile-content.sm-tile-content-empty,
.sm-user-ui .sm-tiles-column-organic.sm-tiles-info-over .sm-tile-content,
.sm-user-ui .sm-tiles-column-organic.sm-tiles-info-cover .sm-tile-content {
    background-color: #120829;
}
.sm-user-ui .sm-tiles-column-organic .sm-tile-content,
.sm-user-ui .sm-tiles-Th .sm-tile-content,
.sm-user-ui .sm-tiles-Ti .sm-tile-content {
    background-color: transparent;
}
/* --- Info Area --- */
.sm-user-ui .sm-tile-info {
    color: #ffffff;
}
.sm-user-ui .sm-tile-content > .sm-tile-info {
    /* Always use a gray info overlay, because vivid colors look awful */
    background-color: #242528; /* Non-rgba fallback */
    background-color: rgba(36,37,40, 0.6);
    color: #ffffff; /* Non-rgba fallback */
    color: rgba(255,255,255, 0.6);
}
.sm-user-ui .sm-tile-info .sm-tile-title {
    color: #ffffff;
}
.sm-user-ui .sm-tiles-column-organic.sm-tile-info-after .sm-tile-info {
    background-color: #140A30;
}
/* -- Cover Info Style -- */
.sm-user-ui .sm-tiles-info-cover .sm-badge-text,
.sm-user-ui .sm-tiles-info-cover .sm-tile-info-icon {
    color: rgba(255,255,255, 0.6);
}
/* --- Badges --- */
.sm-user-ui .sm-tile-content > .sm-badge-text {
    color: #ffffff;
    background-color: #120829;
    background-color: rgba(18,8,41, 0.6);
}

.sm-user-ui .sm-tile-content > .sm-icon-only {
   background-color: #120829;
   background-color: rgba(18,8,41, 0.6);
   border: 1px solid rgba(255,255,255, 0.6);
}

.sm-user-ui .sm-tile-content .sm-fonticon-Lock {
   color: rgba(255,255,255, 0.6);
}
/* --- Icons --- */
.sm-user-ui .sm-tile-content > .sm-tile-info-icon {
    /* Icons overlaid on the photo should always be white. */
    color: #FFFFFF;
    color: rgba(255,255,255, 0.72);
    text-shadow: 0 0 4px rgba(3,3,8, 0.72);
}
.sm-user-ui .sm-tile-placeholder-icon {
    color: #ffffff;
    color: rgba(255,255,255, 0.72);
}
/* -- Status Icons -- */
.sm-user-ui .sm-tile-status {
    background-color: rgba(18,8,41, 0.5);
    color: #ffffff; /* Non-rgba fallback */
    color: rgba(255,255,255, 0.75);
}
.sm-user-ui .sm-tile-selected .sm-tile-content:after {
    background-color: rgba(18,8,41, 0.25);
}
/* -- Overlay -- */
.sm-user-ui .sm-tile-overlay {
    background-color: rgba(255,255,255, 0.12);
}

.sm-user-ui .sm-toast {
    background-color: #FFFFFF;
    border: 1px solid #FFFFFF;
    box-shadow: 2px 2px 12px 4px rgba(13,8,33,0.7);
    color: #808080;
}
/************************************
 * Controls
 ***********************************/
.sm-user-ui .sm-slideshow .sm-slideshow-nav .sm-button,
.sm-user-ui .sm-slideshow .sm-slideshow-fullscreen-button,
.sm-user-ui .sm-slideshow .sm-slideshow-play-pause {
    background-color: rgba(10,5,26, 0.6);
}

.sm-user-ui .sm-slideshow .sm-button.sm-button-skin-default .sm-fonticon {
    color: rgba(255,255,255, 0.72);
}

.sm-user-ui .sm-slideshow .sm-button.sm-button-skin-default:hover .sm-fonticon {
    color: #FFFFFF;
}

/************************************
 * Filmstrip
 ***********************************/
.sm-user-ui .sm-slideshow,
.sm-user-ui .sm-slideshow .sm-slideshow-thumbs {
    border-color: #1C0D42;
}
.sm-user-ui .sm-slideshow-filmstrip .sm-filmstrip-back {
    border-right: 1px solid #1C0D42;
}
.sm-user-ui .sm-slideshow-filmstrip .sm-filmstrip-forward {
    border-left: 1px solid #1C0D42;
}
.sm-user-ui .sm-tooltip,
.sm-user-ui.sm-tooltip {
    color: #ffffff;
    background-color: #261259;
    border-color: #291463;
}

.sm-user-ui .sm-tooltip-blue,
.sm-user-ui.sm-tooltip-blue {
    color: #FFF;
    background-color: #1f5599;
    border-color: #1f5599;
    font-size: 14px;
    max-width: 400px;
    padding: 32px 24px 26px 24px;
}

.sm-user-ui .sm-tooltip-blue .sm-tooltip-content {
    line-height: 32px;
}

.sm-user-ui .sm-tooltip-arrow {
    color: #1f5599;
}

.sm-tooltip-blue .sm-tooltip-arrow:before {
    text-shadow: 0 0 8px rgba(0, 0, 0, .4);
}
.sm-user-ui .sm-page-widget .sm-page-widget-empty {
    border: 1px solid #120829;
}
.sm-user-ui .sm-search-input .sm-form-field-text-input {
    background-color: #1A0D3B;
    border-color: #1C0D42;
}

.sm-user-ui .sm-search-categories .sm-link-icon {
    color: #ffffff;
}

.sm-user-ui .sm-search-categories .sm-link-icon:hover {
    color: #ffffff;
}

.sm-user-ui .sm-search-categories .sm-link-icon.sm-search-active {
    color: #ffffff;
}

.sm-user-ui .sm-search-bar-fixed .sm-search-bar {
    background-color: #120829;
}

.sm-user-ui .sm-search-tile {
    background-color: #140A30;
}

.sm-user-ui .sm-search-tile-info {
    background-color: #1A0D3B; /* Non-rgba fallback */
    /* Always use a gray info overlay, because vivid colors look awful */
    background-color: rgba(18,8,41, 0.6);
}

.sm-user-ui .sm-search-tile-info p {
    color: #ffffff;
}

.sm-user-ui .sm-search-facetgroup .sm-search-facetgroup-hd > a {
    color: #ffffff;
}

.sm-user-ui .sm-search-facetgroup.sm-search-facetgroup-open .sm-search-facetgroup-hd > a {
    color: #ffffff;
}

.sm-user-ui .sm-search-facetgroup .sm-search-facetgroup-hd > a:hover {
    color: #ffffff;
}

.sm-user-ui .sm-search-facetgroup .sm-search-facet .sm-search-facet-title {
    color: #ffffff;
}

.sm-user-ui .sm-search-facetvalue .sm-input-label {
    color: #ffffff;
}

.sm-user-ui .sm-search-facetvalue .sm-input-label:hover {
    color: #ffffff;
}

.sm-user-ui .sm-search-facetvalue .sm-input-label.sm-input-label-disabled,
.sm-search-facetvalue .sm-input-label.sm-input-label-disabled:hover {
    color: #ffffff;
}

.sm-user-ui .sm-checkbox-label.sm-input-label-checked,
.sm-checkbox-label.sm-input-label-checked:hover {
    color: #ffffff;
}

.sm-user-ui .sm-radio-label.sm-input-label-checked,
.sm-radio-label.sm-input-label-checked:hover {
    color: #ffffff;
}

/**
 * Search bar
 */
.sm-user-ui .sm-search-bar-fixed .sm-search-bar {
    -webkit-box-shadow: 0px 0px 24px 8px rgba(0,0,0, 0.25);
    -moz-box-shadow: 0px 0px 24px 8px rgba(0,0,0, 0.25);
    box-shadow: 0px 0px 24px 8px rgba(0,0,0, 0.25);
    border-bottom: 1px solid rgba(255,255,255, 0.06);
}

/**
 * Tile overlay
 */
.sm-user-ui .sm-search-tile-overlay .sm-search-result-img {
    background-color: #120829;
    border-color: #1C0D42;
    -moz-box-shadow: 0 0 24px 8px rgba(0,0,0, 0.25);
    -webkit-box-shadow: 0 0 24px 8px rgba(0,0,0, 0.25);
    box-shadow: 0 0 24px 8px rgba(0,0,0, 0.25);
}

/**
 * Facets
 */
.sm-user-ui .sm-search-facetgroup,
.sm-user-ui .sm-search-facetgroup.sm-search-facetgroup-open .sm-search-facetgroup-hd {
    border-bottom: 1px solid #1A0D3B;
}

.sm-user-ui .sm-search-facetgroup .sm-search-facetgroup-hd > .sm-fonticon {
    color: #ffffff;
}

.sm-user-ui .sm-search-facetgroup .sm-search-facetgroup-hd:hover > .sm-fonticon {
    color: #ffffff;
}
/******************************************************************************/
/********************************* STANDARD ***********************************/
/******************************************************************************/


.sm-user-ui .sm-page-widget-nav-popover.sm-page-widget-nav-color-default a,
.sm-user-ui .sm-page-widget-nav-popover.sm-page-widget-nav-color-default a:visited {
    color: #ffffff;
}

.sm-user-ui .sm-page-widget-nav-popover.sm-page-widget-nav-color-default a:hover,
.sm-user-ui .sm-page-widget-nav-popover.sm-page-widget-nav-color-default a:active {
    color: #ffffff;
}

.sm-user-ui .sm-page-widget-nav-popover.sm-page-widget-nav-color-emphasized a,
.sm-user-ui .sm-page-widget-nav-popover.sm-page-widget-nav-color-emphasized a:visited,
.sm-user-ui .sm-page-widget-nav-popover.sm-page-widget-nav-color-emphasized a:hover,
.sm-user-ui .sm-page-widget-nav-popover.sm-page-widget-nav-color-emphasized a:active {
    color: #ffffff;
}

.sm-user-ui .sm-page-widget-nav-popover.sm-page-widget-nav-color-muted a,
.sm-user-ui .sm-page-widget-nav-popover.sm-page-widget-nav-color-muted a:visited {
    color: #ffffff;
}

.sm-user-ui .sm-page-widget-nav-popover.sm-page-widget-nav-color-muted a:hover,
.sm-user-ui .sm-page-widget-nav-popover.sm-page-widget-nav-color-muted a:active {
    color: #ffffff;
}

.sm-user-ui .sm-page-widget-nav-popover.sm-page-widget-nav-color-accent a,
.sm-user-ui .sm-page-widget-nav-popover.sm-page-widget-nav-color-accent a:visited,
.sm-user-ui .sm-page-widget-nav-popover.sm-page-widget-nav-color-accent a:hover,
.sm-user-ui .sm-page-widget-nav-popover.sm-page-widget-nav-color-accent a:active {
    color: #FFFFFF;
}

.sm-user-ui .sm-page-widget-nav-popover.sm-page-widget-nav-horizontal.sm-page-widget-nav-toplinks-separator .sm-page-widget-nav-toplink {
    border-right-color: #140A30;
    border-right-color: rgba(255,255,255, 0.1);
}

.sm-user-ui .sm-page-widget-nav-popover.sm-page-widget-nav-vertical.sm-page-widget-nav-toplinks-separator .sm-page-widget-nav-toplink {
    border-bottom-color: #140A30;
    border-bottom-color: rgba(255,255,255, 0.1);
}


/******************************************************************************/
/******************************** ACCORDION ***********************************/
/******************************************************************************/
.sm-user-ui .sm-page-widget-nav-accordion.sm-page-widget-nav-color-default .sm-accordion-item-label,
.sm-user-ui .sm-page-widget-nav-accordion.sm-page-widget-nav-color-default .sm-accordion-item-label:visited,
.sm-user-ui .sm-page-widget-nav-accordion.sm-page-widget-nav-color-default .sm-accordion-item-action,
.sm-user-ui .sm-page-widget-nav-accordion.sm-page-widget-nav-color-default .sm-accordion-item-action:visited {
    color: #ffffff;
}

.sm-user-ui .sm-page-widget-nav-accordion.sm-page-widget-nav-color-default .sm-accordion-item-label:hover,
.sm-user-ui .sm-page-widget-nav-accordion.sm-page-widget-nav-color-default .sm-accordion-item-label:active,
.sm-user-ui .sm-page-widget-nav-accordion.sm-page-widget-nav-color-default .sm-accordion-item-action:hover,
.sm-user-ui .sm-page-widget-nav-accordion.sm-page-widget-nav-color-default .sm-accordion-item-action:active {
    color: #ffffff;
}

.sm-user-ui .sm-page-widget-nav-accordion.sm-page-widget-nav-color-emphasized .sm-accordion-item-label,
.sm-user-ui .sm-page-widget-nav-accordion.sm-page-widget-nav-color-emphasized .sm-accordion-item-label:visited,
.sm-user-ui .sm-page-widget-nav-accordion.sm-page-widget-nav-color-emphasized .sm-accordion-item-label:hover,
.sm-user-ui .sm-page-widget-nav-accordion.sm-page-widget-nav-color-emphasized .sm-accordion-item-label:active,
.sm-user-ui .sm-page-widget-nav-accordion.sm-page-widget-nav-color-emphasized .sm-accordion-item-action,
.sm-user-ui .sm-page-widget-nav-accordion.sm-page-widget-nav-color-emphasized .sm-accordion-item-action:visited,
.sm-user-ui .sm-page-widget-nav-accordion.sm-page-widget-nav-color-emphasized .sm-accordion-item-action:hover,
.sm-user-ui .sm-page-widget-nav-accordion.sm-page-widget-nav-color-emphasized .sm-accordion-item-action:active {
    color: #ffffff;
}

.sm-user-ui .sm-page-widget-nav-accordion.sm-page-widget-nav-color-muted .sm-accordion-item-label,
.sm-user-ui .sm-page-widget-nav-accordion.sm-page-widget-nav-color-muted .sm-accordion-item-label:visited,
.sm-user-ui .sm-page-widget-nav-accordion.sm-page-widget-nav-color-muted .sm-accordion-item-action,
.sm-user-ui .sm-page-widget-nav-accordion.sm-page-widget-nav-color-muted .sm-accordion-item-action:visited {
    color: #ffffff;
}

.sm-user-ui .sm-page-widget-nav-accordion.sm-page-widget-nav-color-muted .sm-accordion-item-label:hover,
.sm-user-ui .sm-page-widget-nav-accordion.sm-page-widget-nav-color-muted .sm-accordion-item-label:active,
.sm-user-ui .sm-page-widget-nav-accordion.sm-page-widget-nav-color-muted .sm-accordion-item-action:hover,
.sm-user-ui .sm-page-widget-nav-accordion.sm-page-widget-nav-color-muted .sm-accordion-item-action:active {
    color: #ffffff;
}

.sm-user-ui .sm-page-widget-nav-accordion.sm-page-widget-nav-color-accent .sm-accordion-item-label,
.sm-user-ui .sm-page-widget-nav-accordion.sm-page-widget-nav-color-accent .sm-accordion-item-label:visited,
.sm-user-ui .sm-page-widget-nav-accordion.sm-page-widget-nav-color-accent .sm-accordion-item-label:hover,
.sm-user-ui .sm-page-widget-nav-accordion.sm-page-widget-nav-color-accent .sm-accordion-item-label:active,
.sm-user-ui .sm-page-widget-nav-accordion.sm-page-widget-nav-color-accent .sm-accordion-item-action,
.sm-user-ui .sm-page-widget-nav-accordion.sm-page-widget-nav-color-accent .sm-accordion-item-action:visited,
.sm-user-ui .sm-page-widget-nav-accordion.sm-page-widget-nav-color-accent .sm-accordion-item-action:hover,
.sm-user-ui .sm-page-widget-nav-accordion.sm-page-widget-nav-color-accent .sm-accordion-item-action:active {
    color: #FFFFFF;
}


/******************************************************************************/
/********************************* FOOTER *************************************/
/******************************************************************************/


.sm-user-ui .sm-page-widget-nav-footer.sm-page-widget-nav-color-default .sm-page-widget-nav-topitem,
.sm-user-ui .sm-page-widget-nav-footer.sm-page-widget-nav-color-default .sm-page-widget-nav-topitem:visited {
    color: #ffffff;
}

.sm-user-ui .sm-page-widget-nav-footer.sm-page-widget-nav-color-default .sm-page-widget-nav-subitem,
.sm-user-ui .sm-page-widget-nav-footer.sm-page-widget-nav-color-default .sm-page-widget-nav-subitem:visited {
    color: #ffffff;
}

.sm-user-ui .sm-page-widget-nav-footer.sm-page-widget-nav-color-default .sm-page-widget-nav-topitem:hover,
.sm-user-ui .sm-page-widget-nav-footer.sm-page-widget-nav-color-default .sm-page-widget-nav-topitem:active,
.sm-user-ui .sm-page-widget-nav-footer.sm-page-widget-nav-color-default .sm-page-widget-nav-subitem:hover,
.sm-user-ui .sm-page-widget-nav-footer.sm-page-widget-nav-color-default .sm-page-widget-nav-subitem:active {
    color: #ffffff;
}

.sm-user-ui .sm-page-widget-nav-footer.sm-page-widget-nav-color-emphasized .sm-page-widget-nav-topitem,
.sm-user-ui .sm-page-widget-nav-footer.sm-page-widget-nav-color-emphasized .sm-page-widget-nav-topitem:visited,
.sm-user-ui .sm-page-widget-nav-footer.sm-page-widget-nav-color-emphasized .sm-page-widget-nav-topitem:hover,
.sm-user-ui .sm-page-widget-nav-footer.sm-page-widget-nav-color-emphasized .sm-page-widget-nav-topitem:active {
    color: #ffffff;
}

.sm-user-ui .sm-page-widget-nav-footer.sm-page-widget-nav-color-emphasized .sm-page-widget-nav-subitem,
.sm-user-ui .sm-page-widget-nav-footer.sm-page-widget-nav-color-emphasized .sm-page-widget-nav-subitem:visited,
.sm-user-ui .sm-page-widget-nav-footer.sm-page-widget-nav-color-emphasized .sm-page-widget-nav-subitem:hover,
.sm-user-ui .sm-page-widget-nav-footer.sm-page-widget-nav-color-emphasized .sm-page-widget-nav-subitem:active {
    color: #ffffff;
}

.sm-user-ui .sm-page-widget-nav-footer.sm-page-widget-nav-color-muted .sm-page-widget-nav-topitem,
.sm-user-ui .sm-page-widget-nav-footer.sm-page-widget-nav-color-muted .sm-page-widget-nav-topitem:visited {
    color: #ffffff;
}

.sm-user-ui .sm-page-widget-nav-footer.sm-page-widget-nav-color-muted .sm-page-widget-nav-subitem,
.sm-user-ui .sm-page-widget-nav-footer.sm-page-widget-nav-color-muted .sm-page-widget-nav-subitem:visited {
    color: #ffffff;
}

.sm-user-ui .sm-page-widget-nav-footer.sm-page-widget-nav-color-muted .sm-page-widget-nav-topitem:hover,
.sm-user-ui .sm-page-widget-nav-footer.sm-page-widget-nav-color-muted .sm-page-widget-nav-topitem:active,
.sm-user-ui .sm-page-widget-nav-footer.sm-page-widget-nav-color-muted .sm-page-widget-nav-subitem:hover,
.sm-user-ui .sm-page-widget-nav-footer.sm-page-widget-nav-color-muted .sm-page-widget-nav-subitem:active {
    color: #ffffff;
}

.sm-user-ui .sm-page-widget-nav-footer.sm-page-widget-nav-color-accent .sm-page-widget-nav-topitem,
.sm-user-ui .sm-page-widget-nav-footer.sm-page-widget-nav-color-accent .sm-page-widget-nav-topitem:visited,
.sm-user-ui .sm-page-widget-nav-footer.sm-page-widget-nav-color-accent .sm-page-widget-nav-topitem:hover,
.sm-user-ui .sm-page-widget-nav-footer.sm-page-widget-nav-color-accent .sm-page-widget-nav-topitem:active,
.sm-user-ui .sm-page-widget-nav-footer.sm-page-widget-nav-color-accent .sm-page-widget-nav-subitem,
.sm-user-ui .sm-page-widget-nav-footer.sm-page-widget-nav-color-accent .sm-page-widget-nav-subitem:visited,
.sm-user-ui .sm-page-widget-nav-footer.sm-page-widget-nav-color-accent .sm-page-widget-nav-subitem:hover,
.sm-user-ui .sm-page-widget-nav-footer.sm-page-widget-nav-color-accent .sm-page-widget-nav-subitem:active {
    color: #FFFFFF;
}


/******************************************************************************/
/********************************* MOBILE *************************************/
/******************************************************************************/


.sm-user-ui .sm-page-widget-nav-mobile .sm-page-widget-nav-mobile-header {
    background-color: #120829;
}

.sm-user-ui .sm-page-widget-nav-mobile.sm-page-widget-nav-color-default .sm-accordion-item-label,
.sm-user-ui .sm-page-widget-nav-mobile.sm-page-widget-nav-color-default .sm-accordion-item-label:visited,
.sm-user-ui .sm-page-widget-nav-mobile.sm-page-widget-nav-color-default .sm-accordion-item-action,
.sm-user-ui .sm-page-widget-nav-mobile.sm-page-widget-nav-color-default .sm-accordion-item-action:visited,
.sm-user-ui .sm-page-widget-nav-mobile.sm-page-widget-nav-color-default .sm-page-widget-nav-menu-expand > a,
.sm-user-ui .sm-page-widget-nav-mobile.sm-page-widget-nav-color-default .sm-page-widget-nav-menu-expand > a:visited,
.sm-user-ui .sm-page-widget-nav-mobile.sm-page-widget-nav-color-default ul.vertical a,
.sm-user-ui .sm-page-widget-nav-mobile.sm-page-widget-nav-color-default ul.vertical a:visited {
    color: #ffffff;
}

.sm-user-ui .sm-page-widget-nav-mobile.sm-page-widget-nav-color-default .sm-accordion-item-label:hover,
.sm-user-ui .sm-page-widget-nav-mobile.sm-page-widget-nav-color-default .sm-accordion-item-label:active,
.sm-user-ui .sm-page-widget-nav-mobile.sm-page-widget-nav-color-default .sm-accordion-item-action:hover,
.sm-user-ui .sm-page-widget-nav-mobile.sm-page-widget-nav-color-default .sm-accordion-item-action:active,
.sm-user-ui .sm-page-widget-nav-mobile.sm-page-widget-nav-color-default .sm-page-widget-nav-menu-expand > a:hover,
.sm-user-ui .sm-page-widget-nav-mobile.sm-page-widget-nav-color-default .sm-page-widget-nav-menu-expand > a:active,
.sm-user-ui .sm-page-widget-nav-mobile.sm-page-widget-nav-color-default ul.vertical a:hover,
.sm-user-ui .sm-page-widget-nav-mobile.sm-page-widget-nav-color-default ul.vertical a:active {
    color: #ffffff;
}

.sm-user-ui .sm-page-widget-nav-mobile.sm-page-widget-nav-color-emphasized .sm-accordion-item-label,
.sm-user-ui .sm-page-widget-nav-mobile.sm-page-widget-nav-color-emphasized .sm-accordion-item-label:visited,
.sm-user-ui .sm-page-widget-nav-mobile.sm-page-widget-nav-color-emphasized .sm-accordion-item-label:hover,
.sm-user-ui .sm-page-widget-nav-mobile.sm-page-widget-nav-color-emphasized .sm-accordion-item-label:active,
.sm-user-ui .sm-page-widget-nav-mobile.sm-page-widget-nav-color-emphasized .sm-accordion-item-action,
.sm-user-ui .sm-page-widget-nav-mobile.sm-page-widget-nav-color-emphasized .sm-accordion-item-action:visited,
.sm-user-ui .sm-page-widget-nav-mobile.sm-page-widget-nav-color-emphasized .sm-accordion-item-action:hover,
.sm-user-ui .sm-page-widget-nav-mobile.sm-page-widget-nav-color-emphasized .sm-accordion-item-action:active,
.sm-user-ui .sm-page-widget-nav-mobile.sm-page-widget-nav-color-emphasized .sm-page-widget-nav-menu-expand > a,
.sm-user-ui .sm-page-widget-nav-mobile.sm-page-widget-nav-color-emphasized .sm-page-widget-nav-menu-expand > a:visited,
.sm-user-ui .sm-page-widget-nav-mobile.sm-page-widget-nav-color-emphasized .sm-page-widget-nav-menu-expand > a:hover,
.sm-user-ui .sm-page-widget-nav-mobile.sm-page-widget-nav-color-emphasized .sm-page-widget-nav-menu-expand > a:active,
.sm-user-ui .sm-page-widget-nav-mobile.sm-page-widget-nav-color-emphasized ul.vertical a,
.sm-user-ui .sm-page-widget-nav-mobile.sm-page-widget-nav-color-emphasized ul.vertical a:visited,
.sm-user-ui .sm-page-widget-nav-mobile.sm-page-widget-nav-color-emphasized ul.vertical a:hover,
.sm-user-ui .sm-page-widget-nav-mobile.sm-page-widget-nav-color-emphasized ul.vertical a:active {
    color: #ffffff;
}

.sm-user-ui .sm-page-widget-nav-mobile.sm-page-widget-nav-color-muted .sm-accordion-item-label,
.sm-user-ui .sm-page-widget-nav-mobile.sm-page-widget-nav-color-muted .sm-accordion-item-label:visited,
.sm-user-ui .sm-page-widget-nav-mobile.sm-page-widget-nav-color-muted .sm-accordion-item-action,
.sm-user-ui .sm-page-widget-nav-mobile.sm-page-widget-nav-color-muted .sm-accordion-item-action:visited,
.sm-user-ui .sm-page-widget-nav-mobile.sm-page-widget-nav-color-muted .sm-page-widget-nav-menu-expand > a,
.sm-user-ui .sm-page-widget-nav-mobile.sm-page-widget-nav-color-muted .sm-page-widget-nav-menu-expand > a:visited,
.sm-user-ui .sm-page-widget-nav-mobile.sm-page-widget-nav-color-muted ul.vertical a,
.sm-user-ui .sm-page-widget-nav-mobile.sm-page-widget-nav-color-muted ul.vertical a:visited {
    color: #ffffff;
}

.sm-user-ui .sm-page-widget-nav-mobile.sm-page-widget-nav-color-muted .sm-accordion-item-label:hover,
.sm-user-ui .sm-page-widget-nav-mobile.sm-page-widget-nav-color-muted .sm-accordion-item-label:active,
.sm-user-ui .sm-page-widget-nav-mobile.sm-page-widget-nav-color-muted .sm-accordion-item-action:hover,
.sm-user-ui .sm-page-widget-nav-mobile.sm-page-widget-nav-color-muted .sm-accordion-item-action:active,
.sm-user-ui .sm-page-widget-nav-mobile.sm-page-widget-nav-color-muted .sm-page-widget-nav-menu-expand > a:hover,
.sm-user-ui .sm-page-widget-nav-mobile.sm-page-widget-nav-color-muted .sm-page-widget-nav-menu-expand > a:active,
.sm-user-ui .sm-page-widget-nav-mobile.sm-page-widget-nav-color-muted ul.vertical a:hover,
.sm-user-ui .sm-page-widget-nav-mobile.sm-page-widget-nav-color-muted ul.vertical a:active {
    color: #ffffff;
}

.sm-user-ui .sm-page-widget-nav-mobile.sm-page-widget-nav-color-accent .sm-accordion-item-label,
.sm-user-ui .sm-page-widget-nav-mobile.sm-page-widget-nav-color-accent .sm-accordion-item-label:visited,
.sm-user-ui .sm-page-widget-nav-mobile.sm-page-widget-nav-color-accent .sm-accordion-item-label:hover,
.sm-user-ui .sm-page-widget-nav-mobile.sm-page-widget-nav-color-accent .sm-accordion-item-label:active,
.sm-user-ui .sm-page-widget-nav-mobile.sm-page-widget-nav-color-accent .sm-accordion-item-action,
.sm-user-ui .sm-page-widget-nav-mobile.sm-page-widget-nav-color-accent .sm-accordion-item-action:visited,
.sm-user-ui .sm-page-widget-nav-mobile.sm-page-widget-nav-color-accent .sm-accordion-item-action:hover,
.sm-user-ui .sm-page-widget-nav-mobile.sm-page-widget-nav-color-accent .sm-accordion-item-action:active,
.sm-user-ui .sm-page-widget-nav-mobile.sm-page-widget-nav-color-accent .sm-page-widget-nav-menu-expand > a,
.sm-user-ui .sm-page-widget-nav-mobile.sm-page-widget-nav-color-accent .sm-page-widget-nav-menu-expand > a:visited,
.sm-user-ui .sm-page-widget-nav-mobile.sm-page-widget-nav-color-accent .sm-page-widget-nav-menu-expand > a:hover,
.sm-user-ui .sm-page-widget-nav-mobile.sm-page-widget-nav-color-accent .sm-page-widget-nav-menu-expand > a:active,
.sm-user-ui .sm-page-widget-nav-mobile.sm-page-widget-nav-color-accent ul.vertical a,
.sm-user-ui .sm-page-widget-nav-mobile.sm-page-widget-nav-color-accent ul.vertical a:visited,
.sm-user-ui .sm-page-widget-nav-mobile.sm-page-widget-nav-color-accent ul.vertical a:hover,
.sm-user-ui .sm-page-widget-nav-mobile.sm-page-widget-nav-color-accent ul.vertical a:active {
    color: #FFFFFF;
}

.sm-user-ui .sm-page-widget-nav-mobile.sm-page-widget-nav-mobile-items-visible .sm-page-widget-nav-menu-expand > a,
.sm-user-ui .sm-page-widget-nav-mobile.sm-page-widget-nav-mobile-items-visible .sm-page-widget-nav-menu-expand > a:visited,
.sm-user-ui .sm-page-widget-nav-mobile.sm-page-widget-nav-mobile-items-visible .sm-page-widget-nav-menu-expand > a:active,
.sm-user-ui .sm-page-widget-nav-mobile.sm-page-widget-nav-mobile-items-visible .sm-page-widget-nav-menu-expand > a:hover {
    color: #ffffff;
}

.sm-user-ui .sm-page-widget-nav-mobile.sm-page-widget-nav-toplinks-separator .vertical .sm-page-widget-nav-toplink {
    border-bottom-color: #140A30;
    border-bottom-color: rgba(255,255,255, 0.08);
}/* map background */
.sm-user-ui .leaflet-container {
	background-color: #140A30;
    }


/* layer control */
.sm-user-ui .leaflet-control-layers {
    background-color: #fff;
    color: #333;
   }

.sm-user-ui .leaflet-control-layers a {
    color: #888;
    }


/* attribution control */
.sm-user-ui .leaflet-control-attribution,
.sm-user-ui .leaflet-control-attribution a {
    color: #555;
    }


/* zoom in/out control */
.sm-user-ui .leaflet-bar a {
    background-color: #fff;
    }

.sm-user-ui .leaflet-bar a {
    color: #666;
    }

.sm-user-ui .leaflet-bar a:hover {
    background-color: #fff;
    color: #666;
    }

.sm-user-ui .leaflet-bar a.leaflet-disabled {
    background-color: #fafafa;
    color: #aaa;
    }


/* map pin */
.sm-user-ui .smugmap-pin .sm-fonticon {
	color: #1A0D3B;
    text-shadow: -1px 0 0 rgba(43,23,107, 0.75),
                 1px 0 0 rgba(43,23,107, 0.75),
                 0 -1px 0 rgba(43,23,107, 0.75),
                 0 1px 0 rgba(43,23,107, 0.75),
                 1px -1px 5px rgba(0, 0, 0, .25);
    }

.sm-user-ui .smugmap-pin .plug {
	background-color: rgba(255,255,255, 0.75);
    }

.sm-user-ui .smugmap-pin.smugmap-pin-selected .sm-fonticon {
	color: #4f7700;
    text-shadow: -1px 0 0 rgba(147,221,0, 0.75),
                 1px 0 0 rgba(147,221,0, 0.75),
                 0 -1px 0 rgba(147,221,0, 0.75),
                 0 1px 0 rgba(147,221,0, 0.75),
                 1px -1px 5px rgba(0, 0, 0, .25);
    }

.sm-user-ui .smugmap-pin.smugmap-pin-selected .plug {
	background-color: rgba(181,255,34, 0.75);
    }


/* markercluster */
.sm-user-ui .marker-cluster {
    box-shadow: 1px -1px 5px rgba(0, 0, 0, .25);
    }

.sm-user-ui .marker-cluster div {
    color: #ffffff;
    }

.sm-user-ui .marker-cluster-small {
	background-color: rgba(43,23,107, 0.75);
	}

.sm-user-ui .marker-cluster-small div {
	background-color: #1A0D3B;
	}

.sm-user-ui .marker-cluster-medium {
	background-color: rgba(43,23,107, 0.75);
	}

.sm-user-ui .marker-cluster-medium div {
	background-color: #1A0D3B;
	}

.sm-user-ui .marker-cluster-large {
	background-color: rgba(43,23,107, 0.75);
	}

.sm-user-ui .marker-cluster-large div {
	background-color: #1A0D3B;
	}
	
	
/* accent markercluster */
.sm-user-ui .marker-cluster.smugmap-accent-cluster {
    box-shadow: 1px -1px 5px rgba(0, 0, 0, .25);
    }

.sm-user-ui .marker-cluster.smugmap-accent-cluster div {
    color: #f4ffdd;
    }

.sm-user-ui .marker-cluster-small.smugmap-accent-cluster {
	background-color: rgba(147,221,0, 0.75);
	}

.sm-user-ui .marker-cluster-small.smugmap-accent-cluster div {
	background-color: #4f7700;
	}

.sm-user-ui .marker-cluster-medium.smugmap-accent-cluster {
	background-color: rgba(147,221,0, 0.75);
	}

.sm-user-ui .marker-cluster-medium.smugmap-accent-cluster div {
	background-color: #4f7700;
	}

.sm-user-ui .marker-cluster-large.smugmap-accent-cluster {
	background-color: rgba(147,221,0, 0.75);
	}

.sm-user-ui .marker-cluster-large.smugmap-accent-cluster div {
	background-color: #4f7700;
	}


/* marker popup */
.sm-user-ui .leaflet-popup-content-wrapper,
.sm-user-ui .leaflet-popup-tip {
	background-color: #6952AD;
    }

.sm-user-ui .leaflet-container a.leaflet-popup-close-button {
    background-color: #6952AD;
    color: #ffffff;
    }
.sm-user-ui .sm-page-widget-text a,
.sm-user-ui .sm-page-widget-text a:hover,
.sm-user-ui .sm-page-widget-text a:active,
.sm-user-ui .sm-page-widget-text a:visited {
    color: #FFFFFF;
}
.sm-user-ui .sm-node-status {
       background: #140A30;
}.sm-user-ui .sm-page-widget-profile .sm-page-widget-profile-biophoto {
    border-color: #ffffff;
}

.sm-user-ui .sm-page-widget-profile .sm-page-widget-profile-nocover .sm-page-widget-profile-biophoto-empty {
    background-color: #140A30;
    border-color: rgba(255,255,255, .06);

}

.sm-user-ui .sm-page-widget-profile .sm-page-widget-profile-nocover .sm-page-widget-profile-biophoto-empty .sm-fonticon {
    color: #ffffff;
}

.sm-user-ui .sm-page-widget-profile .sm-page-widget-profile-nocover .sm-page-widget-profile-header {
    border-bottom-color: rgba(255,255,255, .06);
}

.sm-user-ui .sm-page-widget-profile .sm-page-widget-profile-social-official .sm-page-widget-profile-link .sm-fonticon {
    color: #FFFFFF;
}.sm-user-ui .sm-page-widget-separator hr {
    border: none;
    background-color: #1A0D3B;
    background-color: rgba(255,255,255, 0.12);
}

.sm-user-ui .sm-page-widget-separator hr.sm-page-widget-separator-muted {
    background-color: #120829;
    background-color: rgba(255,255,255, 0.08);
}

.sm-user-ui .sm-page-widget-separator hr.sm-page-widget-separator-accent {
    background-color: #FFFFFF;
}
.sm-user-ui .sm-page-widget-keywords .sm-keyword-one {
    color: #ffffff;
}

.sm-user-ui .sm-page-widget-keywords .sm-keyword-two {
    color: #ffffff;
}

.sm-user-ui .sm-page-widget-keywords .sm-keyword-three {
    color: #ffffff;
}

.sm-user-ui .sm-page-widget-keywords .sm-keyword-four {
    color: #ffffff;
}

.sm-user-ui .sm-page-widget-keywords .sm-keyword-five {
    color: #ffffff;
}

.sm-user-ui .sm-page-widget-keywords .sm-keyword-six {
    color: #ffffff;
}

.sm-user-ui .sm-page-widget-keywords .sm-keyword-seven {
    color: #ffffff;
}

.sm-user-ui .sm-page-widget-keywords .sm-keyword-eight {
    color: #ffffff;
}

.sm-user-ui .sm-page-widget-keywords .sm-keyword-nine {
    color: #ffffff;
}

.sm-user-ui .sm-page-widget-keywords .sm-keyword-ten {
    color: #ffffff;
}

.sm-user-ui .sm-page-widget-keywords .sm-keywords-list > a {
    border-right-color: #ffffff;
}
.sm-user-ui .sm-page-widget-social-links-link .sm-official .sm-fonticon {
    color: #ffffff;
}.sm-user-ui .sm-page-widget-adsense .sm-page-widget-adsense-placeholder {
    border: 1px dashed #1A0D3B;
}/************************
 * Color Background *****
************************/
html.sm-user-ui  {
    background-size: 100%;
}

@media screen and (max-width: 768px) {
    html.sm-user-ui  {
        background-size: auto;
    }
}


.sm-tile-keywords { display: none; }